@kaizen/components 1.27.0 → 1.29.0

package/dist/esm/DateInput/DateInput/DateInput.mjs

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Input } from '../../Input/Input/Input.mjs';
+import '../../Input/InputRange/InputRange.mjs';
+import '../../Input/InputSearch/InputSearch.mjs';
+import { Label } from '../../Label/Label.mjs';
+import { isRefObject } from '../../utils/isRefObject.mjs';
+import styles from './DateInput.module.scss.mjs';
+const DateInput = /*#__PURE__*/function () {
+  const DateInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+    var id = _a.id,
+      labelText = _a.labelText,
+      disabled = _a.disabled,
+      _b = _a.isReversed,
+      isReversed = _b === void 0 ? false : _b,
+      classNameOverride = _a.classNameOverride,
+      inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.dateInput, classNameOverride)
+    }, /*#__PURE__*/React.createElement(Label, {
+      htmlFor: id,
+      labelText: labelText,
+      reversed: isReversed,
+      disabled: disabled
+    }), /*#__PURE__*/React.createElement(Input, __assign({
+      inputRef: isRefObject(ref) ? ref : undefined,
+      id: id,
+      type: "text",
+      autoComplete: "off",
+      classNameOverride: styles.input,
+      disabled: disabled,
+      reversed: isReversed
+    }, inputProps)));
+  });
+  DateInput.displayName = "DateInput";
+  return DateInput;
+}();
+export { DateInput };
+//# sourceMappingURL=DateInput.mjs.map

package/dist/esm/DateInput/DateInput/DateInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.mjs","sources":["../../../../src/DateInput/DateInput/DateInput.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport styles from \"./DateInput.module.scss\"\n\ntype OmittedInputProps = \"reversed\" | \"type\" | \"inputRef\"\n\nexport type DateInputProps = {\n  labelText: React.ReactNode\n  isReversed?: boolean\n} & Omit<InputProps, OmittedInputProps>\n\nexport const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(\n  (\n    {\n      id,\n      labelText,\n      disabled,\n      isReversed = false,\n      classNameOverride,\n      ...inputProps\n    },\n    ref\n  ) => (\n    <div className={classnames(styles.dateInput, classNameOverride)}>\n      <Label\n        htmlFor={id}\n        labelText={labelText}\n        reversed={isReversed}\n        disabled={disabled}\n      />\n      <Input\n        inputRef={isRefObject(ref) ? ref : undefined}\n        id={id}\n        type=\"text\"\n        autoComplete=\"off\"\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={isReversed}\n        {...inputProps}\n      />\n    </div>\n  )\n)\n\nDateInput.displayName = \"DateInput\"\n"],"names":["DateInput","React","forwardRef","_a","ref","id","labelText","disabled","_b","isReversed","classNameOverride","inputProps","__rest","createElement","className","classnames","styles","dateInput","Label","htmlFor","reversed","Input","inputRef","isRefObject","undefined","type","autoComplete","input","displayName"],"mappings":";;;;;;;;;MAcaA,SAAS;EAAA,MAATA,SAAS,gBAAGC,KAAK,CAACC,UAAU,CACvC,UACEC,EAOC,EACDC,GAAG,EAAA;IAPD,IAAAC,EAAE,QAAA;MACFC,SAAS,eAAA;MACTC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,EAAkB,GAAAL,EAAA,CAAAM,UAAA;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;MAClBE,iBAAiB,uBAAA;MACdC,UAAU,GANfC,MAAA,CAAAT,EAAA,EAAA,CAAA,IAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,mBAAA,CAOC,CADc;IAGZ,oBACHF,KAAK,CAAAY,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,SAAS,EAAEP,iBAAiB;IAAC,CAAA,eAC7DT,KAAA,CAAAY,aAAA,CAACK,KAAK,EACJ;MAAAC,OAAO,EAAEd,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBc,QAAQ,EAAEX,UAAU;MACpBF,QAAQ,EAAEA;IAAQ,CAClB,CAAA,eACFN,KAAC,CAAAY,aAAA,CAAAQ,KAAK;MACJC,QAAQ,EAAEC,WAAW,CAACnB,GAAG,CAAC,GAAGA,GAAG,GAAGoB,SAAS;MAC5CnB,EAAE,EAAEA,EAAE;MACNoB,IAAI,EAAC,MAAM;MACXC,YAAY,EAAC,KAAK;MAClBhB,iBAAiB,EAAEM,MAAM,CAACW,KAAK;MAC/BpB,QAAQ,EAAEA,QAAQ;MAClBa,QAAQ,EAAEX;IAAU,GAChBE,UAAU,CAAA,CACd,CACE;EACP,CAAA,CACF;EAEDX,SAAS,CAAC4B,WAAW,GAAG,WAAW;EAAA,OAjCtB5B,SAAS;AAAA;"}

package/dist/esm/DateInput/DateInput/DateInput.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "dateInput": "DateInput-module_dateInput__f0Rs6",
+  "input": "DateInput-module_input__lVV0-"
+};
+export { styles as default };
+//# sourceMappingURL=DateInput.module.scss.mjs.map

package/dist/esm/DateInput/DateInput/DateInput.module.scss.mjs.map

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

