@kaizen/components 1.34.0 → 1.35.1

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDateRangePickerField.mjs","sources":["../../../../../../src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.tsx"],"sourcesContent":["import React, { useEffect, HTMLAttributes, useReducer } from \"react\"\nimport { useIntl } from \"@cultureamp/i18n-react-intl\"\nimport classnames from \"classnames\"\nimport {\n  CalendarRange,\n  CalendarRangeProps,\n  DateRange,\n  DisabledDays,\n  formatDateAsText,\n  isInvalidDate,\n  parseDateFromTextFormatValue,\n} from \"~components/Calendar\"\nimport {\n  DatePickerSupportedLocales,\n  getLocale,\n} from \"~components/DatePicker/utils/getLocale\"\nimport { DateValidationResponse } from \"~components/Filter/FilterDatePicker\"\nimport { useDateInputHandlers } from \"~components/Filter/FilterDatePicker/hooks/useDateInputHandlers\"\nimport { DataAttributes } from \"~types/DataAttributes\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  DateRangeInputField,\n  DateRangeInputFieldProps,\n} from \"../DateRangeInputField\"\nimport { filterDatePickerFieldReducer } from \"./filterDateRangePickerFieldReducer\"\nimport { useEndDateValidation } from \"./hooks/useEndDateValidation\"\nimport { useStartDateValidation } from \"./hooks/useStartDateValidation\"\nimport { DateRangeFieldValidationMessage } from \"./types\"\nimport { isValidRange } from \"./utils/isValidRange\"\nimport styles from \"./FilterDateRangePickerField.module.scss\"\n\ntype InputStartDateProps = DateRangeInputFieldProps[\"inputStartDateProps\"]\ntype InputEndDateProps = DateRangeInputFieldProps[\"inputEndDateProps\"]\n\ntype FilterInputProps<InputProps> = Omit<Partial<InputProps>, \"value\"> &\n  DataAttributes\n\nexport type FilterDateRangePickerFieldProps = {\n  id: string\n  label: string\n  locale: DatePickerSupportedLocales\n  /**\n   * Sets first displayed month to month of provided date if there isn't a date set.\n   */\n  defaultMonth?: CalendarRangeProps[\"defaultMonth\"]\n  /**\n   * The date range passed in from the consumer that renders in the inputs and calendar.\n   */\n  selectedRange: DateRange | 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  onRangeChange: (range: DateRange | undefined) => void\n  /**\n   * See https://react-day-picker.js.org/api/types/Matcher\n   */\n  disabledDays?: DisabledDays\n  inputStartDateProps?: FilterInputProps<InputStartDateProps>\n  inputEndDateProps?: FilterInputProps<InputEndDateProps>\n  /**\n   * Custom description to provide extra context (input format help text remains).\n   */\n  description?: DateRangeInputFieldProps[\"description\"]\n  validationMessage?: DateRangeFieldValidationMessage\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: {\n    dateStart?: (validationResponse: DateValidationResponse) => void\n    dateEnd?: (validationResponse: DateValidationResponse) => void\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FilterDateRangePickerField = ({\n  id,\n  label,\n  locale: propsLocale,\n  defaultMonth,\n  selectedRange,\n  onRangeChange,\n  disabledDays,\n  inputStartDateProps,\n  inputEndDateProps,\n  description,\n  validationMessage,\n  onValidate,\n  classNameOverride,\n  ...restProps\n}: FilterDateRangePickerFieldProps): JSX.Element => {\n  const { formatMessage } = useIntl()\n  const locale = getLocale(propsLocale)\n\n  const translatedDateFrom = formatMessage({\n    id: \"filterDateRangePicker.dateFrom\",\n    defaultMessage: \"Date from\",\n    description: \"Label for the 'Date from' field\",\n  })\n  const translatedDateTo = formatMessage({\n    id: \"filterDateRangePicker.dateTo\",\n    defaultMessage: \"Date to\",\n    description: \"Label for the 'date to' field\",\n  })\n  const inputStartDateLabel =\n    inputStartDateProps?.labelText || translatedDateFrom\n  const inputEndDateLabel = inputEndDateProps?.labelText || translatedDateTo\n\n  const transformDateToInputValue = (date: Date | undefined): string =>\n    date ? formatDateAsText(date, disabledDays, locale) : \"\"\n\n  const handleDateRangeChange = (dateRange: DateRange | undefined): void => {\n    onRangeChange(dateRange)\n  }\n\n  const dateStartValidation = useStartDateValidation({\n    inputLabel: inputStartDateLabel,\n    disabledDays,\n    validationMessage: validationMessage?.dateStart,\n    onValidate: onValidate?.dateStart,\n  })\n\n  const dateEndValidation = useEndDateValidation({\n    inputLabel: inputEndDateLabel,\n    disabledDays,\n    validationMessage: validationMessage?.dateEnd,\n    onValidate: onValidate?.dateEnd,\n  })\n\n  const validateStartDate = (\n    date: Date | undefined,\n    inputValue: string\n  ): Date | undefined =>\n    dateStartValidation.validateDate({\n      date,\n      inputValue,\n    })\n\n  const validateEndDate = (\n    date: Date | undefined,\n    inputValue: string\n  ): Date | undefined =>\n    dateEndValidation.validateDate({\n      endDate: date,\n      endDateInputValue: inputValue,\n      startDate: selectedRange?.from,\n      startDateFieldLabel: inputStartDateLabel,\n    })\n\n  const [state, dispatch] = useReducer(filterDatePickerFieldReducer, {\n    selectedStartDate: selectedRange?.from,\n    selectedEndDate: selectedRange?.to,\n    inputStartValue: transformDateToInputValue(selectedRange?.from),\n    inputEndValue: transformDateToInputValue(selectedRange?.to),\n    startMonth:\n      selectedRange?.from && !isInvalidDate(selectedRange.from)\n        ? selectedRange.from\n        : defaultMonth || new Date(),\n  })\n\n  const inputStartDateHandlers = useDateInputHandlers({\n    locale,\n    disabledDays,\n    setInputValue: value => {\n      dispatch({\n        type: \"update_input_start_field\",\n        inputValue: value,\n      })\n    },\n    onDateChange: date => {\n      const newDate = validateStartDate(date, state.inputStartValue)\n\n      // We need to parse the date from the input field due to the\n      // state.selectedEndDate being set to undefined whenever range is invalid\n      const endDate = parseDateFromTextFormatValue(state.inputEndValue, locale)\n      const isRangeValid = isValidRange(newDate, endDate)\n\n      dispatch({\n        type: \"update_selected_start_date\",\n        date: newDate,\n      })\n\n      // If the range ends up being invalid due to the change in start date\n      // we need to remove the end date as its now deemed invalid.\n      dispatch({\n        type: \"update_selected_end_date\",\n        date: isRangeValid ? endDate : undefined,\n      })\n\n      handleDateRangeChange({\n        from: newDate,\n        to: isRangeValid ? endDate : undefined,\n      })\n\n      if (newDate && endDate && !isInvalidDate(endDate)) {\n        // Update validation messages\n        dateEndValidation.validateEndDateBeforeStartDate({\n          startDate: newDate,\n          startDateFieldLabel: inputStartDateLabel,\n          endDate,\n          endDateInputValue: state.inputEndValue,\n        })\n      }\n    },\n    ...inputStartDateProps,\n  })\n\n  const inputEndDateHandlers = useDateInputHandlers({\n    locale,\n    disabledDays,\n    setInputValue: value => {\n      dispatch({\n        type: \"update_input_end_field\",\n        inputValue: value,\n      })\n    },\n    onDateChange: date => {\n      const startDate = state.selectedStartDate\n      const newEndDate = validateEndDate(date, state.inputEndValue)\n      const isRangeValid = isValidRange(startDate, newEndDate)\n\n      dispatch({\n        type: \"update_selected_end_date\",\n        date: isRangeValid ? newEndDate : undefined,\n      })\n\n      handleDateRangeChange({\n        from: startDate,\n        to: isRangeValid ? newEndDate : undefined,\n      })\n    },\n    ...inputEndDateProps,\n  })\n\n  const handleCalendarSelectRange: CalendarRangeProps[\"onSelect\"] = range => {\n    const inputStartValue = transformDateToInputValue(range?.from)\n    const inputEndValue = transformDateToInputValue(range?.to)\n\n    const newStartDate = validateStartDate(range?.from, inputStartValue)\n    const newEndDate = validateEndDate(range?.to, inputEndValue)\n\n    dispatch({\n      type: \"update_selected_start_date\",\n      date: newStartDate,\n      inputValue: inputStartValue,\n    })\n\n    dispatch({\n      type: \"update_selected_end_date\",\n      date: newEndDate,\n      inputValue: inputEndValue,\n    })\n\n    handleDateRangeChange({ from: newStartDate, to: newEndDate })\n  }\n\n  useEffect(() => {\n    const newStartDate = validateStartDate(\n      selectedRange?.from,\n      state.inputStartValue\n    )\n    const newEndDate = validateEndDate(selectedRange?.to, state.inputEndValue)\n\n    if (newStartDate && !isValidRange(newStartDate, newEndDate)) {\n      dispatch({\n        type: \"update_selected_end_date\",\n        date: undefined,\n      })\n    }\n\n    handleDateRangeChange({ from: newStartDate, to: newEndDate })\n  }, [])\n\n  return (\n    <div\n      className={classnames(\n        styles.filterDateRangePickerField,\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <DateRangeInputField\n        id={`${id}--input`}\n        legend={label}\n        inputStartDateProps={{\n          labelText: inputStartDateLabel,\n          value: state.inputStartValue,\n          ...inputStartDateProps,\n          // The below props extend the values from inputStartDateProps, therefore must be below the spread\n          ...inputStartDateHandlers,\n        }}\n        inputEndDateProps={{\n          labelText: inputEndDateLabel,\n          value: state.inputEndValue,\n          ...inputEndDateProps,\n          // The below props extend the values from inputEndDateProps, therefore must be below the spread\n          ...inputEndDateHandlers,\n        }}\n        locale={locale}\n        description={description}\n        validationMessage={{\n          dateStart: dateStartValidation.validationMessage,\n          dateEnd: dateEndValidation.validationMessage,\n        }}\n        classNameOverride={styles.dateRangeInputField}\n      />\n      <CalendarRange\n        disabled={disabledDays}\n        locale={locale}\n        selected={{\n          from: state.selectedStartDate,\n          to: state.selectedEndDate,\n        }}\n        onSelect={handleCalendarSelectRange}\n        month={state.startMonth}\n        onMonthChange={(value: Date) =>\n          dispatch({ type: \"navigate_months\", date: value })\n        }\n      />\n    </div>\n  )\n}\n\nFilterDateRangePickerField.displayName = \"FilterDateRangePickerField\"\n"],"names":["FilterDateRangePickerField","_a","id","label","propsLocale","locale","defaultMonth","selectedRange","onRangeChange","disabledDays","inputStartDateProps","inputEndDateProps","description","validationMessage","onValidate","classNameOverride","restProps","__rest","formatMessage","useIntl","getLocale","translatedDateFrom","defaultMessage","translatedDateTo","inputStartDateLabel","labelText","inputEndDateLabel","transformDateToInputValue","date","formatDateAsText","handleDateRangeChange","dateRange","dateStartValidation","useStartDateValidation","inputLabel","dateStart","dateEndValidation","useEndDateValidation","dateEnd","validateStartDate","inputValue","validateDate","validateEndDate","endDate","endDateInputValue","startDate","from","startDateFieldLabel","_b","useReducer","filterDatePickerFieldReducer","selectedStartDate","selectedEndDate","to","inputStartValue","inputEndValue","startMonth","isInvalidDate","Date","state","dispatch","inputStartDateHandlers","useDateInputHandlers","__assign","setInputValue","value","type","onDateChange","newDate","parseDateFromTextFormatValue","isRangeValid","isValidRange","undefined","validateEndDateBeforeStartDate","inputEndDateHandlers","newEndDate","handleCalendarSelectRange","range","newStartDate","useEffect","React","createElement","className","classnames","styles","filterDateRangePickerField","DateRangeInputField","concat","legend","dateRangeInputField","CalendarRange","disabled","selected","onSelect","month","onMonthChange","displayName"],"mappings":"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"}

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "filterDateRangePickerField": "FilterDateRangePickerField-module_filterDateRangePickerField__fSmbz",
+  "dateRangeInputField": "FilterDateRangePickerField-module_dateRangeInputField__EEU-X"
+};
+export { styles as default };
+//# sourceMappingURL=FilterDateRangePickerField.module.scss.mjs.map

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs

