@dreamcommerce/aurora 3.1.51 → 3.1.52-2

package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js

@@ -51,7 +51,7 @@ var StyledDayPicker = function StyledDayPicker(_ref) {
       weekdays: 'aurora-text-subtle-light aurora-text-xs aurora-font-normal aurora-capitalize',
       weekday: 'aurora-font-normal',
       // Day cells
-      day: 'aurora-h-8 aurora-w-8 aurora-rounded-4 focus-visible:aurora-outline-none focus-visible:aurora-ring-2 focus-visible:aurora-ring-primary aurora-cursor-pointer hover:aurora-bg-hover active:aurora-bg-active',
+      day: 'aurora-h-8 aurora-w-8 aurora-rounded-4 aurora-p-0 focus-visible:aurora-outline-none focus-visible:aurora-ring-2 focus-visible:aurora-ring-primary aurora-cursor-pointer hover:aurora-bg-hover active:aurora-bg-active',
       day_button: 'aurora-w-full aurora-h-full',
       selected: 'aurora-bg-inverse aurora-text-inverse hover:aurora-bg-inverse aurora-day-selected',
       today: 'aurora-bg-primary-subtle [&.aurora-day-selected:not(.aurora-day-range-middle)]:!aurora-bg-inverse [&.aurora-day-selected:not(.aurora-day-range-middle)]:!aurora-text-inverse',

package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js

@@ -44,7 +44,6 @@ var ColorPickerPure = /*#__PURE__*/React__default['default'].forwardRef(function
     setIsColorPickerOpened(false);
   };
   return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
-    modal: true,
     open: isColorPickerOpened,
     onOpenChange: function onOpenChange(value) {
       return !value && handleClosePopover();

package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js

@@ -38,45 +38,34 @@ var DateTimePicker = function DateTimePicker(_ref) {
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     internalTime = _useState4[0],
     setInternalTime = _useState4[1];
-  var dateRef = React.useRef(parsedValue.date);
-  var timeRef = React.useRef(parsedValue.time);
-  var lastValueRef = React.useRef(value);
+  var isInternalChangeRef = React.useRef(false);
+  // Sync with external value changes (but not internal ones)
   React.useEffect(function () {
-    if (value !== lastValueRef.current) {
-      lastValueRef.current = value;
+    if (!isInternalChangeRef.current) {
       setInternalDate(parsedValue.date);
       setInternalTime(parsedValue.time);
-      dateRef.current = parsedValue.date;
-      timeRef.current = parsedValue.time;
     }
-  }, [value, parsedValue]);
-  var handleDateChange = React.useCallback(function (date) {
-    dateRef.current = date;
-    setInternalDate(date);
-    var currentTime = timeRef.current;
-    if (date && currentTime) {
-      var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(date, currentTime);
-      lastValueRef.current = formattedValue;
+    isInternalChangeRef.current = false;
+  }, [parsedValue.date, parsedValue.time]);
+  var emitChange = React.useCallback(function (date, time) {
+    if (date && time) {
+      var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(date, time);
+      isInternalChangeRef.current = true;
       onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
     } else {
-      lastValueRef.current = '';
+      isInternalChangeRef.current = true;
       onChange === null || onChange === void 0 ? void 0 : onChange('');
     }
   }, [onChange]);
+  var handleDateChange = React.useCallback(function (date) {
+    setInternalDate(date);
+    emitChange(date, internalTime);
+  }, [internalTime, emitChange]);
   var handleTimeChange = React.useCallback(function (time) {
     var timeValue = time || undefined;
-    timeRef.current = timeValue;
     setInternalTime(timeValue);
-    var currentDate = dateRef.current;
-    if (currentDate && timeValue) {
-      var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(currentDate, timeValue);
-      lastValueRef.current = formattedValue;
-      onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
-    } else {
-      lastValueRef.current = '';
-      onChange === null || onChange === void 0 ? void 0 : onChange('');
-    }
-  }, [onChange]);
+    emitChange(internalDate, timeValue);
+  }, [internalDate, emitChange]);
   return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
     direction: "row",
     spacing: "3",

package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js

@@ -3,8 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var popover_trigger = require('../../popover/components/popover_trigger.js');
 var input = require('../../input/input.js');
+var input_mask = require('../../input_mask/input_mask.js');
 var calendar_event_fill = require('../../../assets/icons/calendar_event_fill.js');
+var date_picker_utils = require('../date_picker_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,22 +20,49 @@ var DatePickerInput = function DatePickerInput(_ref) {
     value = _ref.value,
     placeholder = _ref.placeholder,
     disabled = _ref.disabled,
-    errors = _ref.errors;
-  return /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    errors = _ref.errors,
+    onChange = _ref.onChange,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'single' : _ref$mode;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var mask = mode === 'range' ? 'dD.mM.yY99 - dD.mM.yY99' : 'dD.mM.yY99';
+  var defaultPlaceholder = mode === 'range' ? t('dd.mm.yyyy - dd.mm.yyyy') : t('dd.mm.yyyy');
+  var formatChars = {
+    d: /[0-3]/,
+    D: /[0-9]/,
+    m: /[0-1]/,
+    M: /[0-9]/,
+    y: /[1-2]/,
+    Y: /[09]/
+  };
+  var handleBeforeMaskedStateChange = function handleBeforeMaskedStateChange(_ref2) {
+    var currentState = _ref2.currentState,
+      nextState = _ref2.nextState;
+    return date_picker_utils.DatePickerUtils.validateDateMask(nextState, currentState, mode);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(input_mask.InputMask, {
+    mask: mask,
+    maskPlaceholder: "_",
+    formatChars: formatChars,
+    value: value || '',
+    onChange: onChange,
+    disabled: disabled,
+    beforeMaskedStateChange: handleBeforeMaskedStateChange
+  }, /*#__PURE__*/React__default['default'].createElement(input.Input, {
     id: id,
-    value: value,
     errors: errors,
-    readOnly: true,
-    disabled: disabled,
-    placeholder: placeholder,
-    hasCursorPointer: true,
-    postElement: /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover"
+    placeholder: placeholder || defaultPlaceholder,
+    postElement: /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
+      disabled: disabled
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-px-1 aurora-py-2 aurora-rounded-4 focus:aurora-outline-primary-hover"
     }, /*#__PURE__*/React__default['default'].createElement(calendar_event_fill.CalendarEventFillIcon, {
       size: 14,
       className: "aurora-text"
-    }))
-  });
+    })))
+  }));
 };
 
 exports.DatePickerInput = DatePickerInput;

