@kaizen/components 1.27.0 → 1.28.0

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var locale = require('date-fns/locale');
+require('../../../DateInput/DateInput/DateInput.cjs');
+var DateInputDescription = require('../../../DateInput/DateInputDescription/DateInputDescription.cjs');
+var DateInputWithIconButton = require('../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs');
+var FieldMessage = require('../../../FieldMessage/FieldMessage.cjs');
+var DateInputField_module = require('./DateInputField.module.scss.cjs');
+const DateInputField = /*#__PURE__*/function () {
+  const DateInputField = React.forwardRef(function (_a, ref) {
+    var description = _a.description,
+      status = _a.status,
+      validationMessage = _a.validationMessage,
+      _b = _a.locale,
+      locale$1 = _b === void 0 ? locale.enAU : _b,
+      propsId = _a.id,
+      disabled = _a.disabled,
+      _c = _a.isReversed,
+      isReversed = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      dateInputWithIconButtonProps = tslib.__rest(_a, ["description", "status", "validationMessage", "locale", "id", "disabled", "isReversed", "classNameOverride"]);
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var descriptionId = "".concat(id, "-field-message");
+    var shouldShowValidationMessage = !disabled && validationMessage;
+    return React.createElement("div", {
+      className: classNameOverride
+    }, React.createElement(DateInputWithIconButton.DateInputWithIconButton, tslib.__assign({
+      ref: ref,
+      id: id,
+      "aria-describedby": descriptionId,
+      status: status,
+      disabled: disabled,
+      isReversed: isReversed
+    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && React.createElement(FieldMessage.FieldMessage, {
+      message: validationMessage,
+      status: status,
+      reversed: isReversed
+    }), React.createElement("div", {
+      className: classnames(disabled && DateInputField_module.disabled)
+    }, React.createElement(FieldMessage.FieldMessage, {
+      id: descriptionId,
+      message: React.createElement(DateInputDescription.DateInputDescription, {
+        description: description,
+        locale: locale$1
+      }),
+      reversed: isReversed
+    })));
+  });
+  DateInputField.displayName = "DateInputField";
+  return DateInputField;
+}();
+exports.DateInputField = DateInputField;
+//# sourceMappingURL=DateInputField.cjs.map

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.cjs","sources":["../../../../../src/DatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { enAU } from \"date-fns/locale\"\nimport {\n  DateInputDescription,\n  DateInputDescriptionProps,\n  DateInputWithIconButton,\n  DateInputWithIconButtonProps,\n  DateInputWithIconButtonRefs,\n} from \"~components/DateInput\"\nimport { FieldMessage, FieldMessageStatus } from \"~components/FieldMessage\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n  /**\n   * A description that provides context for the text field\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  /**\n   * Updates the styling of the validation FieldMessage\n   */\n  status?: FieldMessageStatus\n  /**\n   * A descriptive message for `status` states\n   */\n  validationMessage?: React.ReactNode\n  locale?: Locale\n} & DateInputWithIconButtonProps\n\nexport const DateInputField = React.forwardRef<\n  DateInputWithIconButtonRefs,\n  DateInputFieldProps\n>(\n  (\n    {\n      description,\n      status,\n      validationMessage,\n      locale = enAU,\n      id: propsId,\n      disabled,\n      isReversed = false,\n      classNameOverride,\n      ...dateInputWithIconButtonProps\n    },\n    ref\n  ) => {\n    const reactId = useId()\n    const id = propsId ?? reactId\n\n    const descriptionId = `${id}-field-message`\n\n    const shouldShowValidationMessage = !disabled && validationMessage\n\n    return (\n      <div className={classNameOverride}>\n        <DateInputWithIconButton\n          ref={ref}\n          id={id}\n          aria-describedby={descriptionId}\n          status={status}\n          disabled={disabled}\n          isReversed={isReversed}\n          {...dateInputWithIconButtonProps}\n        />\n        {shouldShowValidationMessage && (\n          <FieldMessage\n            message={validationMessage}\n            status={status}\n            reversed={isReversed}\n          />\n        )}\n        <div className={classnames(disabled && styles.disabled)}>\n          <FieldMessage\n            id={descriptionId}\n            message={\n              <DateInputDescription description={description} locale={locale} />\n            }\n            reversed={isReversed}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","description","status","validationMessage","_b","locale","enAU","propsId","id","disabled","_c","isReversed","classNameOverride","dateInputWithIconButtonProps","__rest","reactId","useId","descriptionId","concat","shouldShowValidationMessage","createElement","className","DateInputWithIconButton","__assign","FieldMessage","message","reversed","classnames","styles","DateInputDescription","displayName"],"mappings":";;;;;;;;;;;MA6BaA,cAAc;EAAA,MAAdA,cAAc,GAAGC,KAAK,CAACC,UAAU,CAI5C,UACEC,EAUC,EACDC,GAAG,EAAA;IAVD,IAAAC,WAAW,GAAAF,EAAA,CAAAE,WAAA;MACXC,MAAM,YAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,cAAa;MAAbC,QAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,MAAI,CAAAA,IAAA,KAAA;MACTC,OAAO,GAAAR,EAAA,CAAAS,EAAA;MACXC,QAAQ,GAAAV,EAAA,CAAAU,QAAA;MACRC,EAAkB,GAAAX,EAAA,CAAAY,UAAA;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAb,EAAA,CAAAa,iBAAA;MACdC,4BAA4B,GAAAC,KAAA,CAAAA,MAAA,CAAAf,EAAA,EATjC,6GAUC,CADgC;IAIjC,IAAMgB,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;IACvB,IAAMR,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIQ,OAAO;IAE7B,IAAME,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAV,EAAE,mBAAgB;IAE3C,IAAMW,2BAA2B,GAAG,CAACV,QAAQ,IAAIN,iBAAiB;IAElE,OACEN,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAET;IAAiB,CAAA,EAC/Bf,KAAC,CAAAuB,aAAA,CAAAE,uBAAAA,CAAAA,uBAAuB,EACtBC,KAAA,CAAAA,QAAA,CAAA;MAAAvB,GAAG,EAAEA,GAAG;MACRQ,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYS,aAAa;MAC/Bf,MAAM,EAAEA,MAAM;MACdO,QAAQ,EAAEA,QAAQ;MAClBE,UAAU,EAAEA;IAAU,CAClB,EAAAE,4BAA4B,CAChC,CAAA,EACDM,2BAA2B,IAC1BtB,KAAA,CAAAuB,aAAA,CAACI,YAAAA,CAAAA,YAAY,EAAA;MACXC,OAAO,EAAEtB,iBAAiB;MAC1BD,MAAM,EAAEA,MAAM;MACdwB,QAAQ,EAAEf;MAEb,EACDd,KAAK,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEM,UAAU,CAAClB,QAAQ,IAAImB,qBAAM,CAACnB,QAAQ;IAAC,CAAA,EACrDZ,KAAC,CAAAuB,aAAA,CAAAI,YAAAA,CAAAA,YAAY,EACX;MAAAhB,EAAE,EAAES,aAAa;MACjBQ,OAAO,EACL5B,KAAA,CAAAuB,aAAA,CAACS,oBAAAA,CAAAA,oBAAoB,EAAA;QAAC5B,WAAW,EAAEA,WAAW;QAAEI,MAAM,EAAEA;MAAM,CAAA,CAAI;MAEpEqB,QAAQ,EAAEf;KACV,CAAA,CACE,CACF;EAEV,CAAC,CACF;EAEDf,cAAc,CAACkC,WAAW,GAAG,gBAAgB;EAAA,OAzDhClC,cAAc;AAAA;"}

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "disabled": "DateInputField-module_disabled__-Y0lJ"
+};
+module.exports = styles;
+//# sourceMappingURL=DateInputField.module.scss.cjs.map

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/DatePicker/utils/getLocale.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var locale = require('date-fns/locale');
+var getLocale = function (locale$1) {
+  switch (locale$1) {
+    case "en-AU":
+      return locale.enAU;
+    case "en-US":
+      return locale.enUS;
+    default:
+      return locale.enAU;
+  }
+};
+exports.getLocale = getLocale;
+//# sourceMappingURL=getLocale.cjs.map

package/dist/cjs/DatePicker/utils/getLocale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLocale.cjs","sources":["../../../../src/DatePicker/utils/getLocale.ts"],"sourcesContent":["import { enAU, enUS } from \"date-fns/locale\"\nimport { StringSuggestions } from \"~types/StringSuggestions\"\n\n// Ensure you update the storybook DATE_PICKER_SUPPORTED_LOCALES arg options when updating DatePickerSupportedLocales.\nexport type DatePickerSupportedLocales = StringSuggestions<\"en-US\" | \"en-AU\">\n\nexport const getLocale = (locale: DatePickerSupportedLocales): Locale => {\n  switch (locale) {\n    case \"en-AU\":\n      return enAU\n    case \"en-US\":\n      return enUS\n    default:\n      return enAU\n  }\n}\n"],"names":["getLocale","locale","enAU","enUS"],"mappings":";;;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,QAAkC,EAAA;EAC1D,QAAQA,QAAM;IACZ,KAAK,OAAO;MACV,OAAOC,WAAI;IACb,KAAK,OAAO;MACV,OAAOC,WAAI;IACb;MACE,OAAOD,WAAI;EACd;AACH,CAAA;"}