@@ -0,0 +1,35 @@
+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 'react-day-picker';
+var filterDatePickerFieldReducer = function (state, action) {
+  switch (action.type) {
+    case "update_selected_start_date":
+      return __assign(__assign({}, state), {
+        selectedStartDate: action.date,
+        inputStartValue: action.inputValue === undefined ? state.inputStartValue : action.inputValue,
+        startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
+      });
+    case "update_selected_end_date":
+      return __assign(__assign({}, state), {
+        selectedEndDate: action.date,
+        inputEndValue: action.inputValue === undefined ? state.inputEndValue : action.inputValue
+      });
+    case "navigate_months":
+      return __assign(__assign({}, state), {
+        startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
+      });
+    case "update_input_start_field":
+      return __assign(__assign({}, state), {
+        inputStartValue: action.inputValue
+      });
+    case "update_input_end_field":
+      return __assign(__assign({}, state), {
+        inputEndValue: action.inputValue
+      });
+  }
+};
+export { filterDatePickerFieldReducer };
+//# sourceMappingURL=filterDateRangePickerFieldReducer.mjs.map

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterDateRangePickerFieldReducer.mjs","sources":["../../../../../../src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.tsx"],"sourcesContent":["import { isInvalidDate } from \"~components/Calendar\"\n\ntype DateRangeFieldActions =\n  | {\n      type: \"update_selected_start_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"update_selected_end_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"navigate_months\"\n      date: Date | undefined\n    }\n  | {\n      type: \"update_input_start_field\"\n      inputValue: string\n    }\n  | {\n      type: \"update_input_end_field\"\n      inputValue: string\n    }\n\ntype FilterDateRangePickerState = {\n  selectedStartDate: Date | undefined\n  selectedEndDate: Date | undefined\n  inputStartValue: string\n  inputEndValue: string\n  startMonth: Date\n}\n\nexport const filterDatePickerFieldReducer = (\n  state: FilterDateRangePickerState,\n  action: DateRangeFieldActions\n): FilterDateRangePickerState => {\n  switch (action.type) {\n    case \"update_selected_start_date\":\n      return {\n        ...state,\n        selectedStartDate: action.date,\n        inputStartValue:\n          action.inputValue === undefined\n            ? state.inputStartValue\n            : action.inputValue,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n    case \"update_selected_end_date\":\n      return {\n        ...state,\n        selectedEndDate: action.date,\n        inputEndValue:\n          action.inputValue === undefined\n            ? state.inputEndValue\n            : action.inputValue,\n      }\n    case \"navigate_months\":\n      return {\n        ...state,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n    case \"update_input_start_field\":\n      return {\n        ...state,\n        inputStartValue: action.inputValue,\n      }\n    case \"update_input_end_field\":\n      return {\n        ...state,\n        inputEndValue: action.inputValue,\n      }\n  }\n}\n"],"names":["filterDatePickerFieldReducer","state","action","type","__assign","selectedStartDate","date","inputStartValue","inputValue","undefined","startMonth","isInvalidDate","Date","selectedEndDate","inputEndValue"],"mappings":";;;;;;AAkCa,IAAAA,4BAA4B,GAAG,SAAAA,CAC1CC,KAAiC,EACjCC,MAA6B,EAAA;EAE7B,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,4BAA4B;MAC/B,OAAAC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CAAA,EAAA;QACRI,iBAAiB,EAAEH,MAAM,CAACI,IAAI;QAC9BC,eAAe,EACbL,MAAM,CAACM,UAAU,KAAKC,SAAS,GAC3BR,KAAK,CAACM,eAAe,GACrBL,MAAM,CAACM,UAAU;QACvBE,UAAU,EACRR,MAAM,CAACI,IAAI,IAAI,CAACK,aAAa,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAA;MACtE,CAAA,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CAAA,EAAA;QACRY,eAAe,EAAEX,MAAM,CAACI,IAAI;QAC5BQ,aAAa,EACXZ,MAAM,CAACM,UAAU,KAAKC,SAAS,GAC3BR,KAAK,CAACa,aAAa,GACnBZ,MAAM,CAACM;MAAU,CACxB,CAAA;IACH,KAAK,iBAAiB;MACpB,OACKJ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAH,KAAK,CACR,EAAA;QAAAS,UAAU,EACRR,MAAM,CAACI,IAAI,IAAI,CAACK,aAAa,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAE;MAAA,CACxE,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAM,eAAe,EAAEL,MAAM,CAACM;MAAU,CACnC,CAAA;IACH,KAAK,wBAAwB;MAC3B,OAAAJ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAa,aAAa,EAAEZ,MAAM,CAACM;MAAU,CACjC,CAAA;EACJ;AACH,CAAA;"}

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.mjs

