@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/cjs/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs

@@ -9,23 +9,32 @@ var Tooltip = require('../../../Tooltip/Tooltip.cjs');
 var isRefObject = require('../../../utils/isRefObject.cjs');
 var FilterButton = require('../FilterButton/FilterButton.cjs');
 var FilterButtonBase = require('../subcomponents/FilterButtonBase/FilterButtonBase.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var FilterButtonRemovable = React.forwardRef(function (_a, ref) {
-    var _b;
-    var triggerButtonProps = _a.triggerButtonProps, removeButtonProps = _a.removeButtonProps, restProps = tslib.__rest(_a, ["triggerButtonProps", "removeButtonProps"]);
-    var customRefObject = isRefObject.isRefObject(ref) ? ref.current : null;
-    var removeButtonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.removeButtonRef;
-    var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === void 0 ? void 0 : removeButtonProps.tooltipText) !== null && _b !== void 0 ? _b : "Remove filter - ".concat(triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label);
-    return (React__default.default.createElement(ButtonGroup.ButtonGroup, tslib.__assign({}, restProps),
-        React__default.default.createElement(FilterButton.FilterButton, tslib.__assign({ ref: ref }, triggerButtonProps)),
-        React__default.default.createElement(Tooltip.Tooltip, { text: removeButtonLabel, display: "inline-block", position: "below" },
-            React__default.default.createElement(FilterButtonBase.FilterButtonBase, tslib.__assign({ ref: removeButtonRef }, removeButtonProps),
-                React__default.default.createElement(ClearIcon.ClearIcon, { role: "img", "aria-label": removeButtonLabel })))));
+  var _b;
+  var triggerButtonProps = _a.triggerButtonProps,
+    removeButtonProps = _a.removeButtonProps,
+    restProps = tslib.__rest(_a, ["triggerButtonProps", "removeButtonProps"]);
+  var customRefObject = isRefObject.isRefObject(ref) ? ref.current : null;
+  var removeButtonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.removeButtonRef;
+  var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === void 0 ? void 0 : removeButtonProps.tooltipText) !== null && _b !== void 0 ? _b : "Remove filter - ".concat(triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label);
+  return React__default.default.createElement(ButtonGroup.ButtonGroup, tslib.__assign({}, restProps), React__default.default.createElement(FilterButton.FilterButton, tslib.__assign({
+    ref: ref
+  }, triggerButtonProps)), React__default.default.createElement(Tooltip.Tooltip, {
+    text: removeButtonLabel,
+    display: "inline-block",
+    position: "below"
+  }, React__default.default.createElement(FilterButtonBase.FilterButtonBase, tslib.__assign({
+    ref: removeButtonRef
+  }, removeButtonProps), React__default.default.createElement(ClearIcon.ClearIcon, {
+    role: "img",
+    "aria-label": removeButtonLabel
+  }))));
 });
 FilterButtonRemovable.displayName = "FilterButtonRemovable";
-
 exports.FilterButtonRemovable = FilterButtonRemovable;

package/dist/cjs/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs

@@ -4,16 +4,22 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var FilterButtonBase_module = require('./FilterButtonBase.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var FilterButtonBase = React.forwardRef(function (_a, ref) {
-    var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
-    return (React__default.default.createElement("button", tslib.__assign({ ref: ref, type: "button", className: classnames__default.default(FilterButtonBase_module.filterButtonBase, classNameOverride) }, restProps), children));
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+  return React__default.default.createElement("button", tslib.__assign({
+    ref: ref,
+    type: "button",
+    className: classnames__default.default(FilterButtonBase_module.filterButtonBase, classNameOverride)
+  }, restProps), children);
 });
 FilterButtonBase.displayName = "FilterButtonBase";
-
 exports.FilterButtonBase = FilterButtonBase;

package/dist/cjs/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__ImByM"};
-
+var styles = {
+  "filterButtonBase": "FilterButtonBase-module_filterButtonBase__ImByM"
+};
 module.exports = styles;

package/dist/cjs/Filter/FilterDatePicker/FilterDatePicker.cjs