package/dist/cjs/DatePicker/utils/validateDate.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var tslib = require('tslib');
+require('../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+var isInvalidDate = require('../../Calendar/utils/isInvalidDate.cjs');
+var isDisabledDate = require('../../Calendar/utils/isDisabledDate.cjs');
+var validateDate = function (_a) {
+  var date = _a.date,
+    inputValue = _a.inputValue,
+    disabledDays = _a.disabledDays;
+  var baseResponse = {
+    date: date,
+    inputValue: inputValue,
+    status: undefined,
+    validationMessage: undefined,
+    isInvalid: false,
+    isDisabled: false,
+    isEmpty: false,
+    isValidDate: false
+  };
+  if (date === undefined) {
+    return {
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        isEmpty: true
+      }),
+      newDate: undefined
+    };
+  }
+  if (isInvalidDate.isInvalidDate(date)) {
+    return {
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        status: "error",
+        validationMessage: inputValue ? "".concat(inputValue, " is an invalid date") : "Date is invalid",
+        isInvalid: true
+      }),
+      newDate: undefined
+    };
+  }
+  if (isDisabledDate.isDisabledDate(date, disabledDays)) {
+    return {
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        status: "error",
+        validationMessage: "".concat(inputValue, " is not available, try another date"),
+        isDisabled: true
+      }),
+      newDate: undefined
+    };
+  }
+  return {
+    validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+      isValidDate: true
+    }),
+    newDate: date
+  };
+};
+exports.validateDate = validateDate;
+//# sourceMappingURL=validateDate.cjs.map

package/dist/cjs/DatePicker/utils/validateDate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateDate.cjs","sources":["../../../../src/DatePicker/utils/validateDate.ts"],"sourcesContent":["import {\n  DisabledDays,\n  isDisabledDate,\n  isInvalidDate,\n} from \"~components/Calendar\"\nimport { ValidationResponse } from \"../types\"\n\nexport type ValidateDateArgs = {\n  date: Date | undefined\n  inputValue: string | undefined\n  disabledDays?: DisabledDays\n}\n\nexport type ValidateDateResponse = {\n  validationResponse: ValidationResponse\n  newDate: Date | undefined\n}\n\nexport const validateDate = ({\n  date,\n  inputValue,\n  disabledDays,\n}: ValidateDateArgs): ValidateDateResponse => {\n  const baseResponse = {\n    date,\n    inputValue,\n    status: undefined,\n    validationMessage: undefined,\n    isInvalid: false,\n    isDisabled: false,\n    isEmpty: false,\n    isValidDate: false,\n  }\n\n  if (date === undefined) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        isEmpty: true,\n      },\n      newDate: undefined,\n    }\n  }\n\n  if (isInvalidDate(date)) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        status: \"error\",\n        validationMessage: inputValue\n          ? `${inputValue} is an invalid date`\n          : \"Date is invalid\",\n        isInvalid: true,\n      },\n      newDate: undefined,\n    }\n  }\n\n  if (isDisabledDate(date, disabledDays)) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        status: \"error\",\n        validationMessage: `${inputValue} is not available, try another date`,\n        isDisabled: true,\n      },\n      newDate: undefined,\n    }\n  }\n\n  return {\n    validationResponse: {\n      ...baseResponse,\n      isValidDate: true,\n    },\n    newDate: date,\n  }\n}\n"],"names":["validateDate","_a","date","inputValue","disabledDays","baseResponse","status","undefined","validationMessage","isInvalid","isDisabled","isEmpty","isValidDate","validationResponse","newDate","isInvalidDate","__assign","concat","isDisabledDate"],"mappings":";;;;;;;;AAkBO,IAAMA,YAAY,GAAG,SAAAA,CAACC,EAIV,EAAA;EAHjB,IAAAC,IAAI,UAAA;IACJC,UAAU,GAAAF,EAAA,CAAAE,UAAA;IACVC,YAAY,GAAAH,EAAA,CAAAG,YAAA;EAEZ,IAAMC,YAAY,GAAG;IACnBH,IAAI,EAAAA,IAAA;IACJC,UAAU,EAAAA,UAAA;IACVG,MAAM,EAAEC,SAAS;IACjBC,iBAAiB,EAAED,SAAS;IAC5BE,SAAS,EAAE,KAAK;IAChBC,UAAU,EAAE,KAAK;IACjBC,OAAO,EAAE,KAAK;IACdC,WAAW,EAAE;GACd;EAED,IAAIV,IAAI,KAAKK,SAAS,EAAE;IACtB,OAAO;MACLM,kBAAkB,oCACbR,YAAY,CAAA,EAAA;QACfM,OAAO,EAAE;OACV,CAAA;MACDG,OAAO,EAAEP;KACV;EACF;EAED,IAAIQ,aAAAA,CAAAA,aAAa,CAACb,IAAI,CAAC,EAAE;IACvB,OAAO;MACLW,kBAAkB,EAAAG,KAAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,EAAA,EACbX,YAAY,CACf,EAAA;QAAAC,MAAM,EAAE,OAAO;QACfE,iBAAiB,EAAEL,UAAU,GACzB,EAAG,CAAAc,MAAA,CAAAd,UAAU,EAAqB,qBAAA,CAAA,GAClC,iBAAiB;QACrBM,SAAS,EAAE;OACZ,CAAA;MACDK,OAAO,EAAEP;KACV;EACF;EAED,IAAIW,cAAc,CAAAA,cAAA,CAAChB,IAAI,EAAEE,YAAY,CAAC,EAAE;IACtC,OAAO;MACLS,kBAAkB,oCACbR,YAAY,CAAA,EAAA;QACfC,MAAM,EAAE,OAAO;QACfE,iBAAiB,EAAE,EAAA,CAAAS,MAAA,CAAGd,UAAU,EAAqC,qCAAA,CAAA;QACrEO,UAAU,EAAE;OACb,CAAA;MACDI,OAAO,EAAEP;KACV;EACF;EAED,OAAO;IACLM,kBAAkB,oCACbR,YAAY,CAAA,EAAA;MACfO,WAAW,EAAE;KACd,CAAA;IACDE,OAAO,EAAEZ;GACV;AACH,CAAA;"}

package/dist/cjs/DateRangePicker/DateRangePicker.cjs