@@ -0,0 +1,57 @@
+import '../../../../FilterDatePicker/FilterDatePicker.mjs';
+import 'tslib';
+import 'react';
+import 'classnames';
+import '../../../../../Calendar/CalendarSingle/CalendarSingle.mjs';
+import '../../../../../Calendar/CalendarRange/CalendarRange.mjs';
+import 'date-fns';
+import 'react-day-picker';
+import 'date-fns/locale';
+import { useDateValidation } from '../../../../FilterDatePicker/hooks/useDateValidation.mjs';
+import '../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
+import '../../../../../LabelledMessage/LabelledMessage.mjs';
+import { validateEndDateBeforeStartDate } from '../utils/validateEndDateBeforeStartDate.mjs';
+var useEndDateValidation = function (args) {
+  var _a = useDateValidation(args),
+    validationMessage = _a.validationMessage,
+    validateDate = _a.validateDate,
+    updateValidation = _a.updateValidation;
+  var handleValidateEndDateBeforeStartDate = function (handlerArgs) {
+    var _a = validateEndDateBeforeStartDate(handlerArgs),
+      validationResponse = _a.validationResponse,
+      newDate = _a.newDate;
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  var validateEndDate = function (_a) {
+    var endDate = _a.endDate,
+      endDateInputValue = _a.endDateInputValue,
+      startDate = _a.startDate,
+      startDateFieldLabel = _a.startDateFieldLabel;
+    var _b = validateDate({
+        date: endDate,
+        inputValue: endDateInputValue
+      }),
+      validationResponse = _b.validationResponse,
+      newDate = _b.newDate;
+    if (validationResponse.isValidDate) {
+      if (newDate && startDate) {
+        return handleValidateEndDateBeforeStartDate({
+          startDate: startDate,
+          startDateFieldLabel: startDateFieldLabel,
+          endDate: newDate,
+          endDateInputValue: endDateInputValue
+        });
+      }
+    }
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  return {
+    validationMessage: validationMessage,
+    validateDate: validateEndDate,
+    validateEndDateBeforeStartDate: handleValidateEndDateBeforeStartDate
+  };
+};
+export { useEndDateValidation };
+//# sourceMappingURL=useEndDateValidation.mjs.map

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEndDateValidation.mjs","sources":["../../../../../../../src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/Filter/FilterDatePicker\"\nimport {\n  validateEndDateBeforeStartDate,\n  ValidateEndDateBeforeStartDateArgs,\n} from \"../utils/validateEndDateBeforeStartDate\"\n\nexport type UseEndDateValidationArgs = UseDateValidationArgs\n\nexport type UseEndDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    endDate: Date | undefined\n    endDateInputValue: string\n    startDate: Date | undefined\n    startDateFieldLabel: React.ReactNode\n  }) => Date | undefined\n  validateEndDateBeforeStartDate: (\n    args: ValidateEndDateBeforeStartDateArgs\n  ) => Date | undefined\n}\n\nexport const useEndDateValidation = (\n  args: UseEndDateValidationArgs\n): UseEndDateValidationValue => {\n  const { validationMessage, validateDate, updateValidation } =\n    useDateValidation(args)\n\n  const handleValidateEndDateBeforeStartDate: UseEndDateValidationValue[\"validateEndDateBeforeStartDate\"] =\n    handlerArgs => {\n      const { validationResponse, newDate } =\n        validateEndDateBeforeStartDate(handlerArgs)\n      updateValidation(validationResponse)\n      return newDate\n    }\n\n  const validateEndDate: UseEndDateValidationValue[\"validateDate\"] = ({\n    endDate,\n    endDateInputValue,\n    startDate,\n    startDateFieldLabel,\n  }) => {\n    const { validationResponse, newDate } = validateDate({\n      date: endDate,\n      inputValue: endDateInputValue,\n    })\n\n    if (validationResponse.isValidDate) {\n      if (newDate && startDate) {\n        return handleValidateEndDateBeforeStartDate({\n          startDate,\n          startDateFieldLabel,\n          endDate: newDate,\n          endDateInputValue,\n        })\n      }\n    }\n\n    updateValidation(validationResponse)\n    return newDate\n  }\n\n  return {\n    validationMessage,\n    validateDate: validateEndDate,\n    validateEndDateBeforeStartDate: handleValidateEndDateBeforeStartDate,\n  }\n}\n"],"names":["useEndDateValidation","args","_a","useDateValidation","validationMessage","validateDate","updateValidation","handleValidateEndDateBeforeStartDate","handlerArgs","validateEndDateBeforeStartDate","validationResponse","newDate","validateEndDate","endDate","endDateInputValue","startDate","startDateFieldLabel","_b","date","inputValue","isValidDate"],"mappings":";;;;;;;;;;;;;AAyBO,IAAMA,oBAAoB,GAAG,SAAAA,CAClCC,IAA8B,EAAA;EAExB,IAAAC,EACJ,GAAAC,iBAAiB,CAACF,IAAI,CAAC;IADjBG,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;IAAEC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IAAEC,gBAAgB,sBAChC;EAEzB,IAAMC,oCAAoC,GACxC,SAAAA,CAAAC,WAAW,EAAA;IACH,IAAAN,EAAA,GACJO,8BAA8B,CAACD,WAAW,CAAC;MADrCE,kBAAkB,GAAAR,EAAA,CAAAQ,kBAAA;MAAEC,OAAO,GAAAT,EAAA,CAAAS,OACU;IAC7CL,gBAAgB,CAACI,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAEH,IAAMC,eAAe,GAA8C,SAAAA,CAACV,EAKnE,EAAA;QAJCW,OAAO,GAAAX,EAAA,CAAAW,OAAA;MACPC,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;MACjBC,SAAS,GAAAb,EAAA,CAAAa,SAAA;MACTC,mBAAmB,GAAAd,EAAA,CAAAc,mBAAA;IAEb,IAAAC,EAAA,GAAkCZ,YAAY,CAAC;QACnDa,IAAI,EAAEL,OAAO;QACbM,UAAU,EAAEL;MACb,CAAA,CAAC;MAHMJ,kBAAkB,GAAAO,EAAA,CAAAP,kBAAA;MAAEC,OAAO,aAGjC;IAEF,IAAID,kBAAkB,CAACU,WAAW,EAAE;MAClC,IAAIT,OAAO,IAAII,SAAS,EAAE;QACxB,OAAOR,oCAAoC,CAAC;UAC1CQ,SAAS,EAAAA,SAAA;UACTC,mBAAmB,EAAAA,mBAAA;UACnBH,OAAO,EAAEF,OAAO;UAChBG,iBAAiB,EAAAA;QAClB,CAAA,CAAC;MACH;IACF;IAEDR,gBAAgB,CAACI,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAED,OAAO;IACLP,iBAAiB,EAAAA,iBAAA;IACjBC,YAAY,EAAEO,eAAe;IAC7BH,8BAA8B,EAAEF;GACjC;AACH,CAAA;"}

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.mjs

@@ -0,0 +1,36 @@
+import '../../../../FilterDatePicker/FilterDatePicker.mjs';
+import 'tslib';
+import 'react';
+import 'classnames';
+import '../../../../../Calendar/CalendarSingle/CalendarSingle.mjs';
+import '../../../../../Calendar/CalendarRange/CalendarRange.mjs';
+import 'date-fns';
+import 'react-day-picker';
+import 'date-fns/locale';
+import { useDateValidation } from '../../../../FilterDatePicker/hooks/useDateValidation.mjs';
+import '../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
+import '../../../../../LabelledMessage/LabelledMessage.mjs';
+var useStartDateValidation = function (args) {
+  var _a = useDateValidation(args),
+    validationMessage = _a.validationMessage,
+    validateDate = _a.validateDate,
+    updateValidation = _a.updateValidation;
+  var validateStartDate = function (_a) {
+    var date = _a.date,
+      inputValue = _a.inputValue;
+    var _b = validateDate({
+        date: date,
+        inputValue: inputValue
+      }),
+      validationResponse = _b.validationResponse,
+      newDate = _b.newDate;
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  return {
+    validationMessage: validationMessage,
+    validateDate: validateStartDate
+  };
+};
+export { useStartDateValidation };
+//# sourceMappingURL=useStartDateValidation.mjs.map

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStartDateValidation.mjs","sources":["../../../../../../../src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/Filter/FilterDatePicker\"\n\nexport type UseStartDateValidationArgs = UseDateValidationArgs\n\nexport type UseStartDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    date: Date | undefined\n    inputValue: string\n  }) => Date | undefined\n}\n\nexport const useStartDateValidation = (\n  args: UseStartDateValidationArgs\n): UseStartDateValidationValue => {\n  const { validationMessage, validateDate, updateValidation } =\n    useDateValidation(args)\n\n  const validateStartDate: UseStartDateValidationValue[\"validateDate\"] = ({\n    date,\n    inputValue,\n  }) => {\n    const { validationResponse, newDate } = validateDate({ date, inputValue })\n    updateValidation(validationResponse)\n    return newDate\n  }\n\n  return {\n    validationMessage,\n    validateDate: validateStartDate,\n  }\n}\n"],"names":["useStartDateValidation","args","_a","useDateValidation","validationMessage","validateDate","updateValidation","validateStartDate","date","inputValue","_b","validationResponse","newDate"],"mappings":";;;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAG,SAAAA,CACpCC,IAAgC,EAAA;EAE1B,IAAAC,EACJ,GAAAC,iBAAiB,CAACF,IAAI,CAAC;IADjBG,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;IAAEC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IAAEC,gBAAgB,sBAChC;EAEzB,IAAMC,iBAAiB,GAAgD,SAAAA,CAACL,EAGvE,EAAA;QAFCM,IAAI,GAAAN,EAAA,CAAAM,IAAA;MACJC,UAAU,GAAAP,EAAA,CAAAO,UAAA;IAEJ,IAAAC,KAAkCL,YAAY,CAAC;QAAEG,IAAI,MAAA;QAAEC,UAAU,EAAAA;MAAE,CAAA,CAAC;MAAlEE,kBAAkB,wBAAA;MAAEC,OAAO,aAAuC;IAC1EN,gBAAgB,CAACK,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAED,OAAO;IACLR,iBAAiB,EAAAA,iBAAA;IACjBC,YAAY,EAAEE;GACf;AACH,CAAA;"}

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidRange.mjs","sources":["../../../../../../../src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.ts"],"sourcesContent":["export const isValidRange = (\n  startDate: Date | undefined,\n  endDate: Date | undefined\n): boolean => {\n  if (startDate && endDate) return startDate <= endDate\n  return false\n}\n"],"names":["isValidRange","startDate","endDate"],"mappings":"AAAa,IAAAA,YAAY,GAAG,SAAAA,CAC1BC,SAA2B,EAC3BC,OAAyB,EAAA;EAEzB,IAAID,SAAS,IAAIC,OAAO,EAAE,OAAOD,SAAS,IAAIC,OAAO;EACrD,OAAO,KAAK;AACd,CAAA;"}

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs

