61 lines
No EOL
3.4 KiB
JavaScript
61 lines
No EOL
3.4 KiB
JavaScript
"use strict";
|
|
'use client';
|
|
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.useApplyDefaultValuesToDateTimeValidationProps = useApplyDefaultValuesToDateTimeValidationProps;
|
|
exports.useDateTimeManager = useDateTimeManager;
|
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _dateUtils = require("../internals/utils/date-utils");
|
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
var _validation = require("../validation");
|
|
var _useUtils = require("../internals/hooks/useUtils");
|
|
var _hooks = require("../hooks");
|
|
function useDateTimeManager(parameters = {}) {
|
|
const {
|
|
enableAccessibleFieldDOMStructure = true
|
|
} = parameters;
|
|
return React.useMemo(() => ({
|
|
valueType: 'date-time',
|
|
validator: _validation.validateDateTime,
|
|
internal_valueManager: _valueManagers.singleItemValueManager,
|
|
internal_fieldValueManager: _valueManagers.singleItemFieldValueManager,
|
|
internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
|
|
internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateTimeFieldInternalProps,
|
|
internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
|
|
}), [enableAccessibleFieldDOMStructure]);
|
|
}
|
|
function useOpenPickerButtonAriaLabel(value) {
|
|
const adapter = (0, _hooks.usePickerAdapter)();
|
|
const translations = (0, _hooks.usePickerTranslations)();
|
|
return React.useMemo(() => {
|
|
const formattedValue = adapter.isValid(value) ? adapter.format(value, 'fullDate') : null;
|
|
return translations.openDatePickerDialogue(formattedValue);
|
|
}, [value, translations, adapter]);
|
|
}
|
|
function useApplyDefaultValuesToDateTimeFieldInternalProps(internalProps) {
|
|
const adapter = (0, _hooks.usePickerAdapter)();
|
|
const validationProps = useApplyDefaultValuesToDateTimeValidationProps(internalProps);
|
|
const ampm = React.useMemo(() => internalProps.ampm ?? adapter.is12HourCycleInCurrentLocale(), [internalProps.ampm, adapter]);
|
|
return React.useMemo(() => (0, _extends2.default)({}, internalProps, validationProps, {
|
|
format: internalProps.format ?? (ampm ? adapter.formats.keyboardDateTime12h : adapter.formats.keyboardDateTime24h)
|
|
}), [internalProps, validationProps, ampm, adapter]);
|
|
}
|
|
function useApplyDefaultValuesToDateTimeValidationProps(props) {
|
|
const adapter = (0, _hooks.usePickerAdapter)();
|
|
const defaultDates = (0, _useUtils.useDefaultDates)();
|
|
return React.useMemo(() => ({
|
|
disablePast: props.disablePast ?? false,
|
|
disableFuture: props.disableFuture ?? false,
|
|
// TODO: Explore if we can remove it from the public API
|
|
disableIgnoringDatePartForTimeValidation: !!props.minDateTime || !!props.maxDateTime || !!props.disableFuture || !!props.disablePast,
|
|
minDate: (0, _dateUtils.applyDefaultDate)(adapter, props.minDateTime ?? props.minDate, defaultDates.minDate),
|
|
maxDate: (0, _dateUtils.applyDefaultDate)(adapter, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
|
|
minTime: props.minDateTime ?? props.minTime,
|
|
maxTime: props.maxDateTime ?? props.maxTime
|
|
}), [props.minDateTime, props.maxDateTime, props.minTime, props.maxTime, props.minDate, props.maxDate, props.disableFuture, props.disablePast, adapter, defaultDates]);
|
|
} |