@@ -0,0 +1,146 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var locale = require('date-fns/locale');
+var reactDayPicker = require('react-day-picker');
+var reactFocusOn = require('react-focus-on');
+require('../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../Calendar/CalendarRange/CalendarRange.cjs');
+var calculateDisabledDays = require('../Calendar/utils/calculateDisabledDays.cjs');
+require('date-fns');
+var isDisabledDate = require('../Calendar/utils/isDisabledDate.cjs');
+var CalendarPopover = require('../Calendar/CalendarPopover/CalendarPopover.cjs');
+var LegacyCalendarRange = require('../Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var DateStartIcon = require('../Icon/DateStartIcon.cjs');
+var Label = require('../Label/Label.cjs');
+var DateRangePicker_module = require('./DateRangePicker.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
+ */
+const DateRangePicker = /*#__PURE__*/function () {
+  const DateRangePicker = function (_a) {
+    var _b;
+    var propsId = _a.id,
+      _c = _a.buttonRef,
+      buttonRef = _c === void 0 ? React.useRef(null) : _c;
+    _a.description; // not used
+    var labelText = _a.labelText,
+      _d = _a.isDisabled,
+      isDisabled = _d === void 0 ? false : _d,
+      classNameOverride = _a.classNameOverride,
+      disabledDates = _a.disabledDates,
+      disabledDaysOfWeek = _a.disabledDaysOfWeek,
+      disabledRange = _a.disabledRange,
+      disabledBeforeAfter = _a.disabledBeforeAfter,
+      disabledBefore = _a.disabledBefore,
+      disabledAfter = _a.disabledAfter,
+      weekStartsOn = _a.weekStartsOn,
+      defaultMonth = _a.defaultMonth,
+      selectedDateRange = _a.selectedDateRange,
+      value = _a.value,
+      onChange = _a.onChange,
+      inputProps = tslib.__rest(_a, ["id", "buttonRef", "description", "labelText", "isDisabled", "classNameOverride", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDateRange", "value", "onChange"]);
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var containerRef = React.useRef(null);
+    var _e = React.useState(false),
+      isOpen = _e[0],
+      setIsOpen = _e[1];
+    var disabledDays = calculateDisabledDays.calculateDisabledDays({
+      disabledDates: disabledDates,
+      disabledDaysOfWeek: disabledDaysOfWeek,
+      disabledRange: disabledRange,
+      disabledBeforeAfter: disabledBeforeAfter,
+      disabledBefore: disabledBefore,
+      disabledAfter: disabledAfter
+    });
+    var handleOpenClose = function () {
+      setIsOpen(!isOpen);
+    };
+    var handleReturnFocus = function () {
+      if (buttonRef.current) {
+        buttonRef.current.focus();
+      }
+    };
+    var handleDayClick = function (day) {
+      /** react-day-picker will fire events for disabled days by default.
+       *  We're checking here if it includes the CSS Modules class for disabled
+       *  on the modifier to then return early.
+       * */
+      if (isDisabledDate.isDisabledDate(day, disabledDays)) {
+        return;
+      }
+      if (!selectedDateRange) return;
+      /** If user has already selected range and then selects again, treat first
+       * click as the start of the new range.
+       *  */
+      if (isSelectingFirstDay(selectedDateRange, day)) {
+        onChange({
+          from: day,
+          to: undefined
+        });
+      } else {
+        // Otherwise, treat click as the final selection.
+        onChange({
+          from: selectedDateRange.from,
+          to: day
+        });
+        handleOpenClose();
+      }
+    };
+    var isSelectingFirstDay = function (range, day) {
+      var isBeforeFirstDay = !!range.from && reactDayPicker.isMatch(day, [{
+        before: range.from
+      }]);
+      var isRangeSelected = !!range.from && !!range.to;
+      return !range.from || isBeforeFirstDay || isRangeSelected;
+    };
+    return React.createElement("div", null, React.createElement("div", {
+      ref: containerRef,
+      className: classNameOverride
+    }, React.createElement(Label.Label, {
+      disabled: isDisabled,
+      htmlFor: id,
+      labelText: labelText
+    }), React.createElement("button", tslib.__assign({
+      type: "button",
+      id: id,
+      className: classnames(DateRangePicker_module.button, DateRangePicker_module.withStartIconAdornment, (_b = {}, _b[DateRangePicker_module.disabled] = isDisabled, _b)),
+      disabled: isDisabled,
+      ref: buttonRef,
+      onClick: handleOpenClose,
+      "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : "Choose date"
+    }, inputProps), React.createElement("div", {
+      className: DateRangePicker_module.startIconAdornment
+    }, React.createElement(DateStartIcon.DateStartIcon, {
+      role: "presentation"
+    })), React.createElement("span", {
+      className: DateRangePicker_module.value
+    }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && React.createElement(reactFocusOn.FocusOn, {
+      scrollLock: false,
+      onDeactivation: handleReturnFocus,
+      onClickOutside: handleOpenClose,
+      onEscapeKey: handleOpenClose,
+      enabled: isOpen
+    }, React.createElement(CalendarPopover.CalendarPopover, {
+      referenceElement: containerRef.current
+    }, React.createElement(LegacyCalendarRange.LegacyCalendarRange, {
+      selectedRange: selectedDateRange,
+      defaultMonth: defaultMonth,
+      weekStartsOn: weekStartsOn,
+      disabledDays: disabledDays,
+      onDayChange: handleDayClick,
+      locale: locale.enUS
+    }))));
+  };
+  DateRangePicker.displayName = "DateRangePicker";
+  return DateRangePicker;
+}();
+exports.DateRangePicker = DateRangePicker;
+//# sourceMappingURL=DateRangePicker.cjs.map

package/dist/cjs/DateRangePicker/DateRangePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { RefObject, useId, useRef, useState } from \"react\"\nimport cx from \"classnames\"\nimport { enUS } from \"date-fns/locale\"\nimport { DateRange, isMatch } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n  DisabledDayMatchers,\n  calculateDisabledDays,\n  isDisabledDate,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n  LegacyCalendarRange,\n  LegacyCalendarRangeProps,\n} from \"~components/Calendar/LegacyCalendarRange\"\nimport { DateStartIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./DateRangePicker.module.scss\"\n\nexport type DateRangePickerProps = {\n  id?: string\n  classNameOverride?: string\n  labelText: string\n  isDisabled?: boolean\n  buttonRef?: RefObject<HTMLButtonElement>\n  description?: string\n  /**\n   * Selected date range which is being updated in handleDayClick and checked\n   * if within range/not disabled and then passed back to the client to update\n   * the state.\n   */\n  selectedDateRange?: DateRange\n  /**\n   * String that is formatted by the client with our helper formatDateRangeValue\n   * and then passed into the button to display the readable range.\n   */\n  value?: string\n  /**\n   * Accepts a DayOfWeek value to start the week on that day. By default,\n   * it's set to Monday.\n   */\n  weekStartsOn?: LegacyCalendarRangeProps[\"weekStartsOn\"]\n  /**\n   * Accepts a date to display that month on first render.\n   */\n  defaultMonth?: LegacyCalendarRangeProps[\"defaultMonth\"]\n  /**\n   * Event passed from consumer to handle the date on change.\n   */\n  onChange: (dateRange: DateRange) => void\n} & DisabledDayMatchers\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}\n */\nexport const DateRangePicker = ({\n  id: propsId,\n  buttonRef = useRef<HTMLButtonElement>(null),\n  description: _description, // not used\n  labelText,\n  isDisabled = false,\n  classNameOverride,\n  disabledDates,\n  disabledDaysOfWeek,\n  disabledRange,\n  disabledBeforeAfter,\n  disabledBefore,\n  disabledAfter,\n  weekStartsOn,\n  defaultMonth,\n  selectedDateRange,\n  value,\n  onChange,\n  ...inputProps\n}: DateRangePickerProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const containerRef = useRef<HTMLInputElement>(null)\n  const [isOpen, setIsOpen] = useState(false)\n\n  const disabledDays = calculateDisabledDays({\n    disabledDates,\n    disabledDaysOfWeek,\n    disabledRange,\n    disabledBeforeAfter,\n    disabledBefore,\n    disabledAfter,\n  })\n\n  const handleOpenClose = (): void => {\n    setIsOpen(!isOpen)\n  }\n\n  const handleReturnFocus = (): void => {\n    if (buttonRef.current) {\n      buttonRef.current.focus()\n    }\n  }\n\n  const handleDayClick = (day: Date): void => {\n    /** react-day-picker will fire events for disabled days by default.\n     *  We're checking here if it includes the CSS Modules class for disabled\n     *  on the modifier to then return early.\n     * */\n\n    if (isDisabledDate(day, disabledDays)) {\n      return\n    }\n\n    if (!selectedDateRange) return\n\n    /** If user has already selected range and then selects again, treat first\n     * click as the start of the new range.\n     *  */\n    if (isSelectingFirstDay(selectedDateRange, day)) {\n      onChange({\n        from: day,\n        to: undefined,\n      })\n    } else {\n      // Otherwise, treat click as the final selection.\n      onChange({\n        from: selectedDateRange.from,\n        to: day,\n      })\n      handleOpenClose()\n    }\n  }\n\n  const isSelectingFirstDay = (range: DateRange, day: Date): boolean => {\n    const isBeforeFirstDay =\n      !!range.from &&\n      isMatch(day, [\n        {\n          before: range.from,\n        },\n      ])\n\n    const isRangeSelected = !!range.from && !!range.to\n\n    return !range.from || isBeforeFirstDay || isRangeSelected\n  }\n\n  return (\n    <div>\n      <div ref={containerRef} className={classNameOverride}>\n        <Label disabled={isDisabled} htmlFor={id} labelText={labelText} />\n        <button\n          type=\"button\"\n          id={id}\n          className={cx(styles.button, styles.withStartIconAdornment, {\n            [styles.disabled]: isDisabled,\n          })}\n          disabled={isDisabled}\n          ref={buttonRef}\n          onClick={handleOpenClose}\n          aria-label={\n            selectedDateRange?.from ? `Change date: ${value}` : \"Choose date\"\n          }\n          {...inputProps}\n        >\n          <div className={styles.startIconAdornment}>\n            <DateStartIcon role=\"presentation\" />\n          </div>\n          <span className={styles.value}>\n            {selectedDateRange?.from ? value : undefined}\n          </span>\n        </button>\n      </div>\n\n      {isOpen && (\n        <FocusOn\n          scrollLock={false}\n          onDeactivation={handleReturnFocus}\n          onClickOutside={handleOpenClose}\n          onEscapeKey={handleOpenClose}\n          enabled={isOpen}\n        >\n          <CalendarPopover referenceElement={containerRef.current}>\n            <LegacyCalendarRange\n              selectedRange={selectedDateRange}\n              defaultMonth={defaultMonth}\n              weekStartsOn={weekStartsOn}\n              disabledDays={disabledDays}\n              onDayChange={handleDayClick}\n              locale={enUS}\n            />\n          </CalendarPopover>\n        </FocusOn>\n      )}\n    </div>\n  )\n}\n\nDateRangePicker.displayName = \"DateRangePicker\"\n"],"names":["DateRangePicker","_a","propsId","id","_c","buttonRef","useRef","description","labelText","_d","isDisabled","classNameOverride","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDateRange","value","onChange","inputProps","__rest","reactId","useId","containerRef","_e","useState","isOpen","setIsOpen","disabledDays","calculateDisabledDays","handleOpenClose","handleReturnFocus","current","focus","handleDayClick","day","isDisabledDate","isSelectingFirstDay","from","to","undefined","range","isBeforeFirstDay","isMatch","before","isRangeSelected","React","createElement","ref","className","Label","disabled","htmlFor","__assign","type","cx","styles","button","withStartIconAdornment","_b","onClick","concat","startIconAdornment","DateStartIcon","role","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","CalendarPopover","referenceElement","LegacyCalendarRange","selectedRange","onDayChange","locale","enUS","displayName"],"mappings":"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"}

package/dist/cjs/DateRangePicker/DateRangePicker.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "button": "DateRangePicker-module_button__cA-Ss",
+  "disabled": "DateRangePicker-module_disabled__f0zmt",
+  "value": "DateRangePicker-module_value__dtZAj",
+  "startIconAdornment": "DateRangePicker-module_startIconAdornment__lCw3l",
+  "withStartIconAdornment": "DateRangePicker-module_withStartIconAdornment__auP6u"
+};
+module.exports = styles;
+//# sourceMappingURL=DateRangePicker.module.scss.cjs.map

package/dist/cjs/DateRangePicker/DateRangePicker.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/DateRangePicker/utils/formatDateRangeValue.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var dateFormatOptions = {
+  month: "short",
+  year: "numeric",
+  day: "numeric"
+};
+var dateWithoutYearFormatOptions = {
+  month: "short",
+  day: "numeric"
+};
+var formatDateRangeValue = function (dateRange) {
+  var _a, _b, _c, _d;
+  if (dateRange.to) {
+    var isSameYear = ((_a = dateRange.from) === null || _a === void 0 ? void 0 : _a.getFullYear()) === ((_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) === null || _b === void 0 ? void 0 : _b.getFullYear());
+    var from = isSameYear ? (_c = dateRange.from) === null || _c === void 0 ? void 0 : _c.toLocaleDateString("en-US", dateWithoutYearFormatOptions) : (_d = dateRange.from) === null || _d === void 0 ? void 0 : _d.toLocaleDateString("en-US", dateFormatOptions);
+    var to = dateRange.to.toLocaleDateString("en-US", dateFormatOptions);
+    return "".concat(from, " \u2013 ").concat(to);
+  } else {
+    var from = dateRange.from ? dateRange.from.toLocaleDateString("en-US", dateFormatOptions) : "";
+    return from;
+  }
+};
+exports.formatDateRangeValue = formatDateRangeValue;
+//# sourceMappingURL=formatDateRangeValue.cjs.map

package/dist/cjs/DateRangePicker/utils/formatDateRangeValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDateRangeValue.cjs","sources":["../../../../src/DateRangePicker/utils/formatDateRangeValue.ts"],"sourcesContent":["import { DateRange } from \"~components/Calendar\"\n\nconst dateFormatOptions: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  year: \"numeric\",\n  day: \"numeric\",\n}\n\nconst dateWithoutYearFormatOptions: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n}\n\nexport const formatDateRangeValue = (dateRange: DateRange): string => {\n  if (dateRange.to) {\n    const isSameYear =\n      dateRange.from?.getFullYear() === dateRange?.to?.getFullYear()\n\n    const from = isSameYear\n      ? dateRange.from?.toLocaleDateString(\n          \"en-US\",\n          dateWithoutYearFormatOptions\n        )\n      : dateRange.from?.toLocaleDateString(\"en-US\", dateFormatOptions)\n\n    const to = dateRange.to.toLocaleDateString(\"en-US\", dateFormatOptions)\n\n    return `${from} – ${to}`\n  } else {\n    const from = dateRange.from\n      ? dateRange.from.toLocaleDateString(\"en-US\", dateFormatOptions)\n      : \"\"\n\n    return from\n  }\n}\n"],"names":["dateFormatOptions","month","year","day","dateWithoutYearFormatOptions","formatDateRangeValue","dateRange","to","isSameYear","_a","from","getFullYear","_b","_c","toLocaleDateString","_d","concat"],"mappings":";;AAEA,IAAMA,iBAAiB,GAA+B;EACpDC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE;CACN;AAED,IAAMC,4BAA4B,GAA+B;EAC/DH,KAAK,EAAE,OAAO;EACdE,GAAG,EAAE;CACN;AAEM,IAAME,oBAAoB,GAAG,SAAAA,CAACC,SAAoB,EAAA;;EACvD,IAAIA,SAAS,CAACC,EAAE,EAAE;IAChB,IAAMC,UAAU,GACd,CAAA,CAAAC,EAAA,GAAAH,SAAS,CAACI,IAAI,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,WAAW,CAAE,CAAA,OAAK,MAAAL,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEC,EAAE,MAAE,IAAA,IAAAK,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,WAAW,CAAE,CAAA,CAAA;IAEhE,IAAMD,IAAI,GAAGF,UAAU,GACnB,CAAAK,EAAA,GAAAP,SAAS,CAACI,IAAI,MAAE,IAAA,IAAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,kBAAkB,CAChC,OAAO,EACPV,4BAA4B,CAC7B,GACD,CAAAW,EAAA,GAAAT,SAAS,CAACI,IAAI,MAAA,IAAA,IAAAK,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAED,kBAAkB,CAAC,OAAO,EAAEd,iBAAiB,CAAC;IAElE,IAAMO,EAAE,GAAGD,SAAS,CAACC,EAAE,CAACO,kBAAkB,CAAC,OAAO,EAAEd,iBAAiB,CAAC;IAEtE,OAAO,EAAG,CAAAgB,MAAA,CAAAN,IAAI,EAAM,UAAA,CAAA,CAAAM,MAAA,CAAAT,EAAE,CAAE;EACzB,CAAA,MAAM;IACL,IAAMG,IAAI,GAAGJ,SAAS,CAACI,IAAI,GACvBJ,SAAS,CAACI,IAAI,CAACI,kBAAkB,CAAC,OAAO,EAAEd,iBAAiB,CAAC,GAC7D,EAAE;IAEN,OAAOU,IAAI;EACZ;AACH,CAAA;"}

package/dist/cjs/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs

@@ -4,15 +4,12 @@ var tslib = require('tslib');
 var React = require('react');
 var FilterDatePicker = require('../../../FilterDatePicker/FilterDatePicker.cjs');
 require('classnames');
-require('uuid');
-require('@kaizen/date-picker');
+require('../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+require('react-day-picker');
+require('date-fns/locale');
 require('../../../LabelledMessage/LabelledMessage.cjs');
-require('@kaizen/date-picker/src/utils/validateDate');
-require('@kaizen/date-picker/src/utils/formatDateAsNumeral');
-require('@kaizen/date-picker/src/utils/isDisabledDate');
-require('@kaizen/date-picker/src/utils/isSelectingDayInCalendar');
-require('@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue');
-require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
 require('../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
 var FilterBarButton = require('../FilterBarButton/FilterBarButton.cjs');

package/dist/cjs/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBarDatePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  FilterDatePicker,\n  FilterDatePickerProps,\n} from \"~components/FilterDatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDatePickerProps = Omit<\n  FilterDatePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedDate\"\n  | \"onDateChange\"\n  | \"locale\"\n> & {\n  id?: string\n  locale?: FilterDatePickerProps[\"locale\"]\n  onDateChange?: FilterDatePickerProps[\"onDateChange\"]\n}\n\nexport const FilterBarDatePicker = ({\n  id,\n  onDateChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDatePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<Date | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDatePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDatePicker\n      {...props}\n      id={id}\n      locale={locale}\n      selectedDate={filterState.value || undefined}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      onDateChange={(key): void => {\n        updateValue(id, key)\n        onDateChange?.(key)\n      }}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n    />\n  )\n}\n\nFilterBarDatePicker.displayName = \"FilterBar.DatePicker\"\n"],"names":["FilterBarDatePicker","_a","id","onDateChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDatePicker","__assign","selectedDate","value","undefined","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","key","isOpen","setIsOpen","open","displayName"],"mappings":";;;;;;;;;;;;;;;;;;MAwBaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJzB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ0B,gCAKnC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAoB;MADjCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACd;IAEzC,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,0CAA0C,CAAC;IAEhE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAC,CAAAC,aAAA,CAAAC,gBAAgB,CAAAA,gBAAA,EACXC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNG,MAAM,EAAEA,MAAM;MACdc,YAAY,EAAEL,WAAW,CAACM,KAAK,IAAIC,SAAS;MAC5CC,KAAK,EAAER,WAAW,CAACS,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CV,KAAC,CAAAC,aAAA,CAAAU,eAAe,CAAAA,eAAA,EACVR,cAAA,CAAA,CAAA,CAAA,EAAAO,YAAY,EAChB;UAAAvB,EAAE,EAAEA,EAAE;UACNyB,WAAW,EAAEb,WAAW,CAACa;QACzB,CAAA,CAAA,CAAA;OACH;MACDxB,YAAY,EAAE,SAAAA,CAACyB,GAAG,EAAA;QAChBhB,WAAW,CAACV,EAAE,EAAE0B,GAAG,CAAC;QACpBzB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGyB,GAAG,CAAC;MACpB,CAAA;MACDC,MAAM,EAAEf,WAAW,CAACe,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAApB,kBAAkB,CAACT,EAAE,EAAE6B,IAAI,CAAC;MAAA;IAAA,CACvD,CAAA,CAAA;EAEN,CAAC;EAED/B,mBAAmB,CAACgC,WAAW,GAAG,sBAAsB;EAAA,OArC3ChC,mBAAmB;AAAA;"}
+{"version":3,"file":"FilterBarDatePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  FilterDatePicker,\n  FilterDatePickerProps,\n} from \"~components/FilterDatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDatePickerProps = Omit<\n  FilterDatePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedDate\"\n  | \"onDateChange\"\n  | \"locale\"\n> & {\n  id?: string\n  locale?: FilterDatePickerProps[\"locale\"]\n  onDateChange?: FilterDatePickerProps[\"onDateChange\"]\n}\n\nexport const FilterBarDatePicker = ({\n  id,\n  onDateChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDatePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<Date | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDatePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDatePicker\n      {...props}\n      id={id}\n      locale={locale}\n      selectedDate={filterState.value || undefined}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      onDateChange={(key): void => {\n        updateValue(id, key)\n        onDateChange?.(key)\n      }}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n    />\n  )\n}\n\nFilterBarDatePicker.displayName = \"FilterBar.DatePicker\"\n"],"names":["FilterBarDatePicker","_a","id","onDateChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDatePicker","__assign","selectedDate","value","undefined","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","key","isOpen","setIsOpen","open","displayName"],"mappings":";;;;;;;;;;;;;;;MAwBaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJzB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ0B,gCAKnC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAoB;MADjCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACd;IAEzC,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,0CAA0C,CAAC;IAEhE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAC,CAAAC,aAAA,CAAAC,gBAAgB,CAAAA,gBAAA,EACXC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNG,MAAM,EAAEA,MAAM;MACdc,YAAY,EAAEL,WAAW,CAACM,KAAK,IAAIC,SAAS;MAC5CC,KAAK,EAAER,WAAW,CAACS,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CV,KAAC,CAAAC,aAAA,CAAAU,eAAe,CAAAA,eAAA,EACVR,cAAA,CAAA,CAAA,CAAA,EAAAO,YAAY,EAChB;UAAAvB,EAAE,EAAEA,EAAE;UACNyB,WAAW,EAAEb,WAAW,CAACa;QACzB,CAAA,CAAA,CAAA;OACH;MACDxB,YAAY,EAAE,SAAAA,CAACyB,GAAG,EAAA;QAChBhB,WAAW,CAACV,EAAE,EAAE0B,GAAG,CAAC;QACpBzB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGyB,GAAG,CAAC;MACpB,CAAA;MACDC,MAAM,EAAEf,WAAW,CAACe,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAApB,kBAAkB,CAACT,EAAE,EAAE6B,IAAI,CAAC;MAAA;IAAA,CACvD,CAAA,CAAA;EAEN,CAAC;EAED/B,mBAAmB,CAACgC,WAAW,GAAG,sBAAsB;EAAA,OArC3ChC,mBAAmB;AAAA;"}