@@ -0,0 +1,35 @@
+import { __assign } from 'tslib';
+import { getNodeText } from '../../../../../utils/getNodeText.mjs';
+import { isValidRange } from './isValidRange.mjs';
+var validateEndDateBeforeStartDate = function (_a) {
+  var startDate = _a.startDate,
+    startDateFieldLabel = _a.startDateFieldLabel,
+    endDate = _a.endDate,
+    endDateInputValue = _a.endDateInputValue;
+  var baseResponse = {
+    date: endDate,
+    inputValue: endDateInputValue,
+    validationMessage: undefined,
+    isInvalid: false,
+    isDisabled: false,
+    isEmpty: false,
+    isValidDate: true
+  };
+  if (!isValidRange(startDate, endDate)) {
+    return {
+      validationResponse: __assign(__assign({}, baseResponse), {
+        validationMessage: {
+          status: "error",
+          message: "Cannot be earlier than the selection in \"".concat(getNodeText(startDateFieldLabel), "\"")
+        }
+      }),
+      newDate: endDate
+    };
+  }
+  return {
+    validationResponse: baseResponse,
+    newDate: endDate
+  };
+};
+export { validateEndDateBeforeStartDate };
+//# sourceMappingURL=validateEndDateBeforeStartDate.mjs.map

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateEndDateBeforeStartDate.mjs","sources":["../../../../../../../src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.ts"],"sourcesContent":["import React from \"react\"\nimport { DateValidationResponse } from \"~components/Filter/FilterDatePicker\"\nimport { getNodeText } from \"~utils/getNodeText\"\nimport { isValidRange } from \"./isValidRange\"\n\nexport type ValidateEndDateBeforeStartDateArgs = {\n  startDate: Date\n  startDateFieldLabel: React.ReactNode\n  endDate: Date\n  endDateInputValue: string\n}\n\nexport type ValidateEndDateBeforeStartDateResponse = {\n  validationResponse: DateValidationResponse\n  newDate: Date | undefined\n}\n\nexport const validateEndDateBeforeStartDate = ({\n  startDate,\n  startDateFieldLabel,\n  endDate,\n  endDateInputValue,\n}: ValidateEndDateBeforeStartDateArgs): ValidateEndDateBeforeStartDateResponse => {\n  const baseResponse = {\n    date: endDate,\n    inputValue: endDateInputValue,\n    validationMessage: undefined,\n    isInvalid: false,\n    isDisabled: false,\n    isEmpty: false,\n    isValidDate: true,\n  }\n\n  if (!isValidRange(startDate, endDate)) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        validationMessage: {\n          status: \"error\",\n          message: `Cannot be earlier than the selection in \"${getNodeText(\n            startDateFieldLabel\n          )}\"`,\n        },\n      },\n      newDate: endDate,\n    }\n  }\n\n  return {\n    validationResponse: baseResponse,\n    newDate: endDate,\n  }\n}\n"],"names":["validateEndDateBeforeStartDate","_a","startDate","startDateFieldLabel","endDate","endDateInputValue","baseResponse","date","inputValue","validationMessage","undefined","isInvalid","isDisabled","isEmpty","isValidDate","isValidRange","validationResponse","__assign","status","message","concat","getNodeText","newDate"],"mappings":";;;AAiBO,IAAMA,8BAA8B,GAAG,SAAAA,CAACC,EAKV,EAAA;MAJnCC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,mBAAmB,GAAAF,EAAA,CAAAE,mBAAA;IACnBC,OAAO,GAAAH,EAAA,CAAAG,OAAA;IACPC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;EAEjB,IAAMC,YAAY,GAAG;IACnBC,IAAI,EAAEH,OAAO;IACbI,UAAU,EAAEH,iBAAiB;IAC7BI,iBAAiB,EAAEC,SAAS;IAC5BC,SAAS,EAAE,KAAK;IAChBC,UAAU,EAAE,KAAK;IACjBC,OAAO,EAAE,KAAK;IACdC,WAAW,EAAE;GACd;EAED,IAAI,CAACC,YAAY,CAACb,SAAS,EAAEE,OAAO,CAAC,EAAE;IACrC,OAAO;MACLY,kBAAkB,EACbC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAX,YAAY,CACf,EAAA;QAAAG,iBAAiB,EAAE;UACjBS,MAAM,EAAE,OAAO;UACfC,OAAO,EAAE,4CAA4C,CAAAC,MAAA,CAAAC,WAAW,CAC9DlB,mBAAmB,CACpB,EAAG,IAAA;;OAEP,CAAA;MACDmB,OAAO,EAAElB;KACV;EACF;EAED,OAAO;IACLY,kBAAkB,EAAEV,YAAY;IAChCgB,OAAO,EAAElB;GACV;AACH,CAAA;"}

package/dist/esm/Filter/FilterDateRangePicker/utils/isCompleteDateRange.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCompleteDateRange.mjs","sources":["../../../../../src/Filter/FilterDateRangePicker/utils/isCompleteDateRange.ts"],"sourcesContent":["import { DateRange } from \"~components/Calendar\"\n\nexport const isCompleteDateRange = (\n  dateRange: DateRange | undefined\n): dateRange is { from: Date; to: Date } =>\n  dateRange?.from !== undefined && dateRange?.to !== undefined\n"],"names":["isCompleteDateRange","dateRange","from","undefined","to"],"mappings":"AAEO,IAAMA,mBAAmB,GAAG,SAAAA,CACjCC,SAAgC,EAAA;EAEhC,OAAA,CAAAA,SAAS,KAAT,IAAA,IAAAA,SAAS,uBAATA,SAAS,CAAEC,IAAI,MAAKC,SAAS,IAAI,CAAAF,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEG,EAAE,MAAKD,SAAS;AAA5D,CAAA;"}

package/dist/esm/Filter/FilterMultiSelect/FilterMultiSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMultiSelect.mjs","sources":["../../../../src/Filter/FilterMultiSelect/FilterMultiSelect.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport {\n  MenuTriggerConsumer,\n  MenuTriggerProvider,\n  MenuTriggerProviderContextType,\n  MenuTriggerProviderProps,\n  SelectionConsumer,\n  SelectionProvider,\n  SelectionProviderContextType,\n} from \"./context\"\nimport { ListBox } from \"./subcomponents/ListBox\"\nimport { ListBoxSection } from \"./subcomponents/ListBoxSection\"\nimport { LoadMoreButton } from \"./subcomponents/LoadMoreButton\"\nimport { MenuFooter, MenuLoadingSkeleton } from \"./subcomponents/MenuLayout\"\nimport { MenuPopup, MenuPopupProps } from \"./subcomponents/MenuPopup\"\nimport { MultiSelectOption } from \"./subcomponents/MultiSelectOption\"\nimport { NoResults } from \"./subcomponents/NoResults\"\nimport { SearchInput } from \"./subcomponents/SearchInput\"\nimport { SectionDivider } from \"./subcomponents/SectionDivider\"\nimport {\n  ClearButton,\n  SelectAllButton,\n} from \"./subcomponents/SelectionControlButton\"\nimport {\n  FilterTriggerButton,\n  RemovableFilterTrigger,\n} from \"./subcomponents/Trigger\"\nimport { ItemType } from \"./types\"\n\ntype SelectionProps = {\n  label: string // provide A11y context for listbox\n  items: ItemType[]\n  selectedKeys?: Selection\n  defaultSelectedKeys?: Selection\n  onSelectionChange?: (keys: Selection) => void\n  selectionMode?: SelectionMode\n  onSearchInputChange?: (searchInput: string) => void\n}\n\nexport type FilterMultiSelectProps = {\n  trigger: (value?: MenuTriggerProviderContextType) => React.ReactNode\n  children: (value?: SelectionProviderContextType) => React.ReactNode // the content of the menu\n} & Omit<MenuPopupProps, \"children\"> &\n  Omit<MenuTriggerProviderProps, \"children\"> &\n  SelectionProps\n\nexport const FilterMultiSelect = ({\n  trigger,\n  children,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isLoading,\n  loadingSkeleton,\n  label,\n  items,\n  selectedKeys,\n  defaultSelectedKeys,\n  onSelectionChange,\n  selectionMode = \"multiple\",\n  onSearchInputChange,\n}: FilterMultiSelectProps): JSX.Element => {\n  const menuTriggerProps = { isOpen, defaultOpen, onOpenChange }\n  const menuPopupProps = { isLoading, loadingSkeleton }\n  const disabledKeys: Selection = new Set(\n    items\n      ?.filter(item => item.isDisabled === true)\n      .map(disabledItem => disabledItem.value)\n  )\n  const selectionProps = {\n    label,\n    items,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectionMode,\n    disabledKeys,\n    onSearchInputChange,\n  }\n\n  return (\n    <MenuTriggerProvider {...menuTriggerProps}>\n      <div>\n        <MenuTriggerConsumer>{trigger}</MenuTriggerConsumer>\n        <MenuPopup {...menuPopupProps}>\n          <SelectionProvider {...selectionProps}>\n            <SelectionConsumer>{children}</SelectionConsumer>\n          </SelectionProvider>\n        </MenuPopup>\n      </div>\n    </MenuTriggerProvider>\n  )\n}\n\nFilterMultiSelect.displayName = \"FilterMultiSelect\"\n\nFilterMultiSelect.TriggerButton = FilterTriggerButton\nFilterMultiSelect.RemovableTrigger = RemovableFilterTrigger\nFilterMultiSelect.SearchInput = SearchInput\nFilterMultiSelect.ListBox = ListBox\nFilterMultiSelect.ListBoxSection = ListBoxSection\nFilterMultiSelect.SectionDivider = SectionDivider\nFilterMultiSelect.Option = MultiSelectOption\nFilterMultiSelect.SelectAllButton = SelectAllButton\nFilterMultiSelect.ClearButton = ClearButton\nFilterMultiSelect.MenuFooter = MenuFooter // For layout\nFilterMultiSelect.MenuLoadingSkeleton = MenuLoadingSkeleton // Menu Loading Skeleton example\nFilterMultiSelect.LoadMoreButton = LoadMoreButton\nFilterMultiSelect.NoResults = NoResults\n"],"names":["FilterMultiSelect","_a","trigger","children","isOpen","defaultOpen","onOpenChange","isLoading","loadingSkeleton","label","items","selectedKeys","defaultSelectedKeys","onSelectionChange","_b","selectionMode","onSearchInputChange","menuTriggerProps","menuPopupProps","disabledKeys","Set","filter","item","isDisabled","map","disabledItem","value","selectionProps","React","createElement","MenuTriggerProvider","__assign","MenuTriggerConsumer","MenuPopup","SelectionProvider","SelectionConsumer","displayName","TriggerButton","FilterTriggerButton","RemovableTrigger","RemovableFilterTrigger","SearchInput","ListBox","ListBoxSection","SectionDivider","Option","MultiSelectOption","SelectAllButton","ClearButton","MenuFooter","MenuLoadingSkeleton","LoadMoreButton","NoResults"],"mappings":"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"}