package/dist/esm/{FilterDateRangePicker/subcomponents → DateInput}/DateInputDescription/DateInputDescription.mjs

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
-import { LabelledMessage } from '../../../LabelledMessage/LabelledMessage.mjs';
+import { LabelledMessage } from '../../LabelledMessage/LabelledMessage.mjs';
 import { formatDescriptionInputFormat } from './utils/formatDescriptionInputFormat.mjs';
 import styles from './DateInputDescription.module.scss.mjs';
 const DateInputDescription = /*#__PURE__*/function () {
@@ -10,7 +10,7 @@ const DateInputDescription = /*#__PURE__*/function () {
     var formatMessage = useIntl().formatMessage;
     var hasCustomDescription = typeof description === "string" && description !== "" || /*#__PURE__*/React.isValidElement(description);
     var translatedInputFormatMessage = formatMessage({
-      id: "filterDateRangePicker.inputFormat",
+      id: "dateInputDescription.inputFormat",
       defaultMessage: "Input format",
       description: "Label for the 'Input format' field"
     });

package/dist/esm/DateInput/DateInputDescription/DateInputDescription.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputDescription.mjs","sources":["../../../../src/DateInput/DateInputDescription/DateInputDescription.tsx"],"sourcesContent":["import React from \"react\"\nimport { useIntl } from \"@cultureamp/i18n-react-intl\"\nimport { LabelledMessage } from \"~components/LabelledMessage\"\nimport { formatDescriptionInputFormat } from \"./utils/formatDescriptionInputFormat\"\nimport styles from \"./DateInputDescription.module.scss\"\n\nexport type DateInputDescriptionProps = {\n  description?: string | JSX.Element\n  locale: Locale\n}\n\nexport const DateInputDescription = ({\n  description,\n  locale,\n}: DateInputDescriptionProps): JSX.Element => {\n  const { formatMessage } = useIntl()\n  const hasCustomDescription =\n    (typeof description === \"string\" && description !== \"\") ||\n    React.isValidElement(description)\n\n  const translatedInputFormatMessage = formatMessage({\n    id: \"dateInputDescription.inputFormat\",\n    defaultMessage: \"Input format\",\n    description: \"Label for the 'Input format' field\",\n  })\n\n  if (hasCustomDescription) {\n    return (\n      <span className={styles.dateInputDescription}>\n        <span>{description}</span>\n        <span className={styles.dateInputFormatContainer}>\n          (\n          <LabelledMessage\n            label={translatedInputFormatMessage}\n            message={formatDescriptionInputFormat(locale)}\n          />\n          )\n        </span>\n      </span>\n    )\n  }\n\n  return (\n    <LabelledMessage\n      label={translatedInputFormatMessage}\n      message={formatDescriptionInputFormat(locale)}\n    />\n  )\n}\n\nDateInputDescription.displayName = \"DateInputDescription\"\n"],"names":["DateInputDescription","_a","description","locale","formatMessage","useIntl","hasCustomDescription","React","isValidElement","translatedInputFormatMessage","id","defaultMessage","createElement","className","styles","dateInputDescription","dateInputFormatContainer","LabelledMessage","label","message","formatDescriptionInputFormat","displayName"],"mappings":";;;;;MAWaA,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAF1BC,WAAW,GAAAD,EAAA,CAAAC,WAAA;MACXC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAEE,IAAAC,aAAa,GAAKC,OAAO,CAAE,CAAA,cAAd;IACrB,IAAMC,oBAAoB,GACvB,OAAOJ,WAAW,KAAK,QAAQ,IAAIA,WAAW,KAAK,EAAE,iBACtDK,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC;IAEnC,IAAMO,4BAA4B,GAAGL,aAAa,CAAC;MACjDM,EAAE,EAAE,kCAAkC;MACtCC,cAAc,EAAE,cAAc;MAC9BT,WAAW,EAAE;IACd,CAAA,CAAC;IAEF,IAAII,oBAAoB,EAAE;MACxB,oBACEC,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACC;MAAoB,CAAA,eAC1CR,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOV,WAAW,CAAQ,eAC1BK,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;QAAMC,SAAS,EAAEC,MAAM,CAACE;MAAwB,CAAA,oBAE9CT,KAAA,CAAAK,aAAA,CAACK,eAAe,EAAA;QACdC,KAAK,EAAET,4BAA4B;QACnCU,OAAO,EAAEC,4BAA4B,CAACjB,MAAM;OAC5C,CAAA,EAEG,GAAA,CAAA,CACF;IAEV;IAED,oBACEI,KAAC,CAAAK,aAAA,CAAAK,eAAe,EACd;MAAAC,KAAK,EAAET,4BAA4B;MACnCU,OAAO,EAAEC,4BAA4B,CAACjB,MAAM;IAAC,CAAA,CAC7C;EAEN,CAAC;EAEDH,oBAAoB,CAACqB,WAAW,GAAG,sBAAsB;EAAA,OAvC5CrB,oBAAoB;AAAA;"}

package/dist/esm/{FilterDateRangePicker/subcomponents → DateInput}/DateInputDescription/DateInputDescription.module.scss.mjs

