@kaizen/components 1.26.0 → 1.28.0

package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeValidationMessage.mjs","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":["DateRangeValidationMessage","_a","validationMessage","dateStartId","dateEndId","isReversed","dateStart","dateEnd","status","React","createElement","FieldMessage","message","className","styles","fieldMessageList","id","reversed","Fragment","displayName"],"mappings":";;;MAYaA,0BAA0B;EAAA,MAA1BA,0BAA0B,GAAG,SAAAA,CAACC,EAKT,EAAA;QAJhCC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,WAAW,GAAAF,EAAA,CAAAE,WAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;IAEV,IAAI,CAACH,iBAAiB,EAAE,OAAO,IAAI;IAEnC,IAAMI,SAAS,GAAGJ,iBAAiB,CAACI,SAAS;IAC7C,IAAMC,OAAO,GAAGL,iBAAiB,CAACK,OAAO;IAEzC,IAAID,SAAS,IAAIC,OAAO,EAAE;MACxB,IAAID,SAAS,CAACE,MAAM,KAAKD,OAAO,CAACC,MAAM,EAAE;QACvC,oBACEC,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;UAAAC,OAAO,eACLH,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAIG,SAAS,EAAEC,MAAM,CAACC;UAAgB,CAAA,eACpCN,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAIM,EAAE,EAAEb;aAAcG,SAAS,CAACM,OAAO,CAAM,eAC7CH,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAAM,EAAE,EAAEZ;UAAS,CAAG,EAAAG,OAAO,CAACK,OAAO,CAAM,CACtC;UAEPJ,MAAM,EAAEF,SAAS,CAACE,MAAM,IAAID,OAAO,CAACC,MAAM;UAC1CS,QAAQ,EAAEZ;QAAU,CACpB,CAAA;MAEL;MAED,oBACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAC,CAAAC,aAAA,CAAAC,YAAY;QACXK,EAAE,EAAEb,WAAW;QACfS,OAAO,EAAEN,SAAS,CAACM,OAAO;QAC1BJ,MAAM,EAAEF,SAAS,CAACE,MAAM;QACxBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA,eACFI,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEZ,SAAS;QACbQ,OAAO,EAAEL,OAAO,CAACK,OAAO;QACxBJ,MAAM,EAAED,OAAO,CAACC,MAAM;QACtBS,QAAQ,EAAEZ;MAAU,CAAA,CACpB,CACD;IAEN;IAED,IAAIC,SAAS,EAAE;MACb,oBACEG,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEb,WAAW;QACfS,OAAO,EAAEN,SAAS,CAACM,OAAO;QAC1BJ,MAAM,EAAEF,SAAS,CAACE,MAAM;QACxBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA;IAEL;IAED,IAAIE,OAAO,EAAE;MACX,oBACEE,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEZ,SAAS;QACbQ,OAAO,EAAEL,OAAO,CAACK,OAAO;QACxBJ,MAAM,EAAED,OAAO,CAACC,MAAM;QACtBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA;IAEL;IAED,OAAO,IAAI;EACb,CAAC;EAEDL,0BAA0B,CAACmB,WAAW,GAAG,4BAA4B;EAAA,OAtExDnB,0BAA0B;AAAA;"}
+{"version":3,"file":"DateRangeValidationMessage.mjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.tsx"],"sourcesContent":["import React from \"react\"\nimport { FieldMessage } from \"~components/FieldMessage\"\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":["DateRangeValidationMessage","_a","validationMessage","dateStartId","dateEndId","isReversed","dateStart","dateEnd","status","React","createElement","FieldMessage","message","className","styles","fieldMessageList","id","reversed","Fragment","displayName"],"mappings":";;;MAYaA,0BAA0B;EAAA,MAA1BA,0BAA0B,GAAG,SAAAA,CAACC,EAKT,EAAA;QAJhCC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,WAAW,GAAAF,EAAA,CAAAE,WAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;IAEV,IAAI,CAACH,iBAAiB,EAAE,OAAO,IAAI;IAEnC,IAAMI,SAAS,GAAGJ,iBAAiB,CAACI,SAAS;IAC7C,IAAMC,OAAO,GAAGL,iBAAiB,CAACK,OAAO;IAEzC,IAAID,SAAS,IAAIC,OAAO,EAAE;MACxB,IAAID,SAAS,CAACE,MAAM,KAAKD,OAAO,CAACC,MAAM,EAAE;QACvC,oBACEC,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;UAAAC,OAAO,eACLH,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAIG,SAAS,EAAEC,MAAM,CAACC;UAAgB,CAAA,eACpCN,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAIM,EAAE,EAAEb;aAAcG,SAAS,CAACM,OAAO,CAAM,eAC7CH,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAAM,EAAE,EAAEZ;UAAS,CAAG,EAAAG,OAAO,CAACK,OAAO,CAAM,CACtC;UAEPJ,MAAM,EAAEF,SAAS,CAACE,MAAM,IAAID,OAAO,CAACC,MAAM;UAC1CS,QAAQ,EAAEZ;QAAU,CACpB,CAAA;MAEL;MAED,oBACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAC,CAAAC,aAAA,CAAAC,YAAY;QACXK,EAAE,EAAEb,WAAW;QACfS,OAAO,EAAEN,SAAS,CAACM,OAAO;QAC1BJ,MAAM,EAAEF,SAAS,CAACE,MAAM;QACxBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA,eACFI,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEZ,SAAS;QACbQ,OAAO,EAAEL,OAAO,CAACK,OAAO;QACxBJ,MAAM,EAAED,OAAO,CAACC,MAAM;QACtBS,QAAQ,EAAEZ;MAAU,CAAA,CACpB,CACD;IAEN;IAED,IAAIC,SAAS,EAAE;MACb,oBACEG,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEb,WAAW;QACfS,OAAO,EAAEN,SAAS,CAACM,OAAO;QAC1BJ,MAAM,EAAEF,SAAS,CAACE,MAAM;QACxBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA;IAEL;IAED,IAAIE,OAAO,EAAE;MACX,oBACEE,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEZ,SAAS;QACbQ,OAAO,EAAEL,OAAO,CAACK,OAAO;QACxBJ,MAAM,EAAED,OAAO,CAACC,MAAM;QACtBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA;IAEL;IAED,OAAO,IAAI;EACb,CAAC;EAEDL,0BAA0B,CAACmB,WAAW,GAAG,4BAA4B;EAAA,OAtExDnB,0BAA0B;AAAA;"}

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