package/dist/esm/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTriggerProvider.mjs","sources":["../../../../../../src/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, HTMLAttributes, useContext } from \"react\"\nimport { useButton } from \"@react-aria/button\"\nimport { AriaMenuOptions, useMenuTrigger } from \"@react-aria/menu\"\nimport { MenuTriggerState, useMenuTriggerState } from \"@react-stately/menu\"\nimport { ItemType } from \"../../types\"\n\nexport type MenuTriggerProviderProps = {\n  isOpen?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (isOpen: boolean) => void\n  children: React.ReactNode\n}\n\nexport type MenuTriggerProviderContextType = {\n  menuTriggerProps: HTMLAttributes<HTMLElement>\n  buttonProps: ButtonHTMLAttributes<HTMLButtonElement>\n  menuProps: AriaMenuOptions<ItemType>\n  menuTriggerState: MenuTriggerState\n  buttonRef: React.RefObject<HTMLButtonElement>\n}\n\nconst MenuTriggerContext = React.createContext<MenuTriggerProviderContextType>(\n  {} as MenuTriggerProviderContextType\n)\nexport function MenuTriggerProvider({\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: MenuTriggerProviderProps): JSX.Element {\n  // Create state based on the incoming props to manage the open/close\n  const state = useMenuTriggerState({ isOpen, defaultOpen, onOpenChange })\n\n  // Get A11y attributes and events for the menu trigger and menu elements\n  const ref = React.createRef<HTMLButtonElement>()\n  const { menuTriggerProps, menuProps } = useMenuTrigger<ItemType>(\n    {},\n    state,\n    ref\n  )\n\n  // Get A11y attributes and events for the button based on the trigger props from useMenuTrigger\n  const { buttonProps } = useButton(menuTriggerProps, ref)\n\n  return (\n    <MenuTriggerContext.Provider\n      value={{\n        menuTriggerProps,\n        buttonProps,\n        menuProps,\n        menuTriggerState: state,\n        buttonRef: ref,\n      }}\n    >\n      {children}\n    </MenuTriggerContext.Provider>\n  )\n}\n\nexport const useMenuTriggerContext = (): MenuTriggerProviderContextType =>\n  useContext(MenuTriggerContext)\n\nexport const MenuTriggerConsumer = ({\n  children,\n}: React.ConsumerProps<MenuTriggerProviderContextType>): JSX.Element => (\n  <MenuTriggerContext.Consumer>{children}</MenuTriggerContext.Consumer>\n)\n"],"names":["MenuTriggerContext","React","createContext","MenuTriggerProvider","_a","isOpen","defaultOpen","onOpenChange","children","state","useMenuTriggerState","ref","createRef","_b","useMenuTrigger","menuTriggerProps","menuProps","buttonProps","useButton","createElement","Provider","value","menuTriggerState","buttonRef","useMenuTriggerContext","useContext","MenuTriggerConsumer","Consumer"],"mappings":";;;;AAqBA,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAa,CAC5C,CAAA,CAAoC,CACrC;AACK,SAAUC,mBAAmBA,CAACC,EAKT,EAAA;MAJzBC,MAAM,GAAAD,EAAA,CAAAC,MAAA;IACNC,WAAW,GAAAF,EAAA,CAAAE,WAAA;IACXC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IACZC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;;EAGR,IAAMC,KAAK,GAAGC,mBAAmB,CAAC;IAAEL,MAAM,EAAAA,MAAA;IAAEC,WAAW,aAAA;IAAEC,YAAY,EAAAA;EAAA,CAAE,CAAC;;EAGxE,IAAMI,GAAG,gBAAGV,KAAK,CAACW,SAAS,EAAqB;EAC1C,IAAAC,EAAkC,GAAAC,cAAc,CACpD,CAAE,CAAA,EACFL,KAAK,EACLE,GAAG,CACJ;IAJOI,gBAAgB,GAAAF,EAAA,CAAAE,gBAAA;IAAEC,SAAS,eAIlC;;EAGO,IAAAC,WAAW,GAAKC,SAAS,CAACH,gBAAgB,EAAEJ,GAAG,CAAC,CAAAM,WAArC;EAEnB,oBACEhB,KAAC,CAAAkB,aAAA,CAAAnB,kBAAkB,CAACoB,QAAQ,EAAA;IAC1BC,KAAK,EAAE;MACLN,gBAAgB,EAAAA,gBAAA;MAChBE,WAAW,EAAAA,WAAA;MACXD,SAAS,EAAAA,SAAA;MACTM,gBAAgB,EAAEb,KAAK;MACvBc,SAAS,EAAEZ;;EAGZ,CAAA,EAAAH,QAAQ,CACmB;AAElC;AAEa,IAAAgB,qBAAqB,GAAG,SAAAA,CAAA,EAAA;EACnC,OAAAC,UAAU,CAACzB,kBAAkB,CAAC;AAA9B,CAA8B;AAEzB,IAAM0B,mBAAmB,GAAG,SAAAA,CAACtB,EAEkB,EAAA;EADpD,IAAAI,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;EAC8D,oBACtEP,oBAACD,kBAAkB,CAAC2B,QAAQ,EAAE,IAAA,EAAAnB,QAAQ,CAA+B;AADC,CAAA;"}

package/dist/esm/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs

@@ -0,0 +1,66 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState, useCallback, useContext } from 'react';
+import { useListBox } from '@react-aria/listbox';
+import { Item } from '@react-stately/collections';
+import { useListState } from '@react-stately/list';
+import { VisuallyHidden } from '../../../../VisuallyHidden/VisuallyHidden.mjs';
+import { useMenuTriggerContext } from '../MenuTriggerProvider/MenuTriggerProvider.mjs';
+var SelectionContext = /*#__PURE__*/React.createContext({});
+var SelectionProvider = function (props) {
+  var onSearchInputChange = props.onSearchInputChange,
+    otherProps = __rest(props, ["onSearchInputChange"]);
+  var _a = useState(""),
+    searchQuery = _a[0],
+    setSearchQuery = _a[1];
+  var menuProps = useMenuTriggerContext().menuProps;
+  /**
+   * While the onSearchInputChange  is a side-effect, this useEffect should be fine.
+   * If the search input state becomes controlled, this useEffect could cause synchronisation
+   * issues and should be replaced.
+   */
+  React.useEffect(function () {
+    if (onSearchInputChange) {
+      onSearchInputChange(searchQuery);
+    }
+  }, [searchQuery, onSearchInputChange]);
+  var searchFilter = useCallback(function (nodes) {
+    return searchQuery ? Array.from(nodes).filter(function (f) {
+      return f.textValue.toLowerCase().includes(searchQuery.toLowerCase());
+    }) : nodes;
+  }, [searchQuery]);
+  // Create state based on the incoming props to manage the selection
+  var state = useListState(__assign(__assign({}, otherProps), {
+    children: function (item) {
+      return /*#__PURE__*/React.createElement(Item, {
+        key: item.value
+      }, item.label);
+    },
+    filter: onSearchInputChange ? undefined : searchFilter
+  }));
+  // Get A11y attributes and events for the listbox
+  var ref = /*#__PURE__*/React.createRef();
+  var _b = useListBox(__assign(__assign(__assign({}, menuProps), otherProps), {
+      disallowEmptySelection: true
+    }), state, ref),
+    listBoxProps = _b.listBoxProps,
+    labelProps = _b.labelProps;
+  return /*#__PURE__*/React.createElement(SelectionContext.Provider, {
+    value: {
+      listBoxProps: listBoxProps,
+      labelProps: labelProps,
+      selectionState: state,
+      listRef: ref,
+      setSearchQuery: setSearchQuery,
+      searchQuery: searchQuery
+    }
+  }, /*#__PURE__*/React.createElement(VisuallyHidden, __assign({}, labelProps), otherProps.label), otherProps.children);
+};
+var useSelectionContext = function () {
+  return useContext(SelectionContext);
+};
+var SelectionConsumer = function (_a) {
+  var children = _a.children;
+  return /*#__PURE__*/React.createElement(SelectionContext.Consumer, null, children);
+};
+export { SelectionConsumer, SelectionProvider, useSelectionContext };
+//# sourceMappingURL=SelectionProvider.mjs.map

