@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009053130

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/DateInputField/DateInputField.js

@@ -0,0 +1,25 @@
+import { __rest, __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { DateInput } from '@kaizen/date-picker';
+import { FieldMessage } from '@kaizen/draft-form';
+import { DateInputDescription } from '../../../FilterDateRangePicker/subcomponents/DateInputDescription/DateInputDescription.js';
+import styles from './DateInputField.module.scss.js';
+
+var DateInputField = React.forwardRef(function(_a, ref) {
+  var id = _a.id, labelText = _a.labelText, description = _a.description, disabled = _a.disabled, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, validationMessage = _a.validationMessage, locale = _a.locale, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
+  var descriptionId = "".concat(id, "--field-message");
+  var errorMessageId = validationMessage ? "".concat(id, "--date-error-message") : void 0;
+  var inputDescribedBy = errorMessageId ? "".concat(errorMessageId, " ").concat(descriptionId) : descriptionId;
+  var dateIsInvalid = errorMessageId !== void 0;
+  return React.createElement(
+    "div",
+    null,
+    React.createElement(DateInput, __assign({ ref, id, labelText: labelText || "Date", "aria-describedby": inputDescribedBy, "aria-errormessage": errorMessageId, "aria-invalid": dateIsInvalid, autoComplete: "off", disabled, status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, classNameOverride }, restProps)),
+    validationMessage && React.createElement(FieldMessage, { id: errorMessageId, message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message, status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, reversed: isReversed }),
+    React.createElement(FieldMessage, { id: descriptionId, message: React.createElement(DateInputDescription, { description, locale }), reversed: isReversed, classNameOverride: disabled ? styles.disabled : void 0 })
+  );
+});
+DateInputField.displayName = "DateInputField";
+
+export { DateInputField };
+//# sourceMappingURL=DateInputField.js.map

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/DateInputField/DateInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.js","sources":["../../../../../../../../src/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React from \"react\"\nimport { DateInput, DateInputProps } from \"@kaizen/date-picker\"\nimport { FieldMessage } from \"@kaizen/draft-form\"\nimport {\n  DateInputDescription,\n  DateInputDescriptionProps,\n} from \"~components/FilterDateRangePicker/subcomponents/DateInputDescription\"\nimport { ValidationMessage } from \"../../types\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n  id: string\n  locale: Locale\n  /**\n   * A description that provides context for the text field\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  isReversed?: boolean\n  validationMessage?: ValidationMessage\n  disabled?: boolean\n  labelText?: DateInputProps[\"labelText\"]\n} & Omit<DateInputProps, \"id\" | \"labelText\">\n\nexport const DateInputField = React.forwardRef<\n  HTMLInputElement,\n  DateInputFieldProps\n>(\n  (\n    {\n      id,\n      labelText,\n      description,\n      disabled,\n      isReversed = false,\n      validationMessage,\n      locale,\n      classNameOverride,\n      ...restProps\n    },\n    ref\n  ) => {\n    const descriptionId = `${id}--field-message`\n\n    const errorMessageId = validationMessage\n      ? `${id}--date-error-message`\n      : undefined\n\n    const inputDescribedBy = errorMessageId\n      ? `${errorMessageId} ${descriptionId}`\n      : descriptionId\n\n    const dateIsInvalid = errorMessageId !== undefined\n\n    return (\n      <div>\n        <DateInput\n          ref={ref}\n          id={id}\n          labelText={labelText || \"Date\"}\n          aria-describedby={inputDescribedBy}\n          aria-errormessage={errorMessageId}\n          aria-invalid={dateIsInvalid}\n          autoComplete=\"off\"\n          disabled={disabled}\n          status={validationMessage?.status}\n          classNameOverride={classNameOverride}\n          {...restProps}\n        />\n\n        {validationMessage && (\n          <FieldMessage\n            id={errorMessageId}\n            message={validationMessage?.message}\n            status={validationMessage?.status}\n            reversed={isReversed}\n          />\n        )}\n\n        <FieldMessage\n          id={descriptionId}\n          message={\n            <DateInputDescription description={description} locale={locale} />\n          }\n          reversed={isReversed}\n          classNameOverride={disabled ? styles.disabled : undefined}\n        />\n      </div>\n    )\n  }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":[],"mappings":";;;;;;;AAuBO,IAAM,cAAiB,GAAA,KAAA,CAAM,UAIlC,CAAA,SACE,IAWA,GAAG,EAAA;AAVD,EAAA,IAAA,KAAE,EAAA,CAAA,EAAA,EACF,YAAS,EAAA,CAAA,SAAA,EACT,cAAW,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,UACR,oBAAA,UAAa,GAAA,EAAA,KAAA,SAAA,KAAK,GAAA,EAAA,EAClB,iBAAiB,GAAA,EAAA,CAAA,mBACjB,MAAM,GAAA,EAAA,CAAA,QACN,iBAAiB,GAAA,EAAA,CAAA,mBACd,SAAS,GAAA,MAAA,CAAA,IATd,gHAUC,CAAA,CAAA;AAGD,EAAA,IAAM,aAAgB,GAAA,EAAA,CAAG,MAAA,CAAA,EAAA;AAEzB,EAAA,IAAM,iBAAiB,iBACnB,GAAA,EAAA,CAAG,MAAA,CAAA,EAAA,EAAwB,sBAAA,CAC3B,GAAA,KAAA,CAAA,CAAA;AAEJ,EAAM,IAAA,gBAAA,GAAmB,iBACrB,EAAA,CAAA,MAAA,CAAG,gBAAc,GAAA,CAAA,CAAA,MAAI,CAAA,aAAa,CAClC,GAAA,aAAA,CAAA;AAEJ,EAAA,IAAM,gBAAgB,cAAmB,KAAA,KAAA,CAAA,CAAA;AAEzC,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAC,CAAA,aAAA,CAAA,sBACC,GAAA,EACA,EACA,EAAA,SAAA,EAAW,SAAa,IAAA,MAAA,EAAM,kBACZ,EAAA,gBAAA,EACC,qBAAA,gCACL,aACd,EAAA,YAAA,EAAa,KACb,EAAA,QAAA,EACA,MAAQ,EAAA,iBAAA,KAAiB,IAAjB,IAAA,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAmB,CAAA,MAAA,EAC3B,iBACI,EAAA,EAAA,SAAS,CACb,CAAA;AAAA,IAED,iBAAA,IACC,KAAC,CAAA,aAAA,CAAA,gBACC,IAAI,cACJ,EAAA,OAAA,EAAS,iBAAiB,KAAA,IAAA,IAAjB,iBAAA,KAAA,KAAA,CAAA,GAAA,SAAA,iBAAmB,CAAA,OAAA,EAC5B,MAAQ,EAAA,iBAAA,SAAA,IAAA,iBAAA,KAAiB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjB,iBAAmB,CAAA,MAAA,EAC3B,QAAU,EAAA,UAAA;IAId,KAAA,CAAA,cAAC,YACC,EAAA,EAAA,IAAI,aACJ,EAAA,OAAA,EACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAC,aAA0B,MAAkB,EAAA,GAEpE,QAAU,EAAA,UAAA,EACV,mBAAmB,QAAW,GAAA,MAAA,CAAO,QAAW,GAAA,KAAA,CAAA,EAChD,CAAA;AAAA,GAAA,CAAA;AAGR,CAAC,EAAA;AAGH,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/DateInputField/DateInputField.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"disabled":"DateInputField-module_disabled__Lf9TS"};
+
+export { styles as default };
+//# sourceMappingURL=DateInputField.module.scss.js.map

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/DateInputField/DateInputField.module.scss.js.map

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

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.js

@@ -0,0 +1,83 @@
+import { __rest, __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
+import React, { useState, useReducer, useEffect } from 'react';
+import classnames from 'classnames';
+import { v4 } from 'uuid';
+import { getLocale, isInvalidDate, CalendarSingle } from '@kaizen/date-picker';
+import { useDateValidation } from '../../hooks/useDateValidation.js';
+import { transformDateToInputValue } from '../../utils/transformDateToInputValue.js';
+import { useDateInputHandlers } from '../../hooks/useDateInputHandlers.js';
+import { DateInputField } from '../DateInputField/DateInputField.js';
+import { filterDatePickerFieldReducer } from './filterDatePickerFieldReducer.js';
+import styles from './FilterDatePickerField.module.scss.js';
+
+var FilterDatePickerField = function(_a) {
+  var propsId = _a.id, inputProps = _a.inputProps, propsLocale = _a.locale, defaultMonth = _a.defaultMonth, selectedDate = _a.selectedDate, onDateChange = _a.onDateChange, onDateSubmit = _a.onDateSubmit, disabledDays = _a.disabledDays, description = _a.description, validationMessage = _a.validationMessage, onValidate = _a.onValidate, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "inputProps", "locale", "defaultMonth", "selectedDate", "onDateChange", "onDateSubmit", "disabledDays", "description", "validationMessage", "onValidate", "classNameOverride"]);
+  var id = useState(propsId || v4())[0];
+  var locale = getLocale(propsLocale);
+  var dateValidation = useDateValidation({
+    disabledDays,
+    validationMessage,
+    onValidate
+  });
+  var validateDate = function(date, inputValue) {
+    var _a2 = dateValidation.validateDate({
+      date,
+      inputValue
+    }), validationResponse = _a2.validationResponse, newDate = _a2.newDate;
+    dateValidation.updateValidation(validationResponse);
+    return newDate;
+  };
+  var _b = useReducer(filterDatePickerFieldReducer, {
+    selectedDate,
+    inputValue: transformDateToInputValue(selectedDate, disabledDays, locale) || "",
+    startMonth: selectedDate && !isInvalidDate(selectedDate) ? selectedDate : defaultMonth || /* @__PURE__ */ new Date()
+  }), state = _b[0], dispatch = _b[1];
+  var handleDateChange = function(date) {
+    onDateChange(date);
+  };
+  var inputDateHandlers = useDateInputHandlers(__assign({ locale, disabledDays, setInputValue: function(value) {
+    dispatch({
+      type: "update_input_field",
+      inputValue: value
+    });
+  }, onDateChange: function(date) {
+    var newDate = validateDate(date, state.inputValue);
+    dispatch({
+      type: "update_selected_date",
+      date: newDate
+    });
+    handleDateChange(newDate);
+  }, onDateSubmit: function(date) {
+    if (!isInvalidDate(date)) {
+      onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+    }
+  } }, inputProps));
+  var handleCalendarSelect = function(date) {
+    var inputValue = transformDateToInputValue(date, disabledDays, locale);
+    var newDate = validateDate(date, inputValue);
+    dispatch({
+      type: "update_selected_date",
+      date: newDate
+    });
+    dispatch({
+      type: "update_input_field",
+      inputValue
+    });
+    handleDateChange(newDate);
+    onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(newDate);
+  };
+  useEffect(function() {
+    validateDate(selectedDate, state.inputValue);
+  }, []);
+  return React.createElement(
+    "div",
+    __assign({ className: classnames(styles.filterDatePickerField, classNameOverride) }, restProps),
+    React.createElement(DateInputField, __assign({ id: "".concat(id, "--input"), locale, value: state.inputValue, description, validationMessage: dateValidation.validationMessage }, inputDateHandlers, inputProps)),
+    React.createElement(CalendarSingle, { disabled: disabledDays, locale, selected: state.selectedDate, onSelect: handleCalendarSelect, month: state.startMonth, onMonthChange: function(value) {
+      return dispatch({ type: "navigate_months", date: value });
+    } })
+  );
+};
+
+export { FilterDatePickerField };
+//# sourceMappingURL=FilterDatePickerField.js.map

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDatePickerField.js","sources":["../../../../../../../../src/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useReducer, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { v4 } from \"uuid\"\nimport {\n  CalendarSingle,\n  CalendarSingleProps,\n  isInvalidDate,\n  getLocale,\n} from \"@kaizen/date-picker\"\nimport { FilterProps } from \"~components/Filter\"\nimport { useDateValidation } from \"~components/FilterDatePicker/hooks/useDateValidation\"\nimport { transformDateToInputValue } from \"~components/FilterDatePicker/utils/transformDateToInputValue\"\nimport { DateInputDescriptionProps } from \"~components/FilterDateRangePicker/subcomponents/DateInputDescription\"\nimport { DataAttributes } from \"~types/DataAttributes\"\nimport { DisabledDays, FilterDateSupportedLocales } from \"~types/DatePicker\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useDateInputHandlers } from \"../../hooks/useDateInputHandlers\"\nimport { DateValidationResponse, ValidationMessage } from \"../../types\"\nimport { DateInputField, DateInputFieldProps } from \"../DateInputField\"\nimport { filterDatePickerFieldReducer } from \"./filterDatePickerFieldReducer\"\nimport styles from \"./FilterDatePickerField.module.scss\"\n\ntype FilterInputProps<InputProps> = Omit<Partial<InputProps>, \"value\"> &\n  DataAttributes\n\nexport type FilterDatePickerFieldProps = {\n  id?: string\n  locale: FilterDateSupportedLocales\n  /**\n   * Sets first displayed month to month of provided date if there isn't a date set.\n   */\n  defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n  /**\n   * The date range passed in from the consumer that renders in the inputs and calendar.\n   */\n  selectedDate: Date | undefined\n  /**\n   * Callback when date is updated either by the calendar picker or by typing and blurring.\n   * Date will return as `undefined` if empty, invalid or disabled.\n   */\n  onDateChange: (date: Date | undefined) => void\n  /**\n   * Callback when date is saved/committed/submitted valid date by either by the calendar picker or by typing and blurring.\n   * Date will return as `undefined` if empty, invalid or disabled.\n   *\n   * Distinctly different from `change` where that is triggered on any kind of event, we expect the final valid date in this function.\n   */\n  onDateSubmit?: (date: Date | undefined) => void\n  /**\n   * See https://react-day-picker.js.org/api/types/Matcher\n   */\n  disabledDays?: DisabledDays\n  inputProps?: FilterInputProps<DateInputFieldProps>\n  /**\n   * Custom description to provide extra context (input format help text remains).\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  validationMessage?: ValidationMessage\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: (validationResponse: DateValidationResponse) => void\n  setIsFilterOpen?: FilterProps[\"setIsOpen\"]\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FilterDatePickerField = ({\n  id: propsId,\n  inputProps,\n  locale: propsLocale,\n  defaultMonth,\n  selectedDate,\n  onDateChange,\n  onDateSubmit,\n  disabledDays,\n  description,\n  validationMessage,\n  onValidate,\n  classNameOverride,\n  ...restProps\n}: FilterDatePickerFieldProps): JSX.Element => {\n  const [id] = useState<string>(propsId || v4())\n  const locale = getLocale(propsLocale)\n\n  const dateValidation = useDateValidation({\n    disabledDays,\n    validationMessage,\n    onValidate,\n  })\n\n  const validateDate = (\n    date: Date | undefined,\n    inputValue: string\n  ): Date | undefined => {\n    const { validationResponse, newDate } = dateValidation.validateDate({\n      date,\n      inputValue,\n    })\n    dateValidation.updateValidation(validationResponse)\n\n    return newDate\n  }\n\n  const [state, dispatch] = useReducer(filterDatePickerFieldReducer, {\n    selectedDate,\n    inputValue:\n      transformDateToInputValue(selectedDate, disabledDays, locale) || \"\",\n    startMonth:\n      selectedDate && !isInvalidDate(selectedDate)\n        ? selectedDate\n        : defaultMonth || new Date(),\n  })\n\n  const handleDateChange = (date: Date | undefined): void => {\n    onDateChange(date)\n  }\n\n  const inputDateHandlers = useDateInputHandlers({\n    locale,\n    disabledDays,\n    setInputValue: value => {\n      dispatch({\n        type: \"update_input_field\",\n        inputValue: value,\n      })\n    },\n    onDateChange: date => {\n      // Because the input value is being tracked in the state as the user types\n      // we can reliably utilise state.inputValue as part of the validation message,\n      // which is triggered by `onBlur` function\n      const newDate = validateDate(date, state.inputValue)\n\n      dispatch({\n        type: \"update_selected_date\",\n        date: newDate,\n      })\n\n      handleDateChange(newDate)\n    },\n    onDateSubmit: date => {\n      // Only provide consumers with a valid date to the `onDateSubmit` function\n      if (!isInvalidDate(date)) {\n        onDateSubmit?.(date)\n      }\n    },\n    ...inputProps,\n  })\n\n  const handleCalendarSelect: CalendarSingleProps[\"onSelect\"] = date => {\n    // Transforming the date to an InputValue and validating the date with the result\n    // can operate in this order because we are guaranteed a valid date from the calendar.\n    //\n    // In all other scenarios, this won't work as the return string from an invalid date\n    // would be \"Invalid Date\" and not the actual value entered by the user since we want\n    // the final error message to use the typed word from the user.\n    const inputValue = transformDateToInputValue(date, disabledDays, locale)\n    const newDate = validateDate(date, inputValue)\n\n    dispatch({\n      type: \"update_selected_date\",\n      date: newDate,\n    })\n\n    dispatch({\n      type: \"update_input_field\",\n      inputValue,\n    })\n\n    handleDateChange(newDate)\n    onDateSubmit?.(newDate)\n  }\n\n  useEffect(() => {\n    validateDate(selectedDate, state.inputValue)\n  }, [])\n\n  return (\n    <div\n      className={classnames(styles.filterDatePickerField, classNameOverride)}\n      {...restProps}\n    >\n      <DateInputField\n        id={`${id}--input`}\n        locale={locale}\n        value={state.inputValue}\n        description={description}\n        validationMessage={dateValidation.validationMessage}\n        {...inputDateHandlers}\n        {...inputProps}\n      />\n      <CalendarSingle\n        disabled={disabledDays}\n        locale={locale}\n        selected={state.selectedDate}\n        onSelect={handleCalendarSelect}\n        month={state.startMonth}\n        onMonthChange={(value: Date) =>\n          dispatch({ type: \"navigate_months\", date: value })\n        }\n      />\n    </div>\n  )\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"filterDatePickerField":"FilterDatePickerField-module_filterDatePickerField__KvWHu"};
+
+export { styles as default };
+//# sourceMappingURL=FilterDatePickerField.module.scss.js.map

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.module.scss.js.map

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

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.js