package/dist/cjs/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBarDateRangePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  FilterDateRangePicker,\n  FilterDateRangePickerProps,\n} from \"~components/FilterDateRangePicker\"\nimport { DateRange } from \"~types/DatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDateRangePickerProps = Omit<\n  FilterDateRangePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedRange\"\n  | \"onRangeChange\"\n  | \"locale\"\n> & {\n  id?: string\n  onRangeChange?: FilterDateRangePickerProps[\"onRangeChange\"]\n  locale?: FilterDateRangePickerProps[\"locale\"]\n}\n\nexport const FilterBarDateRangePicker = ({\n  id,\n  onRangeChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDateRangePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<DateRange | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDateRangePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDateRangePicker\n      {...props}\n      id={id}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n      selectedRange={filterState.value}\n      onRangeChange={(range): void => {\n        updateValue(id, range)\n        onRangeChange?.(range)\n      }}\n      locale={locale}\n    />\n  )\n}\n\nFilterBarDateRangePicker.displayName = \"FilterBar.DateRangePicker\"\n"],"names":["FilterBarDateRangePicker","_a","id","onRangeChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDateRangePicker","__assign","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","isOpen","setIsOpen","open","selectedRange","value","range","displayName"],"mappings":";;;;;;;MAyBaA,wBAAwB;EAAA,MAAxBA,wBAAwB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJ9B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MACbC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ+B,iCAKxC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAyB;MADtCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACT;IAE9C,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,+CAA+C,CAAC;IAErE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAA,CAAAC,aAAA,CAACC,qBAAAA,CAAAA,qBAAqB,EAAAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAChBZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNiB,KAAK,EAAEL,WAAW,CAACM,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CP,oBAACQ,eAAAA,CAAAA,eAAe,EAAAL,KAAA,CAAAA,QAAA,CAAA,EAAA,EACVI,YAAY,EAAA;UAChBpB,EAAE,EAAEA,EAAE;UACNsB,WAAW,EAAEV,WAAW,CAACU;QAAW,CAAA,CAAA,CACpC;OACH;MACDC,MAAM,EAAEX,WAAW,CAACW,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAAhB,kBAAkB,CAACT,EAAE,EAAEyB,IAAI,CAAC;MAAA,CAAA;MACvDC,aAAa,EAAEd,WAAW,CAACe,KAAK;MAChC1B,aAAa,EAAE,SAAAA,CAAC2B,KAAK,EAAA;QACnBlB,WAAW,CAACV,EAAE,EAAE4B,KAAK,CAAC;QACtB3B,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG2B,KAAK,CAAC;MACxB,CAAC;MACDzB,MAAM,EAAEA;IAAM,CAAA,CAAA,CACd;EAEN,CAAC;EAEDL,wBAAwB,CAAC+B,WAAW,GAAG,2BAA2B;EAAA,OArCrD/B,wBAAwB;AAAA;"}
+{"version":3,"file":"FilterBarDateRangePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { DateRange } from \"~components/Calendar\"\nimport {\n  FilterDateRangePicker,\n  FilterDateRangePickerProps,\n} from \"~components/FilterDateRangePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDateRangePickerProps = Omit<\n  FilterDateRangePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedRange\"\n  | \"onRangeChange\"\n  | \"locale\"\n> & {\n  id?: string\n  onRangeChange?: FilterDateRangePickerProps[\"onRangeChange\"]\n  locale?: FilterDateRangePickerProps[\"locale\"]\n}\n\nexport const FilterBarDateRangePicker = ({\n  id,\n  onRangeChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDateRangePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<DateRange | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDateRangePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDateRangePicker\n      {...props}\n      id={id}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n      selectedRange={filterState.value}\n      onRangeChange={(range): void => {\n        updateValue(id, range)\n        onRangeChange?.(range)\n      }}\n      locale={locale}\n    />\n  )\n}\n\nFilterBarDateRangePicker.displayName = \"FilterBar.DateRangePicker\"\n"],"names":["FilterBarDateRangePicker","_a","id","onRangeChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDateRangePicker","__assign","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","isOpen","setIsOpen","open","selectedRange","value","range","displayName"],"mappings":";;;;;;;MAyBaA,wBAAwB;EAAA,MAAxBA,wBAAwB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJ9B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MACbC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ+B,iCAKxC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAyB;MADtCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACT;IAE9C,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,+CAA+C,CAAC;IAErE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAA,CAAAC,aAAA,CAACC,qBAAAA,CAAAA,qBAAqB,EAAAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAChBZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNiB,KAAK,EAAEL,WAAW,CAACM,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CP,oBAACQ,eAAAA,CAAAA,eAAe,EAAAL,KAAA,CAAAA,QAAA,CAAA,EAAA,EACVI,YAAY,EAAA;UAChBpB,EAAE,EAAEA,EAAE;UACNsB,WAAW,EAAEV,WAAW,CAACU;QAAW,CAAA,CAAA,CACpC;OACH;MACDC,MAAM,EAAEX,WAAW,CAACW,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAAhB,kBAAkB,CAACT,EAAE,EAAEyB,IAAI,CAAC;MAAA,CAAA;MACvDC,aAAa,EAAEd,WAAW,CAACe,KAAK;MAChC1B,aAAa,EAAE,SAAAA,CAAC2B,KAAK,EAAA;QACnBlB,WAAW,CAACV,EAAE,EAAE4B,KAAK,CAAC;QACtB3B,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG2B,KAAK,CAAC;MACxB,CAAC;MACDzB,MAAM,EAAEA;IAAM,CAAA,CAAA,CACd;EAEN,CAAC;EAEDL,wBAAwB,CAAC+B,WAAW,GAAG,2BAA2B;EAAA,OArCrD/B,wBAAwB;AAAA;"}