package/dist/esm/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionProvider.mjs","sources":["../../../../../../src/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.tsx"],"sourcesContent":["import React, { HTMLAttributes, useCallback, useContext, useState } from \"react\"\nimport { useListBox } from \"@react-aria/listbox\"\nimport { Item } from \"@react-stately/collections\"\nimport { ListState, useListState } from \"@react-stately/list\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { ItemType, MultiSelectItem } from \"../../types\"\nimport { useMenuTriggerContext } from \"../MenuTriggerProvider\"\n\nexport type SelectionProviderProps = {\n  selectionMode: SelectionMode\n  children: React.ReactNode // control how menu should look like\n  items?: ItemType[]\n  onSelectionChange?: (keys: Selection) => void\n  /** The currently selected keys in the collection (controlled). */\n  selectedKeys?: Selection\n  /** The initial selected keys in the collection (uncontrolled). */\n  defaultSelectedKeys?: Selection\n  label: string\n  disabledKeys?: Selection\n  onSearchInputChange?: (searchInput: string) => void\n}\n\nexport type SelectionProviderContextType = {\n  listBoxProps: HTMLAttributes<HTMLElement>\n  labelProps: HTMLAttributes<HTMLElement>\n  selectionState: ListState<ItemType>\n  listRef: React.RefObject<HTMLUListElement>\n  searchQuery?: string\n  setSearchQuery: React.Dispatch<React.SetStateAction<string>>\n}\n\nconst SelectionContext = React.createContext<SelectionProviderContextType>(\n  {} as SelectionProviderContextType\n)\n\nexport const SelectionProvider = (\n  props: SelectionProviderProps\n): JSX.Element => {\n  const { onSearchInputChange, ...otherProps } = props\n  const [searchQuery, setSearchQuery] = useState<string>(\"\")\n  const { menuProps } = useMenuTriggerContext()\n  /**\n   * While the onSearchInputChange  is a side-effect, this useEffect should be fine.\n   * If the search input state becomes controlled, this useEffect could cause synchronisation\n   * issues and should be replaced.\n   */\n\n  React.useEffect(() => {\n    if (onSearchInputChange) {\n      onSearchInputChange(searchQuery)\n    }\n  }, [searchQuery, onSearchInputChange])\n\n  const searchFilter = useCallback(\n    (nodes: Iterable<MultiSelectItem>): Iterable<MultiSelectItem> =>\n      searchQuery\n        ? Array.from(nodes).filter(f =>\n            f.textValue.toLowerCase().includes(searchQuery.toLowerCase())\n          )\n        : nodes,\n    [searchQuery]\n  )\n\n  // Create state based on the incoming props to manage the selection\n  const state = useListState({\n    ...otherProps,\n    children: item => <Item key={item.value}>{item.label}</Item>, // For initialising selection and determined item.renderer, can be only Item or Section\n    filter: onSearchInputChange ? undefined : searchFilter, // If the user has passed an `onSearchInputChange` we opt them out of the default filtering\n  })\n\n  // Get A11y attributes and events for the listbox\n  const ref = React.createRef<HTMLUListElement>()\n  const { listBoxProps, labelProps } = useListBox(\n    {\n      ...menuProps,\n      ...otherProps,\n      disallowEmptySelection: true, // stop escape key from clearing selection\n    },\n    state,\n    ref\n  )\n\n  return (\n    <SelectionContext.Provider\n      value={{\n        listBoxProps,\n        labelProps,\n        selectionState: state,\n        listRef: ref,\n        setSearchQuery,\n        searchQuery,\n      }}\n    >\n      <VisuallyHidden {...labelProps}>{otherProps.label}</VisuallyHidden>\n      {otherProps.children}\n    </SelectionContext.Provider>\n  )\n}\n\nexport const useSelectionContext = (): SelectionProviderContextType =>\n  useContext(SelectionContext)\n\nexport const SelectionConsumer = ({\n  children,\n}: React.ConsumerProps<SelectionProviderContextType>): JSX.Element => (\n  <SelectionContext.Consumer>{children}</SelectionContext.Consumer>\n)\n"],"names":["SelectionContext","React","createContext","SelectionProvider","props","onSearchInputChange","otherProps","__rest","_a","useState","searchQuery","setSearchQuery","menuProps","useMenuTriggerContext","useEffect","searchFilter","useCallback","nodes","Array","from","filter","f","textValue","toLowerCase","includes","state","useListState","children","item","createElement","Item","key","value","label","undefined","ref","createRef","_b","useListBox","__assign","disallowEmptySelection","listBoxProps","labelProps","Provider","selectionState","listRef","VisuallyHidden","useSelectionContext","useContext","SelectionConsumer","Consumer"],"mappings":"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"}

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.mjs","sources":["../../../../../../src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { Collection, Key } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { useSelectionContext } from \"../../context/SelectionProvider\"\nimport { MultiSelectItem } from \"../../types\"\nimport styles from \"./ListBox.module.scss\"\n\nexport type ListBoxItems = {\n  selectedItems: MultiSelectItem[]\n  unselectedItems: MultiSelectItem[]\n  disabledItems: MultiSelectItem[]\n  allItems: MultiSelectItem[]\n  hasNoItems: boolean\n}\n\nexport type ListBoxProps = {\n  children: (items: ListBoxItems) => React.ReactNode\n}\n\nconst getItemsFromKeys = (\n  items: Collection<MultiSelectItem>,\n  keys: Set<Key>\n): MultiSelectItem[] => {\n  const itemKeys = Array.from(keys)\n  return itemKeys.reduce<MultiSelectItem[]>((acc, itemKey) => {\n    const item = items.getItem(itemKey)\n    return item ? [...acc, item] : acc\n  }, [])\n}\n\nexport const ListBox = ({ children }: ListBoxProps): JSX.Element => {\n  const { listBoxProps, listRef, selectionState } = useSelectionContext()\n  const [isOverflown, setIsOverflown] = useState(false)\n  useEffect(() => {\n    const listElement = listRef.current\n    if (!listElement) {\n      return\n    }\n    setIsOverflown(listElement.scrollHeight > listElement.clientHeight)\n  }, [listRef])\n  const {\n    collection: items,\n    disabledKeys,\n    selectionManager: { selectedKeys },\n  } = selectionState\n\n  const disabledItems = getItemsFromKeys(items, disabledKeys)\n  const selectedItems = getItemsFromKeys(items, selectedKeys)\n\n  const unselectedItems = Array.from(items).filter(\n    item => !disabledKeys.has(item.key) && !selectedKeys.has(item.key)\n  )\n  const allItems = Array.from(items)\n  const hasNoItems = allItems.length === 0\n\n  const [itemsState, setItemsState] = useState<ListBoxItems>({\n    selectedItems,\n    unselectedItems,\n    disabledItems,\n    allItems,\n    hasNoItems,\n  })\n\n  // Only update rendering of items when filtering.\n  // Avoids re-ordering of items when making a selection\n  useEffect(() => {\n    setItemsState({\n      selectedItems,\n      disabledItems,\n      unselectedItems,\n      allItems,\n      hasNoItems,\n    })\n  }, [selectionState.collection.size])\n\n  if (hasNoItems) {\n    return (\n      <>\n        <div className={styles.noResultsWrapper}>{children(itemsState)}</div>\n        {/* This ul with the ref needs to exist otherwise it fatals */}\n        <ul ref={listRef} className={styles.hidden} />\n      </>\n    )\n  }\n\n  return (\n    <ul\n      {...listBoxProps}\n      ref={listRef}\n      className={classnames(styles.listBox, isOverflown && styles.overflown)}\n    >\n      {children(itemsState)}\n    </ul>\n  )\n}\n\nListBox.displayName = \"FilterMultiSelect.ListBox\"\n"],"names":["getItemsFromKeys","items","keys","itemKeys","Array","from","reduce","acc","itemKey","item","getItem","__spreadArray","ListBox","_a","children","_b","useSelectionContext","listBoxProps","listRef","selectionState","_c","useState","isOverflown","setIsOverflown","useEffect","listElement","current","scrollHeight","clientHeight","collection","disabledKeys","selectedKeys","disabledItems","selectedItems","unselectedItems","filter","has","key","allItems","hasNoItems","length","_d","itemsState","setItemsState","size","React","createElement","Fragment","className","styles","noResultsWrapper","ref","hidden","__assign","classnames","listBox","overflown","displayName"],"mappings":"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"}

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "listBox": "ListBox-module_listBox__q95MO",
+  "overflown": "ListBox-module_overflown__wChQA",
+  "hidden": "ListBox-module_hidden__eYdXv",
+  "noResultsWrapper": "ListBox-module_noResultsWrapper__WcLRm"
+};
+export { styles as default };
+//# sourceMappingURL=ListBox.module.scss.mjs.map

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -0,0 +1,32 @@
+import { __rest } from 'tslib';
+import React, { useId } from 'react';
+import { VisuallyHidden } from '../../../../VisuallyHidden/VisuallyHidden.mjs';
+import styles from './ListBoxSection.module.scss.mjs';
+const ListBoxSection = /*#__PURE__*/function () {
+  const ListBoxSection = function (_a) {
+    var items = _a.items,
+      children = _a.children,
+      sectionName = _a.sectionName,
+      restProps = __rest(_a, ["items", "children", "sectionName"]);
+    var listSectionId = useId();
+    var hasSectionHeader = ("sectionHeader" in restProps);
+    return /*#__PURE__*/React.createElement("li", {
+      role: "presentation"
+    }, /*#__PURE__*/React.createElement("ul", {
+      className: styles.listBoxSection,
+      "aria-label": !hasSectionHeader ? sectionName : undefined,
+      "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
+      role: "group"
+    }, hasSectionHeader && /*#__PURE__*/React.createElement("li", {
+      className: styles.listBoxSectionHeader,
+      id: listSectionId,
+      role: "presentation"
+    }, sectionName && /*#__PURE__*/React.createElement(VisuallyHidden, null, sectionName, ". "), restProps.sectionHeader), Array.from(items).map(function (node) {
+      return node != undefined && children(node);
+    })));
+  };
+  ListBoxSection.displayName = "ListBoxSection";
+  return ListBoxSection;
+}();
+export { ListBoxSection };
+//# sourceMappingURL=ListBoxSection.mjs.map

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.mjs","sources":["../../../../../../src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.tsx"],"sourcesContent":["import React, { ReactNode, useId } from \"react\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { MultiSelectItem } from \"../../types\"\nimport styles from \"./ListBoxSection.module.scss\"\n\ntype SectionNameProps = {\n  /**\n   * Becomes an aria-label on the section, informing\n   * unsighted users\n   */\n  sectionName: string\n}\n\ntype SectionHeaderProps = {\n  /**\n   * Becomes an aria-label on the section, informing\n   * unsighted users\n   */\n  sectionName?: string\n  /**\n   * Can be used for a visual title of the ListBoxSection or to provide addition information in a React node.\n   * If this is the same title as sectionName, you should only pass in a sectionHeader to avoid duplicate descriptions.\n   */\n  sectionHeader: ReactNode\n}\n\nexport type ListBoxSectionProps = {\n  items: MultiSelectItem[]\n  children: (item: MultiSelectItem) => React.ReactNode\n} & (SectionHeaderProps | SectionNameProps)\n\nexport const ListBoxSection = ({\n  items,\n  children,\n  sectionName,\n  ...restProps\n}: ListBoxSectionProps): JSX.Element => {\n  const listSectionId = useId()\n  const hasSectionHeader = \"sectionHeader\" in restProps\n  return (\n    <li role=\"presentation\">\n      <ul\n        className={styles.listBoxSection}\n        aria-label={!hasSectionHeader ? sectionName : undefined}\n        aria-labelledby={hasSectionHeader ? listSectionId : undefined}\n        role=\"group\"\n      >\n        {hasSectionHeader && (\n          <li\n            className={styles.listBoxSectionHeader}\n            id={listSectionId}\n            role=\"presentation\"\n          >\n            {sectionName && <VisuallyHidden>{sectionName}. </VisuallyHidden>}\n            {restProps.sectionHeader}\n          </li>\n        )}\n        {/*\n         * This seems semantically strange but most closely aligns to WCAGs suggested pattern:\n         https://www.w3.org/WAI/ARIA/apg/patterns/listbox/examples/listbox-grouped/\n         * the role=\"presentation\" will throw an error a11y warning \"Element has children which are not allowed\".\n         This is expected and is an accepted issue / potential limitation with axe\n         */}\n        {Array.from(items).map(node => node != undefined && children(node))}\n      </ul>\n    </li>\n  )\n}\nListBoxSection.displayName = \"ListBoxSection\"\n"],"names":["ListBoxSection","_a","items","children","sectionName","restProps","__rest","listSectionId","useId","hasSectionHeader","React","createElement","role","className","styles","listBoxSection","undefined","listBoxSectionHeader","id","VisuallyHidden","sectionHeader","Array","from","map","node","displayName"],"mappings":";;;;MA+BaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJpB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACRC,SAAS,GAJiBC,MAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAK9B,CADa;IAEZ,IAAMM,aAAa,GAAGC,KAAK,EAAE;IAC7B,IAAMC,gBAAgB,IAAG,eAAe,IAAIJ,SAAS;IACrD,oBACEK,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAIC,IAAI,EAAC;IAAc,CAAA,eACrBF,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;MACEE,SAAS,EAAEC,MAAM,CAACC,cAAc;MAAA,YAAA,EACpB,CAACN,gBAAgB,GAAGL,WAAW,GAAGY,SAAS;MACtC,iBAAA,EAAAP,gBAAgB,GAAGF,aAAa,GAAGS,SAAS;MAC7DJ,IAAI,EAAC;IAAO,CAAA,EAEXH,gBAAgB,iBACfC,KACE,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAE,SAAS,EAAEC,MAAM,CAACG,oBAAoB;MACtCC,EAAE,EAAEX,aAAa;MACjBK,IAAI,EAAC;IAAc,CAAA,EAElBR,WAAW,iBAAIM,oBAACS,cAAc,EAAA,IAAA,EAAEf,WAAW,EAAoB,IAAA,CAAA,EAC/DC,SAAS,CAACe,aAAa,CAE3B,EAOAC,KAAK,CAACC,IAAI,CAACpB,KAAK,CAAC,CAACqB,GAAG,CAAC,UAAAC,IAAI,EAAA;MAAI,OAAAA,IAAI,IAAIR,SAAS,IAAIb,QAAQ,CAACqB,IAAI,CAAC;IAAA,CAAA,CAAC,CAChE,CACF;EAET,CAAC;EACDxB,cAAc,CAACyB,WAAW,GAAG,gBAAgB;EAAA,OArChCzB,cAAc;AAAA;"}

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "listBoxSection": "ListBoxSection-module_listBoxSection__AMlz-",
+  "listBoxSectionHeader": "ListBoxSection-module_listBoxSectionHeader__N-2Fi"
+};
+export { styles as default };
+//# sourceMappingURL=ListBoxSection.module.scss.mjs.map