@@ -0,0 +1,16 @@
+import { __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
+import { isInvalidDate } from '@kaizen/date-picker';
+
+var filterDatePickerFieldReducer = function(state, action) {
+  switch (action.type) {
+    case "update_selected_date":
+      return __assign(__assign({}, state), { selectedDate: action.date, inputValue: action.inputValue === void 0 ? state.inputValue : action.inputValue, startMonth: action.date && !isInvalidDate(action.date) ? action.date : /* @__PURE__ */ new Date() });
+    case "navigate_months":
+      return __assign(__assign({}, state), { startMonth: action.date && !isInvalidDate(action.date) ? action.date : /* @__PURE__ */ new Date() });
+    case "update_input_field":
+      return __assign(__assign({}, state), { inputValue: action.inputValue });
+  }
+};
+
+export { filterDatePickerFieldReducer };
+//# sourceMappingURL=filterDatePickerFieldReducer.js.map

package/dist/esm/packages/components/src/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterDatePickerFieldReducer.js","sources":["../../../../../../../../src/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.tsx"],"sourcesContent":["import { isInvalidDate } from \"@kaizen/date-picker\"\n\ntype DateFieldActions =\n  | {\n      type: \"update_selected_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"navigate_months\"\n      date: Date | undefined\n    }\n  | {\n      type: \"update_input_field\"\n      inputValue: string\n    }\n\ntype FilterDatePickerState = {\n  selectedDate: Date | undefined\n  inputValue: string\n  startMonth: Date\n}\n\nexport const filterDatePickerFieldReducer = (\n  state: FilterDatePickerState,\n  action: DateFieldActions\n): FilterDatePickerState => {\n  switch (action.type) {\n    case \"update_selected_date\":\n      return {\n        ...state,\n        selectedDate: action.date,\n        inputValue:\n          action.inputValue === undefined\n            ? state.inputValue\n            : action.inputValue,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n\n    case \"navigate_months\":\n      return {\n        ...state,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n\n    case \"update_input_field\":\n      return {\n        ...state,\n        inputValue: action.inputValue,\n      }\n  }\n}\n"],"names":[],"mappings":";;;AAuBa,IAAA,4BAAA,GAA+B,SAC1C,KAAA,EACA,MAAwB,EAAA;AAExB,EAAA,QAAQ,OAAO,IAAM;AAAA,IACnB,KAAK,sBAAA;AACH,MAAA,OAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,KAAK,CAAA,EAAA,EACR,YAAA,EAAc,MAAO,CAAA,IAAA,EACrB,UACE,EAAA,MAAA,CAAO,eAAe,KAClB,CAAA,GAAA,KAAA,CAAM,UACN,GAAA,MAAA,CAAO,UACb,EAAA,UAAA,EACE,MAAO,CAAA,IAAA,IAAQ,CAAC,aAAc,CAAA,MAAA,CAAO,IAAI,CAAA,GAAI,MAAO,CAAA,IAAA,mBAAW,IAAA,IAAA,IAClE,CAAA,CAAA;AAAA,IAEH,KAAK,iBAAA;AACH,MACK,OAAA,QAAA,CAAA,SAAA,EAAA,EAAA,KAAK,CACR,EAAA,EAAA,YACE,MAAO,CAAA,IAAA,IAAQ,CAAC,aAAc,CAAA,MAAA,CAAO,IAAI,CAAI,GAAA,MAAA,CAAO,uBAAW,IAAA,IAAA,IAClE,CAAA,CAAA;AAAA,IAEH,KAAK,oBAAA;AACH,MAAA,OAAA,QAAA,CAAA,QAAA,CAAA,EACK,EAAA,KAAK,GACR,EAAA,UAAA,EAAY,MAAO,CAAA,UAAA,EACpB,CAAA,CAAA;AAAA,GACJ;AACH;;;;"}