package/dist/cjs/FilterDatePicker/FilterDatePicker.cjs

@@ -2,7 +2,12 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var datePicker = require('@kaizen/date-picker');
+require('../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+var formatDateAsText = require('../Calendar/utils/formatDateAsText.cjs');
+require('react-day-picker');
+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');
@@ -21,7 +26,7 @@ const FilterDatePicker = /*#__PURE__*/function () {
       setIsOpen: setIsOpen,
       renderTrigger: function (triggerProps) {
         return renderTrigger(tslib.__assign({
-          selectedValue: selectedDate ? datePicker.formatDateAsText(selectedDate, undefined, datePicker.getLocale(locale)) : undefined,
+          selectedValue: selectedDate ? formatDateAsText.formatDateAsText(selectedDate, undefined, getLocale.getLocale(locale)) : undefined,
           label: label
         }, triggerProps));
       }

package/dist/cjs/FilterDatePicker/FilterDatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDatePicker.cjs","sources":["../../../src/FilterDatePicker/FilterDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText, getLocale } from \"@kaizen/date-picker\"\nimport { Filter, FilterContents, FilterProps } from \"../Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport {\n  FilterDatePickerField,\n  FilterDatePickerFieldProps,\n} from \"./subcomponents/FilterDatePickerField\"\n\nexport type FilterDatePickerProps = {\n  id?: string\n  label: string\n  isOpen: FilterProps[\"isOpen\"]\n  setIsOpen: FilterProps[\"setIsOpen\"]\n  renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDatePickerFieldProps, \"id\">\n\nexport const FilterDatePicker = ({\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  selectedDate,\n  label,\n  locale,\n  onDateSubmit,\n  ...restProps\n}: FilterDatePickerProps): JSX.Element => (\n  <Filter\n    isOpen={isOpen}\n    setIsOpen={setIsOpen}\n    renderTrigger={(triggerProps): JSX.Element =>\n      renderTrigger({\n        selectedValue: selectedDate\n          ? formatDateAsText(selectedDate, undefined, getLocale(locale))\n          : undefined,\n        label,\n        ...triggerProps,\n      })\n    }\n  >\n    <FilterContents>\n      <FilterDatePickerField\n        locale={locale}\n        selectedDate={selectedDate}\n        onDateSubmit={date => {\n          setIsOpen(false)\n          onDateSubmit?.(date)\n        }}\n        {...restProps}\n      />\n    </FilterContents>\n  </Filter>\n)\n\nFilterDatePicker.displayName = \"FilterDatePicker\"\n"],"names":["FilterDatePicker","_a","isOpen","setIsOpen","renderTrigger","selectedDate","label","locale","onDateSubmit","restProps","__rest","React","createElement","Filter","triggerProps","__assign","selectedValue","formatDateAsText","undefined","getLocale","FilterContents","FilterDatePickerField","date","displayName"],"mappings":";;;;;;;;MAiBaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAST,EAAA;IARtB,IAAAC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MACbC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;MACZC,KAAK,GAAAL,EAAA,CAAAK,KAAA;MACLC,MAAM,GAAAN,EAAA,CAAAM,MAAA;MACNC,YAAY,kBAAA;MACTC,SAAS,GARmBC,KAAAA,CAAAA,MAAA,CAAAT,EAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,EAAA,OAAA,EAAA,QAAA,EAAA,cAAA,CAShC,CADa;IAC4B,OACxCU,KAAA,CAAAC,aAAA,CAACC,MAAM,CAAAA,MAAA,EAAA;MACLX,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACU,YAAY,EAAA;QAC1B,OAAAV,aAAa,CAAAW,KAAAA,CAAAA,QAAA,CAAA;UACXC,aAAa,EAAEX,YAAY,GACvBY,UAAAA,CAAAA,gBAAgB,CAACZ,YAAY,EAAEa,SAAS,EAAEC,UAAS,CAAAA,SAAA,CAACZ,MAAM,CAAC,CAAC,GAC5DW,SAAS;UACbZ,KAAK,EAAAA;SAAA,EACFQ,YAAY,CACf,CAAA;;IAAA,CAAA,EAGJH,KAAA,CAAAC,aAAA,CAACQ,cAAAA,CAAAA,cAAc,EAAA,IAAA,EACbT,KAAA,CAAAC,aAAA,CAACS,2CAAqB,EAAAN,KAAAA,CAAAA,QAAA,CAAA;MACpBR,MAAM,EAAEA,MAAM;MACdF,YAAY,EAAEA,YAAY;MAC1BG,YAAY,EAAE,SAAAA,CAAAc,IAAI,EAAA;QAChBnB,SAAS,CAAC,KAAK,CAAC;QAChBK,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGc,IAAI,CAAC;MACtB;OACIb,SAAS,CAAA,CACb,CACa,CACV;GACV;EAEDT,gBAAgB,CAACuB,WAAW,GAAG,kBAAkB;EAAA,OArCpCvB,gBAAgB;AAAA;"}
+{"version":3,"file":"FilterDatePicker.cjs","sources":["../../../src/FilterDatePicker/FilterDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText } from \"~components/Calendar\"\nimport { getLocale } from \"~components/DatePicker/utils/getLocale\"\nimport { Filter, FilterContents, FilterProps } from \"../Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport {\n  FilterDatePickerField,\n  FilterDatePickerFieldProps,\n} from \"./subcomponents/FilterDatePickerField\"\n\nexport type FilterDatePickerProps = {\n  id?: string\n  label: string\n  isOpen: FilterProps[\"isOpen\"]\n  setIsOpen: FilterProps[\"setIsOpen\"]\n  renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDatePickerFieldProps, \"id\">\n\nexport const FilterDatePicker = ({\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  selectedDate,\n  label,\n  locale,\n  onDateSubmit,\n  ...restProps\n}: FilterDatePickerProps): JSX.Element => (\n  <Filter\n    isOpen={isOpen}\n    setIsOpen={setIsOpen}\n    renderTrigger={(triggerProps): JSX.Element =>\n      renderTrigger({\n        selectedValue: selectedDate\n          ? formatDateAsText(selectedDate, undefined, getLocale(locale))\n          : undefined,\n        label,\n        ...triggerProps,\n      })\n    }\n  >\n    <FilterContents>\n      <FilterDatePickerField\n        locale={locale}\n        selectedDate={selectedDate}\n        onDateSubmit={date => {\n          setIsOpen(false)\n          onDateSubmit?.(date)\n        }}\n        {...restProps}\n      />\n    </FilterContents>\n  </Filter>\n)\n\nFilterDatePicker.displayName = \"FilterDatePicker\"\n"],"names":["FilterDatePicker","_a","isOpen","setIsOpen","renderTrigger","selectedDate","label","locale","onDateSubmit","restProps","__rest","React","createElement","Filter","triggerProps","__assign","selectedValue","formatDateAsText","undefined","getLocale","FilterContents","FilterDatePickerField","date","displayName"],"mappings":";;;;;;;;;;;;;MAkBaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAST,EAAA;IARtB,IAAAC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MACbC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;MACZC,KAAK,GAAAL,EAAA,CAAAK,KAAA;MACLC,MAAM,GAAAN,EAAA,CAAAM,MAAA;MACNC,YAAY,kBAAA;MACTC,SAAS,GARmBC,KAAAA,CAAAA,MAAA,CAAAT,EAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,EAAA,OAAA,EAAA,QAAA,EAAA,cAAA,CAShC,CADa;IAC4B,OACxCU,KAAA,CAAAC,aAAA,CAACC,MAAM,CAAAA,MAAA,EAAA;MACLX,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACU,YAAY,EAAA;QAC1B,OAAAV,aAAa,CAAAW,KAAAA,CAAAA,QAAA,CAAA;UACXC,aAAa,EAAEX,YAAY,GACvBY,gBAAAA,CAAAA,gBAAgB,CAACZ,YAAY,EAAEa,SAAS,EAAEC,SAAS,CAAAA,SAAA,CAACZ,MAAM,CAAC,CAAC,GAC5DW,SAAS;UACbZ,KAAK,EAAAA;SAAA,EACFQ,YAAY,CACf,CAAA;;IAAA,CAAA,EAGJH,KAAA,CAAAC,aAAA,CAACQ,cAAAA,CAAAA,cAAc,EAAA,IAAA,EACbT,KAAA,CAAAC,aAAA,CAACS,2CAAqB,EAAAN,KAAAA,CAAAA,QAAA,CAAA;MACpBR,MAAM,EAAEA,MAAM;MACdF,YAAY,EAAEA,YAAY;MAC1BG,YAAY,EAAE,SAAAA,CAAAc,IAAI,EAAA;QAChBnB,SAAS,CAAC,KAAK,CAAC;QAChBK,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGc,IAAI,CAAC;MACtB;OACIb,SAAS,CAAA,CACb,CACa,CACV;GACV;EAEDT,gBAAgB,CAACuB,WAAW,GAAG,kBAAkB;EAAA,OArCpCvB,gBAAgB;AAAA;"}

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