@@ -2,11 +2,14 @@ import { __rest, __assign } from 'tslib';
 import React, { useReducer, useEffect } from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
-import { CalendarRange } from '@kaizen/date-picker/src/_subcomponents/Calendar';
-import { formatDateAsText } from '@kaizen/date-picker/src/utils/formatDateAsText';
-import { getLocale } from '@kaizen/date-picker/src/utils/getLocale';
-import { isInvalidDate } from '@kaizen/date-picker/src/utils/isInvalidDate';
-import { parseDateFromTextFormatValue } from '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
+import '../../../Calendar/CalendarSingle/CalendarSingle.mjs';
+import { CalendarRange } from '../../../Calendar/CalendarRange/CalendarRange.mjs';
+import 'date-fns';
+import { isInvalidDate } from '../../../Calendar/utils/isInvalidDate.mjs';
+import { formatDateAsText } from '../../../Calendar/utils/formatDateAsText.mjs';
+import 'react-day-picker';
+import { parseDateFromTextFormatValue } from '../../../Calendar/utils/parseDateFromTextFormatValue.mjs';
+import { getLocale } from '../../../DatePicker/utils/getLocale.mjs';
 import { useDateInputHandlers } from '../../../FilterDatePicker/hooks/useDateInputHandlers.mjs';
 import { DateRangeInputField } from '../DateRangeInputField/DateRangeInputField.mjs';
 import { filterDatePickerFieldReducer } from './filterDateRangePickerFieldReducer.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"FilterDateRangePickerField.mjs","sources":["../../../../../src/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} from \"@kaizen/date-picker/src/_subcomponents/Calendar\"\nimport { formatDateAsText } from \"@kaizen/date-picker/src/utils/formatDateAsText\"\nimport { getLocale } from \"@kaizen/date-picker/src/utils/getLocale\"\nimport { isInvalidDate } from \"@kaizen/date-picker/src/utils/isInvalidDate\"\nimport { parseDateFromTextFormatValue } from \"@kaizen/date-picker/src/utils/parseDateFromTextFormatValue\"\nimport { DateValidationResponse } from \"~components/FilterDatePicker\"\nimport { useDateInputHandlers } from \"~components/FilterDatePicker/hooks/useDateInputHandlers\"\nimport { DataAttributes } from \"~types/DataAttributes\"\nimport {\n  DateRange,\n  DisabledDays,\n  FilterDateSupportedLocales,\n} from \"~types/DatePicker\"\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: FilterDateSupportedLocales\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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"}