package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var cn = require('../../utilities/cn.js');
+var error_list = require('../error_list/error_list.js');
 var popover = require('../popover/popover.js');
-var popover_trigger = require('../popover/components/popover_trigger.js');
+var date_picker_utils = require('./date_picker_utils.js');
 var date_picker_input = require('./components/date_picker_input.js');
 var date_picker_content = require('./components/date_picker_content.js');
-var date_picker_utils = require('./date_picker_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["id", "mode", "placeholder", "disabled", "errors", "value", "onChange", "disabledDays"];
+var _excluded = ["id", "mode", "placeholder", "disabled", "errors", "value", "onChange", "disabledDays", "startMonth", "endMonth"];
 var DatePicker = function DatePicker(_ref) {
   var id = _ref.id,
     _ref$mode = _ref.mode,
@@ -26,42 +26,122 @@ var DatePicker = function DatePicker(_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     disabledDays = _ref.disabledDays,
+    startMonth = _ref.startMonth,
+    endMonth = _ref.endMonth,
     dayPickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var _useState3 = React.useState(''),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  var _useState5 = React.useState(undefined),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    internalValidationErrors = _useState6[0],
+    setInternalValidationErrors = _useState6[1];
   var selectedDates = React.useMemo(function () {
     return value;
   }, [value]);
   var displayValue = React.useMemo(function () {
-    if (!selectedDates) return '';
+    if (!selectedDates) return inputValue;
     return date_picker_utils.DatePickerUtils.inputFormatValue(selectedDates, mode);
+  }, [selectedDates, mode, inputValue]);
+  var defaultMonth = React.useMemo(function () {
+    if (!selectedDates) return undefined;
+    if (mode === 'single' && selectedDates instanceof Date) {
+      return selectedDates;
+    }
+    if (mode === 'range' && selectedDates && _rollupPluginBabelHelpers['typeof'](selectedDates) === 'object' && 'from' in selectedDates) {
+      return selectedDates.from;
+    }
+    return undefined;
   }, [selectedDates, mode]);
+  var inputErrors = React.useMemo(function () {
+    if (internalValidationErrors && errors) {
+      return Array.isArray(errors) ? [].concat(_rollupPluginBabelHelpers.toConsumableArray(errors), [internalValidationErrors]) : [errors, internalValidationErrors];
+    }
+    if (internalValidationErrors) return internalValidationErrors;
+    return errors;
+  }, [internalValidationErrors, errors]);
   var handleDateSelect = function handleDateSelect(selected) {
     onChange === null || onChange === void 0 ? void 0 : onChange(selected);
+    setInputValue('');
+    setInternalValidationErrors(undefined);
     if (mode === 'single' && selected) {
       setOpen(false);
     }
   };
-  return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
+  var handleInputChange = function handleInputChange(event) {
+    var typedValue = event.target.value;
+    setInputValue(typedValue);
+    if (typedValue.includes('_') || !typedValue) {
+      setInternalValidationErrors(undefined);
+      onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+      return;
+    }
+    if (mode === 'single') {
+      var parsedDate = date_picker_utils.DatePickerUtils.parseStringToDate(typedValue);
+      if (!parsedDate) {
+        setInternalValidationErrors(t("This date isn't available. Choose another one."));
+        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+        return;
+      }
+      var isInRange = date_picker_utils.DatePickerUtils.isDateInRange(parsedDate, startMonth, endMonth);
+      var isDisabled = date_picker_utils.DatePickerUtils.isDateDisabled(parsedDate, disabledDays);
+      if (!isInRange) {
+        var formattedStart = startMonth ? date_picker_utils.DatePickerUtils.formatDate(startMonth) : '';
+        var lastDayOfEndMonth = endMonth ? new Date(endMonth.getFullYear(), endMonth.getMonth() + 1, 0) : null;
+        var formattedEnd = lastDayOfEndMonth ? date_picker_utils.DatePickerUtils.formatDate(lastDayOfEndMonth) : '';
+        var rangeMessage = t('Choose a date between {{start}}–{{end}}', {
+          start: formattedStart,
+          end: formattedEnd
+        });
+        setInternalValidationErrors(rangeMessage);
+        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+      } else if (isDisabled) {
+        setInternalValidationErrors(t("This date isn't available. Choose another one."));
+        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+      } else {
+        setInternalValidationErrors(undefined);
+        onChange === null || onChange === void 0 ? void 0 : onChange(parsedDate);
+      }
+    }
+    if (mode === 'range') {
+      var parsedRange = date_picker_utils.DatePickerUtils.parseStringToDateRange(typedValue);
+      if (parsedRange) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(parsedRange);
+      } else {
+        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+      }
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
     open: open,
     onOpenChange: setOpen
-  }, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
-    className: cn.cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
-    disabled: disabled
   }, /*#__PURE__*/React__default['default'].createElement(date_picker_input.DatePickerInput, {
     id: id,
+    mode: mode,
     value: displayValue,
     placeholder: placeholder,
     disabled: disabled,
-    errors: errors
-  })), /*#__PURE__*/React__default['default'].createElement(date_picker_content.DatePickerContent, _rollupPluginBabelHelpers.objectSpread2({
+    errors: inputErrors,
+    onChange: handleInputChange
+  }), /*#__PURE__*/React__default['default'].createElement(date_picker_content.DatePickerContent, _rollupPluginBabelHelpers.objectSpread2({
     mode: mode,
     selected: selectedDates,
     onSelect: handleDateSelect,
-    disabled: disabledDays
-  }, dayPickerProps)));
+    disabled: disabledDays,
+    defaultMonth: defaultMonth,
+    startMonth: startMonth,
+    endMonth: endMonth
+  }, dayPickerProps))), internalValidationErrors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: internalValidationErrors
+  }) : null);
 };
 
 exports.DatePicker = DatePicker;