@@ -1,6 +1,8 @@
 var styles = {
-  "dateInputDescription": "DateInputDescription-module_dateInputDescription__-ONK8",
-  "dateInputFormatContainer": "DateInputDescription-module_dateInputFormatContainer__6hP6K"
+  "dateInputDescription": "DateInputDescription-module_dateInputDescription__dEWv8",
+  "dateInputFormatContainer": "DateInputDescription-module_dateInputFormatContainer__U-zur",
+  "descriptionInputFormat": "DateInputDescription-module_descriptionInputFormat__rQ-Z5",
+  "labelSeparator": "DateInputDescription-module_labelSeparator__L7Be4"
 };
 export { styles as default };
 //# sourceMappingURL=DateInputDescription.module.scss.mjs.map

package/dist/esm/{FilterDateRangePicker/subcomponents → DateInput}/DateInputDescription/DateInputDescription.module.scss.mjs.map

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

package/dist/esm/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDescriptionInputFormat.mjs","sources":["../../../../../src/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.ts"],"sourcesContent":["export const formatDescriptionInputFormat = (locale: Locale): string =>\n  locale.formatLong?.date({ width: \"short\" }).toLowerCase()\n"],"names":["formatDescriptionInputFormat","locale","_a","formatLong","date","width","toLowerCase"],"mappings":"AAAa,IAAAA,4BAA4B,GAAG,SAAAA,CAACC,MAAc,EACzD;EAAA,IAAAC,EAAA;EAAA,OAAA,CAAAA,EAAA,GAAAD,MAAM,CAACE,UAAU,0CAAEC,IAAI,CAAC;IAAEC,KAAK,EAAE;EAAO,CAAE,CAAA,CAAEC,WAAW,EAAE;AAAA,CAAA;"}

package/dist/esm/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs

@@ -0,0 +1,41 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import 'uuid';
+import '../../Icon/subcomponents/SVG/SVG.mjs';
+import { DateStartIcon } from '../../Icon/DateStartIcon.mjs';
+import { isRefObject } from '../../utils/isRefObject.mjs';
+import { DateInput } from '../DateInput/DateInput.mjs';
+import styles from './DateInputWithIconButton.module.scss.mjs';
+const DateInputWithIconButton = /*#__PURE__*/function () {
+  const DateInputWithIconButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+    var onButtonClick = _a.onButtonClick,
+      disabled = _a.disabled,
+      value = _a.value,
+      restProps = __rest(_a, ["onButtonClick", "disabled", "value"]);
+    var customRefObject = isRefObject(ref) ? ref.current : null;
+    var inputRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputRef;
+    var buttonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.buttonRef;
+    var IconButton = /*#__PURE__*/React.createElement("button", {
+      ref: buttonRef,
+      type: "button",
+      onClick: onButtonClick,
+      "aria-label": value ? "Change date, ".concat(value) : "Choose date",
+      "aria-disabled": disabled,
+      disabled: disabled,
+      className: classnames(styles.iconButton, restProps["aria-expanded"] && styles.calendarActive, disabled && styles.disabled)
+    }, /*#__PURE__*/React.createElement(DateStartIcon, {
+      role: "presentation"
+    }));
+    return /*#__PURE__*/React.createElement(DateInput, __assign({
+      ref: inputRef,
+      disabled: disabled,
+      value: value,
+      endIconAdornment: IconButton
+    }, restProps));
+  });
+  DateInputWithIconButton.displayName = "DateInputWithIconButton";
+  return DateInputWithIconButton;
+}();
+export { DateInputWithIconButton };
+//# sourceMappingURL=DateInputWithIconButton.mjs.map