package/dist/esm/packages/components/src/FilterDatePicker/utils/getDateValidationHandler.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LabelledMessage } from '../../LabelledMessage/LabelledMessage.js';
+import { getNodeText } from '../../utils/getNodeText.js';
+
+var getDateValidationHandler = function(_a) {
+  var onValidate = _a.onValidate, setInbuiltValidationMessage = _a.setInbuiltValidationMessage, inputLabel = _a.inputLabel;
+  return function(validationResponse) {
+    if (onValidate)
+      return onValidate(validationResponse);
+    var validationMessage = validationResponse.validationMessage;
+    if (!validationMessage) {
+      setInbuiltValidationMessage(void 0);
+      return;
+    }
+    setInbuiltValidationMessage({
+      status: validationMessage.status,
+      message: inputLabel ? React.createElement(LabelledMessage, { label: "".concat(getNodeText(inputLabel)), message: validationMessage.message }) : validationMessage.message
+    });
+  };
+};
+
+export { getDateValidationHandler };
+//# sourceMappingURL=getDateValidationHandler.js.map

package/dist/esm/packages/components/src/FilterDatePicker/utils/getDateValidationHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDateValidationHandler.js","sources":["../../../../../../../src/FilterDatePicker/utils/getDateValidationHandler.tsx"],"sourcesContent":["import React from \"react\"\nimport { LabelledMessage } from \"~components/LabelledMessage\"\nimport { getNodeText } from \"~utils/getNodeText\"\nimport { DateValidationResponse, ValidationMessage } from \"../types\"\n\nexport type GetDateValidationHandlerArgs = {\n  onValidate: ((validationResponse: DateValidationResponse) => void) | undefined\n  setInbuiltValidationMessage: (\n    validationMessage: ValidationMessage | undefined\n  ) => void\n  inputLabel?: React.ReactNode\n}\n\nexport const getDateValidationHandler =\n  ({\n    onValidate,\n    setInbuiltValidationMessage,\n    inputLabel,\n  }: GetDateValidationHandlerArgs) =>\n  (validationResponse: DateValidationResponse): void => {\n    if (onValidate) return onValidate(validationResponse)\n\n    const { validationMessage } = validationResponse\n\n    if (!validationMessage) {\n      setInbuiltValidationMessage(undefined)\n      return\n    }\n\n    setInbuiltValidationMessage({\n      status: validationMessage.status,\n      message: inputLabel ? (\n        <LabelledMessage\n          label={`${getNodeText(inputLabel)}`}\n          message={validationMessage.message}\n        />\n      ) : (\n        validationMessage.message\n      ),\n    })\n  }\n"],"names":[],"mappings":";;;;AAaa,IAAA,wBAAA,GACX,SAAC,EAI8B,EAAA;AAH7B,EAAA,IAAA,4BACA,8BAA2B,EAAA,CAAA,2BAAA,EAC3B,aAAU,EAAA,CAAA,UAAA,CAAA;AAEZ,EAAA,OAAA,SAAC,kBAA0C,EAAA;AACzC,IAAI,IAAA,UAAA;AAAY,MAAA,OAAO,WAAW,kBAAkB,CAAA,CAAA;AAE5C,IAAA,IAAA,oBAAsB,kBAAkB,CAAA,iBAAA,CAAA;AAEhD,IAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,MAAA,2BAAA,CAA4B,KAAS,CAAA,CAAA,CAAA;AACrC,MAAA,OAAA;AAAA,KACD;AAED,IAA4B,2BAAA,CAAA;AAAA,MAC1B,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,SAAS,UACP,GAAA,KAAA,CAAA,cAAC,eAAe,EAAA,EACd,OAAO,EAAG,CAAA,MAAA,CAAA,WAAY,CAAA,UAAU,CAAC,CACjC,EAAA,OAAA,EAAS,kBAAkB,OAC3B,EAAA,IAEF,iBAAkB,CAAA,OAAA;AAAA,KAErB,CAAA,CAAA;AAAA,GACH,CAAA;AArBA;;;;"}