package/dist/esm/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs

@@ -0,0 +1,18 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { Button } from '../../../../Button/Button/Button.mjs';
+import '../../../../Button/IconButton/IconButton.mjs';
+import styles from './LoadMoreButton.module.scss.mjs';
+const LoadMoreButton = /*#__PURE__*/function () {
+  const LoadMoreButton = function (props) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.container
+    }, /*#__PURE__*/React.createElement(Button, __assign({}, props, {
+      fullWidth: true
+    })));
+  };
+  LoadMoreButton.displayName = "FilterMultiSelect.LoadMoreButton";
+  return LoadMoreButton;
+}();
+export { LoadMoreButton };
+//# sourceMappingURL=LoadMoreButton.mjs.map

package/dist/esm/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreButton.mjs","sources":["../../../../../../src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport styles from \"./LoadMoreButton.module.scss\"\n\nexport type LoadMoreButtonProps = ButtonProps\n\nexport const LoadMoreButton = (props: LoadMoreButtonProps): JSX.Element => (\n  <div className={styles.container}>\n    <Button {...props} fullWidth />\n  </div>\n)\n\nLoadMoreButton.displayName = \"FilterMultiSelect.LoadMoreButton\"\n"],"names":["LoadMoreButton","props","React","createElement","className","styles","container","Button","__assign","fullWidth","displayName"],"mappings":";;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,KAA0B,EAAA;IAAkB,oBACzEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAS,CAAA,eAC9BJ,KAAC,CAAAC,aAAA,CAAAI,MAAM,EAAKC,QAAA,CAAA,CAAA,CAAA,EAAAP,KAAK,EAAE;MAAAQ,SAAS;OAAG,CAC3B;EACP,CAAA;EAEDT,cAAc,CAACU,WAAW,GAAG,kCAAkC;EAAA,OANlDV,cAAc;AAAA;"}

package/dist/esm/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "container": "LoadMoreButton-module_container__sXwB6"
+};
+export { styles as default };
+//# sourceMappingURL=LoadMoreButton.module.scss.mjs.map

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuFooter.mjs","sources":["../../../../../../../src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.tsx"],"sourcesContent":["import React from \"react\"\nimport styles from \"./MenuFooter.module.scss\"\n\nexport type MenuFooterProps = {\n  children: React.ReactNode\n}\n\nexport const MenuFooter = ({ children }: MenuFooterProps): JSX.Element => (\n  <div className={styles.footer}>{children}</div>\n)\n\nMenuFooter.displayName = \"FilterMultiSelect.MenuFooter\"\n"],"names":["MenuFooter","_a","children","React","createElement","className","styles","footer","displayName"],"mappings":";;MAOaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAA6B,EAAA;IAA3B,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;IAAqC,oBACxEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;KAAM,EAAGL,QAAQ,CAAO;EADyB,CAEzE;EAEDF,UAAU,CAACQ,WAAW,GAAG,8BAA8B;EAAA,OAJ1CR,UAAU;AAAA;"}

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "footer": "MenuFooter-module_footer__57a6Y"
+};
+export { styles as default };
+//# sourceMappingURL=MenuFooter.module.scss.mjs.map

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs

