@dreamcommerce/aurora 3.1.51 → 3.1.52-2

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

@@ -1,13 +1,13 @@
 import React__default, { useState, useMemo } from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cn } from '../../utilities/cn.js';
+import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, typeof as _typeof, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { ErrorList } from '../error_list/error_list.js';
 import { Popover } from '../popover/popover.js';
-import { PopoverTrigger } from '../popover/components/popover_trigger.js';
+import { DatePickerUtils } from './date_picker_utils.js';
 import { DatePickerInput } from './components/date_picker_input.js';
 import { DatePickerContent } from './components/date_picker_content.js';
-import { DatePickerUtils } from './date_picker_utils.js';
 
-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,
@@ -18,42 +18,122 @@ var DatePicker = function DatePicker(_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     disabledDays = _ref.disabledDays,
+    startMonth = _ref.startMonth,
+    endMonth = _ref.endMonth,
     dayPickerProps = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  var _useState5 = useState(undefined),
+    _useState6 = _slicedToArray(_useState5, 2),
+    internalValidationErrors = _useState6[0],
+    setInternalValidationErrors = _useState6[1];
   var selectedDates = useMemo(function () {
     return value;
   }, [value]);
   var displayValue = useMemo(function () {
-    if (!selectedDates) return '';
+    if (!selectedDates) return inputValue;
     return DatePickerUtils.inputFormatValue(selectedDates, mode);
+  }, [selectedDates, mode, inputValue]);
+  var defaultMonth = useMemo(function () {
+    if (!selectedDates) return undefined;
+    if (mode === 'single' && selectedDates instanceof Date) {
+      return selectedDates;
+    }
+    if (mode === 'range' && selectedDates && _typeof(selectedDates) === 'object' && 'from' in selectedDates) {
+      return selectedDates.from;
+    }
+    return undefined;
   }, [selectedDates, mode]);
+  var inputErrors = useMemo(function () {
+    if (internalValidationErrors && errors) {
+      return Array.isArray(errors) ? [].concat(_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.createElement(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 = 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 = DatePickerUtils.isDateInRange(parsedDate, startMonth, endMonth);
+      var isDisabled = DatePickerUtils.isDateDisabled(parsedDate, disabledDays);
+      if (!isInRange) {
+        var formattedStart = startMonth ? DatePickerUtils.formatDate(startMonth) : '';
+        var lastDayOfEndMonth = endMonth ? new Date(endMonth.getFullYear(), endMonth.getMonth() + 1, 0) : null;
+        var formattedEnd = lastDayOfEndMonth ? 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 = 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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Popover, {
     open: open,
     onOpenChange: setOpen
-  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
-    className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
-    disabled: disabled
   }, /*#__PURE__*/React__default.createElement(DatePickerInput, {
     id: id,
+    mode: mode,
     value: displayValue,
     placeholder: placeholder,
     disabled: disabled,
-    errors: errors
-  })), /*#__PURE__*/React__default.createElement(DatePickerContent, _objectSpread2({
+    errors: inputErrors,
+    onChange: handleInputChange
+  }), /*#__PURE__*/React__default.createElement(DatePickerContent, _objectSpread2({
     mode: mode,
     selected: selectedDates,
     onSelect: handleDateSelect,
-    disabled: disabledDays
-  }, dayPickerProps)));
+    disabled: disabledDays,
+    defaultMonth: defaultMonth,
+    startMonth: startMonth,
+    endMonth: endMonth
+  }, dayPickerProps))), internalValidationErrors ? /*#__PURE__*/React__default.createElement(ErrorList, {
+    errors: internalValidationErrors
+  }) : null);
 };
 
 export { DatePicker };

package/build/esm/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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/date_picker/date_picker_types.d.ts

@@ -1,5 +1,5 @@
 import type { DateRange, DayPickerProps } from 'react-day-picker';
-export declare type DatePickerCalendarValue = Date | Date[] | DateRange | undefined;
+export declare type DatePickerCalendarValue = Date | DateRange | undefined;
 export interface DatePickerProps extends Omit<DayPickerProps, 'selected' | 'onSelect' | 'disabled'> {
     id: string;
     placeholder?: string;

package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.d.ts

@@ -1,7 +1,24 @@
-import { type Mode } from 'react-day-picker';
+import { DateRange, type Mode, type DayPickerProps } from 'react-day-picker';
 import type { DatePickerCalendarValue } from './date_picker_types';
+import type { InputState } from '../input_mask/input_mask_types';
+declare type ValidationResult = {
+    valid: boolean;
+    keepFirst: boolean;
+};
 export declare class DatePickerUtils {
     private static readonly formatter;
-    private static formatDate;
+    static formatDate: (date: Date) => string;
     static inputFormatValue: (selected: DatePickerCalendarValue, mode: Mode) => string;
+    static parseStringToDate: (dateString: string) => Date | null;
+    static parseStringToDateRange: (rangeString: string) => DateRange | null;
+    private static replaceCharWithPlaceholder;
+    private static validateTwoDigitValue;
+    static validateDayAtPosition: (value: string, dayStartPos: number) => ValidationResult;
+    static validateMonthAtPosition: (value: string, monthStartPos: number) => ValidationResult;
+    static validateYearAtPosition: (value: string, yearStartPos: number) => ValidationResult;
+    private static handleInvalidInput;
+    static validateDateMask: (nextState: InputState, currentState?: InputState, mode?: Mode) => InputState;
+    static isDateInRange: (date: Date, startMonth?: Date, endMonth?: Date) => boolean;
+    static isDateDisabled: (date: Date, disabledDays?: DayPickerProps['disabled']) => boolean;
 }
+export {};

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

@@ -2,6 +2,21 @@ import { createClass as _createClass, classCallCheck as _classCallCheck, defineP
 import '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__*/_createClass(function DatePickerUtils() {
   _classCallCheck(this, DatePickerUtils);
 });