package/dist/esm/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputWithIconButton.mjs","sources":["../../../../src/DateInput/DateInputWithIconButton/DateInputWithIconButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { DateStartIcon } from \"~components/Icon\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport { DateInput, DateInputProps } from \"../DateInput\"\nimport styles from \"./DateInputWithIconButton.module.scss\"\n\nexport type DateInputWithIconButtonProps = {\n  /**\n   * Icon button onClick handler\n   */\n  onButtonClick: React.MouseEventHandler<HTMLButtonElement>\n} & Omit<DateInputProps, \"startIconAdornment\" | \"endIconAdornment\">\n\nexport type DateInputWithIconButtonRefs = {\n  inputRef?: React.RefObject<HTMLInputElement>\n  buttonRef?: React.RefObject<HTMLButtonElement>\n}\n\nexport const DateInputWithIconButton = React.forwardRef<\n  DateInputWithIconButtonRefs,\n  DateInputWithIconButtonProps\n>(({ onButtonClick, disabled, value, ...restProps }, ref) => {\n  const customRefObject = isRefObject(ref) ? ref.current : null\n  const inputRef = customRefObject?.inputRef\n  const buttonRef = customRefObject?.buttonRef\n\n  const IconButton: React.ReactNode = (\n    <button\n      ref={buttonRef}\n      type=\"button\"\n      onClick={onButtonClick}\n      aria-label={value ? `Change date, ${value}` : \"Choose date\"}\n      aria-disabled={disabled}\n      disabled={disabled}\n      className={classnames(\n        styles.iconButton,\n        restProps[\"aria-expanded\"] && styles.calendarActive,\n        disabled && styles.disabled\n      )}\n    >\n      <DateStartIcon role=\"presentation\" />\n    </button>\n  )\n\n  return (\n    <DateInput\n      ref={inputRef}\n      disabled={disabled}\n      value={value}\n      endIconAdornment={IconButton}\n      {...restProps}\n    />\n  )\n})\n\nDateInputWithIconButton.displayName = \"DateInputWithIconButton\"\n"],"names":["DateInputWithIconButton","React","forwardRef","_a","ref","onButtonClick","disabled","value","restProps","__rest","customRefObject","isRefObject","current","inputRef","buttonRef","IconButton","createElement","type","onClick","concat","className","classnames","styles","iconButton","calendarActive","DateStartIcon","role","DateInput","__assign","endIconAdornment","displayName"],"mappings":";;;;;;;;;MAmBaA,uBAAuB;EAAA,MAAvBA,uBAAuB,gBAAGC,KAAK,CAACC,UAAU,CAGrD,UAACC,EAAgD,EAAEC,GAAG,EAAA;IAAnD,IAAAC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MAAEC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;MAAEC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MAAKC,SAAS,GAA9CC,MAAA,CAAAN,EAAA,EAAA,CAAA,eAAA,EAAA,UAAA,EAAA,OAAA,CAAgD,CAAF;IAC/C,IAAMO,eAAe,GAAGC,WAAW,CAACP,GAAG,CAAC,GAAGA,GAAG,CAACQ,OAAO,GAAG,IAAI;IAC7D,IAAMC,QAAQ,GAAGH,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,eAAe,CAAEG,QAAQ;IAC1C,IAAMC,SAAS,GAAGJ,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,eAAe,CAAEI,SAAS;IAE5C,IAAMC,UAAU,gBACdd,KACE,CAAAe,aAAA,CAAA,QAAA,EAAA;MAAAZ,GAAG,EAAEU,SAAS;MACdG,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAEb,aAAa;MAAA,YAAA,EACVE,KAAK,GAAG,eAAgB,CAAAY,MAAA,CAAAZ,KAAK,CAAE,GAAG,aAAa;MAAA,eAAA,EAC5CD,QAAQ;MACvBA,QAAQ,EAAEA,QAAQ;MAClBc,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,UAAU,EACjBf,SAAS,CAAC,eAAe,CAAC,IAAIc,MAAM,CAACE,cAAc,EACnDlB,QAAQ,IAAIgB,MAAM,CAAChB,QAAQ;IAC5B,CAAA,eAEDL,KAAC,CAAAe,aAAA,CAAAS,aAAa;MAACC,IAAI,EAAC;IAAc,CAAG,CAAA,CAExC;IAED,oBACEzB,oBAAC0B,SAAS,EAAAC,QAAA,CAAA;MACRxB,GAAG,EAAES,QAAQ;MACbP,QAAQ,EAAEA,QAAQ;MAClBC,KAAK,EAAEA,KAAK;MACZsB,gBAAgB,EAAEd;IACd,CAAA,EAAAP,SAAS,CACb,CAAA;EAEN,CAAC,CAAC;EAEFR,uBAAuB,CAAC8B,WAAW,GAAG,yBAAyB;EAAA,OArClD9B,uBAAuB;AAAA;"}

package/dist/esm/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "iconButton": "DateInputWithIconButton-module_iconButton__W7YMX",
+  "calendarActive": "DateInputWithIconButton-module_calendarActive__b2Vze",
+  "disabled": "DateInputWithIconButton-module_disabled__0IRHh"
+};
+export { styles as default };
+//# sourceMappingURL=DateInputWithIconButton.module.scss.mjs.map

package/dist/esm/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.mjs.map

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

package/dist/esm/DatePicker/DatePicker.mjs