@@ -11,24 +11,38 @@ var getLocale = require('../../DatePicker/utils/getLocale.cjs');
 var Filter = require('../Filter/Filter.cjs');
 var FilterContents = require('../Filter/subcomponents/FilterContents/FilterContents.cjs');
 var FilterDatePickerField = require('./subcomponents/FilterDatePickerField/FilterDatePickerField.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var FilterDatePicker = function (_a) {
-    var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, selectedDate = _a.selectedDate, label = _a.label, locale = _a.locale, onDateSubmit = _a.onDateSubmit, restProps = tslib.__rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "selectedDate", "label", "locale", "onDateSubmit"]);
-    return (React__default.default.createElement(Filter.Filter, { isOpen: isOpen, setIsOpen: setIsOpen, renderTrigger: function (triggerProps) {
-            return renderTrigger(tslib.__assign({ selectedValue: selectedDate
-                    ? formatDateAsText.formatDateAsText(selectedDate, undefined, getLocale.getLocale(locale))
-                    : undefined, label: label }, triggerProps));
-        } },
-        React__default.default.createElement(FilterContents.FilterContents, null,
-            React__default.default.createElement(FilterDatePickerField.FilterDatePickerField, tslib.__assign({ locale: locale, selectedDate: selectedDate, onDateSubmit: function (date) {
-                    setIsOpen(false);
-                    onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
-                } }, restProps)))));
+  var isOpen = _a.isOpen,
+    setIsOpen = _a.setIsOpen,
+    renderTrigger = _a.renderTrigger,
+    selectedDate = _a.selectedDate,
+    label = _a.label,
+    locale = _a.locale,
+    onDateSubmit = _a.onDateSubmit,
+    restProps = tslib.__rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "selectedDate", "label", "locale", "onDateSubmit"]);
+  return React__default.default.createElement(Filter.Filter, {
+    isOpen: isOpen,
+    setIsOpen: setIsOpen,
+    renderTrigger: function (triggerProps) {
+      return renderTrigger(tslib.__assign({
+        selectedValue: selectedDate ? formatDateAsText.formatDateAsText(selectedDate, undefined, getLocale.getLocale(locale)) : undefined,
+        label: label
+      }, triggerProps));
+    }
+  }, React__default.default.createElement(FilterContents.FilterContents, null, React__default.default.createElement(FilterDatePickerField.FilterDatePickerField, tslib.__assign({
+    locale: locale,
+    selectedDate: selectedDate,
+    onDateSubmit: function (date) {
+      setIsOpen(false);
+      onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+    }
+  }, restProps))));
 };
 FilterDatePicker.displayName = "FilterDatePicker";
-
 exports.FilterDatePicker = FilterDatePicker;

package/dist/cjs/Filter/FilterDatePicker/hooks/useDateInputHandlers.cjs

@@ -10,55 +10,60 @@ var isInvalidDate = require('../../../Calendar/utils/isInvalidDate.cjs');
 var isSelectingDayInCalendar = require('../../../Calendar/utils/isSelectingDayInCalendar.cjs');
 var parseDateFromNumeralFormatValue = require('../../../Calendar/utils/parseDateFromNumeralFormatValue.cjs');
 var parseDateFromTextFormatValue = require('../../../Calendar/utils/parseDateFromTextFormatValue.cjs');