@@ -0,0 +1,42 @@
+import React from 'react';
+import '../../../../../Loading/LoadingGraphic/LoadingGraphic.mjs';
+import '../../../../../Loading/LoadingHeading/LoadingHeading.mjs';
+import { LoadingInput } from '../../../../../Loading/LoadingInput/LoadingInput.mjs';
+import { LoadingParagraph } from '../../../../../Loading/LoadingParagraph/LoadingParagraph.mjs';
+import '../../../../../Loading/LoadingSpinner/LoadingSpinner.mjs';
+import { MenuFooter } from '../MenuFooter/MenuFooter.mjs';
+import styles from './MenuLoadingSkeleton.module.scss.mjs';
+const MenuLoadingSkeleton = /*#__PURE__*/function () {
+  const MenuLoadingSkeleton = function (_a) {
+    var _b = _a.isAnimated,
+      isAnimated = _b === void 0 ? false : _b;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: styles.loadingContainer
+    }, /*#__PURE__*/React.createElement(LoadingInput, {
+      classNameOverride: styles.loadingInput,
+      isAnimated: isAnimated
+    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
+      isAnimated: isAnimated
+    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
+      isAnimated: isAnimated
+    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
+      isAnimated: isAnimated
+    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
+      isAnimated: isAnimated
+    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
+      isAnimated: isAnimated
+    })), /*#__PURE__*/React.createElement(MenuFooter, null, /*#__PURE__*/React.createElement(LoadingInput, {
+      width: 40,
+      height: 36,
+      isAnimated: isAnimated
+    }), /*#__PURE__*/React.createElement(LoadingInput, {
+      width: 30,
+      height: 36,
+      isAnimated: isAnimated
+    })));
+  };
+  MenuLoadingSkeleton.displayName = "FilterMultiSelect.MenuLoadingSkeleton";
+  return MenuLoadingSkeleton;
+}();
+export { MenuLoadingSkeleton };
+//# sourceMappingURL=MenuLoadingSkeleton.mjs.map

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLoadingSkeleton.mjs","sources":["../../../../../../../src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.tsx"],"sourcesContent":["import React from \"react\"\nimport { LoadingInput, LoadingParagraph } from \"~components/Loading\"\nimport { MenuFooter } from \"../MenuFooter\"\nimport styles from \"./MenuLoadingSkeleton.module.scss\"\n\nexport type MenuLoadingSkeletonProps = {\n  isAnimated?: boolean\n}\n\nexport const MenuLoadingSkeleton = ({\n  isAnimated = false,\n}: MenuLoadingSkeletonProps): JSX.Element => (\n  <>\n    <div className={styles.loadingContainer}>\n      <LoadingInput\n        classNameOverride={styles.loadingInput}\n        isAnimated={isAnimated}\n      />\n      <LoadingParagraph isAnimated={isAnimated} />\n      <LoadingParagraph isAnimated={isAnimated} />\n      <LoadingParagraph isAnimated={isAnimated} />\n      <LoadingParagraph isAnimated={isAnimated} />\n      <LoadingParagraph isAnimated={isAnimated} />\n    </div>\n    <MenuFooter>\n      <LoadingInput width={40} height={36} isAnimated={isAnimated} />\n      <LoadingInput width={30} height={36} isAnimated={isAnimated} />\n    </MenuFooter>\n  </>\n)\n\nMenuLoadingSkeleton.displayName = \"FilterMultiSelect.MenuLoadingSkeleton\"\n"],"names":["MenuLoadingSkeleton","_a","_b","isAnimated","React","createElement","Fragment","className","styles","loadingContainer","LoadingInput","classNameOverride","loadingInput","LoadingParagraph","MenuFooter","width","height","displayName"],"mappings":";;;;;;;;MASaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAET,EAAA;IADzB,IAAAC,EAAA,GAAAD,EAAA,CAAAE,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IACyB,oBAC3CE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEC,MAAM,CAACC;IAAgB,CAAA,eACrCL,KAAC,CAAAC,aAAA,CAAAK,YAAY,EACX;MAAAC,iBAAiB,EAAEH,MAAM,CAACI,YAAY;MACtCT,UAAU,EAAEA;KACZ,CAAA,eACFC,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA;MAACV,UAAU,EAAEA;IAAU,CAAI,CAAA,eAC5CC,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA;MAACV,UAAU,EAAEA;IAAU,CAAI,CAAA,eAC5CC,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA;MAACV,UAAU,EAAEA;IAAU,CAAI,CAAA,eAC5CC,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA;MAACV,UAAU,EAAEA;IAAU,CAAI,CAAA,eAC5CC,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAC;MAAAV,UAAU,EAAEA;MAAc,CACxC,eACNC,KAAA,CAAAC,aAAA,CAACS,UAAU,EAAA,IAAA,eACTV,KAAA,CAAAC,aAAA,CAACK,YAAY,EAAA;MAACK,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEb,UAAU,EAAEA;KAAc,CAAA,eAC/DC,KAAA,CAAAC,aAAA,CAACK,YAAY,EAAC;MAAAK,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEb,UAAU,EAAEA;IAAc,CAAA,CAAA,CACpD,CACZ;EAjBwC,CAkB5C;EAEDH,mBAAmB,CAACiB,WAAW,GAAG,uCAAuC;EAAA,OAtB5DjB,mBAAmB;AAAA;"}

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "loadingInput": "MenuLoadingSkeleton-module_loadingInput__-6KsQ",
+  "loadingContainer": "MenuLoadingSkeleton-module_loadingContainer__QFFBR"
+};
+export { styles as default };
+//# sourceMappingURL=MenuLoadingSkeleton.module.scss.mjs.map

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopup.mjs","sources":["../../../../../../src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.tsx"],"sourcesContent":["import React from \"react\"\nimport { FocusScope } from \"@react-aria/focus\"\nimport { useOverlay, DismissButton } from \"@react-aria/overlays\"\nimport { useMenuTriggerContext } from \"../../context\"\nimport styles from \"./MenuPopup.module.scss\"\n\nexport type MenuPopupProps = {\n  isLoading?: boolean\n  loadingSkeleton?: React.ReactNode\n  children: React.ReactNode\n}\n\nexport const MenuPopup = ({\n  isLoading,\n  loadingSkeleton,\n  children,\n}: MenuPopupProps): JSX.Element => {\n  const { menuTriggerState } = useMenuTriggerContext()\n\n  const onClose = (): void => menuTriggerState.close()\n\n  // Handle events that should cause the menu to close,\n  // e.g. blur, clicking outside, or pressing the escape key.\n  const overlayRef = React.createRef<HTMLDivElement>()\n  const { overlayProps } = useOverlay(\n    {\n      onClose,\n      isOpen: menuTriggerState.isOpen,\n      isDismissable: true,\n    },\n    overlayRef\n  )\n\n  // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed\n  // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)\n  // In addition, add hidden <DismissButton> components at the start and end of the list\n  // to allow screen reader users to dismiss the popup easily.\n  return menuTriggerState.isOpen ? (\n    <div {...overlayProps} ref={overlayRef} className={styles.menuPopup}>\n      {isLoading && loadingSkeleton ? (\n        <>\n          <DismissButton onDismiss={onClose} />\n          {loadingSkeleton}\n          <DismissButton onDismiss={onClose} />\n        </>\n      ) : (\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        <FocusScope contain autoFocus restoreFocus>\n          <DismissButton onDismiss={onClose} />\n\n          {children}\n          <DismissButton onDismiss={onClose} />\n        </FocusScope>\n      )}\n    </div>\n  ) : (\n    <></>\n  )\n}\n\nMenuPopup.displayName = \"FilterMultiSelect.MenuPopup\"\n"],"names":["MenuPopup","_a","isLoading","loadingSkeleton","children","menuTriggerState","useMenuTriggerContext","onClose","close","overlayRef","React","createRef","overlayProps","useOverlay","isOpen","isDismissable","createElement","__assign","ref","className","styles","menuPopup","Fragment","DismissButton","onDismiss","FocusScope","contain","autoFocus","restoreFocus","displayName"],"mappings":";;;;;;;MAYaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHf,IAAAC,SAAS,eAAA;MACTC,eAAe,GAAAF,EAAA,CAAAE,eAAA;MACfC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IAEA,IAAAC,gBAAgB,GAAKC,qBAAqB,CAAE,CAAA,iBAA5B;IAExB,IAAMC,OAAO,GAAG,SAAAA,CAAA,EAAA;MAAY,OAAAF,gBAAgB,CAACG,KAAK,CAAA,CAAE;IAAxB,CAAwB;;;IAIpD,IAAMC,UAAU,gBAAGC,KAAK,CAACC,SAAS,EAAkB;IAC5C,IAAAC,YAAY,GAAKC,UAAU,CACjC;MACEN,OAAO,EAAAA,OAAA;MACPO,MAAM,EAAET,gBAAgB,CAACS,MAAM;MAC/BC,aAAa,EAAE;KAChB,EACDN,UAAU,CACX,CAAAG,YAPmB;;;;;IAapB,OAAOP,gBAAgB,CAACS,MAAM,gBAC5BJ,KAAS,CAAAM,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAAL,YAAY,EAAE;MAAAM,GAAG,EAAET,UAAU;MAAEU,SAAS,EAAEC,MAAM,CAACC;IAAS,CAAA,CAAA,EAChEnB,SAAS,IAAIC,eAAe,gBAC3BO,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAY,QAAA,EAAA,IAAA,eACEZ,KAAA,CAAAM,aAAA,CAACO,aAAa,EAAA;MAACC,SAAS,EAAEjB;IAAO,CAAI,CAAA,EACpCJ,eAAe,eAChBO,KAAC,CAAAM,aAAA,CAAAO,aAAa,EAAC;MAAAC,SAAS,EAAEjB;MAAW,CACpC;IAAA;;IAGHG,KAAA,CAAAM,aAAA,CAACS,UAAU,EAAC;MAAAC,OAAO,EAAC,IAAA;MAAAC,SAAS;MAACC,YAAY,EAAA;IAAA,CAAA,eACxClB,KAAA,CAAAM,aAAA,CAACO,aAAa,EAAA;MAACC,SAAS,EAAEjB;IAAO,CAAI,CAAA,EAEpCH,QAAQ,eACTM,KAAA,CAAAM,aAAA,CAACO,aAAa,EAAC;MAAAC,SAAS,EAAEjB;IAAO,EAAI,CAExC,CACG,gBAENG,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAY,QAAA,EAAA,IAAA,CACD;EACH,CAAC;EAEDtB,SAAS,CAAC6B,WAAW,GAAG,6BAA6B;EAAA,OAhDxC7B,SAAS;AAAA;"}

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "menuPopup": "MenuPopup-module_menuPopup__UVgnP"
+};
+export { styles as default };
+//# sourceMappingURL=MenuPopup.module.scss.mjs.map