package/dist/esm/packages/components/src/FilterDatePicker/utils/transformDateToInputValue.js

@@ -0,0 +1,8 @@
+import { formatDateAsText } from '@kaizen/date-picker';
+
+var transformDateToInputValue = function(date, disabledDays, locale) {
+  return date ? formatDateAsText(date, disabledDays, locale) : "";
+};
+
+export { transformDateToInputValue };
+//# sourceMappingURL=transformDateToInputValue.js.map

package/dist/esm/packages/components/src/FilterDatePicker/utils/transformDateToInputValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformDateToInputValue.js","sources":["../../../../../../../src/FilterDatePicker/utils/transformDateToInputValue.ts"],"sourcesContent":["import { DisabledDays, formatDateAsText } from \"@kaizen/date-picker\"\n\nexport const transformDateToInputValue = (\n  date: Date | undefined,\n  disabledDays: DisabledDays,\n  locale: Locale\n): string => (date ? formatDateAsText(date, disabledDays, locale) : \"\")\n"],"names":[],"mappings":";;AAEO,IAAM,yBAA4B,GAAA,SACvC,IACA,EAAA,YAAA,EACA,MAAc,EAAA;AACH,EAAA,OAAC,IAAO,GAAA,gBAAA,CAAiB,IAAM,EAAA,YAAA,EAAc,MAAM,CAAI,GAAA,EAAA,CAAA;AAAvD;;;;"}

package/dist/esm/packages/components/src/FilterDatePicker/utils/validateDate.js

@@ -0,0 +1,11 @@
+import { __rest, __assign } from '../../../../../node_modules/tslib/tslib.es6.js';
+import { validateDate as validateDate$1 } from '@kaizen/date-picker/src/utils/validateDate';
+
+var validateDate = function(args) {
+  var response = validateDate$1(args);
+  var _a = response.validationResponse, status = _a.status, validationMessage = _a.validationMessage, rest = __rest(_a, ["status", "validationMessage"]);
+  return __assign(__assign({}, response), { validationResponse: __assign(__assign({}, rest), { validationMessage: status && validationMessage ? { status, message: validationMessage } : void 0 }) });
+};
+
+export { validateDate };
+//# sourceMappingURL=validateDate.js.map

package/dist/esm/packages/components/src/FilterDatePicker/utils/validateDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateDate.js","sources":["../../../../../../../src/FilterDatePicker/utils/validateDate.ts"],"sourcesContent":["import {\n  validateDate as dpValidateDate,\n  ValidateDateArgs,\n} from \"@kaizen/date-picker/src/utils/validateDate\"\nimport { DateValidationResponse } from \"../types\"\n\nexport type ValidateDateResponse = {\n  validationResponse: DateValidationResponse\n  newDate: Date | undefined\n}\n\nexport const validateDate = (args: ValidateDateArgs): ValidateDateResponse => {\n  const response = dpValidateDate(args)\n\n  const { status, validationMessage, ...rest } = response.validationResponse\n\n  return {\n    ...response,\n    validationResponse: {\n      ...rest,\n      validationMessage:\n        status && validationMessage\n          ? { status, message: validationMessage }\n          : undefined,\n    },\n  }\n}\n"],"names":["dpValidateDate"],"mappings":";;;AAWa,IAAA,YAAA,GAAe,SAAC,IAAsB,EAAA;AACjD,EAAM,IAAA,QAAA,GAAWA,eAAe,IAAI,CAAA,CAAA;AAEpC,EAAA,IAAM,EAAyC,GAAA,QAAA,CAAS,kBAAhD,EAAA,MAAA,GAAM,GAAA,MAAE,EAAA,iBAAA,yBAAsB,OAAhC,MAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,mBAAA,CAAsC,CAAA,CAAA;AAE5C,EACK,OAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,QAAQ,CACX,EAAA,EAAA,kBACK,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,IAAI,KACP,iBAAA,EACE,MAAU,IAAA,iBAAA,GACN,EAAE,MAAA,EAAQ,OAAS,EAAA,iBAAA,EACnB,GAAA,KAAA,CAAA,EAET,CAAA,EAAA,CAAA,CAAA;AACH;;;;"}

package/dist/esm/packages/components/src/FilterDateRangePicker/FilterDateRangePicker.js