@@ -19,10 +34,6 @@ _defineProperty(DatePickerUtils, "inputFormatValue", function (selected, mode) {
   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) {
@@ -34,6 +45,194 @@ _defineProperty(DatePickerUtils, "inputFormatValue", function (selected, mode) {
   }
   return '';
 });
+_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;
+});
+_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
+  };
+});
+_defineProperty(DatePickerUtils, "replaceCharWithPlaceholder", function (value, position) {
+  return value.substring(0, position) + '_' + value.substring(position + 1);
+});
+_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
+  };
+});
+_defineProperty(DatePickerUtils, "validateDayAtPosition", function (value, dayStartPos) {
+  return _DatePickerUtils.validateTwoDigitValue(value, dayStartPos, '3', 1);
+});
+_defineProperty(DatePickerUtils, "validateMonthAtPosition", function (value, monthStartPos) {
+  return _DatePickerUtils.validateTwoDigitValue(value, monthStartPos, '1', 2);
+});
+_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
+  };
+});
+_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
+    }
+  };
+});
+_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;
+});
+_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;
+});
+_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;
+});
 
 export { DatePickerUtils };
 //# sourceMappingURL=date_picker_utils.js.map

package/build/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { InputState } from '../input_mask_types';
+export declare function useInputElement(inputRef: React.RefObject<HTMLElement | null>): () => HTMLInputElement | null;
+export declare function useInputState(initialValue: string, isMasked: boolean): {
+    inputRef: import("react").MutableRefObject<HTMLElement | null>;
+    getInputState: () => InputState;
+    getLastInputState: () => InputState;
+    setInputState: ({ value, selection }: InputState) => void;
+};
+export declare function usePrevious<T>(value: T): T | undefined;

package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js