-
 var useDateInputHandlers = function (_a) {
-    var locale = _a.locale, disabledDays = _a.disabledDays, setInputValue = _a.setInputValue, onDateChange = _a.onDateChange, onDateSubmit = _a.onDateSubmit, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown;
-    var isValidDate = function (date) {
-        return !isInvalidDate.isInvalidDate(date) && !isDisabledDate.isDisabledDate(date, disabledDays);
-    };
-    var handleChange = function (e) {
-        setInputValue(e.currentTarget.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    };
-    var handleFocus = function (e) {
-        var date = parseDateFromTextFormatValue.parseDateFromTextFormatValue(e.currentTarget.value, locale);
-        if (!isInvalidDate.isInvalidDate(date)) {
-            var newInputValue = formatDateAsNumeral.formatDateAsNumeral(date, locale);
-            setInputValue(newInputValue);
-        }
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-    };
-    var handleBlur = function (e) {
-        if (isSelectingDayInCalendar.isSelectingDayInCalendar(e.relatedTarget))
-            return;
-        if (e.currentTarget.value === "") {
-            onDateChange(undefined);
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-            return;
-        }
-        var date = parseDateFromNumeralFormatValue.parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
-        if (isValidDate(date)) {
-            var newInputValue = formatDateAsText.formatDateAsText(date, disabledDays, locale);
-            setInputValue(newInputValue);
-        }
-        onDateChange(date);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    };
-    var handleKeyDown = function (e) {
-        if (e.key === "Enter") {
-            e.preventDefault();
-            var date = parseDateFromNumeralFormatValue.parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
-            onDateChange(date);
-            onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
-        }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-    };
-    return {
-        onChange: handleChange,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-    };
+  var locale = _a.locale,
+    disabledDays = _a.disabledDays,
+    setInputValue = _a.setInputValue,
+    onDateChange = _a.onDateChange,
+    onDateSubmit = _a.onDateSubmit,
+    onChange = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    onKeyDown = _a.onKeyDown;
+  var isValidDate = function (date) {
+    return !isInvalidDate.isInvalidDate(date) && !isDisabledDate.isDisabledDate(date, disabledDays);
+  };
+  var handleChange = function (e) {
+    setInputValue(e.currentTarget.value);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+  };
+  var handleFocus = function (e) {
+    var date = parseDateFromTextFormatValue.parseDateFromTextFormatValue(e.currentTarget.value, locale);
+    if (!isInvalidDate.isInvalidDate(date)) {
+      var newInputValue = formatDateAsNumeral.formatDateAsNumeral(date, locale);
+      setInputValue(newInputValue);
+    }
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  };
+  var handleBlur = function (e) {
+    if (isSelectingDayInCalendar.isSelectingDayInCalendar(e.relatedTarget)) return;
+    if (e.currentTarget.value === "") {
+      onDateChange(undefined);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      return;
+    }
+    var date = parseDateFromNumeralFormatValue.parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
+    if (isValidDate(date)) {
+      var newInputValue = formatDateAsText.formatDateAsText(date, disabledDays, locale);
+      setInputValue(newInputValue);
+    }
+    onDateChange(date);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  };
+  var handleKeyDown = function (e) {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      var date = parseDateFromNumeralFormatValue.parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
+      onDateChange(date);
+      onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+  };
+  return {
+    onChange: handleChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown
+  };
 };
-
 exports.useDateInputHandlers = useDateInputHandlers;

package/dist/cjs/Filter/FilterDatePicker/hooks/useDateValidation.cjs

@@ -3,31 +3,33 @@
 var React = require('react');
 var getDateValidationHandler = require('../utils/getDateValidationHandler.cjs');
 var validateDate = require('../utils/validateDate.cjs');
-
 var useDateValidation = function (_a) {
-    var inputLabel = _a.inputLabel, disabledDays = _a.disabledDays, validationMessage = _a.validationMessage, onValidate = _a.onValidate;
-    var _b = React.useState(), inbuiltValidationMessage = _b[0], setInbuiltValidationMessage = _b[1];
-    var shouldUseInbuiltDateValidation = onValidate === undefined;
-    var updateValidation = getDateValidationHandler.getDateValidationHandler({
-        onValidate: onValidate,
-        setInbuiltValidationMessage: setInbuiltValidationMessage,
-        inputLabel: inputLabel,
+  var inputLabel = _a.inputLabel,
+    disabledDays = _a.disabledDays,
+    validationMessage = _a.validationMessage,
+    onValidate = _a.onValidate;
+  var _b = React.useState(),
+    inbuiltValidationMessage = _b[0],
+    setInbuiltValidationMessage = _b[1];
+  var shouldUseInbuiltDateValidation = onValidate === undefined;
+  var updateValidation = getDateValidationHandler.getDateValidationHandler({
+    onValidate: onValidate,
+    setInbuiltValidationMessage: setInbuiltValidationMessage,
+    inputLabel: inputLabel
+  });
+  var validateSingleDate = function (_a) {
+    var date = _a.date,
+      inputValue = _a.inputValue;
+    return validateDate.validateDate({
+      date: date,
+      inputValue: inputValue,
+      disabledDays: disabledDays
     });
-    var validateSingleDate = function (_a) {
-        var date = _a.date, inputValue = _a.inputValue;
-        return validateDate.validateDate({
-            date: date,
-            inputValue: inputValue,
-            disabledDays: disabledDays,
-        });
-    };
-    return {
-        validationMessage: shouldUseInbuiltDateValidation
-            ? inbuiltValidationMessage
-            : validationMessage,
-        validateDate: validateSingleDate,
-        updateValidation: updateValidation,
-    };
+  };
+  return {
+    validationMessage: shouldUseInbuiltDateValidation ? inbuiltValidationMessage : validationMessage,
+    validateDate: validateSingleDate,
+    updateValidation: updateValidation
+  };
 };
-
 exports.useDateValidation = useDateValidation;

package/dist/cjs/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs

@@ -7,26 +7,52 @@ var DateInputDescription = require('../../../../DateInput/DateInputDescription/D
 require('../../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs');
 var FieldMessage = require('../../../../FieldMessage/FieldMessage.cjs');
 var DateInputField_module = require('./DateInputField.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var DateInputField = React__default.default.forwardRef(function (_a, ref) {
-    var id = _a.id, labelText = _a.labelText, description = _a.description, disabled = _a.disabled, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, validationMessage = _a.validationMessage, locale = _a.locale, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
-    var descriptionId = "".concat(id, "--field-message");
-    var errorMessageId = validationMessage
-        ? "".concat(id, "--date-error-message")
-        : undefined;
-    var inputDescribedBy = errorMessageId
-        ? "".concat(errorMessageId, " ").concat(descriptionId)
-        : descriptionId;
-    var dateIsInvalid = errorMessageId !== undefined;
-    return (React__default.default.createElement("div", null,
-        React__default.default.createElement(DateInput.DateInput, tslib.__assign({ ref: ref, id: id, labelText: labelText || "Date", "aria-describedby": inputDescribedBy, "aria-errormessage": errorMessageId, "aria-invalid": dateIsInvalid, autoComplete: "off", disabled: disabled, status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, classNameOverride: classNameOverride }, restProps)),
-        validationMessage && (React__default.default.createElement(FieldMessage.FieldMessage, { id: errorMessageId, message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message, status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, reversed: isReversed })),
-        React__default.default.createElement(FieldMessage.FieldMessage, { id: descriptionId, message: React__default.default.createElement(DateInputDescription.DateInputDescription, { description: description, locale: locale }), reversed: isReversed, classNameOverride: disabled ? DateInputField_module.disabled : undefined })));
+  var id = _a.id,
+    labelText = _a.labelText,
+    description = _a.description,
+    disabled = _a.disabled,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    validationMessage = _a.validationMessage,
+    locale = _a.locale,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
+  var descriptionId = "".concat(id, "--field-message");
+  var errorMessageId = validationMessage ? "".concat(id, "--date-error-message") : undefined;
+  var inputDescribedBy = errorMessageId ? "".concat(errorMessageId, " ").concat(descriptionId) : descriptionId;
+  var dateIsInvalid = errorMessageId !== undefined;
+  return React__default.default.createElement("div", null, React__default.default.createElement(DateInput.DateInput, tslib.__assign({
+    ref: ref,
+    id: id,
+    labelText: labelText || "Date",
+    "aria-describedby": inputDescribedBy,
+    "aria-errormessage": errorMessageId,
+    "aria-invalid": dateIsInvalid,
+    autoComplete: "off",
+    disabled: disabled,
+    status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+    classNameOverride: classNameOverride
+  }, restProps)), validationMessage && React__default.default.createElement(FieldMessage.FieldMessage, {
+    id: errorMessageId,
+    message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message,
+    status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+    reversed: isReversed
+  }), React__default.default.createElement(FieldMessage.FieldMessage, {
+    id: descriptionId,
+    message: React__default.default.createElement(DateInputDescription.DateInputDescription, {
+      description: description,
+      locale: locale
+    }),
+    reversed: isReversed,
+    classNameOverride: disabled ? DateInputField_module.disabled : undefined
+  }));
 });
 DateInputField.displayName = "DateInputField";
-
 exports.DateInputField = DateInputField;

package/dist/cjs/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"disabled":"DateInputField-module_disabled__gfago"};
-
+var styles = {
+  "disabled": "DateInputField-module_disabled__gfago"
+};
 module.exports = styles;

package/dist/cjs/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.cjs

@@ -15,89 +15,125 @@ var useDateInputHandlers = require('../../hooks/useDateInputHandlers.cjs');
 var DateInputField = require('../DateInputField/DateInputField.cjs');
 var filterDatePickerFieldReducer = require('./filterDatePickerFieldReducer.cjs');
 var FilterDatePickerField_module = require('./FilterDatePickerField.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var FilterDatePickerField = function (_a) {
-    var propsId = _a.id, inputProps = _a.inputProps, propsLocale = _a.locale, defaultMonth = _a.defaultMonth, selectedDate = _a.selectedDate, onDateChange = _a.onDateChange, onDateSubmit = _a.onDateSubmit, disabledDays = _a.disabledDays, description = _a.description, validationMessage = _a.validationMessage, onValidate = _a.onValidate, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["id", "inputProps", "locale", "defaultMonth", "selectedDate", "onDateChange", "onDateSubmit", "disabledDays", "description", "validationMessage", "onValidate", "classNameOverride"]);
-    var reactId = React.useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    var locale = getLocale.getLocale(propsLocale);
-    var dateValidation = useDateValidation.useDateValidation({
-        disabledDays: disabledDays,
-        validationMessage: validationMessage,
-        onValidate: onValidate,
+  var propsId = _a.id,
+    inputProps = _a.inputProps,
+    propsLocale = _a.locale,
+    defaultMonth = _a.defaultMonth,
+    selectedDate = _a.selectedDate,
+    onDateChange = _a.onDateChange,
+    onDateSubmit = _a.onDateSubmit,
+    disabledDays = _a.disabledDays,
+    description = _a.description,
+    validationMessage = _a.validationMessage,
+    onValidate = _a.onValidate,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["id", "inputProps", "locale", "defaultMonth", "selectedDate", "onDateChange", "onDateSubmit", "disabledDays", "description", "validationMessage", "onValidate", "classNameOverride"]);
+  var reactId = React.useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var locale = getLocale.getLocale(propsLocale);
+  var dateValidation = useDateValidation.useDateValidation({
+    disabledDays: disabledDays,
+    validationMessage: validationMessage,
+    onValidate: onValidate
+  });
+  var validateDate = function (date, inputValue) {
+    var _a = dateValidation.validateDate({
+        date: date,
+        inputValue: inputValue
+      }),
+      validationResponse = _a.validationResponse,
+      newDate = _a.newDate;
+    dateValidation.updateValidation(validationResponse);
+    return newDate;
+  };
+  var _b = React.useReducer(filterDatePickerFieldReducer.filterDatePickerFieldReducer, {
+      selectedDate: selectedDate,
+      inputValue: transformDateToInputValue.transformDateToInputValue(selectedDate, disabledDays, locale) || "",
+      startMonth: selectedDate && !isInvalidDate.isInvalidDate(selectedDate) ? selectedDate : defaultMonth || new Date()
+    }),
+    state = _b[0],
+    dispatch = _b[1];
+  var handleDateChange = function (date) {
+    onDateChange(date);
+  };
+  var inputDateHandlers = useDateInputHandlers.useDateInputHandlers(tslib.__assign({
+    locale: locale,
+    disabledDays: disabledDays,
+    setInputValue: function (value) {
+      dispatch({
+        type: "update_input_field",
+        inputValue: value
+      });
+    },
+    onDateChange: function (date) {
+      // Because the input value is being tracked in the state as the user types
+      // we can reliably utilise state.inputValue as part of the validation message,
+      // which is triggered by `onBlur` function
+      var newDate = validateDate(date, state.inputValue);
+      dispatch({
+        type: "update_selected_date",
+        date: newDate
+      });
+      handleDateChange(newDate);
+    },
+    onDateSubmit: function (date) {
+      // Only provide consumers with a valid date to the `onDateSubmit` function
+      if (!isInvalidDate.isInvalidDate(date)) {
+        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+      }
+    }
+  }, inputProps));
+  var handleCalendarSelect = function (date) {
+    // Transforming the date to an InputValue and validating the date with the result
+    // can operate in this order because we are guaranteed a valid date from the calendar.
+    //
+    // In all other scenarios, this won't work as the return string from an invalid date
+    // would be "Invalid Date" and not the actual value entered by the user since we want
+    // the final error message to use the typed word from the user.
+    var inputValue = transformDateToInputValue.transformDateToInputValue(date, disabledDays, locale);
+    var newDate = validateDate(date, inputValue);
+    dispatch({
+      type: "update_selected_date",
+      date: newDate
     });
-    var validateDate = function (date, inputValue) {
-        var _a = dateValidation.validateDate({
-            date: date,
-            inputValue: inputValue,
-        }), validationResponse = _a.validationResponse, newDate = _a.newDate;
-        dateValidation.updateValidation(validationResponse);
-        return newDate;
-    };
-    var _b = React.useReducer(filterDatePickerFieldReducer.filterDatePickerFieldReducer, {
-        selectedDate: selectedDate,
-        inputValue: transformDateToInputValue.transformDateToInputValue(selectedDate, disabledDays, locale) || "",
-        startMonth: selectedDate && !isInvalidDate.isInvalidDate(selectedDate)
-            ? selectedDate
-            : defaultMonth || new Date(),
-    }), state = _b[0], dispatch = _b[1];
-    var handleDateChange = function (date) {
-        onDateChange(date);
-    };
-    var inputDateHandlers = useDateInputHandlers.useDateInputHandlers(tslib.__assign({ locale: locale, disabledDays: disabledDays, setInputValue: function (value) {
-            dispatch({
-                type: "update_input_field",
-                inputValue: value,
-            });
-        }, onDateChange: function (date) {
-            // Because the input value is being tracked in the state as the user types
-            // we can reliably utilise state.inputValue as part of the validation message,
-            // which is triggered by `onBlur` function
-            var newDate = validateDate(date, state.inputValue);
-            dispatch({
-                type: "update_selected_date",
-                date: newDate,
-            });
-            handleDateChange(newDate);
-        }, onDateSubmit: function (date) {
-            // Only provide consumers with a valid date to the `onDateSubmit` function
-            if (!isInvalidDate.isInvalidDate(date)) {
-                onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
-            }
-        } }, inputProps));
-    var handleCalendarSelect = function (date) {
-        // Transforming the date to an InputValue and validating the date with the result
-        // can operate in this order because we are guaranteed a valid date from the calendar.
-        //
-        // In all other scenarios, this won't work as the return string from an invalid date
-        // would be "Invalid Date" and not the actual value entered by the user since we want
-        // the final error message to use the typed word from the user.
-        var inputValue = transformDateToInputValue.transformDateToInputValue(date, disabledDays, locale);
-        var newDate = validateDate(date, inputValue);
-        dispatch({
-            type: "update_selected_date",
-            date: newDate,
-        });
-        dispatch({
-            type: "update_input_field",
-            inputValue: inputValue,
-        });
-        handleDateChange(newDate);
-        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(newDate);
-    };
-    React.useEffect(function () {
-        validateDate(selectedDate, state.inputValue);
-    }, []);
-    return (React__default.default.createElement("div", tslib.__assign({ className: classnames__default.default(FilterDatePickerField_module.filterDatePickerField, classNameOverride) }, restProps),
-        React__default.default.createElement(DateInputField.DateInputField, tslib.__assign({ id: "".concat(id, "--input"), locale: locale, value: state.inputValue, description: description, validationMessage: dateValidation.validationMessage }, inputDateHandlers, inputProps)),
-        React__default.default.createElement(CalendarSingle.CalendarSingle, { disabled: disabledDays, locale: locale, selected: state.selectedDate, onSelect: handleCalendarSelect, month: state.startMonth, onMonthChange: function (value) {
-                return dispatch({ type: "navigate_months", date: value });
-            } })));
+    dispatch({
+      type: "update_input_field",
+      inputValue: inputValue
+    });
+    handleDateChange(newDate);
+    onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(newDate);
+  };
+  React.useEffect(function () {
+    validateDate(selectedDate, state.inputValue);
+  }, []);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(FilterDatePickerField_module.filterDatePickerField, classNameOverride)
+  }, restProps), React__default.default.createElement(DateInputField.DateInputField, tslib.__assign({
+    id: "".concat(id, "--input"),
+    locale: locale,
+    value: state.inputValue,
+    description: description,
+    validationMessage: dateValidation.validationMessage
+  }, inputDateHandlers, inputProps)), React__default.default.createElement(CalendarSingle.CalendarSingle, {
+    disabled: disabledDays,
+    locale: locale,
+    selected: state.selectedDate,
+    onSelect: handleCalendarSelect,
+    month: state.startMonth,
+    onMonthChange: function (value) {
+      return dispatch({
+        type: "navigate_months",
+        date: value
+      });
+    }
+  }));
 };
-
 exports.FilterDatePickerField = FilterDatePickerField;

package/dist/cjs/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"filterDatePickerField":"FilterDatePickerField-module_filterDatePickerField__ClXMw"};
-
+var styles = {
+  "filterDatePickerField": "FilterDatePickerField-module_filterDatePickerField__ClXMw"
+};
 module.exports = styles;