@@ -0,0 +1,30 @@
+import { __rest, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
+import React, { useState } from 'react';
+import { v4 } from 'uuid';
+import { getLocale } from '@kaizen/date-picker/src/utils/getLocale';
+import { Filter } from '../Filter/Filter.js';
+import { FilterContents } from '../Filter/subcomponents/FilterContents/FilterContents.js';
+import { DateRangeDisplayLabel } from './subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.js';
+import { FilterDateRangePickerField } from './subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.js';
+import { isValidRange } from './subcomponents/FilterDateRangePickerField/utils/isValidRange.js';
+import { isCompleteDateRange } from './utils/isCompleteDateRange.js';
+
+var FilterDateRangePicker = function(_a) {
+  var propsId = _a.id, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, selectedRange = _a.selectedRange, label = _a.label, locale = _a.locale, restProps = __rest(_a, ["id", "isOpen", "setIsOpen", "renderTrigger", "selectedRange", "label", "locale"]);
+  var id = useState(propsId || v4())[0];
+  return React.createElement(
+    Filter,
+    { isOpen, setIsOpen, renderTrigger: function(triggerProps) {
+      return renderTrigger(__assign({ selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? React.createElement(DateRangeDisplayLabel, { dateRange: selectedRange, locale: getLocale(locale) }) : void 0, label }, triggerProps));
+    } },
+    React.createElement(
+      FilterContents,
+      null,
+      React.createElement(FilterDateRangePickerField, __assign({ id: "".concat(id, "--input"), label, locale, selectedRange }, restProps))
+    )
+  );
+};
+FilterDateRangePicker.displayName = "FilterDateRangePicker";
+
+export { FilterDateRangePicker };
+//# sourceMappingURL=FilterDateRangePicker.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/FilterDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDateRangePicker.js","sources":["../../../../../../src/FilterDateRangePicker/FilterDateRangePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { v4 } from \"uuid\"\nimport { getLocale } from \"@kaizen/date-picker/src/utils/getLocale\"\nimport { Filter, FilterContents, FilterProps } from \"../Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport { DateRangeDisplayLabel } from \"./subcomponents/DateRangeDisplayLabel\"\nimport {\n  FilterDateRangePickerField,\n  FilterDateRangePickerFieldProps,\n} from \"./subcomponents/FilterDateRangePickerField\"\nimport { isValidRange } from \"./subcomponents/FilterDateRangePickerField/utils/isValidRange\"\nimport { isCompleteDateRange } from \"./utils/isCompleteDateRange\"\n\nexport type FilterDateRangePickerProps = {\n  id?: string\n  isOpen: FilterProps[\"isOpen\"]\n  setIsOpen: FilterProps[\"setIsOpen\"]\n  renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDateRangePickerFieldProps, \"id\">\n\nexport const FilterDateRangePicker = ({\n  id: propsId,\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  selectedRange,\n  label,\n  locale,\n  ...restProps\n}: FilterDateRangePickerProps): JSX.Element => {\n  const [id] = useState<string>(propsId || v4())\n  return (\n    <Filter\n      isOpen={isOpen}\n      setIsOpen={setIsOpen}\n      renderTrigger={(triggerProps): JSX.Element =>\n        renderTrigger({\n          selectedValue:\n            isCompleteDateRange(selectedRange) &&\n            isValidRange(selectedRange.from, selectedRange.to) ? (\n              <DateRangeDisplayLabel\n                dateRange={selectedRange}\n                locale={getLocale(locale)}\n              />\n            ) : undefined,\n          label,\n          ...triggerProps,\n        })\n      }\n    >\n      <FilterContents>\n        <FilterDateRangePickerField\n          id={`${id}--input`}\n          label={label}\n          locale={locale}\n          selectedRange={selectedRange}\n          {...restProps}\n        />\n      </FilterContents>\n    </Filter>\n  )\n}\n\nFilterDateRangePicker.displayName = \"FilterDateRangePicker\"\n"],"names":[],"mappings":";;;;;;;;;;;AAoBa,IAAA,qBAAA,GAAwB,SAAC,EAST,EAAA;AAR3B,EAAA,IAAI,OAAO,GAAA,EAAA,CAAA,EACX,EAAA,MAAA,GAAM,GAAA,MACN,EAAA,SAAA,GAAS,EAAA,CAAA,SAAA,EACT,aAAa,GAAA,EAAA,CAAA,aACb,EAAA,aAAA,GAAa,GAAA,aACb,EAAA,KAAA,GAAK,EAAA,CAAA,KAAA,EACL,kBACG,EAAA,SAAA,GARiC,OAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,eAAA,EAAA,OAAA,EAAA,QAAA,CASrC,CAAA,CAAA;AACQ,EAAA,IAAA,KAAM,QAAiB,CAAA,OAAA,IAAW,EAAE,EAAE,EAAC,CAAA,CAAA,CAAA;AAC9C,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAM,EACL,MAAA,EACA,SACA,EAAA,aAAA,EAAe,SAAC,YAAY,EAAA;AAC1B,MAAA,OAAA,aACE,CAAA,QAAA,CAAA,EAAA,aAAA,EACE,mBAAoB,CAAA,aAAa,CACjC,IAAA,YAAA,CAAa,aAAc,CAAA,IAAA,EAAM,aAAc,CAAA,EAAE,CAC/C,GAAA,KAAA,CAAC,aAAA,CAAA,qBAAA,IACC,SAAA,EAAW,aACX,EAAA,MAAA,EAAQ,SAAU,CAAA,MAAM,CACxB,EAAA,CACA,GAAA,KAAA,CAAA,EACN,KAAK,EAAA,EACF,YAAY,CACf,CAAA,CAAA;AAAA,KAAA,EAAA;AAAA,IAGJ,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAc,IAAA;AAAA,MACb,MAAC,aAAA,CAAA,0BAAA,EACC,QAAA,CAAA,EAAA,IAAI,EAAA,CAAA,MAAA,CAAG,EAAW,EAAA,SAAA,GAClB,KACA,EAAA,MAAA,EACA,aACI,EAAA,EAAA,SAAS,CACb,CAAA;AAAA,KAAA;AAAA,GACa,CAAA;AAGvB,EAAA;AAEA,qBAAA,CAAsB,WAAc,GAAA,uBAAA;;;;"}

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateInputDescription/DateInputDescription.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
+import { LabelledMessage } from '../../../LabelledMessage/LabelledMessage.js';
+import { formatDescriptionInputFormat } from './utils/formatDescriptionInputFormat.js';
+import styles from './DateInputDescription.module.scss.js';
+
+var DateInputDescription = function(_a) {
+  var description = _a.description, locale = _a.locale;
+  var formatMessage = useIntl().formatMessage;
+  var hasCustomDescription = typeof description === "string" && description !== "" || React.isValidElement(description);
+  var translatedInputFormatMessage = formatMessage({
+    id: "filterDateRangePicker.inputFormat",
+    defaultMessage: "Input format",
+    description: "Label for the 'Input format' field"
+  });
+  if (hasCustomDescription) {
+    return React.createElement(
+      "span",
+      { className: styles.dateInputDescription },
+      React.createElement("span", null, description),
+      React.createElement(
+        "span",
+        { className: styles.dateInputFormatContainer },
+        "(",
+        React.createElement(LabelledMessage, { label: translatedInputFormatMessage, message: formatDescriptionInputFormat(locale) }),
+        ")"
+      )
+    );
+  }
+  return React.createElement(LabelledMessage, { label: translatedInputFormatMessage, message: formatDescriptionInputFormat(locale) });
+};
+DateInputDescription.displayName = "DateInputDescription";
+
+export { DateInputDescription };
+//# sourceMappingURL=DateInputDescription.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateInputDescription/DateInputDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputDescription.js","sources":["../../../../../../../../src/FilterDateRangePicker/subcomponents/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: \"filterDateRangePicker.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":[],"mappings":";;;;;;AAWa,IAAA,oBAAA,GAAuB,SAAC,EAGT,EAAA;MAF1B,WAAW,GAAA,EAAA,CAAA,WACX,EAAA,MAAA,GAAM,EAAA,CAAA,MAAA,CAAA;AAEE,EAAA,IAAA,aAAA,GAAkB;AAC1B,EAAM,IAAA,oBAAA,GACH,OAAO,WAAgB,KAAA,QAAA,IAAY,gBAAgB,EACpD,IAAA,KAAA,CAAM,eAAe,WAAW,CAAA,CAAA;AAElC,EAAA,IAAM,+BAA+B,aAAc,CAAA;AAAA,IACjD,EAAI,EAAA,mCAAA;AAAA,IACJ,cAAgB,EAAA,cAAA;AAAA,IAChB,WAAa,EAAA,oCAAA;AAAA,GACd,CAAA,CAAA;AAED,EAAA,IAAI,oBAAsB,EAAA;AACxB,IAAA,OACE,KAAM,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,EAAA,SAAW,EAAA,MAAA,CAAO,oBAAoB,EAAA;AAAA,MAC1C,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,WAAW,CAAA;AAAA,MAClB,KAAA,CAAA,aAAA;AAAA,QAAA,MAAA;AAAA,QAAA,EAAM,SAAW,EAAA,MAAA,CAAO,wBAAwB,EAAA;AAAA;QAE9C,KAAA,CAAA,aAAC,CAAA,eAAA,EAAe,EACd,KAAA,EAAO,8BACP,OAAS,EAAA,4BAAA,CAA6B,MAAM,CAAA,EAC5C,CAAA;AAAA,QAEG,GAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAAA,GAGZ;AAED,EACE,OAAA,KAAA,CAAC,aAAA,CAAA,eAAA,EACC,EAAA,KAAA,EAAO,8BACP,OAAS,EAAA,4BAAA,CAA6B,MAAM,CAAA,EAAC,CAAA,CAAA;AAGnD,EAAA;AAEA,oBAAA,CAAqB,WAAc,GAAA,sBAAA;;;;"}

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateInputDescription/DateInputDescription.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"dateInputDescription":"DateInputDescription-module_dateInputDescription__-ONK8","dateInputFormatContainer":"DateInputDescription-module_dateInputFormatContainer__6hP6K"};
+
+export { styles as default };
+//# sourceMappingURL=DateInputDescription.module.scss.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateInputDescription/DateInputDescription.module.scss.js.map

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

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateInputDescription/utils/formatDescriptionInputFormat.js