@@ -0,0 +1,230 @@
+import { __rest, __assign } from 'tslib';
+import React, { useRef, useId, useState, useEffect } from 'react';
+import { FocusOn } from 'react-focus-on';
+import { CalendarSingle } from '../Calendar/CalendarSingle/CalendarSingle.mjs';
+import '../Calendar/CalendarRange/CalendarRange.mjs';
+import { calculateDisabledDays } from '../Calendar/utils/calculateDisabledDays.mjs';
+import { formatDateAsNumeral } from '../Calendar/utils/formatDateAsNumeral.mjs';
+import { formatDateAsText } from '../Calendar/utils/formatDateAsText.mjs';
+import { isDisabledDate } from '../Calendar/utils/isDisabledDate.mjs';
+import { isInvalidDate } from '../Calendar/utils/isInvalidDate.mjs';
+import { isSelectingDayInCalendar } from '../Calendar/utils/isSelectingDayInCalendar.mjs';
+import { parseDateAsTextOrNumeral } from '../Calendar/utils/parseDateAsTextOrNumeral.mjs';
+import 'date-fns';
+import { setFocusInCalendar } from '../Calendar/utils/setFocusInCalendar.mjs';
+import { CalendarPopover } from '../Calendar/CalendarPopover/CalendarPopover.mjs';
+import { DateInputField } from './subcomponents/DateInputField/DateInputField.mjs';
+import { getLocale } from './utils/getLocale.mjs';
+import { validateDate } from './utils/validateDate.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
+ */
+const DatePicker = /*#__PURE__*/function () {
+  const DatePicker = function (_a) {
+    var propsId = _a.id,
+      _b = _a.buttonRef,
+      propsButtonRef = _b === void 0 ? useRef(null) : _b,
+      _c = _a.locale,
+      propsLocale = _c === void 0 ? "en-AU" : _c,
+      disabledDates = _a.disabledDates,
+      disabledDaysOfWeek = _a.disabledDaysOfWeek,
+      disabledRange = _a.disabledRange,
+      disabledBeforeAfter = _a.disabledBeforeAfter,
+      disabledBefore = _a.disabledBefore,
+      disabledAfter = _a.disabledAfter,
+      weekStartsOn = _a.weekStartsOn,
+      defaultMonth = _a.defaultMonth,
+      selectedDay = _a.selectedDay,
+      status = _a.status,
+      validationMessage = _a.validationMessage,
+      onInputClick = _a.onInputClick,
+      onInputFocus = _a.onInputFocus,
+      onInputChange = _a.onInputChange,
+      onInputBlur = _a.onInputBlur,
+      onButtonClick = _a.onButtonClick,
+      onDayChange = _a.onDayChange,
+      onValidate = _a.onValidate,
+      restDateInputFieldProps = __rest(_a, ["id", "buttonRef", "locale", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDay", "status", "validationMessage", "onInputClick", "onInputFocus", "onInputChange", "onInputBlur", "onButtonClick", "onDayChange", "onValidate"]);
+    var reactId = useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var containerRef = useRef(null);
+    var inputRef = useRef(null);
+    var buttonRef = useRef((propsButtonRef === null || propsButtonRef === void 0 ? void 0 : propsButtonRef.current) || null);
+    var dateInputRefs = useRef({
+      inputRef: inputRef,
+      buttonRef: buttonRef
+    });
+    var _d = useState(""),
+      inputValue = _d[0],
+      setInputValue = _d[1];
+    var _e = useState(false),
+      isOpen = _e[0],
+      setIsOpen = _e[1];
+    var _f = useState(),
+      lastTrigger = _f[0],
+      setLastTrigger = _f[1];
+    var _g = useState(),
+      inbuiltStatus = _g[0],
+      setInbuiltStatus = _g[1];
+    var _h = useState(),
+      inbuiltValidationMessage = _h[0],
+      setInbuiltValidationMessage = _h[1];
+    var shouldUseInbuiltValidation = onValidate === undefined;
+    var locale = getLocale(propsLocale);
+    var disabledDays = calculateDisabledDays({
+      disabledDates: disabledDates,
+      disabledDaysOfWeek: disabledDaysOfWeek,
+      disabledRange: disabledRange,
+      disabledBeforeAfter: disabledBeforeAfter,
+      disabledBefore: disabledBefore,
+      disabledAfter: disabledAfter
+    });
+    var handleValidation = function (validationResponse) {
+      if (shouldUseInbuiltValidation) {
+        setInbuiltStatus(validationResponse.status);
+        setInbuiltValidationMessage(validationResponse.validationMessage);
+      } else {
+        onValidate(validationResponse);
+      }
+    };
+    var handleDayChange = function (date, newInputValue) {
+      var _a = validateDate({
+          date: date,
+          inputValue: newInputValue,
+          disabledDays: disabledDays
+        }),
+        validationResponse = _a.validationResponse,
+        newDate = _a.newDate;
+      handleValidation(validationResponse);
+      onDayChange(newDate);
+    };
+    var handleCalendarDayChange = function (date) {
+      if (!isDisabledDate(date, disabledDays)) {
+        var newInputValue = lastTrigger === "calendarButton" ? formatDateAsText(date, disabledDays, locale) : formatDateAsNumeral(date, locale);
+        setInputValue(newInputValue);
+        handleDayChange(date);
+        setIsOpen(false);
+      }
+    };
+    var handleInputClick = function (e) {
+      setIsOpen(true);
+      onInputClick === null || onInputClick === void 0 ? void 0 : onInputClick(e);
+    };
+    var handleInputFocus = function (e) {
+      setLastTrigger("inputFocus");
+      if (selectedDay) {
+        var newInputValue = formatDateAsNumeral(selectedDay, locale);
+        setInputValue(newInputValue);
+      }
+      onInputFocus === null || onInputFocus === void 0 ? void 0 : onInputFocus(e);
+    };
+    var handleInputChange = function (e) {
+      setInputValue(e.target.value);
+      onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e);
+    };
+    var handleInputBlur = function (e) {
+      if (isSelectingDayInCalendar(e.relatedTarget)) return;
+      if (inputValue !== "") {
+        var parsedDate = parseDateAsTextOrNumeral(inputValue, locale);
+        if (!isInvalidDate(parsedDate)) {
+          setInputValue(formatDateAsText(parsedDate, disabledDays, locale));
+        }
+        handleDayChange(parsedDate, inputValue);
+        onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
+        return;
+      }
+      handleDayChange(undefined, inputValue);
+      onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
+    };
+    var handleKeyDown = function (e) {
+      if (e.key === "Enter") {
+        setIsOpen(false);
+        var parsedDate = parseDateAsTextOrNumeral(inputValue, locale);
+        handleDayChange(parsedDate, e.currentTarget.value);
+      }
+      if (e.key === "ArrowDown" || e.key === "ArrowDown" && e.altKey === true) {
+        e.preventDefault();
+        setIsOpen(true);
+        setLastTrigger("inputKeydown");
+      }
+    };
+    var handleButtonClick = function (e) {
+      setIsOpen(!isOpen);
+      setLastTrigger("calendarButton");
+      onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(e);
+    };
+    var handleCalendarMount = function (calendarElement) {
+      if (lastTrigger === "inputFocus") return;
+      setFocusInCalendar(calendarElement, selectedDay);
+    };
+    var handleReturnFocus = function () {
+      var _a, _b;
+      if (lastTrigger === "inputKeydown" || lastTrigger === "inputFocus") {
+        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      }
+      (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    };
+    useEffect(function () {
+      if (selectedDay) {
+        setInputValue(formatDateAsText(selectedDay, disabledDays, locale));
+        var formattedDate = formatDateAsNumeral(selectedDay, locale);
+        var validationResponse = validateDate({
+          date: selectedDay,
+          inputValue: formattedDate,
+          disabledDays: disabledDays
+        }).validationResponse;
+        if (!validationResponse.isValidDate && !validationResponse.isEmpty) {
+          handleValidation(validationResponse);
+        }
+      }
+    }, [selectedDay]);
+    var calendarId = "".concat(id, "-calendar-dialog");
+    return /*#__PURE__*/React.createElement(FocusOn, {
+      scrollLock: false,
+      onDeactivation: handleReturnFocus,
+      onClickOutside: function () {
+        return setIsOpen(false);
+      },
+      onEscapeKey: function () {
+        return setIsOpen(false);
+      },
+      enabled: isOpen
+    }, /*#__PURE__*/React.createElement("div", {
+      ref: containerRef
+    }, /*#__PURE__*/React.createElement(DateInputField, __assign({
+      ref: dateInputRefs,
+      id: id,
+      role: "combobox",
+      "aria-haspopup": "dialog",
+      "aria-expanded": isOpen,
+      "aria-controls": calendarId,
+      value: inputValue,
+      locale: locale,
+      onButtonClick: handleButtonClick,
+      onClick: handleInputClick,
+      onFocus: handleInputFocus,
+      onChange: handleInputChange,
+      onBlur: handleInputBlur,
+      onKeyDown: handleKeyDown,
+      status: status !== undefined || !shouldUseInbuiltValidation ? status : inbuiltStatus,
+      validationMessage: validationMessage !== undefined || !shouldUseInbuiltValidation ? validationMessage : inbuiltValidationMessage
+    }, restDateInputFieldProps))), isOpen && /*#__PURE__*/React.createElement(CalendarPopover, {
+      referenceElement: containerRef.current
+    }, /*#__PURE__*/React.createElement(CalendarSingle, {
+      id: calendarId,
+      selected: selectedDay,
+      defaultMonth: defaultMonth,
+      weekStartsOn: weekStartsOn,
+      disabled: disabledDays,
+      locale: locale,
+      onDayClick: handleCalendarDayChange,
+      onMount: handleCalendarMount
+    })));
+  };
+  DatePicker.displayName = "DatePicker";
+  return DatePicker;
+}();
+export { DatePicker };
+//# sourceMappingURL=DatePicker.mjs.map

package/dist/esm/DatePicker/DatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.mjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n  CalendarSingle,\n  CalendarSingleElement,\n  CalendarSingleProps,\n  DisabledDayMatchers,\n  calculateDisabledDays,\n  formatDateAsNumeral,\n  formatDateAsText,\n  isDisabledDate,\n  isInvalidDate,\n  isSelectingDayInCalendar,\n  parseDateAsTextOrNumeral,\n  setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n  DateInputField,\n  DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n  | \"onClick\"\n  | \"onFocus\"\n  | \"onChange\"\n  | \"onBlur\"\n  | \"onButtonClick\"\n  | \"value\"\n  | \"locale\"\n  | \"id\"\n\nexport type DatePickerProps = {\n  id?: string\n  buttonRef?: RefObject<HTMLButtonElement>\n  onInputClick?: DateInputFieldProps[\"onClick\"]\n  onInputFocus?: DateInputFieldProps[\"onFocus\"]\n  onInputChange?: DateInputFieldProps[\"onChange\"]\n  onInputBlur?: DateInputFieldProps[\"onBlur\"]\n  onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n  locale?: DatePickerSupportedLocales\n  /**\n   * Accepts a DayOfWeek value to start the week on that day. By default,\n   * it's set to Monday.\n   */\n  weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n  /**\n   * Accepts a date to display that month on first render.\n   */\n  defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n  /**\n   *  The date passed in from the consumer that renders in the input and calendar.\n   */\n  selectedDay: Date | undefined\n  /**\n   * Callback when date is updated either by the calendar picker or by typing and bluring.\n   * Date will return as undefined if invalid or disabled.\n   */\n  onDayChange: (date: Date | undefined) => void\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: (validationResponse: ValidationResponse) => void\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: DateInputFieldProps[\"status\"] | undefined\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: DateInputFieldProps[\"validationMessage\"] | undefined\n} & DisabledDayMatchers &\n  Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n  id: propsId,\n  buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n  locale: propsLocale = \"en-AU\",\n  disabledDates,\n  disabledDaysOfWeek,\n  disabledRange,\n  disabledBeforeAfter,\n  disabledBefore,\n  disabledAfter,\n  weekStartsOn,\n  defaultMonth,\n  selectedDay,\n  status,\n  validationMessage,\n  onInputClick,\n  onInputFocus,\n  onInputChange,\n  onInputBlur,\n  onButtonClick,\n  onDayChange,\n  onValidate,\n  ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const containerRef = useRef<HTMLInputElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current || null)\n  const dateInputRefs = useRef({\n    inputRef,\n    buttonRef,\n  })\n  const [inputValue, setInputValue] = useState<string>(\"\")\n  const [isOpen, setIsOpen] = useState(false)\n  const [lastTrigger, setLastTrigger] = useState<\n    \"inputFocus\" | \"inputKeydown\" | \"calendarButton\"\n  >()\n  const [inbuiltStatus, setInbuiltStatus] = useState<\n    DateInputFieldProps[\"status\"] | undefined\n  >()\n  const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n    string | undefined\n  >()\n\n  const shouldUseInbuiltValidation = onValidate === undefined\n\n  const locale = getLocale(propsLocale)\n\n  const disabledDays = calculateDisabledDays({\n    disabledDates,\n    disabledDaysOfWeek,\n    disabledRange,\n    disabledBeforeAfter,\n    disabledBefore,\n    disabledAfter,\n  })\n\n  const handleValidation = (validationResponse: ValidationResponse): void => {\n    if (shouldUseInbuiltValidation) {\n      setInbuiltStatus(validationResponse.status)\n      setInbuiltValidationMessage(validationResponse.validationMessage)\n    } else {\n      onValidate(validationResponse)\n    }\n  }\n\n  const handleDayChange = (\n    date: Date | undefined,\n    newInputValue?: string\n  ): void => {\n    const { validationResponse, newDate } = validateDate({\n      date,\n      inputValue: newInputValue,\n      disabledDays,\n    })\n    handleValidation(validationResponse)\n    onDayChange(newDate)\n  }\n\n  const handleCalendarDayChange: DayClickEventHandler = date => {\n    if (!isDisabledDate(date, disabledDays)) {\n      const newInputValue =\n        lastTrigger === \"calendarButton\"\n          ? formatDateAsText(date, disabledDays, locale)\n          : formatDateAsNumeral(date, locale)\n\n      setInputValue(newInputValue)\n      handleDayChange(date)\n      setIsOpen(false)\n    }\n  }\n\n  const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n    setIsOpen(true)\n    onInputClick?.(e)\n  }\n\n  const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n    setLastTrigger(\"inputFocus\")\n    if (selectedDay) {\n      const newInputValue = formatDateAsNumeral(selectedDay, locale)\n      setInputValue(newInputValue)\n    }\n    onInputFocus?.(e)\n  }\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setInputValue(e.target.value)\n    onInputChange?.(e)\n  }\n\n  const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n    if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n    if (inputValue !== \"\") {\n      const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n      if (!isInvalidDate(parsedDate)) {\n        setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n      }\n\n      handleDayChange(parsedDate, inputValue)\n      onInputBlur?.(e)\n      return\n    }\n\n    handleDayChange(undefined, inputValue)\n    onInputBlur?.(e)\n  }\n\n  const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n    if (e.key === \"Enter\") {\n      setIsOpen(false)\n      const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n      handleDayChange(parsedDate, e.currentTarget.value)\n    }\n\n    if (e.key === \"ArrowDown\" || (e.key === \"ArrowDown\" && e.altKey === true)) {\n      e.preventDefault()\n      setIsOpen(true)\n      setLastTrigger(\"inputKeydown\")\n    }\n  }\n\n  const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n    setIsOpen(!isOpen)\n    setLastTrigger(\"calendarButton\")\n    onButtonClick?.(e)\n  }\n\n  const handleCalendarMount = (\n    calendarElement: CalendarSingleElement\n  ): void => {\n    if (lastTrigger === \"inputFocus\") return\n    setFocusInCalendar(calendarElement, selectedDay)\n  }\n\n  const handleReturnFocus = (): void => {\n    if (lastTrigger === \"inputKeydown\" || lastTrigger === \"inputFocus\") {\n      return inputRef.current?.focus()\n    }\n    buttonRef.current?.focus()\n  }\n\n  useEffect(() => {\n    if (selectedDay) {\n      setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n      const formattedDate = formatDateAsNumeral(selectedDay, locale)\n      const { validationResponse } = validateDate({\n        date: selectedDay,\n        inputValue: formattedDate,\n        disabledDays,\n      })\n\n      if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n        handleValidation(validationResponse)\n      }\n    }\n  }, [selectedDay])\n\n  const calendarId = `${id}-calendar-dialog`\n\n  return (\n    <FocusOn\n      scrollLock={false}\n      onDeactivation={handleReturnFocus}\n      onClickOutside={(): void => setIsOpen(false)}\n      onEscapeKey={(): void => setIsOpen(false)}\n      enabled={isOpen}\n    >\n      <div ref={containerRef}>\n        <DateInputField\n          ref={dateInputRefs}\n          id={id}\n          role=\"combobox\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={isOpen}\n          aria-controls={calendarId}\n          value={inputValue}\n          locale={locale}\n          onButtonClick={handleButtonClick}\n          onClick={handleInputClick}\n          onFocus={handleInputFocus}\n          onChange={handleInputChange}\n          onBlur={handleInputBlur}\n          onKeyDown={handleKeyDown}\n          status={\n            status !== undefined || !shouldUseInbuiltValidation\n              ? status\n              : inbuiltStatus\n          }\n          validationMessage={\n            validationMessage !== undefined || !shouldUseInbuiltValidation\n              ? validationMessage\n              : inbuiltValidationMessage\n          }\n          {...restDateInputFieldProps}\n        />\n      </div>\n\n      {isOpen && (\n        <CalendarPopover referenceElement={containerRef.current}>\n          <CalendarSingle\n            id={calendarId}\n            selected={selectedDay}\n            defaultMonth={defaultMonth}\n            weekStartsOn={weekStartsOn}\n            disabled={disabledDays}\n            locale={locale}\n            onDayClick={handleCalendarDayChange}\n            onMount={handleCalendarMount}\n          />\n        </CalendarPopover>\n      )}\n    </FocusOn>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}

package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs

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

package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.mjs","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,gBAAGC,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,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,IAAI,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,MAAA,CAAAf,EAAA,EATjC,6GAUC,CADgC;IAIjC,IAAMgB,OAAO,GAAGC,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,oBACEN,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAET;IAAiB,CAAA,eAC/Bf,KAAC,CAAAuB,aAAA,CAAAE,uBAAuB,EACtBC,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,iBAC1BtB,KAAA,CAAAuB,aAAA,CAACI,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,MAAM,CAACnB,QAAQ;IAAC,CAAA,eACrDZ,KAAC,CAAAuB,aAAA,CAAAI,YAAY,EACX;MAAAhB,EAAE,EAAES,aAAa;MACjBQ,OAAO,eACL5B,KAAA,CAAAuB,aAAA,CAACS,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/esm/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "disabled": "DateInputField-module_disabled__-Y0lJ"
+};
+export { styles as default };
+//# sourceMappingURL=DateInputField.module.scss.mjs.map

package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs.map

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

package/dist/esm/DatePicker/utils/getLocale.mjs

@@ -0,0 +1,13 @@
+import { enAU, enUS } from 'date-fns/locale';
+var getLocale = function (locale) {
+  switch (locale) {
+    case "en-AU":
+      return enAU;
+    case "en-US":
+      return enUS;
+    default:
+      return enAU;
+  }
+};
+export { getLocale };
+//# sourceMappingURL=getLocale.mjs.map

package/dist/esm/DatePicker/utils/getLocale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLocale.mjs","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,MAAkC,EAAA;EAC1D,QAAQA,MAAM;IACZ,KAAK,OAAO;MACV,OAAOC,IAAI;IACb,KAAK,OAAO;MACV,OAAOC,IAAI;IACb;MACE,OAAOD,IAAI;EACd;AACH,CAAA;"}

package/dist/esm/DatePicker/utils/validateDate.mjs

@@ -0,0 +1,57 @@
+import { __assign } from 'tslib';
+import '../../Calendar/CalendarSingle/CalendarSingle.mjs';
+import '../../Calendar/CalendarRange/CalendarRange.mjs';
+import 'date-fns';
+import { isInvalidDate } from '../../Calendar/utils/isInvalidDate.mjs';
+import { isDisabledDate } from '../../Calendar/utils/isDisabledDate.mjs';
+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: __assign(__assign({}, baseResponse), {
+        isEmpty: true
+      }),
+      newDate: undefined
+    };
+  }
+  if (isInvalidDate(date)) {
+    return {
+      validationResponse: __assign(__assign({}, baseResponse), {
+        status: "error",
+        validationMessage: inputValue ? "".concat(inputValue, " is an invalid date") : "Date is invalid",
+        isInvalid: true
+      }),
+      newDate: undefined
+    };
+  }
+  if (isDisabledDate(date, disabledDays)) {
+    return {
+      validationResponse: __assign(__assign({}, baseResponse), {
+        status: "error",
+        validationMessage: "".concat(inputValue, " is not available, try another date"),
+        isDisabled: true
+      }),
+      newDate: undefined
+    };
+  }
+  return {
+    validationResponse: __assign(__assign({}, baseResponse), {
+      isValidDate: true
+    }),
+    newDate: date
+  };
+};
+export { validateDate };
+//# sourceMappingURL=validateDate.mjs.map

package/dist/esm/DatePicker/utils/validateDate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateDate.mjs","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,wBACbR,YAAY,CAAA,EAAA;QACfM,OAAO,EAAE;OACV,CAAA;MACDG,OAAO,EAAEP;KACV;EACF;EAED,IAAIQ,aAAa,CAACb,IAAI,CAAC,EAAE;IACvB,OAAO;MACLW,kBAAkB,EAAAG,QAAA,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,CAAChB,IAAI,EAAEE,YAAY,CAAC,EAAE;IACtC,OAAO;MACLS,kBAAkB,wBACbR,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,wBACbR,YAAY,CAAA,EAAA;MACfO,WAAW,EAAE;KACd,CAAA;IACDE,OAAO,EAAEZ;GACV;AACH,CAAA;"}