+{"version":3,"file":"FilterDateRangePickerField.mjs","sources":["../../../../../src/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/FilterDatePicker\"\nimport { useDateInputHandlers } from \"~components/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/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs

@@ -1,5 +1,9 @@
 import { __assign } from 'tslib';
-import { isInvalidDate } from '@kaizen/date-picker';
+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":

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

@@ -1 +1 @@
-{"version":3,"file":"filterDateRangePickerFieldReducer.mjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.tsx"],"sourcesContent":["import { isInvalidDate } from \"@kaizen/date-picker\"\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;"}
+{"version":3,"file":"filterDateRangePickerFieldReducer.mjs","sources":["../../../../../src/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/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.mjs

@@ -2,17 +2,14 @@ import '../../../../FilterDatePicker/FilterDatePicker.mjs';
 import 'tslib';
 import 'react';
 import 'classnames';
-import 'uuid';
-import '@kaizen/date-picker';
+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 '@kaizen/date-picker/src/utils/formatDateAsNumeral';
-import '@kaizen/date-picker/src/utils/isDisabledDate';
-import '@kaizen/date-picker/src/utils/isSelectingDayInCalendar';
-import '@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue';
-import '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
 import '../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
 import '../../../../LabelledMessage/LabelledMessage.mjs';
-import '@kaizen/date-picker/src/utils/validateDate';
 import { validateEndDateBeforeStartDate } from '../utils/validateEndDateBeforeStartDate.mjs';
 var useEndDateValidation = function (args) {
   var _a = useDateValidation(args),

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

@@ -1 +1 @@
-{"version":3,"file":"useEndDateValidation.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/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;"}
+{"version":3,"file":"useEndDateValidation.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/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/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.mjs

@@ -2,17 +2,14 @@ import '../../../../FilterDatePicker/FilterDatePicker.mjs';
 import 'tslib';
 import 'react';
 import 'classnames';
-import 'uuid';
-import '@kaizen/date-picker';
+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 '@kaizen/date-picker/src/utils/formatDateAsNumeral';
-import '@kaizen/date-picker/src/utils/isDisabledDate';
-import '@kaizen/date-picker/src/utils/isSelectingDayInCalendar';
-import '@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue';
-import '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
 import '../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
 import '../../../../LabelledMessage/LabelledMessage.mjs';
-import '@kaizen/date-picker/src/utils/validateDate';
 var useStartDateValidation = function (args) {
   var _a = useDateValidation(args),
     validationMessage = _a.validationMessage,

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

@@ -1 +1 @@
-{"version":3,"file":"useStartDateValidation.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/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;"}
+{"version":3,"file":"useStartDateValidation.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/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/FilterDateRangePicker/utils/isCompleteDateRange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isCompleteDateRange.mjs","sources":["../../../../src/FilterDateRangePicker/utils/isCompleteDateRange.ts"],"sourcesContent":["import { DateRange } from \"~types/DatePicker\"\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;"}
+{"version":3,"file":"isCompleteDateRange.mjs","sources":["../../../../src/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/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs

@@ -3,7 +3,7 @@ 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 '@kaizen/a11y';
+import { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden.mjs';
 import { useMenuTriggerContext } from '../MenuTriggerProvider/MenuTriggerProvider.mjs';
 var SelectionContext = /*#__PURE__*/React.createContext({});
 var SelectionProvider = function (props) {

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionProvider.mjs","sources":["../../../../../src/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 \"@kaizen/a11y\"\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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"}
+{"version":3,"file":"SelectionProvider.mjs","sources":["../../../../../src/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/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -1,7 +1,7 @@
 import { __rest } from 'tslib';
 import React, { useState } from 'react';
 import { v4 } from 'uuid';
-import { VisuallyHidden } from '@kaizen/a11y';
+import { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './ListBoxSection.module.scss.mjs';
 const ListBoxSection = /*#__PURE__*/function () {
   const ListBoxSection = function (_a) {

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

@@ -1 +1 @@
-{"version":3,"file":"ListBoxSection.mjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\"\nimport { v4 } from \"uuid\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\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] = useState<string>(v4())\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","useState","v4","hasSectionHeader","React","createElement","role","className","styles","listBoxSection","undefined","listBoxSectionHeader","id","VisuallyHidden","sectionHeader","Array","from","map","node","displayName"],"mappings":";;;;;MAgCaA,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;IAEL,IAAAM,aAAa,GAAIC,QAAQ,CAASC,EAAE,CAAA,CAAE,CAAC,GAA1B;IACpB,IAAMC,gBAAgB,IAAG,eAAe,IAAIL,SAAS;IACrD,oBACEM,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,GAAGN,WAAW,GAAGa,SAAS;MACtC,iBAAA,EAAAP,gBAAgB,GAAGH,aAAa,GAAGU,SAAS;MAC7DJ,IAAI,EAAC;IAAO,CAAA,EAEXH,gBAAgB,iBACfC,KACE,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAE,SAAS,EAAEC,MAAM,CAACG,oBAAoB;MACtCC,EAAE,EAAEZ,aAAa;MACjBM,IAAI,EAAC;IAAc,CAAA,EAElBT,WAAW,iBAAIO,oBAACS,cAAc,EAAA,IAAA,EAAEhB,WAAW,EAAoB,IAAA,CAAA,EAC/DC,SAAS,CAACgB,aAAa,CAE3B,EAOAC,KAAK,CAACC,IAAI,CAACrB,KAAK,CAAC,CAACsB,GAAG,CAAC,UAAAC,IAAI,EAAA;MAAI,OAAAA,IAAI,IAAIR,SAAS,IAAId,QAAQ,CAACsB,IAAI,CAAC;IAAA,CAAA,CAAC,CAChE,CACF;EAET,CAAC;EACDzB,cAAc,CAAC0B,WAAW,GAAG,gBAAgB;EAAA,OArChC1B,cAAc;AAAA;"}
+{"version":3,"file":"ListBoxSection.mjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\"\nimport { v4 } from \"uuid\"\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] = useState<string>(v4())\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","useState","v4","hasSectionHeader","React","createElement","role","className","styles","listBoxSection","undefined","listBoxSectionHeader","id","VisuallyHidden","sectionHeader","Array","from","map","node","displayName"],"mappings":";;;;;MAgCaA,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;IAEL,IAAAM,aAAa,GAAIC,QAAQ,CAASC,EAAE,CAAA,CAAE,CAAC,GAA1B;IACpB,IAAMC,gBAAgB,IAAG,eAAe,IAAIL,SAAS;IACrD,oBACEM,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,GAAGN,WAAW,GAAGa,SAAS;MACtC,iBAAA,EAAAP,gBAAgB,GAAGH,aAAa,GAAGU,SAAS;MAC7DJ,IAAI,EAAC;IAAO,CAAA,EAEXH,gBAAgB,iBACfC,KACE,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAE,SAAS,EAAEC,MAAM,CAACG,oBAAoB;MACtCC,EAAE,EAAEZ,aAAa;MACjBM,IAAI,EAAC;IAAc,CAAA,EAElBT,WAAW,iBAAIO,oBAACS,cAAc,EAAA,IAAA,EAAEhB,WAAW,EAAoB,IAAA,CAAA,EAC/DC,SAAS,CAACgB,aAAa,CAE3B,EAOAC,KAAK,CAACC,IAAI,CAACrB,KAAK,CAAC,CAACsB,GAAG,CAAC,UAAAC,IAAI,EAAA;MAAI,OAAAA,IAAI,IAAIR,SAAS,IAAId,QAAQ,CAACsB,IAAI,CAAC;IAAA,CAAA,CAAC,CAChE,CACF;EAET,CAAC;EACDzB,cAAc,CAAC0B,WAAW,GAAG,gBAAgB;EAAA,OArChC1B,cAAc;AAAA;"}

package/dist/esm/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs

@@ -5,10 +5,10 @@ import { useOption } from '@react-aria/listbox';
 import { mergeProps } from '@react-aria/utils';
 import classnames from 'classnames';
 import { v4 } from 'uuid';
-import { VisuallyHidden } from '@kaizen/a11y';
 import { Badge } from '@kaizen/draft-badge';
 import '../../../Icon/subcomponents/SVG/SVG.mjs';
 import { CheckIcon } from '../../../Icon/CheckIcon.mjs';
+import { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden.mjs';
 import '../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';
 import styles from './MultiSelectOption.module.scss.mjs';

package/dist/esm/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectOption.mjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { useFocusRing } from \"@react-aria/focus\"\nimport { useOption } from \"@react-aria/listbox\"\nimport { mergeProps } from \"@react-aria/utils\"\nimport classnames from \"classnames\"\nimport { v4 } from \"uuid\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { Badge } from \"@kaizen/draft-badge\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { useSelectionContext } from \"../../context\"\nimport { MultiSelectItem } from \"../../types\"\nimport styles from \"./MultiSelectOption.module.scss\"\n\nexport interface MultiSelectOptionProps {\n  classNameOverride?: string\n  item: MultiSelectItem\n}\n\nexport const MultiSelectOption = ({\n  classNameOverride,\n  item,\n}: MultiSelectOptionProps): JSX.Element => {\n  const { selectionState: state } = useSelectionContext()\n  // Get props for the option element\n  const ref = React.createRef<HTMLLIElement>()\n  const { optionProps, isSelected, isDisabled } = useOption(\n    { key: item.key },\n    state,\n    ref\n  )\n\n  // Determine whether we should show a keyboard\n  // focus ring for accessibility\n  const { isFocusVisible, focusProps } = useFocusRing()\n  const countElementId = useMemo(() => v4(), [])\n\n  return (\n    <li\n      {...mergeProps(optionProps, focusProps)}\n      ref={ref}\n      className={classnames(\n        styles.option,\n        classNameOverride,\n        isSelected && styles.isSelected,\n        isFocusVisible && styles.isFocusVisible,\n        isDisabled && styles.isDisabled\n      )}\n      aria-label={item.value?.label}\n      aria-describedby={item.value?.count ? countElementId : undefined}\n    >\n      <span\n        className={classnames(styles.icon, isSelected && styles.isSelected)}\n      >\n        {isSelected && <CheckIcon role=\"presentation\" />}\n      </span>\n      {/* can also be item.value since 'rendered' is defined as item.value in SelectionProvider*/}\n      {item.rendered}\n      {item.value?.count && (\n        <span id={countElementId} className={styles.badgeContainer}>\n          <Badge classNameOverride={styles.badge}>{item.value.count}</Badge>\n          <VisuallyHidden> available</VisuallyHidden>\n        </span>\n      )}\n    </li>\n  )\n}\n\nMultiSelectOption.displayName = \"FilterMultiSelect.Option\"\n"],"names":["MultiSelectOption","_a","classNameOverride","item","state","useSelectionContext","ref","React","createRef","_e","useOption","key","optionProps","isSelected","isDisabled","_f","useFocusRing","isFocusVisible","focusProps","countElementId","useMemo","v4","createElement","__assign","mergeProps","className","classnames","styles","option","_b","value","label","_c","count","undefined","icon","CheckIcon","role","rendered","_d","id","badgeContainer","Badge","badge","VisuallyHidden","displayName"],"mappings":";;;;;;;;;;;;;;MAkBaA,iBAAiB;EAAA,MAAjBA,iBAAiB,GAAG,SAAAA,CAACC,EAGT,EAAA;;QAFvBC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,IAAI,GAAAF,EAAA,CAAAE,IAAA;IAEI,IAAgBC,KAAK,GAAKC,mBAAmB,CAAE,CAAA,eAA1B;;IAE7B,IAAMC,GAAG,gBAAGC,KAAK,CAACC,SAAS,EAAiB;IACtC,IAAAC,EAAA,GAA0CC,SAAS,CACvD;QAAEC,GAAG,EAAER,IAAI,CAACQ;MAAG,CAAE,EACjBP,KAAK,EACLE,GAAG,CACJ;MAJOM,WAAW,GAAAH,EAAA,CAAAG,WAAA;MAAEC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;MAAEC,UAAU,GAAAL,EAAA,CAAAK,UAI1C;;;IAIK,IAAAC,EAAA,GAAiCC,YAAY,CAAA,CAAE;MAA7CC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAAmB;IACrD,IAAMC,cAAc,GAAGC,OAAO,CAAC,YAAM;MAAA,OAAAC,EAAE,EAAE;IAAJ,CAAI,EAAE,EAAE,CAAC;IAE9C,oBACEd,KAAA,CAAAe,aAAA,CAAA,IAAA,EAAAC,QAAA,CAAA,CAAA,CAAA,EACMC,UAAU,CAACZ,WAAW,EAAEM,UAAU,CAAC,EACvC;MAAAZ,GAAG,EAAEA,GAAG;MACRmB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,MAAM,EACb1B,iBAAiB,EACjBW,UAAU,IAAIc,MAAM,CAACd,UAAU,EAC/BI,cAAc,IAAIU,MAAM,CAACV,cAAc,EACvCH,UAAU,IAAIa,MAAM,CAACb,UAAU,CAChC;MACW,YAAA,EAAA,CAAAe,EAAA,GAAA1B,IAAI,CAAC2B,KAAK,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,KAAK;MACX,kBAAA,EAAA,CAAA,CAAAC,EAAA,GAAA7B,IAAI,CAAC2B,KAAK,MAAE,IAAA,IAAAE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,KAAK,IAAGd,cAAc,GAAGe;IAAS,CAAA,CAAA,eAEhE3B,KACE,CAAAe,aAAA,CAAA,MAAA,EAAA;MAAAG,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACQ,IAAI,EAAEtB,UAAU,IAAIc,MAAM,CAACd,UAAU;IAAC,CAAA,EAElEA,UAAU,iBAAIN,KAAC,CAAAe,aAAA,CAAAc,SAAS;MAACC,IAAI,EAAC;IAAc,CAAA,CAAG,CAC3C,EAENlC,IAAI,CAACmC,QAAQ,EACb,CAAA,MAAAnC,IAAI,CAAC2B,KAAK,MAAA,IAAA,IAAAS,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEN,KAAK,kBAChB1B,KAAM,CAAAe,aAAA,CAAA,MAAA,EAAA;MAAAkB,EAAE,EAAErB,cAAc;MAAEM,SAAS,EAAEE,MAAM,CAACc;IAAc,CAAA,eACxDlC,KAAA,CAAAe,aAAA,CAACoB,KAAK,EAAA;MAACxC,iBAAiB,EAAEyB,MAAM,CAACgB;KAAK,EAAGxC,IAAI,CAAC2B,KAAK,CAACG,KAAK,CAAS,eAClE1B,KAAA,CAAAe,aAAA,CAACsB,cAAc,EAA4B,IAAA,EAAA,YAAA,CAAA,CAE9C,CACE;EAET,CAAC;EAED5C,iBAAiB,CAAC6C,WAAW,GAAG,0BAA0B;EAAA,OAjD7C7C,iBAAiB;AAAA;"}
+{"version":3,"file":"MultiSelectOption.mjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { useFocusRing } from \"@react-aria/focus\"\nimport { useOption } from \"@react-aria/listbox\"\nimport { mergeProps } from \"@react-aria/utils\"\nimport classnames from \"classnames\"\nimport { v4 } from \"uuid\"\nimport { Badge } from \"@kaizen/draft-badge\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { useSelectionContext } from \"../../context\"\nimport { MultiSelectItem } from \"../../types\"\nimport styles from \"./MultiSelectOption.module.scss\"\n\nexport interface MultiSelectOptionProps {\n  classNameOverride?: string\n  item: MultiSelectItem\n}\n\nexport const MultiSelectOption = ({\n  classNameOverride,\n  item,\n}: MultiSelectOptionProps): JSX.Element => {\n  const { selectionState: state } = useSelectionContext()\n  // Get props for the option element\n  const ref = React.createRef<HTMLLIElement>()\n  const { optionProps, isSelected, isDisabled } = useOption(\n    { key: item.key },\n    state,\n    ref\n  )\n\n  // Determine whether we should show a keyboard\n  // focus ring for accessibility\n  const { isFocusVisible, focusProps } = useFocusRing()\n  const countElementId = useMemo(() => v4(), [])\n\n  return (\n    <li\n      {...mergeProps(optionProps, focusProps)}\n      ref={ref}\n      className={classnames(\n        styles.option,\n        classNameOverride,\n        isSelected && styles.isSelected,\n        isFocusVisible && styles.isFocusVisible,\n        isDisabled && styles.isDisabled\n      )}\n      aria-label={item.value?.label}\n      aria-describedby={item.value?.count ? countElementId : undefined}\n    >\n      <span\n        className={classnames(styles.icon, isSelected && styles.isSelected)}\n      >\n        {isSelected && <CheckIcon role=\"presentation\" />}\n      </span>\n      {/* can also be item.value since 'rendered' is defined as item.value in SelectionProvider*/}\n      {item.rendered}\n      {item.value?.count && (\n        <span id={countElementId} className={styles.badgeContainer}>\n          <Badge classNameOverride={styles.badge}>{item.value.count}</Badge>\n          <VisuallyHidden> available</VisuallyHidden>\n        </span>\n      )}\n    </li>\n  )\n}\n\nMultiSelectOption.displayName = \"FilterMultiSelect.Option\"\n"],"names":["MultiSelectOption","_a","classNameOverride","item","state","useSelectionContext","ref","React","createRef","_e","useOption","key","optionProps","isSelected","isDisabled","_f","useFocusRing","isFocusVisible","focusProps","countElementId","useMemo","v4","createElement","__assign","mergeProps","className","classnames","styles","option","_b","value","label","_c","count","undefined","icon","CheckIcon","role","rendered","_d","id","badgeContainer","Badge","badge","VisuallyHidden","displayName"],"mappings":";;;;;;;;;;;;;;MAkBaA,iBAAiB;EAAA,MAAjBA,iBAAiB,GAAG,SAAAA,CAACC,EAGT,EAAA;;QAFvBC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,IAAI,GAAAF,EAAA,CAAAE,IAAA;IAEI,IAAgBC,KAAK,GAAKC,mBAAmB,CAAE,CAAA,eAA1B;;IAE7B,IAAMC,GAAG,gBAAGC,KAAK,CAACC,SAAS,EAAiB;IACtC,IAAAC,EAAA,GAA0CC,SAAS,CACvD;QAAEC,GAAG,EAAER,IAAI,CAACQ;MAAG,CAAE,EACjBP,KAAK,EACLE,GAAG,CACJ;MAJOM,WAAW,GAAAH,EAAA,CAAAG,WAAA;MAAEC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;MAAEC,UAAU,GAAAL,EAAA,CAAAK,UAI1C;;;IAIK,IAAAC,EAAA,GAAiCC,YAAY,CAAA,CAAE;MAA7CC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAAmB;IACrD,IAAMC,cAAc,GAAGC,OAAO,CAAC,YAAM;MAAA,OAAAC,EAAE,EAAE;IAAJ,CAAI,EAAE,EAAE,CAAC;IAE9C,oBACEd,KAAA,CAAAe,aAAA,CAAA,IAAA,EAAAC,QAAA,CAAA,CAAA,CAAA,EACMC,UAAU,CAACZ,WAAW,EAAEM,UAAU,CAAC,EACvC;MAAAZ,GAAG,EAAEA,GAAG;MACRmB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,MAAM,EACb1B,iBAAiB,EACjBW,UAAU,IAAIc,MAAM,CAACd,UAAU,EAC/BI,cAAc,IAAIU,MAAM,CAACV,cAAc,EACvCH,UAAU,IAAIa,MAAM,CAACb,UAAU,CAChC;MACW,YAAA,EAAA,CAAAe,EAAA,GAAA1B,IAAI,CAAC2B,KAAK,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,KAAK;MACX,kBAAA,EAAA,CAAA,CAAAC,EAAA,GAAA7B,IAAI,CAAC2B,KAAK,MAAE,IAAA,IAAAE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,KAAK,IAAGd,cAAc,GAAGe;IAAS,CAAA,CAAA,eAEhE3B,KACE,CAAAe,aAAA,CAAA,MAAA,EAAA;MAAAG,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACQ,IAAI,EAAEtB,UAAU,IAAIc,MAAM,CAACd,UAAU;IAAC,CAAA,EAElEA,UAAU,iBAAIN,KAAC,CAAAe,aAAA,CAAAc,SAAS;MAACC,IAAI,EAAC;IAAc,CAAA,CAAG,CAC3C,EAENlC,IAAI,CAACmC,QAAQ,EACb,CAAA,MAAAnC,IAAI,CAAC2B,KAAK,MAAA,IAAA,IAAAS,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEN,KAAK,kBAChB1B,KAAM,CAAAe,aAAA,CAAA,MAAA,EAAA;MAAAkB,EAAE,EAAErB,cAAc;MAAEM,SAAS,EAAEE,MAAM,CAACc;IAAc,CAAA,eACxDlC,KAAA,CAAAe,aAAA,CAACoB,KAAK,EAAA;MAACxC,iBAAiB,EAAEyB,MAAM,CAACgB;KAAK,EAAGxC,IAAI,CAAC2B,KAAK,CAACG,KAAK,CAAS,eAClE1B,KAAA,CAAAe,aAAA,CAACsB,cAAc,EAA4B,IAAA,EAAA,YAAA,CAAA,CAE9C,CACE;EAET,CAAC;EAED5C,iBAAiB,CAAC6C,WAAW,GAAG,0BAA0B;EAAA,OAjD7C7C,iBAAiB;AAAA;"}

package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs

@@ -1,6 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
-import { VisuallyHidden } from '@kaizen/a11y';
+import { VisuallyHidden } from '../../../../VisuallyHidden/VisuallyHidden.mjs';
 import '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../../context/SelectionProvider/SelectionProvider.mjs';
 import styles from '../SelectionControlButton.module.scss.mjs';

package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.mjs","sources":["../../../../../../src/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { useSelectionContext } from \"../../../context\"\nimport styles from \"../SelectionControlButton.module.scss\"\n\nexport const ClearButton = (): JSX.Element => {\n  const { selectionState } = useSelectionContext()\n  const filteredOptions = Array.from(selectionState.collection.getKeys())\n  const selectedOptions = Array.from(\n    selectionState.selectionManager.selectedKeys\n  )\n  const isDisabled =\n    filteredOptions.length === 0 ||\n    !Boolean(\n      filteredOptions.find(key =>\n        selectionState.selectionManager.isSelected(key)\n      )\n    )\n\n  return (\n    <button\n      type=\"button\"\n      className={classnames(styles.button, isDisabled && styles.isDisabled)}\n      aria-disabled={isDisabled}\n      onClick={\n        (): void => {\n          !isDisabled &&\n            selectionState.selectionManager.setSelectedKeys(\n              selectedOptions.filter(\n                option => !filteredOptions.includes(option)\n              )\n            )\n        }\n        // TODO: add announcement here to inform selection cleared\n      }\n    >\n      Clear<VisuallyHidden> selections</VisuallyHidden>\n    </button>\n  )\n}\n\nClearButton.displayName = \"FilterMultiSelect.ClearButton\"\n"],"names":["ClearButton","selectionState","useSelectionContext","filteredOptions","Array","from","collection","getKeys","selectedOptions","selectionManager","selectedKeys","isDisabled","length","Boolean","find","key","isSelected","React","createElement","type","className","classnames","styles","button","onClick","setSelectedKeys","filter","option","includes","VisuallyHidden","displayName"],"mappings":";;;;;;MAMaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAAA,EAAA;IACjB,IAAAC,cAAc,GAAKC,mBAAmB,CAAE,CAAA,eAA1B;IACtB,IAAMC,eAAe,GAAGC,KAAK,CAACC,IAAI,CAACJ,cAAc,CAACK,UAAU,CAACC,OAAO,CAAA,CAAE,CAAC;IACvE,IAAMC,eAAe,GAAGJ,KAAK,CAACC,IAAI,CAChCJ,cAAc,CAACQ,gBAAgB,CAACC,YAAY,CAC7C;IACD,IAAMC,UAAU,GACdR,eAAe,CAACS,MAAM,KAAK,CAAC,IAC5B,CAACC,OAAO,CACNV,eAAe,CAACW,IAAI,CAAC,UAAAC,GAAG,EAAA;MACtB,OAAAd,cAAc,CAACQ,gBAAgB,CAACO,UAAU,CAACD,GAAG,CAAC;IAAA,CAAA,CAChD,CACF;IAEH,oBACEE,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,MAAM,EAAEZ,UAAU,IAAIW,MAAM,CAACX,UAAU,CAAC;MACtD,eAAA,EAAAA,UAAU;MACzBa,OAAO,EACL,SAAAA,CAAA,EAAA;QACE,CAACb,UAAU,IACTV,cAAc,CAACQ,gBAAgB,CAACgB,eAAe,CAC7CjB,eAAe,CAACkB,MAAM,CACpB,UAAAC,MAAM,EAAA;UAAI,OAAA,CAACxB,eAAe,CAACyB,QAAQ,CAACD,MAAM,CAAC;QAAjC,CAAiC,CAC5C,CACF;;IACJ,CAAA,wBAIEV,KAAA,CAAAC,aAAA,CAACW,cAAc,EAAA,IAAA,EAAA,aAAA,CAA6B,CAC1C;EAEb,CAAC;EAED7B,WAAW,CAAC8B,WAAW,GAAG,+BAA+B;EAAA,OApC5C9B,WAAW;AAAA;"}
+{"version":3,"file":"ClearButton.mjs","sources":["../../../../../../src/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { useSelectionContext } from \"../../../context\"\nimport styles from \"../SelectionControlButton.module.scss\"\n\nexport const ClearButton = (): JSX.Element => {\n  const { selectionState } = useSelectionContext()\n  const filteredOptions = Array.from(selectionState.collection.getKeys())\n  const selectedOptions = Array.from(\n    selectionState.selectionManager.selectedKeys\n  )\n  const isDisabled =\n    filteredOptions.length === 0 ||\n    !Boolean(\n      filteredOptions.find(key =>\n        selectionState.selectionManager.isSelected(key)\n      )\n    )\n\n  return (\n    <button\n      type=\"button\"\n      className={classnames(styles.button, isDisabled && styles.isDisabled)}\n      aria-disabled={isDisabled}\n      onClick={\n        (): void => {\n          !isDisabled &&\n            selectionState.selectionManager.setSelectedKeys(\n              selectedOptions.filter(\n                option => !filteredOptions.includes(option)\n              )\n            )\n        }\n        // TODO: add announcement here to inform selection cleared\n      }\n    >\n      Clear<VisuallyHidden> selections</VisuallyHidden>\n    </button>\n  )\n}\n\nClearButton.displayName = \"FilterMultiSelect.ClearButton\"\n"],"names":["ClearButton","selectionState","useSelectionContext","filteredOptions","Array","from","collection","getKeys","selectedOptions","selectionManager","selectedKeys","isDisabled","length","Boolean","find","key","isSelected","React","createElement","type","className","classnames","styles","button","onClick","setSelectedKeys","filter","option","includes","VisuallyHidden","displayName"],"mappings":";;;;;;MAMaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAAA,EAAA;IACjB,IAAAC,cAAc,GAAKC,mBAAmB,CAAE,CAAA,eAA1B;IACtB,IAAMC,eAAe,GAAGC,KAAK,CAACC,IAAI,CAACJ,cAAc,CAACK,UAAU,CAACC,OAAO,CAAA,CAAE,CAAC;IACvE,IAAMC,eAAe,GAAGJ,KAAK,CAACC,IAAI,CAChCJ,cAAc,CAACQ,gBAAgB,CAACC,YAAY,CAC7C;IACD,IAAMC,UAAU,GACdR,eAAe,CAACS,MAAM,KAAK,CAAC,IAC5B,CAACC,OAAO,CACNV,eAAe,CAACW,IAAI,CAAC,UAAAC,GAAG,EAAA;MACtB,OAAAd,cAAc,CAACQ,gBAAgB,CAACO,UAAU,CAACD,GAAG,CAAC;IAAA,CAAA,CAChD,CACF;IAEH,oBACEE,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,MAAM,EAAEZ,UAAU,IAAIW,MAAM,CAACX,UAAU,CAAC;MACtD,eAAA,EAAAA,UAAU;MACzBa,OAAO,EACL,SAAAA,CAAA,EAAA;QACE,CAACb,UAAU,IACTV,cAAc,CAACQ,gBAAgB,CAACgB,eAAe,CAC7CjB,eAAe,CAACkB,MAAM,CACpB,UAAAC,MAAM,EAAA;UAAI,OAAA,CAACxB,eAAe,CAACyB,QAAQ,CAACD,MAAM,CAAC;QAAjC,CAAiC,CAC5C,CACF;;IACJ,CAAA,wBAIEV,KAAA,CAAAC,aAAA,CAACW,cAAc,EAAA,IAAA,EAAA,aAAA,CAA6B,CAC1C;EAEb,CAAC;EAED7B,WAAW,CAAC8B,WAAW,GAAG,+BAA+B;EAAA,OApC5C9B,WAAW;AAAA;"}

package/dist/esm/Input/InputRange/InputRange.mjs

@@ -1,8 +1,8 @@
 import { __rest, __assign, __spreadArray } from 'tslib';
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { VisuallyHidden } from '@kaizen/a11y';
 import { Text } from '../../Text/Text.mjs';
+import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './InputRange.module.scss.mjs';
 
 /**

package/dist/esm/Input/InputRange/InputRange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputRange.mjs","sources":["../../../../src/Input/InputRange/InputRange.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, ReactNode, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputRange.module.scss\"\n\nexport type InputRangeProps = {\n  id: string\n  defaultValue?: number\n  value?: number\n  minLabel: ReactNode\n  maxLabel: ReactNode\n  min?: number\n  max?: number\n} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>\n\n/**\n * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}\n */\nexport const InputRange = ({\n  id,\n  defaultValue,\n  value,\n  minLabel,\n  maxLabel,\n  min = 1,\n  max = 10,\n  onChange,\n  \"aria-describedby\": ariaDescribedby,\n  classNameOverride,\n  disabled,\n  readOnly,\n  ...restProps\n}: InputRangeProps): JSX.Element => {\n  const [step, setStep] = useState(0.5) // Let the dot center between the notch initially\n  const visuallyHiddenHintId = `${id}-helper`\n  const readOnlyWithNoValue = readOnly && !value && !defaultValue\n\n  // This has been split out into a different variable to allow usage of defaultValue above^\n  // Plus it lets us use max from props with its default value\n  const defaultValueWithDefault = defaultValue || (max + 1) / 2\n\n  return (\n    <>\n      <input\n        id={id}\n        className={classnames(\n          styles.ratingScaleRange,\n          classNameOverride,\n          readOnlyWithNoValue && styles.hideThumb,\n          disabled && styles.disabled\n        )}\n        disabled={disabled || readOnly}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        defaultValue={value ? undefined : defaultValueWithDefault}\n        value={value}\n        aria-valuenow={value}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-describedby={`${visuallyHiddenHintId} ${\n          ariaDescribedby ? ariaDescribedby : \"\"\n        }`}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>): void => {\n          setStep(1) // Put the stepper to 1 to avoid floating value\n          onChange?.(e)\n        }}\n        {...restProps}\n      />\n      <div className={classnames(styles.spokes, disabled && styles.disabled)}>\n        {[...Array(max)].map((_, index) => (\n          <div key={`${id}-spoke-${index}`} className={styles.spokeContainer}>\n            <div className={styles.spoke} />\n          </div>\n        ))}\n      </div>\n      <VisuallyHidden id={visuallyHiddenHintId}>\n        {min} is {minLabel}, {max} is {maxLabel}\n      </VisuallyHidden>\n      <div className={styles.labelsContainer}>\n        {!readOnlyWithNoValue && (\n          <div\n            className={classnames(\n              styles.sliderLabels,\n              disabled && styles.disabled\n            )}\n          >\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {minLabel}\n            </Text>\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {maxLabel}\n            </Text>\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n\nInputRange.displayName = \"InputRange\"\n"],"names":["InputRange","_a","id","defaultValue","value","minLabel","maxLabel","_b","min","_c","max","onChange","ariaDescribedby","classNameOverride","disabled","readOnly","restProps","__rest","_d","useState","step","setStep","visuallyHiddenHintId","concat","readOnlyWithNoValue","defaultValueWithDefault","React","createElement","Fragment","__assign","className","classnames","styles","ratingScaleRange","hideThumb","type","undefined","e","spokes","__spreadArray","Array","map","_","index","key","spokeContainer","spoke","VisuallyHidden","labelsContainer","sliderLabels","Text","variant","color","tag","displayName"],"mappings":"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"}
+{"version":3,"file":"InputRange.mjs","sources":["../../../../src/Input/InputRange/InputRange.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, ReactNode, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { Text } from \"~components/Text\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputRange.module.scss\"\n\nexport type InputRangeProps = {\n  id: string\n  defaultValue?: number\n  value?: number\n  minLabel: ReactNode\n  maxLabel: ReactNode\n  min?: number\n  max?: number\n} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>\n\n/**\n * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}\n */\nexport const InputRange = ({\n  id,\n  defaultValue,\n  value,\n  minLabel,\n  maxLabel,\n  min = 1,\n  max = 10,\n  onChange,\n  \"aria-describedby\": ariaDescribedby,\n  classNameOverride,\n  disabled,\n  readOnly,\n  ...restProps\n}: InputRangeProps): JSX.Element => {\n  const [step, setStep] = useState(0.5) // Let the dot center between the notch initially\n  const visuallyHiddenHintId = `${id}-helper`\n  const readOnlyWithNoValue = readOnly && !value && !defaultValue\n\n  // This has been split out into a different variable to allow usage of defaultValue above^\n  // Plus it lets us use max from props with its default value\n  const defaultValueWithDefault = defaultValue || (max + 1) / 2\n\n  return (\n    <>\n      <input\n        id={id}\n        className={classnames(\n          styles.ratingScaleRange,\n          classNameOverride,\n          readOnlyWithNoValue && styles.hideThumb,\n          disabled && styles.disabled\n        )}\n        disabled={disabled || readOnly}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        defaultValue={value ? undefined : defaultValueWithDefault}\n        value={value}\n        aria-valuenow={value}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-describedby={`${visuallyHiddenHintId} ${\n          ariaDescribedby ? ariaDescribedby : \"\"\n        }`}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>): void => {\n          setStep(1) // Put the stepper to 1 to avoid floating value\n          onChange?.(e)\n        }}\n        {...restProps}\n      />\n      <div className={classnames(styles.spokes, disabled && styles.disabled)}>\n        {[...Array(max)].map((_, index) => (\n          <div key={`${id}-spoke-${index}`} className={styles.spokeContainer}>\n            <div className={styles.spoke} />\n          </div>\n        ))}\n      </div>\n      <VisuallyHidden id={visuallyHiddenHintId}>\n        {min} is {minLabel}, {max} is {maxLabel}\n      </VisuallyHidden>\n      <div className={styles.labelsContainer}>\n        {!readOnlyWithNoValue && (\n          <div\n            className={classnames(\n              styles.sliderLabels,\n              disabled && styles.disabled\n            )}\n          >\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {minLabel}\n            </Text>\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {maxLabel}\n            </Text>\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n\nInputRange.displayName = \"InputRange\"\n"],"names":["InputRange","_a","id","defaultValue","value","minLabel","maxLabel","_b","min","_c","max","onChange","ariaDescribedby","classNameOverride","disabled","readOnly","restProps","__rest","_d","useState","step","setStep","visuallyHiddenHintId","concat","readOnlyWithNoValue","defaultValueWithDefault","React","createElement","Fragment","__assign","className","classnames","styles","ratingScaleRange","hideThumb","type","undefined","e","spokes","__spreadArray","Array","map","_","index","key","spokeContainer","spoke","VisuallyHidden","labelsContainer","sliderLabels","Text","variant","color","tag","displayName"],"mappings":"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"}