@@ -0,0 +1,7 @@
+var formatDescriptionInputFormat = function(locale) {
+  var _a;
+  return (_a = locale.formatLong) === null || _a === void 0 ? void 0 : _a.date({ width: "short" }).toLowerCase();
+};
+
+export { formatDescriptionInputFormat };
+//# sourceMappingURL=formatDescriptionInputFormat.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateInputDescription/utils/formatDescriptionInputFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDescriptionInputFormat.js","sources":["../../../../../../../../../src/FilterDateRangePicker/subcomponents/DateInputDescription/utils/formatDescriptionInputFormat.ts"],"sourcesContent":["export const formatDescriptionInputFormat = (locale: Locale): string =>\n  locale.formatLong?.date({ width: \"short\" }).toLowerCase()\n"],"names":[],"mappings":"AAAa,IAAA,4BAAA,GAA+B,SAAC,MAC3C,EAAA;AAAA,EAAA,IAAA,EAAA,CAAA;AAAA,EAAA,OAAA,CAAA,EAAA,GAAA,MAAA,CAAO,mDAAY,CAAA,IAAA,CAAK,EAAE,KAAA,EAAO,OAAS,EAAA,EAAE,WAAW,EAAA,CAAA;AAAE;;;;"}

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { formatDateAsText } from '@kaizen/date-picker/src/utils/formatDateAsText';
+import styles from './DateRangeDisplayLabel.module.scss.js';
+
+var DateRangeDisplayLabel = function(_a) {
+  var dateRange = _a.dateRange, locale = _a.locale;
+  var formattedDateFrom = formatDateAsText(dateRange.from, void 0, locale);
+  var formattedDateTo = formatDateAsText(dateRange.to, void 0, locale);
+  return React.createElement(
+    "span",
+    { className: styles.dateRangeDisplayLabel },
+    React.createElement("span", null, formattedDateFrom),
+    React.createElement("span", null, "-"),
+    React.createElement("span", null, formattedDateTo)
+  );
+};
+DateRangeDisplayLabel.displayName = "DateRangeDisplayLabel";
+
+export { DateRangeDisplayLabel };
+//# sourceMappingURL=DateRangeDisplayLabel.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeDisplayLabel.js","sources":["../../../../../../../../src/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText } from \"@kaizen/date-picker/src/utils/formatDateAsText\"\nimport styles from \"./DateRangeDisplayLabel.module.scss\"\n\nexport type DateRangeDisplayLabelProps = {\n  dateRange: { from: Date; to: Date }\n  locale: Locale\n}\n\nexport const DateRangeDisplayLabel = ({\n  dateRange,\n  locale,\n}: DateRangeDisplayLabelProps): JSX.Element | null => {\n  const formattedDateFrom = formatDateAsText(dateRange.from, undefined, locale)\n  const formattedDateTo = formatDateAsText(dateRange.to, undefined, locale)\n\n  return (\n    <span className={styles.dateRangeDisplayLabel}>\n      <span>{formattedDateFrom}</span>\n      <span>-</span>\n      <span>{formattedDateTo}</span>\n    </span>\n  )\n}\n\nDateRangeDisplayLabel.displayName = \"DateRangeDisplayLabel\"\n"],"names":[],"mappings":";;;;AASa,IAAA,qBAAA,GAAwB,SAAC,EAGT,EAAA;MAF3B,SAAS,GAAA,EAAA,CAAA,SACT,EAAA,MAAA,GAAM,EAAA,CAAA,MAAA,CAAA;AAEN,EAAA,IAAM,iBAAoB,GAAA,gBAAA,CAAiB,SAAU,CAAA,IAAA,EAAM,QAAW,MAAM,CAAA,CAAA;AAC5E,EAAA,IAAM,eAAkB,GAAA,gBAAA,CAAiB,SAAU,CAAA,EAAA,EAAI,QAAW,MAAM,CAAA,CAAA;AAExE,EAAA,OACE,KAAM,CAAA,aAAA;AAAA,IAAA,MAAA;AAAA,IAAA,EAAA,SAAW,EAAA,MAAA,CAAO,qBAAqB,EAAA;AAAA,IAC3C,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,iBAAiB,CAAA;AAAA,IACxB,KAAc,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,GAAA,CAAA;AAAA,IACd,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,eAAe,CAAA;AAAA,GAAQ,CAAA;AAGpC,EAAA;AAEA,qBAAA,CAAsB,WAAc,GAAA,uBAAA;;;;"}

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"dateRangeDisplayLabel":"DateRangeDisplayLabel-module_dateRangeDisplayLabel__Gsq1R"};
+
+export { styles as default };
+//# sourceMappingURL=DateRangeDisplayLabel.module.scss.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.module.scss.js.map

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

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.js