@@ -1,11 +1,15 @@
 'use strict';
 
-var datePicker = require('@kaizen/date-picker');
-var formatDateAsNumeral = require('@kaizen/date-picker/src/utils/formatDateAsNumeral');
-var isDisabledDate = require('@kaizen/date-picker/src/utils/isDisabledDate');
-var isSelectingDayInCalendar = require('@kaizen/date-picker/src/utils/isSelectingDayInCalendar');
-var parseDateFromNumeralFormatValue = require('@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue');
-var parseDateFromTextFormatValue = require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
+require('../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../Calendar/CalendarRange/CalendarRange.cjs');
+require('tslib');
+var formatDateAsNumeral = require('../../Calendar/utils/formatDateAsNumeral.cjs');
+var formatDateAsText = require('../../Calendar/utils/formatDateAsText.cjs');
+var isDisabledDate = require('../../Calendar/utils/isDisabledDate.cjs');
+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,
@@ -17,7 +21,7 @@ var useDateInputHandlers = function (_a) {
     onBlur = _a.onBlur,
     onKeyDown = _a.onKeyDown;
   var isValidDate = function (date) {
-    return !datePicker.isInvalidDate(date) && !isDisabledDate.isDisabledDate(date, disabledDays);
+    return !isInvalidDate.isInvalidDate(date) && !isDisabledDate.isDisabledDate(date, disabledDays);
   };
   var handleChange = function (e) {
     setInputValue(e.currentTarget.value);
@@ -25,7 +29,7 @@ var useDateInputHandlers = function (_a) {
   };
   var handleFocus = function (e) {
     var date = parseDateFromTextFormatValue.parseDateFromTextFormatValue(e.currentTarget.value, locale);
-    if (!datePicker.isInvalidDate(date)) {
+    if (!isInvalidDate.isInvalidDate(date)) {
       var newInputValue = formatDateAsNumeral.formatDateAsNumeral(date, locale);
       setInputValue(newInputValue);
     }
@@ -40,7 +44,7 @@ var useDateInputHandlers = function (_a) {
     }
     var date = parseDateFromNumeralFormatValue.parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
     if (isValidDate(date)) {
-      var newInputValue = datePicker.formatDateAsText(date, disabledDays, locale);
+      var newInputValue = formatDateAsText.formatDateAsText(date, disabledDays, locale);
       setInputValue(newInputValue);
     }
     onDateChange(date);

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

@@ -1 +1 @@
-{"version":3,"file":"useDateInputHandlers.cjs","sources":["../../../../src/FilterDatePicker/hooks/useDateInputHandlers.ts"],"sourcesContent":["import {\n  DateInputProps,\n  formatDateAsText,\n  isInvalidDate,\n} from \"@kaizen/date-picker\"\nimport { formatDateAsNumeral } from \"@kaizen/date-picker/src/utils/formatDateAsNumeral\"\nimport { isDisabledDate } from \"@kaizen/date-picker/src/utils/isDisabledDate\"\nimport { isSelectingDayInCalendar } from \"@kaizen/date-picker/src/utils/isSelectingDayInCalendar\"\nimport { parseDateFromNumeralFormatValue } from \"@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue\"\nimport { parseDateFromTextFormatValue } from \"@kaizen/date-picker/src/utils/parseDateFromTextFormatValue\"\nimport { DisabledDays } from \"~types/DatePicker\"\n\ntype UseDateInputHandlersArgs = {\n  locale: Locale\n  disabledDays?: DisabledDays\n  setInputValue: (value: string) => void\n  onDateChange: (date: Date | undefined) => void\n  onDateSubmit?: (date: Date) => void\n  onChange?: DateInputProps[\"onChange\"]\n  onFocus?: DateInputProps[\"onFocus\"]\n  onBlur?: DateInputProps[\"onBlur\"]\n  onKeyDown?: DateInputProps[\"onKeyDown\"]\n}\n\ntype UseDateInputHandlersValue = {\n  onChange: DateInputProps[\"onChange\"]\n  onFocus: DateInputProps[\"onFocus\"]\n  onBlur: DateInputProps[\"onBlur\"]\n  onKeyDown: DateInputProps[\"onKeyDown\"]\n}\n\nexport const useDateInputHandlers = ({\n  locale,\n  disabledDays,\n  setInputValue,\n  onDateChange,\n  onDateSubmit,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyDown,\n}: UseDateInputHandlersArgs): UseDateInputHandlersValue => {\n  const isValidDate = (date: Date): boolean =>\n    !isInvalidDate(date) && !isDisabledDate(date, disabledDays)\n\n  const handleChange: DateInputProps[\"onChange\"] = e => {\n    setInputValue(e.currentTarget.value)\n    onChange?.(e)\n  }\n\n  const handleFocus: DateInputProps[\"onFocus\"] = e => {\n    const date = parseDateFromTextFormatValue(e.currentTarget.value, locale)\n    if (!isInvalidDate(date)) {\n      const newInputValue = formatDateAsNumeral(date, locale)\n      setInputValue(newInputValue)\n    }\n    onFocus?.(e)\n  }\n\n  const handleBlur: DateInputProps[\"onBlur\"] = e => {\n    if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n    if (e.currentTarget.value === \"\") {\n      onDateChange(undefined)\n      onBlur?.(e)\n      return\n    }\n\n    const date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale)\n\n    if (isValidDate(date)) {\n      const newInputValue = formatDateAsText(date, disabledDays, locale)\n      setInputValue(newInputValue)\n    }\n\n    onDateChange(date)\n    onBlur?.(e)\n  }\n\n  const handleKeyDown: DateInputProps[\"onKeyDown\"] = e => {\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      const date = parseDateFromNumeralFormatValue(\n        e.currentTarget.value,\n        locale\n      )\n      onDateChange(date)\n      onDateSubmit?.(date)\n    }\n    onKeyDown?.(e)\n  }\n\n  return {\n    onChange: handleChange,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n  }\n}\n"],"names":["useDateInputHandlers","_a","locale","disabledDays","setInputValue","onDateChange","onDateSubmit","onChange","onFocus","onBlur","onKeyDown","isValidDate","date","isInvalidDate","isDisabledDate","handleChange","e","currentTarget","value","handleFocus","parseDateFromTextFormatValue","newInputValue","formatDateAsNumeral","handleBlur","isSelectingDayInCalendar","relatedTarget","undefined","parseDateFromNumeralFormatValue","formatDateAsText","handleKeyDown","key","preventDefault"],"mappings":"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"}
+{"version":3,"file":"useDateInputHandlers.cjs","sources":["../../../../src/FilterDatePicker/hooks/useDateInputHandlers.ts"],"sourcesContent":["import {\n  DisabledDays,\n  formatDateAsNumeral,\n  formatDateAsText,\n  isDisabledDate,\n  isInvalidDate,\n  isSelectingDayInCalendar,\n  parseDateFromNumeralFormatValue,\n  parseDateFromTextFormatValue,\n} from \"~components/Calendar\"\nimport { DateInputProps } from \"~components/DateInput\"\n\ntype UseDateInputHandlersArgs = {\n  locale: Locale\n  disabledDays?: DisabledDays\n  setInputValue: (value: string) => void\n  onDateChange: (date: Date | undefined) => void\n  onDateSubmit?: (date: Date) => void\n  onChange?: DateInputProps[\"onChange\"]\n  onFocus?: DateInputProps[\"onFocus\"]\n  onBlur?: DateInputProps[\"onBlur\"]\n  onKeyDown?: DateInputProps[\"onKeyDown\"]\n}\n\ntype UseDateInputHandlersValue = {\n  onChange: DateInputProps[\"onChange\"]\n  onFocus: DateInputProps[\"onFocus\"]\n  onBlur: DateInputProps[\"onBlur\"]\n  onKeyDown: DateInputProps[\"onKeyDown\"]\n}\n\nexport const useDateInputHandlers = ({\n  locale,\n  disabledDays,\n  setInputValue,\n  onDateChange,\n  onDateSubmit,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyDown,\n}: UseDateInputHandlersArgs): UseDateInputHandlersValue => {\n  const isValidDate = (date: Date): boolean =>\n    !isInvalidDate(date) && !isDisabledDate(date, disabledDays)\n\n  const handleChange: DateInputProps[\"onChange\"] = e => {\n    setInputValue(e.currentTarget.value)\n    onChange?.(e)\n  }\n\n  const handleFocus: DateInputProps[\"onFocus\"] = e => {\n    const date = parseDateFromTextFormatValue(e.currentTarget.value, locale)\n    if (!isInvalidDate(date)) {\n      const newInputValue = formatDateAsNumeral(date, locale)\n      setInputValue(newInputValue)\n    }\n    onFocus?.(e)\n  }\n\n  const handleBlur: DateInputProps[\"onBlur\"] = e => {\n    if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n    if (e.currentTarget.value === \"\") {\n      onDateChange(undefined)\n      onBlur?.(e)\n      return\n    }\n\n    const date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale)\n\n    if (isValidDate(date)) {\n      const newInputValue = formatDateAsText(date, disabledDays, locale)\n      setInputValue(newInputValue)\n    }\n\n    onDateChange(date)\n    onBlur?.(e)\n  }\n\n  const handleKeyDown: DateInputProps[\"onKeyDown\"] = e => {\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      const date = parseDateFromNumeralFormatValue(\n        e.currentTarget.value,\n        locale\n      )\n      onDateChange(date)\n      onDateSubmit?.(date)\n    }\n    onKeyDown?.(e)\n  }\n\n  return {\n    onChange: handleChange,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n  }\n}\n"],"names":["useDateInputHandlers","_a","locale","disabledDays","setInputValue","onDateChange","onDateSubmit","onChange","onFocus","onBlur","onKeyDown","isValidDate","date","isInvalidDate","isDisabledDate","handleChange","e","currentTarget","value","handleFocus","parseDateFromTextFormatValue","newInputValue","formatDateAsNumeral","handleBlur","isSelectingDayInCalendar","relatedTarget","undefined","parseDateFromNumeralFormatValue","formatDateAsText","handleKeyDown","key","preventDefault"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDateValidation.cjs","sources":["../../../../src/FilterDatePicker/hooks/useDateValidation.ts"],"sourcesContent":["import { useState } from \"react\"\nimport { DisabledDays } from \"~types/DatePicker\"\nimport { ValidationMessage, DateValidationResponse } from \"../types\"\nimport { getDateValidationHandler } from \"../utils/getDateValidationHandler\"\nimport { validateDate } from \"../utils/validateDate\"\n\nexport type UseDateValidationArgs = {\n  inputLabel?: React.ReactNode\n  disabledDays?: DisabledDays\n  validationMessage?: ValidationMessage\n  onValidate?: (validationResponse: DateValidationResponse) => void\n}\n\nexport type UseDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    date: Date | undefined\n    inputValue: string\n  }) => ReturnType<typeof validateDate>\n  updateValidation: (validationResponse: DateValidationResponse) => void\n}\n\nexport const useDateValidation = ({\n  inputLabel,\n  disabledDays,\n  validationMessage,\n  onValidate,\n}: UseDateValidationArgs): UseDateValidationValue => {\n  const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n    ValidationMessage | undefined\n  >()\n\n  const shouldUseInbuiltDateValidation = onValidate === undefined\n\n  const updateValidation = getDateValidationHandler({\n    onValidate,\n    setInbuiltValidationMessage,\n    inputLabel,\n  })\n\n  const validateSingleDate: UseDateValidationValue[\"validateDate\"] = ({\n    date,\n    inputValue,\n  }) =>\n    validateDate({\n      date,\n      inputValue,\n      disabledDays,\n    })\n\n  return {\n    validationMessage: shouldUseInbuiltDateValidation\n      ? inbuiltValidationMessage\n      : validationMessage,\n    validateDate: validateSingleDate,\n    updateValidation,\n  }\n}\n"],"names":["useDateValidation","_a","inputLabel","disabledDays","validationMessage","onValidate","_b","useState","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltDateValidation","undefined","updateValidation","getDateValidationHandler","validateSingleDate","date","inputValue","validateDate"],"mappings":";;;;;AAsBO,IAAMA,iBAAiB,GAAG,SAAAA,CAACC,EAKV,EAAA;MAJtBC,UAAU,GAAAD,EAAA,CAAAC,UAAA;IACVC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IACZC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;IACjBC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;EAEJ,IAAAC,EAAA,GAA0DC,cAAQ,CAErE,CAAA;IAFIC,wBAAwB,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,2BAA2B,GAAAH,EAAA,CAAA,CAAA,CAEzD;EAEH,IAAMI,8BAA8B,GAAGL,UAAU,KAAKM,SAAS;EAE/D,IAAMC,gBAAgB,GAAGC,wBAAAA,CAAAA,wBAAwB,CAAC;IAChDR,UAAU,EAAAA,UAAA;IACVI,2BAA2B,EAAAA,2BAAA;IAC3BP,UAAU,EAAAA;EACX,CAAA,CAAC;EAEF,IAAMY,kBAAkB,GAA2C,SAAAA,CAACb,EAGnE,EAAA;QAFCc,IAAI,GAAAd,EAAA,CAAAc,IAAA;MACJC,UAAU,GAAAf,EAAA,CAAAe,UAAA;IAEV,OAAAC,yBAAY,CAAC;MACXF,IAAI,EAAAA,IAAA;MACJC,UAAU,EAAAA,UAAA;MACVb,YAAY,EAAAA;KACb,CAAC;EAJF,CAIE;EAEJ,OAAO;IACLC,iBAAiB,EAAEM,8BAA8B,GAC7CF,wBAAwB,GACxBJ,iBAAiB;IACrBa,YAAY,EAAEH,kBAAkB;IAChCF,gBAAgB,EAAAA;GACjB;AACH,CAAA;"}
+{"version":3,"file":"useDateValidation.cjs","sources":["../../../../src/FilterDatePicker/hooks/useDateValidation.ts"],"sourcesContent":["import { useState } from \"react\"\nimport { DisabledDays } from \"~components/Calendar\"\nimport { ValidationMessage, DateValidationResponse } from \"../types\"\nimport { getDateValidationHandler } from \"../utils/getDateValidationHandler\"\nimport { validateDate } from \"../utils/validateDate\"\n\nexport type UseDateValidationArgs = {\n  inputLabel?: React.ReactNode\n  disabledDays?: DisabledDays\n  validationMessage?: ValidationMessage\n  onValidate?: (validationResponse: DateValidationResponse) => void\n}\n\nexport type UseDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    date: Date | undefined\n    inputValue: string\n  }) => ReturnType<typeof validateDate>\n  updateValidation: (validationResponse: DateValidationResponse) => void\n}\n\nexport const useDateValidation = ({\n  inputLabel,\n  disabledDays,\n  validationMessage,\n  onValidate,\n}: UseDateValidationArgs): UseDateValidationValue => {\n  const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n    ValidationMessage | undefined\n  >()\n\n  const shouldUseInbuiltDateValidation = onValidate === undefined\n\n  const updateValidation = getDateValidationHandler({\n    onValidate,\n    setInbuiltValidationMessage,\n    inputLabel,\n  })\n\n  const validateSingleDate: UseDateValidationValue[\"validateDate\"] = ({\n    date,\n    inputValue,\n  }) =>\n    validateDate({\n      date,\n      inputValue,\n      disabledDays,\n    })\n\n  return {\n    validationMessage: shouldUseInbuiltDateValidation\n      ? inbuiltValidationMessage\n      : validationMessage,\n    validateDate: validateSingleDate,\n    updateValidation,\n  }\n}\n"],"names":["useDateValidation","_a","inputLabel","disabledDays","validationMessage","onValidate","_b","useState","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltDateValidation","undefined","updateValidation","getDateValidationHandler","validateSingleDate","date","inputValue","validateDate"],"mappings":";;;;;AAsBO,IAAMA,iBAAiB,GAAG,SAAAA,CAACC,EAKV,EAAA;MAJtBC,UAAU,GAAAD,EAAA,CAAAC,UAAA;IACVC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IACZC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;IACjBC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;EAEJ,IAAAC,EAAA,GAA0DC,cAAQ,CAErE,CAAA;IAFIC,wBAAwB,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,2BAA2B,GAAAH,EAAA,CAAA,CAAA,CAEzD;EAEH,IAAMI,8BAA8B,GAAGL,UAAU,KAAKM,SAAS;EAE/D,IAAMC,gBAAgB,GAAGC,wBAAAA,CAAAA,wBAAwB,CAAC;IAChDR,UAAU,EAAAA,UAAA;IACVI,2BAA2B,EAAAA,2BAAA;IAC3BP,UAAU,EAAAA;EACX,CAAA,CAAC;EAEF,IAAMY,kBAAkB,GAA2C,SAAAA,CAACb,EAGnE,EAAA;QAFCc,IAAI,GAAAd,EAAA,CAAAc,IAAA;MACJC,UAAU,GAAAf,EAAA,CAAAe,UAAA;IAEV,OAAAC,yBAAY,CAAC;MACXF,IAAI,EAAAA,IAAA;MACJC,UAAU,EAAAA,UAAA;MACVb,YAAY,EAAAA;KACb,CAAC;EAJF,CAIE;EAEJ,OAAO;IACLC,iBAAiB,EAAEM,8BAA8B,GAC7CF,wBAAwB,GACxBJ,iBAAiB;IACrBa,YAAY,EAAEH,kBAAkB;IAChCF,gBAAgB,EAAAA;GACjB;AACH,CAAA;"}