package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js

@@ -6,6 +6,21 @@ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBa
 require('react-day-picker');
 
 var _DatePickerUtils;
+var MASK_POSITIONS = {
+  SINGLE: {
+    DAY: 0,
+    MONTH: 3,
+    YEAR: 6
+  },
+  RANGE: {
+    DAY_START: 0,
+    MONTH_START: 3,
+    YEAR_START: 6,
+    DAY_END: 13,
+    MONTH_END: 16,
+    YEAR_END: 19
+  }
+};
 var DatePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function DatePickerUtils() {
   _rollupPluginBabelHelpers.classCallCheck(this, DatePickerUtils);
 });
@@ -23,10 +38,6 @@ _rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "inputFormatValue", fu
   if (mode === 'single') {
     return _DatePickerUtils.formatDate(selected);
   }
-  if (mode === 'multiple') {
-    var dates = selected;
-    return dates.length > 0 ? dates.map(_DatePickerUtils.formatDate).join(', ') : '';
-  }
   if (mode === 'range') {
     var range = selected;
     if (range.from && range.to) {
@@ -38,6 +49,194 @@ _rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "inputFormatValue", fu
   }
   return '';
 });
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "parseStringToDate", function (dateString) {
+  if (!dateString || dateString.includes('_')) {
+    return null;
+  }
+  var parts = dateString.split('.');
+  if (parts.length !== 3) {
+    return null;
+  }
+  var day = parseInt(parts[0], 10);
+  var month = parseInt(parts[1], 10);
+  var year = parseInt(parts[2], 10);
+  if (isNaN(day) || isNaN(month) || isNaN(year)) {
+    return null;
+  }
+  if (month < 1 || month > 12 || day < 1 || day > 31 || year < 1000) {
+    return null;
+  }
+  var date = new Date(year, month - 1, day);
+  if (date.getDate() !== day || date.getMonth() !== month - 1 || date.getFullYear() !== year) {
+    return null;
+  }
+  return date;
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "parseStringToDateRange", function (rangeString) {
+  if (!rangeString || rangeString.includes('_')) {
+    return null;
+  }
+  var parts = rangeString.split(' - ');
+  if (parts.length !== 2) {
+    return null;
+  }
+  var fromDate = _DatePickerUtils.parseStringToDate(parts[0].trim());
+  var toDate = _DatePickerUtils.parseStringToDate(parts[1].trim());
+  if (!fromDate || !toDate) {
+    return null;
+  }
+  if (fromDate > toDate) {
+    return null;
+  }
+  return {
+    from: fromDate,
+    to: toDate
+  };
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "replaceCharWithPlaceholder", function (value, position) {
+  return value.substring(0, position) + '_' + value.substring(position + 1);
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "validateTwoDigitValue", function (value, startPos, firstDigit, maxSecondDigit) {
+  if (value.length < startPos + 2) return {
+    valid: true,
+    keepFirst: false
+  };
+  var first = value[startPos];
+  var second = value[startPos + 1];
+  if (second === '_') return {
+    valid: true,
+    keepFirst: false
+  };
+  if (first === '0' && second === '0') {
+    return {
+      valid: false,
+      keepFirst: false
+    };
+  }
+  if (first === firstDigit && parseInt(second) > maxSecondDigit) {
+    return {
+      valid: false,
+      keepFirst: true
+    };
+  }
+  return {
+    valid: true,
+    keepFirst: false
+  };
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "validateDayAtPosition", function (value, dayStartPos) {
+  return _DatePickerUtils.validateTwoDigitValue(value, dayStartPos, '3', 1);
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "validateMonthAtPosition", function (value, monthStartPos) {
+  return _DatePickerUtils.validateTwoDigitValue(value, monthStartPos, '1', 2);
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "validateYearAtPosition", function (value, yearStartPos) {
+  if (value.length < yearStartPos + 2) return {
+    valid: true,
+    keepFirst: false
+  };
+  var first = value[yearStartPos];
+  var second = value[yearStartPos + 1];
+  if (second === '_') return {
+    valid: true,
+    keepFirst: false
+  };
+  if (first === '1' && second !== '9') {
+    return {
+      valid: false,
+      keepFirst: true
+    };
+  }
+  if (first === '2' && second !== '0') {
+    return {
+      valid: false,
+      keepFirst: true
+    };
+  }
+  return {
+    valid: true,
+    keepFirst: false
+  };
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "handleInvalidInput", function (validation, value, currentValue, position, currentSelection, fallbackSelection) {
+  if (validation.keepFirst) {
+    var newValue = _DatePickerUtils.replaceCharWithPlaceholder(value, position + 1);
+    return {
+      value: newValue,
+      selection: {
+        start: position + 1,
+        end: position + 1
+      }
+    };
+  }
+  return {
+    value: currentValue,
+    selection: currentSelection || fallbackSelection || {
+      start: null,
+      end: null
+    }
+  };
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "validateDateMask", function (nextState, currentState) {
+  var mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'single';
+  var value = nextState.value,
+    selection = nextState.selection;
+  var currentValue = (currentState === null || currentState === void 0 ? void 0 : currentState.value) || '';
+  var dayValidation = _DatePickerUtils.validateDayAtPosition(value, MASK_POSITIONS.SINGLE.DAY);
+  if (!dayValidation.valid) {
+    return _DatePickerUtils.handleInvalidInput(dayValidation, value, currentValue, MASK_POSITIONS.SINGLE.DAY, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
+  }
+  var monthValidation = _DatePickerUtils.validateMonthAtPosition(value, MASK_POSITIONS.SINGLE.MONTH);
+  if (!monthValidation.valid) {
+    return _DatePickerUtils.handleInvalidInput(monthValidation, value, currentValue, MASK_POSITIONS.SINGLE.MONTH, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
+  }
+  var yearValidation = _DatePickerUtils.validateYearAtPosition(value, MASK_POSITIONS.SINGLE.YEAR);
+  if (!yearValidation.valid) {
+    return _DatePickerUtils.handleInvalidInput(yearValidation, value, currentValue, MASK_POSITIONS.SINGLE.YEAR, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
+  }
+  if (mode === 'range') {
+    var dayValidation2 = _DatePickerUtils.validateDayAtPosition(value, MASK_POSITIONS.RANGE.DAY_END);
+    if (!dayValidation2.valid) {
+      return _DatePickerUtils.handleInvalidInput(dayValidation2, value, currentValue, MASK_POSITIONS.RANGE.DAY_END, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
+    }
+    var monthValidation2 = _DatePickerUtils.validateMonthAtPosition(value, MASK_POSITIONS.RANGE.MONTH_END);
+    if (!monthValidation2.valid) {
+      return _DatePickerUtils.handleInvalidInput(monthValidation2, value, currentValue, MASK_POSITIONS.RANGE.MONTH_END, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
+    }
+    var yearValidation2 = _DatePickerUtils.validateYearAtPosition(value, MASK_POSITIONS.RANGE.YEAR_END);
+    if (!yearValidation2.valid) {
+      return _DatePickerUtils.handleInvalidInput(yearValidation2, value, currentValue, MASK_POSITIONS.RANGE.YEAR_END, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
+    }
+  }
+  return nextState;
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "isDateInRange", function (date, startMonth, endMonth) {
+  if (!startMonth && !endMonth) return true;
+  if (startMonth) {
+    var minDate = new Date(startMonth.getFullYear(), startMonth.getMonth(), 1);
+    if (date < minDate) return false;
+  }
+  if (endMonth) {
+    var maxDate = new Date(endMonth.getFullYear(), endMonth.getMonth() + 1, 0);
+    if (date > maxDate) return false;
+  }
+  return true;
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "isDateDisabled", function (date, disabledDays) {
+  if (!disabledDays) return false;
+  if (Array.isArray(disabledDays)) {
+    return disabledDays.some(function (disabledDate) {
+      if (disabledDate instanceof Date) {
+        return disabledDate.getFullYear() === date.getFullYear() && disabledDate.getMonth() === date.getMonth() && disabledDate.getDate() === date.getDate();
+      }
+      return false;
+    });
+  }
+  if (typeof disabledDays === 'function') {
+    return disabledDays(date);
+  }
+  return false;
+});
 
 exports.DatePickerUtils = DatePickerUtils;
 //# sourceMappingURL=date_picker_utils.js.map

package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}