@@ -0,0 +1,190 @@
+import { useCallback, useRef, useEffect, useLayoutEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cancelDefer, defer } from '../utils/defer.js';
+import InputUtils from '../utils/input.js';
+import { isDOMElement } from '../utils/helpers.js';
+
+function useInputElement(inputRef) {
+  return useCallback(function () {
+    var input = inputRef.current;
+    var isDOMNode = typeof window !== 'undefined' && isDOMElement(input);
+    // workaround for react-test-renderer
+    // https://github.com/sanniassin/react-input-mask/issues/147
+    if (!input || !isDOMNode) {
+      return null;
+    }
+    if (input.nodeName !== 'INPUT') {
+      input = input.querySelector('input');
+    }
+    if (!input) {
+      throw new Error("inputComponent doesn't contain input node");
+    }
+    return input;
+  }, [inputRef]);
+}
+function useDeferLoop(callback) {
+  var deferIdRef = useRef(null);
+  var runLoop = useCallback(function () {
+    // If there are simulated focus events, runLoop could be
+    // called multiple times without blur or re-render
+    if (deferIdRef.current !== null) {
+      return;
+    }
+    function loop() {
+      callback();
+      deferIdRef.current = defer(loop);
+    }
+    loop();
+  }, [callback]);
+  var stopLoop = useCallback(function () {
+    if (deferIdRef.current !== null) {
+      cancelDefer(deferIdRef.current);
+      deferIdRef.current = null;
+    }
+  }, []);
+  useEffect(function () {
+    if (deferIdRef.current) {
+      stopLoop();
+      runLoop();
+    }
+  }, [runLoop, stopLoop]);
+  useEffect(function () {
+    return function () {
+      if (deferIdRef.current !== null) {
+        cancelDefer(deferIdRef.current);
+      }
+    };
+  }, []);
+  return [runLoop, stopLoop];
+}
+function useSelection(inputRef, isMasked) {
+  var inputUtilsRef = useRef(new InputUtils());
+  var inputUtils = inputUtilsRef.current;
+  var selectionRef = useRef({
+    start: null,
+    end: null
+  });
+  var getInputElement = useInputElement(inputRef);
+  var getSelection = useCallback(function () {
+    var input = getInputElement();
+    if (!input) {
+      return {
+        start: null,
+        end: null
+      };
+    }
+    return inputUtils.getInputSelection(input);
+  }, [getInputElement]);
+  var getLastSelection = useCallback(function () {
+    return selectionRef.current;
+  }, []);
+  var setSelection = useCallback(function (selection) {
+    var _selection$start, _selection$end;
+    var input = getInputElement();
+    // Don't change selection on unfocused input
+    // because Safari sets focus on selection change (#154)
+    if (!input || !inputUtils.isInputFocused(input)) {
+      return;
+    }
+    inputUtils.setInputSelection(input, (_selection$start = selection.start) !== null && _selection$start !== void 0 ? _selection$start : 0, (_selection$end = selection.end) !== null && _selection$end !== void 0 ? _selection$end : undefined);
+    // Use actual selection in case the requested one was out of range
+    selectionRef.current = getSelection();
+  }, [getInputElement, getSelection]);
+  var selectionLoop = useCallback(function () {
+    selectionRef.current = getSelection();
+  }, [getSelection]);
+  var _useDeferLoop = useDeferLoop(selectionLoop),
+    _useDeferLoop2 = _slicedToArray(_useDeferLoop, 2),
+    runSelectionLoop = _useDeferLoop2[0],
+    stopSelectionLoop = _useDeferLoop2[1];
+  useLayoutEffect(function () {
+    if (!isMasked) {
+      return;
+    }
+    var input = getInputElement();
+    if (!input) return;
+    input.addEventListener('focus', runSelectionLoop);
+    input.addEventListener('blur', stopSelectionLoop);
+    if (inputUtils.isInputFocused(input)) {
+      runSelectionLoop();
+    }
+    return function () {
+      input.removeEventListener('focus', runSelectionLoop);
+      input.removeEventListener('blur', stopSelectionLoop);
+      stopSelectionLoop();
+    };
+  }, [isMasked, getInputElement, runSelectionLoop, stopSelectionLoop]);
+  return {
+    getSelection: getSelection,
+    getLastSelection: getLastSelection,
+    setSelection: setSelection
+  };
+}
+function useValue(inputRef, initialValue) {
+  var getInputElement = useInputElement(inputRef);
+  var valueRef = useRef(initialValue);
+  var getValue = useCallback(function () {
+    var input = getInputElement();
+    return (input === null || input === void 0 ? void 0 : input.value) || '';
+  }, [getInputElement]);
+  var getLastValue = useCallback(function () {
+    return valueRef.current;
+  }, []);
+  var setValue = useCallback(function (newValue) {
+    valueRef.current = newValue;
+    var input = getInputElement();
+    if (input) {
+      input.value = newValue;
+    }
+  }, [getInputElement]);
+  return {
+    getValue: getValue,
+    getLastValue: getLastValue,
+    setValue: setValue
+  };
+}
+function useInputState(initialValue, isMasked) {
+  var inputRef = useRef(null);
+  var _useSelection = useSelection(inputRef, isMasked),
+    getSelection = _useSelection.getSelection,
+    getLastSelection = _useSelection.getLastSelection,
+    setSelection = _useSelection.setSelection;
+  var _useValue = useValue(inputRef, initialValue),
+    getValue = _useValue.getValue,
+    getLastValue = _useValue.getLastValue,
+    setValue = _useValue.setValue;
+  function getLastInputState() {
+    return {
+      value: getLastValue(),
+      selection: getLastSelection()
+    };
+  }
+  function getInputState() {
+    return {
+      value: getValue(),
+      selection: getSelection()
+    };
+  }
+  function setInputState(_ref) {
+    var value = _ref.value,
+      selection = _ref.selection;
+    setValue(value);
+    setSelection(selection);
+  }
+  return {
+    inputRef: inputRef,
+    getInputState: getInputState,
+    getLastInputState: getLastInputState,
+    setInputState: setInputState
+  };
+}
+function usePrevious(value) {
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}
+
+export { useInputElement, useInputState, usePrevious };
+//# sourceMappingURL=hooks.js.map

package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js.map

@@ -0,0 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/input_mask/input-mask-constants.d.ts

@@ -0,0 +1,6 @@
+export declare const CONTROLLED_PROPS: string[];
+export declare const defaultFormatChars: {
+    '9': RegExp;
+    a: RegExp;
+    '*': RegExp;
+};

package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js

@@ -0,0 +1,9 @@
+var CONTROLLED_PROPS = ['disabled', 'onBlur', 'onChange', 'onFocus', 'onMouseDown', 'readOnly', 'value'];
+var defaultFormatChars = {
+  '9': /[0-9]/,
+  a: /[A-Za-z]/,
+  '*': /[A-Za-z0-9]/
+};
+
+export { CONTROLLED_PROPS, defaultFormatChars };
+//# sourceMappingURL=input-mask-constants.js.map

package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js.map

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

package/build/esm/packages/aurora/src/components/input_mask/input_mask.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputMaskProps } from './input_mask_types';
+declare const InputMask: React.ForwardRefExoticComponent<Omit<InputMaskProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { InputMask };