@@ -0,0 +1,46 @@
+import { __rest, __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import classnames from 'classnames';
+import { VisuallyHidden } from '@kaizen/a11y';
+import { DateInput } from '@kaizen/date-picker/src/_subcomponents/DateInput';
+import { FieldMessage } from '@kaizen/draft-form';
+import { isRefObject } from '../../../utils/isRefObject.js';
+import { DateInputDescription } from '../DateInputDescription/DateInputDescription.js';
+import { DateRangeValidationMessage } from '../DateRangeValidationMessage/DateRangeValidationMessage.js';
+import styles from './DateRangeInputField.module.scss.js';
+
+var DateRangeInputField = React.forwardRef(function(_a, ref) {
+  var _b, _c;
+  var id = _a.id, legend = _a.legend, inputStartDateProps = _a.inputStartDateProps, inputEndDateProps = _a.inputEndDateProps, description = _a.description, disabled = _a.disabled, _d = _a.isReversed, isReversed = _d === void 0 ? false : _d, validationMessage = _a.validationMessage, locale = _a.locale, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "legend", "inputStartDateProps", "inputEndDateProps", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
+  var customRefObject = isRefObject(ref) ? ref.current : null;
+  var inputStartDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputStartDateRef;
+  var inputEndDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputEndDateRef;
+  var descriptionId = "".concat(id, "--field-message");
+  var dateStartErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : void 0;
+  var dateStartInputDescribedBy = dateStartErrorMessageId ? "".concat(dateStartErrorMessageId, " ").concat(descriptionId) : descriptionId;
+  var dateStartIsInvalid = dateStartErrorMessageId !== void 0;
+  var dateEndErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : void 0;
+  var dateEndInputDescribedBy = dateEndErrorMessageId ? "".concat(dateEndErrorMessageId, " ").concat(descriptionId) : descriptionId;
+  var dateEndIsInvalid = dateEndErrorMessageId !== void 0;
+  return React.createElement(
+    "div",
+    __assign({ className: classNameOverride }, restProps),
+    React.createElement(
+      "fieldset",
+      { className: styles.dateRangeInputContainer },
+      React.createElement(
+        "legend",
+        null,
+        React.createElement(VisuallyHidden, null, legend)
+      ),
+      React.createElement(DateInput, __assign({ ref: inputStartDateRef, id: "".concat(id, "--from"), "aria-describedby": dateStartInputDescribedBy, "aria-errormessage": dateStartErrorMessageId, "aria-invalid": dateStartIsInvalid, autoComplete: "off", disabled, status: (_b = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) === null || _b === void 0 ? void 0 : _b.status }, inputStartDateProps, { classNameOverride: classnames(styles.inputStartDate, inputStartDateProps.classNameOverride) })),
+      React.createElement(DateInput, __assign({ ref: inputEndDateRef, id: "".concat(id, "--to"), "aria-describedby": dateEndInputDescribedBy, "aria-errormessage": dateEndErrorMessageId, "aria-invalid": dateEndIsInvalid, autoComplete: "off", disabled, status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status }, inputEndDateProps, { classNameOverride: classnames(styles.inputEndDate, inputEndDateProps.classNameOverride) }))
+    ),
+    validationMessage && React.createElement(DateRangeValidationMessage, { validationMessage, isReversed, dateStartId: dateStartErrorMessageId, dateEndId: dateEndErrorMessageId }),
+    React.createElement(FieldMessage, { id: descriptionId, message: React.createElement(DateInputDescription, { description, locale }), reversed: isReversed, classNameOverride: disabled ? styles.disabled : void 0 })
+  );
+});
+DateRangeInputField.displayName = "DateRangeInputField";
+
+export { DateRangeInputField };
+//# sourceMappingURL=DateRangeInputField.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInputField.js","sources":["../../../../../../../../src/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport {\n  DateInput,\n  DateInputProps,\n} from \"@kaizen/date-picker/src/_subcomponents/DateInput\"\nimport { FieldMessage } from \"@kaizen/draft-form\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport {\n  DateInputDescription,\n  DateInputDescriptionProps,\n} from \"../DateInputDescription\"\nimport {\n  DateRangeValidationMessage,\n  DateRangeValidationMessageProps,\n} from \"../DateRangeValidationMessage\"\nimport styles from \"./DateRangeInputField.module.scss\"\n\nexport type DateRangeInputFieldProps = {\n  id: string\n  legend: string\n  inputStartDateProps: Omit<DateInputProps, \"id\">\n  inputEndDateProps: Omit<DateInputProps, \"id\">\n  locale: Locale\n  /**\n   * A description that provides context for the text field\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  isReversed?: boolean\n  validationMessage?: DateRangeValidationMessageProps[\"validationMessage\"]\n  disabled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport type DateRangeInputFieldRefs = {\n  inputStartDateRef?: React.RefObject<HTMLInputElement>\n  inputEndDateRef?: React.RefObject<HTMLInputElement>\n}\n\nexport const DateRangeInputField = React.forwardRef<\n  DateRangeInputFieldRefs,\n  DateRangeInputFieldProps\n>(\n  (\n    {\n      id,\n      legend,\n      inputStartDateProps,\n      inputEndDateProps,\n      description,\n      disabled,\n      isReversed = false,\n      validationMessage,\n      locale,\n      classNameOverride,\n      ...restProps\n    },\n    ref\n  ) => {\n    const customRefObject = isRefObject(ref) ? ref.current : null\n    const inputStartDateRef = customRefObject?.inputStartDateRef\n    const inputEndDateRef = customRefObject?.inputEndDateRef\n\n    const descriptionId = `${id}--field-message`\n\n    // Date Start aria labels\n    const dateStartErrorMessageId = validationMessage?.dateStart\n      ? `${id}--date-start-error-message`\n      : undefined\n\n    const dateStartInputDescribedBy = dateStartErrorMessageId\n      ? `${dateStartErrorMessageId} ${descriptionId}`\n      : descriptionId\n\n    const dateStartIsInvalid = dateStartErrorMessageId !== undefined\n\n    // Date End aria labels\n    const dateEndErrorMessageId = validationMessage?.dateEnd\n      ? `${id}--date-end-error-message`\n      : undefined\n\n    const dateEndInputDescribedBy = dateEndErrorMessageId\n      ? `${dateEndErrorMessageId} ${descriptionId}`\n      : descriptionId\n\n    const dateEndIsInvalid = dateEndErrorMessageId !== undefined\n\n    return (\n      <div className={classNameOverride} {...restProps}>\n        <fieldset className={styles.dateRangeInputContainer}>\n          <legend>\n            <VisuallyHidden>{legend}</VisuallyHidden>\n          </legend>\n          <DateInput\n            ref={inputStartDateRef}\n            id={`${id}--from`}\n            aria-describedby={dateStartInputDescribedBy}\n            aria-errormessage={dateStartErrorMessageId}\n            aria-invalid={dateStartIsInvalid}\n            autoComplete=\"off\"\n            disabled={disabled}\n            status={validationMessage?.dateStart?.status}\n            {...inputStartDateProps}\n            classNameOverride={classnames(\n              styles.inputStartDate,\n              inputStartDateProps.classNameOverride\n            )}\n          />\n          <DateInput\n            ref={inputEndDateRef}\n            id={`${id}--to`}\n            aria-describedby={dateEndInputDescribedBy}\n            aria-errormessage={dateEndErrorMessageId}\n            aria-invalid={dateEndIsInvalid}\n            autoComplete=\"off\"\n            disabled={disabled}\n            status={validationMessage?.dateEnd?.status}\n            {...inputEndDateProps}\n            classNameOverride={classnames(\n              styles.inputEndDate,\n              inputEndDateProps.classNameOverride\n            )}\n          />\n        </fieldset>\n\n        {validationMessage && (\n          <DateRangeValidationMessage\n            validationMessage={validationMessage}\n            isReversed={isReversed}\n            dateStartId={dateStartErrorMessageId}\n            dateEndId={dateEndErrorMessageId}\n          />\n        )}\n\n        <FieldMessage\n          id={descriptionId}\n          message={\n            <DateInputDescription description={description} locale={locale} />\n          }\n          reversed={isReversed}\n          classNameOverride={disabled ? styles.disabled : undefined}\n        />\n      </div>\n    )\n  }\n)\n\nDateRangeInputField.displayName = \"DateRangeInputField\"\n"],"names":[],"mappings":"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"}

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"dateRangeInputContainer":"DateRangeInputField-module_dateRangeInputContainer__KGDB1","inputStartDate":"DateRangeInputField-module_inputStartDate__3nwlg","inputEndDate":"DateRangeInputField-module_inputEndDate__ZvUwZ","disabled":"DateRangeInputField-module_disabled__iPMZ-"};
+
+export { styles as default };
+//# sourceMappingURL=DateRangeInputField.module.scss.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.module.scss.js.map

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

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { FieldMessage } from '@kaizen/draft-form';
+import styles from './DateRangeValidationMessage.module.scss.js';
+
+var DateRangeValidationMessage = function(_a) {
+  var validationMessage = _a.validationMessage, dateStartId = _a.dateStartId, dateEndId = _a.dateEndId, isReversed = _a.isReversed;
+  if (!validationMessage)
+    return null;
+  var dateStart = validationMessage.dateStart;
+  var dateEnd = validationMessage.dateEnd;
+  if (dateStart && dateEnd) {
+    if (dateStart.status === dateEnd.status) {
+      return React.createElement(FieldMessage, { message: React.createElement(
+        "ul",
+        { className: styles.fieldMessageList },
+        React.createElement("li", { id: dateStartId }, dateStart.message),
+        React.createElement("li", { id: dateEndId }, dateEnd.message)
+      ), status: dateStart.status || dateEnd.status, reversed: isReversed });
+    }
+    return React.createElement(
+      React.Fragment,
+      null,
+      React.createElement(FieldMessage, { id: dateStartId, message: dateStart.message, status: dateStart.status, reversed: isReversed }),
+      React.createElement(FieldMessage, { id: dateEndId, message: dateEnd.message, status: dateEnd.status, reversed: isReversed })
+    );
+  }
+  if (dateStart) {
+    return React.createElement(FieldMessage, { id: dateStartId, message: dateStart.message, status: dateStart.status, reversed: isReversed });
+  }
+  if (dateEnd) {
+    return React.createElement(FieldMessage, { id: dateEndId, message: dateEnd.message, status: dateEnd.status, reversed: isReversed });
+  }
+  return null;
+};
+DateRangeValidationMessage.displayName = "DateRangeValidationMessage";
+
+export { DateRangeValidationMessage };
+//# sourceMappingURL=DateRangeValidationMessage.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeValidationMessage.js","sources":["../../../../../../../../src/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.tsx"],"sourcesContent":["import React from \"react\"\nimport { FieldMessage } from \"@kaizen/draft-form\"\nimport { DateRangeFieldValidationMessage } from \"../FilterDateRangePickerField/types\"\nimport styles from \"./DateRangeValidationMessage.module.scss\"\n\nexport type DateRangeValidationMessageProps = {\n  validationMessage?: DateRangeFieldValidationMessage\n  dateStartId?: string\n  dateEndId?: string\n  isReversed?: boolean\n}\n\nexport const DateRangeValidationMessage = ({\n  validationMessage,\n  dateStartId,\n  dateEndId,\n  isReversed,\n}: DateRangeValidationMessageProps): JSX.Element | null => {\n  if (!validationMessage) return null\n\n  const dateStart = validationMessage.dateStart\n  const dateEnd = validationMessage.dateEnd\n\n  if (dateStart && dateEnd) {\n    if (dateStart.status === dateEnd.status) {\n      return (\n        <FieldMessage\n          message={\n            <ul className={styles.fieldMessageList}>\n              <li id={dateStartId}>{dateStart.message}</li>\n              <li id={dateEndId}>{dateEnd.message}</li>\n            </ul>\n          }\n          status={dateStart.status || dateEnd.status}\n          reversed={isReversed}\n        />\n      )\n    }\n\n    return (\n      <>\n        <FieldMessage\n          id={dateStartId}\n          message={dateStart.message}\n          status={dateStart.status}\n          reversed={isReversed}\n        />\n        <FieldMessage\n          id={dateEndId}\n          message={dateEnd.message}\n          status={dateEnd.status}\n          reversed={isReversed}\n        />\n      </>\n    )\n  }\n\n  if (dateStart) {\n    return (\n      <FieldMessage\n        id={dateStartId}\n        message={dateStart.message}\n        status={dateStart.status}\n        reversed={isReversed}\n      />\n    )\n  }\n\n  if (dateEnd) {\n    return (\n      <FieldMessage\n        id={dateEndId}\n        message={dateEnd.message}\n        status={dateEnd.status}\n        reversed={isReversed}\n      />\n    )\n  }\n\n  return null\n}\n\nDateRangeValidationMessage.displayName = \"DateRangeValidationMessage\"\n"],"names":[],"mappings":";;;;AAYa,IAAA,0BAAA,GAA6B,SAAC,EAKT,EAAA;EAJhC,IAAA,iBAAA,GAAiB,EAAA,CAAA,iBAAA,EACjB,WAAW,GAAA,EAAA,CAAA,aACX,SAAS,GAAA,EAAA,CAAA,SACT,EAAA,UAAA,GAAU,EAAA,CAAA,UAAA,CAAA;AAEV,EAAA,IAAI,CAAC,iBAAA;AAAmB,IAAO,OAAA,IAAA,CAAA;AAE/B,EAAA,IAAM,YAAY,iBAAkB,CAAA,SAAA,CAAA;AACpC,EAAA,IAAM,UAAU,iBAAkB,CAAA,OAAA,CAAA;AAElC,EAAA,IAAI,aAAa,OAAS,EAAA;AACxB,IAAI,IAAA,SAAA,CAAU,MAAW,KAAA,OAAA,CAAQ,MAAQ,EAAA;AACvC,MAAA,OACE,KAAC,CAAA,aAAA,CAAA,YACC,EAAA,EAAA,SACE,KAAA,CAAA,aAAA;AAAA,QAAA,IAAA;AAAA,QAAA,EAAI,SAAW,EAAA,MAAA,CAAO,gBAAgB,EAAA;AAAA,QACpC,KAAA,CAAA,cAAA,IAAA,EAAA,EAAI,IAAI,eAAc,UAAU,OAAO,CAAA;AAAA,QACvC,KAAA,CAAI,cAAA,IAAA,EAAA,EAAA,IAAI,SAAY,EAAA,EAAA,QAAQ,OAAO,CAAA;AAAA,OAAM,EAG7C,QAAQ,SAAU,CAAA,MAAA,IAAU,QAAQ,MACpC,EAAA,QAAA,EAAU,YACV,CAAA,CAAA;AAAA,KAEL;AAED,IAAA,OACE,KAAA,CAAA,aAAA;AAAA,MAAA,KAAA,CAAA,QAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAC,CAAA,aAAA,CAAA,gBACC,IAAI,WACJ,EAAA,OAAA,EAAS,SAAU,CAAA,OAAA,EACnB,MAAQ,EAAA,SAAA,CAAU,MAClB,EAAA,QAAA,EAAU,YACV,CAAA;AAAA,MACF,KAAC,CAAA,aAAA,CAAA,YACC,EAAA,EAAA,IAAI,SACJ,EAAA,OAAA,EAAS,OAAQ,CAAA,OAAA,EACjB,MAAQ,EAAA,OAAA,CAAQ,MAChB,EAAA,QAAA,EAAU,YAAU,CAAA;AAAA,KACpB,CAAA;AAAA,GAGP;AAED,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,OACE,KAAC,CAAA,aAAA,CAAA,YACC,EAAA,EAAA,IAAI,WACJ,EAAA,OAAA,EAAS,SAAU,CAAA,OAAA,EACnB,MAAQ,EAAA,SAAA,CAAU,MAClB,EAAA,QAAA,EAAU,YACV,CAAA,CAAA;AAAA,GAEL;AAED,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,OACE,KAAC,CAAA,aAAA,CAAA,YACC,EAAA,EAAA,IAAI,SACJ,EAAA,OAAA,EAAS,OAAQ,CAAA,OAAA,EACjB,MAAQ,EAAA,OAAA,CAAQ,MAChB,EAAA,QAAA,EAAU,YACV,CAAA,CAAA;AAAA,GAEL;AAED,EAAO,OAAA,IAAA,CAAA;AACT,EAAA;AAEA,0BAAA,CAA2B,WAAc,GAAA,4BAAA;;;;"}

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"fieldMessageList":"DateRangeValidationMessage-module_fieldMessageList__UluZx"};
+
+export { styles as default };
+//# sourceMappingURL=DateRangeValidationMessage.module.scss.js.map

package/dist/esm/packages/components/src/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.module.scss.js.map

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