@kaizen/components 1.27.0 → 1.28.0

package/dist/cjs/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDateRangePickerField.cjs","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.cjs","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/cjs/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.cjs

@@ -1,14 +1,18 @@
 'use strict';
 
 var tslib = require('tslib');
-var datePicker = require('@kaizen/date-picker');
+require('../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+var isInvalidDate = require('../../../Calendar/utils/isInvalidDate.cjs');
+require('react-day-picker');
 var filterDatePickerFieldReducer = function (state, action) {
   switch (action.type) {
     case "update_selected_start_date":
       return tslib.__assign(tslib.__assign({}, state), {
         selectedStartDate: action.date,
         inputStartValue: action.inputValue === undefined ? state.inputStartValue : action.inputValue,
-        startMonth: action.date && !datePicker.isInvalidDate(action.date) ? action.date : new Date()
+        startMonth: action.date && !isInvalidDate.isInvalidDate(action.date) ? action.date : new Date()
       });
     case "update_selected_end_date":
       return tslib.__assign(tslib.__assign({}, state), {
@@ -17,7 +21,7 @@ var filterDatePickerFieldReducer = function (state, action) {
       });
     case "navigate_months":
       return tslib.__assign(tslib.__assign({}, state), {
-        startMonth: action.date && !datePicker.isInvalidDate(action.date) ? action.date : new Date()
+        startMonth: action.date && !isInvalidDate.isInvalidDate(action.date) ? action.date : new Date()
       });
     case "update_input_start_field":
       return tslib.__assign(tslib.__assign({}, state), {

package/dist/cjs/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filterDateRangePickerFieldReducer.cjs","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,cAAA,CAAAA,KAAAA,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,UAAa,CAAAA,aAAA,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAA;MACtE,CAAA,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,cAAA,CAAAA,KAAAA,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,KAAAA,CAAAA,QAAA,CAAAA,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAH,KAAK,CACR,EAAA;QAAAS,UAAU,EACRR,MAAM,CAACI,IAAI,IAAI,CAACK,UAAAA,CAAAA,aAAa,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAE;MAAA,CACxE,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,KAAA,CAAAA,QAAA,CAAAA,cAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAM,eAAe,EAAEL,MAAM,CAACM;MAAU,CACnC,CAAA;IACH,KAAK,wBAAwB;MAC3B,OAAAJ,KAAA,CAAAA,QAAA,CAAAA,cAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAa,aAAa,EAAEZ,MAAM,CAACM;MAAU,CACjC,CAAA;EACJ;AACH,CAAA;"}
+{"version":3,"file":"filterDateRangePickerFieldReducer.cjs","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,cAAA,CAAAA,KAAAA,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,CAAAA,aAAA,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAA;MACtE,CAAA,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,cAAA,CAAAA,KAAAA,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,KAAAA,CAAAA,QAAA,CAAAA,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAH,KAAK,CACR,EAAA;QAAAS,UAAU,EACRR,MAAM,CAACI,IAAI,IAAI,CAACK,aAAAA,CAAAA,aAAa,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAE;MAAA,CACxE,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,KAAA,CAAAA,QAAA,CAAAA,cAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAM,eAAe,EAAEL,MAAM,CAACM;MAAU,CACnC,CAAA;IACH,KAAK,wBAAwB;MAC3B,OAAAJ,KAAA,CAAAA,QAAA,CAAAA,cAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAa,aAAa,EAAEZ,MAAM,CAACM;MAAU,CACjC,CAAA;EACJ;AACH,CAAA;"}

package/dist/cjs/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.cjs

@@ -4,17 +4,14 @@ require('../../../../FilterDatePicker/FilterDatePicker.cjs');
 require('tslib');
 require('react');
 require('classnames');
-require('uuid');
-require('@kaizen/date-picker');
+require('../../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+require('react-day-picker');
+require('date-fns/locale');
 var useDateValidation = require('../../../../FilterDatePicker/hooks/useDateValidation.cjs');
-require('@kaizen/date-picker/src/utils/formatDateAsNumeral');
-require('@kaizen/date-picker/src/utils/isDisabledDate');
-require('@kaizen/date-picker/src/utils/isSelectingDayInCalendar');
-require('@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue');
-require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
 require('../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs');
 require('../../../../LabelledMessage/LabelledMessage.cjs');
-require('@kaizen/date-picker/src/utils/validateDate');
 var validateEndDateBeforeStartDate = require('../utils/validateEndDateBeforeStartDate.cjs');
 var useEndDateValidation = function (args) {
   var _a = useDateValidation.useDateValidation(args),

package/dist/cjs/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEndDateValidation.cjs","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,CAAAA,iBAAA,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,6DAA8B,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.cjs","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,CAAAA,iBAAA,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,6DAA8B,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/cjs/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.cjs

@@ -4,17 +4,14 @@ require('../../../../FilterDatePicker/FilterDatePicker.cjs');
 require('tslib');
 require('react');
 require('classnames');
-require('uuid');
-require('@kaizen/date-picker');
+require('../../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+require('react-day-picker');
+require('date-fns/locale');
 var useDateValidation = require('../../../../FilterDatePicker/hooks/useDateValidation.cjs');
-require('@kaizen/date-picker/src/utils/formatDateAsNumeral');
-require('@kaizen/date-picker/src/utils/isDisabledDate');
-require('@kaizen/date-picker/src/utils/isSelectingDayInCalendar');
-require('@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue');
-require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
 require('../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs');
 require('../../../../LabelledMessage/LabelledMessage.cjs');
-require('@kaizen/date-picker/src/utils/validateDate');
 var useStartDateValidation = function (args) {
   var _a = useDateValidation.useDateValidation(args),
     validationMessage = _a.validationMessage,

package/dist/cjs/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStartDateValidation.cjs","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,CAAAA,iBAAA,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.cjs","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,CAAAA,iBAAA,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/cjs/FilterDateRangePicker/utils/isCompleteDateRange.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"isCompleteDateRange.cjs","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.cjs","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/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs

@@ -0,0 +1,126 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var draftIllustration = require('@kaizen/draft-illustration');
+var Heading = require('../../Heading/Heading.cjs');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var CautionWhiteIcon = require('../../Icon/CautionWhiteIcon.cjs');
+var ExclamationWhiteIcon = require('../../Icon/ExclamationWhiteIcon.cjs');
+var InformationWhiteIcon = require('../../Icon/InformationWhiteIcon.cjs');
+var SuccessWhiteIcon = require('../../Icon/SuccessWhiteIcon.cjs');
+var GenericModal = require('../GenericModal/GenericModal.cjs');
+require('../GenericModal/context/ModalContext.cjs');
+var ModalAccessibleDescription = require('../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.cjs');
+var ModalFooter = require('../GenericModal/subcomponents/ModalFooter/ModalFooter.cjs');
+var ModalHeader = require('../GenericModal/subcomponents/ModalHeader/ModalHeader.cjs');
+var ModalAccessibleLabel = require('../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs');
+var ModalBody = require('../GenericModal/subcomponents/ModalBody/ModalBody.cjs');
+var ConfirmationModal_module = require('./ConfirmationModal.module.scss.cjs');
+var getIcon = function (mood, isProminent) {
+  switch (mood) {
+    case "cautionary":
+      return isProminent ? React.createElement(draftIllustration.Cautionary, null) : React.createElement(CautionWhiteIcon.CautionWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "informative":
+      return isProminent ? React.createElement(draftIllustration.Informative, null) : React.createElement(InformationWhiteIcon.InformationWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "negative":
+      return isProminent ? React.createElement(draftIllustration.Negative, null) : React.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "positive":
+      return isProminent ? React.createElement(draftIllustration.Positive, null) : React.createElement(SuccessWhiteIcon.SuccessWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "assertive":
+      return isProminent ? React.createElement(draftIllustration.Assertive, null) : React.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+  }
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}
+ */
+const ConfirmationModal = /*#__PURE__*/function () {
+  const ConfirmationModal = function (_a) {
+    var isOpen = _a.isOpen,
+      _b = _a.isProminent,
+      isProminent = _b === void 0 ? false : _b,
+      _c = _a.unpadded,
+      unpadded = _c === void 0 ? false : _c,
+      mood = _a.mood,
+      title = _a.title,
+      onConfirm = _a.onConfirm,
+      onAfterLeave = _a.onAfterLeave,
+      _d = _a.confirmLabel,
+      confirmLabel = _d === void 0 ? "Confirm" : _d,
+      _e = _a.dismissLabel,
+      dismissLabel = _e === void 0 ? "Cancel" : _e,
+      confirmWorking = _a.confirmWorking,
+      propsOnDismiss = _a.onDismiss,
+      children = _a.children,
+      props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "title", "onConfirm", "onAfterLeave", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
+    var onDismiss = confirmWorking ? undefined : propsOnDismiss;
+    var footerActions = [];
+    if (onConfirm) {
+      var confirmAction = {
+        label: confirmLabel,
+        onClick: onConfirm
+      };
+      var workingProps = confirmWorking ? {
+        working: true,
+        workingLabel: confirmWorking.label,
+        workingLabelHidden: confirmWorking.labelHidden
+      } : {};
+      footerActions.push(tslib.__assign(tslib.__assign({}, confirmAction), workingProps));
+    }
+    footerActions.push({
+      label: dismissLabel,
+      onClick: onDismiss,
+      disabled: !!confirmWorking
+    });
+    return React.createElement(GenericModal.GenericModal, {
+      isOpen: isOpen,
+      onEscapeKeyup: onDismiss,
+      onOutsideModalClick: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, React.createElement("div", tslib.__assign({
+      className: ConfirmationModal_module.modal,
+      "data-modal": true
+    }, props), React.createElement(ModalHeader.ModalHeader, {
+      onDismiss: onDismiss
+    }, React.createElement("div", {
+      className: classnames(ConfirmationModal_module.header, ConfirmationModal_module["".concat(mood, "Header")], isProminent && ConfirmationModal_module.prominent, !unpadded && ConfirmationModal_module.padded)
+    }, React.createElement("div", {
+      className: classnames(ConfirmationModal_module.iconContainer, isProminent && ConfirmationModal_module.prominent)
+    }, React.createElement("div", {
+      className: ConfirmationModal_module.spotIcon
+    }, getIcon(mood, isProminent))), React.createElement(ModalAccessibleLabel.ModalAccessibleLabel, {
+      isProminent: isProminent
+    }, React.createElement(Heading.Heading, {
+      tag: "h2",
+      variant: "heading-2"
+    }, title)))), React.createElement(ModalBody.ModalBody, null, React.createElement("div", {
+      className: classnames(isProminent && ConfirmationModal_module.prominent, !unpadded && ConfirmationModal_module.padded)
+    }, React.createElement(ModalAccessibleDescription.ModalAccessibleDescription, null, children))), React.createElement(ModalFooter.ModalFooter, {
+      actions: footerActions,
+      appearance: mood === "negative" ? "destructive" : "primary",
+      unpadded: unpadded
+    })));
+  };
+  ConfirmationModal.displayName = "ConfirmationModal";
+  return ConfirmationModal;
+}();
+exports.ConfirmationModal = ConfirmationModal;
+//# sourceMappingURL=ConfirmationModal.cjs.map

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.cjs","sources":["../../../../src/Modal/ConfirmationModal/ConfirmationModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  Assertive,\n  Cautionary,\n  Informative,\n  Negative,\n  Positive,\n} from \"@kaizen/draft-illustration\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  CautionWhiteIcon,\n  ExclamationWhiteIcon,\n  InformationWhiteIcon,\n  SuccessWhiteIcon,\n} from \"~components/Icon\"\nimport {\n  GenericModal,\n  ModalAccessibleDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ConfirmationModal.module.scss\"\n\nexport type ConfirmationModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  /**\n   * To display the Prominent variation of the modal types\n   */\n  isProminent?: boolean\n  /**\n   * Defines the modal type or mood\n   */\n  mood: Mood\n  title: string\n  onConfirm?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  confirmLabel?: string\n  dismissLabel?: string\n  confirmWorking?: { label: string; labelHidden?: boolean }\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n} & HTMLAttributes<HTMLDivElement>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\" | \"assertive\"\n\nconst getIcon = (mood: Mood, isProminent: boolean): JSX.Element => {\n  switch (mood) {\n    case \"cautionary\":\n      return isProminent ? (\n        <Cautionary />\n      ) : (\n        <CautionWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"informative\":\n      return isProminent ? (\n        <Informative />\n      ) : (\n        <InformationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"negative\":\n      return isProminent ? (\n        <Negative />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"positive\":\n      return isProminent ? (\n        <Positive />\n      ) : (\n        <SuccessWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"assertive\":\n      return isProminent ? (\n        <Assertive />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n  }\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}\n */\nexport const ConfirmationModal = ({\n  isOpen,\n  isProminent = false,\n  unpadded = false,\n  mood,\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  dismissLabel = \"Cancel\",\n  confirmWorking,\n  onDismiss: propsOnDismiss,\n  children,\n  ...props\n}: ConfirmationModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    const workingProps = confirmWorking\n      ? {\n          working: true,\n          workingLabel: confirmWorking.label,\n          workingLabelHidden: confirmWorking.labelHidden,\n        }\n      : {}\n\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  footerActions.push({\n    label: dismissLabel,\n    onClick: onDismiss,\n    disabled: !!confirmWorking,\n  })\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              styles[`${mood}Header`],\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <div\n              className={classnames(\n                styles.iconContainer,\n                isProminent && styles.prominent\n              )}\n            >\n              <div className={styles.spotIcon}>\n                {getIcon(mood, isProminent)}\n              </div>\n            </div>\n            <ModalAccessibleLabel isProminent={isProminent}>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleDescription>{children}</ModalAccessibleDescription>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"negative\" ? \"destructive\" : \"primary\"}\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nConfirmationModal.displayName = \"ConfirmationModal\"\n"],"names":["getIcon","mood","isProminent","React","createElement","Cautionary","CautionWhiteIcon","inheritSize","role","Informative","InformationWhiteIcon","Negative","ExclamationWhiteIcon","Positive","SuccessWhiteIcon","Assertive","ConfirmationModal","_a","isOpen","_b","_c","unpadded","title","onConfirm","onAfterLeave","_d","confirmLabel","_e","dismissLabel","confirmWorking","propsOnDismiss","onDismiss","children","props","__rest","undefined","footerActions","confirmAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","push","__assign","disabled","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","concat","prominent","padded","iconContainer","spotIcon","ModalAccessibleLabel","Heading","tag","variant","ModalBody","ModalAccessibleDescription","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.module.scss.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var styles = {
+  "defaultModalWidth": "ConfirmationModal-module_defaultModalWidth__K3fje",
+  "backdropLayer": "ConfirmationModal-module_backdropLayer__wvXnl",
+  "scrollLayer": "ConfirmationModal-module_scrollLayer__x-yP4",
+  "modalLayer": "ConfirmationModal-module_modalLayer__MucTZ",
+  "modal": "ConfirmationModal-module_modal__k3pXu",
+  "animatingEnter": "ConfirmationModal-module_animatingEnter__4W4xh",
+  "fade-0-to-0-5": "ConfirmationModal-module_fade-0-to-0-5__353tZ",
+  "custom-1": "ConfirmationModal-module_custom-1__Ibcy-",
+  "animatingLeave": "ConfirmationModal-module_animatingLeave__n-S4X",
+  "fade-0-5-to-0": "ConfirmationModal-module_fade-0-5-to-0__pfhV-",
+  "custom-3": "ConfirmationModal-module_custom-3__MEO7v",
+  "unscrollable": "ConfirmationModal-module_unscrollable__wg2AZ",
+  "pseudoScrollbar": "ConfirmationModal-module_pseudoScrollbar__NqMuT",
+  "hide": "ConfirmationModal-module_hide__jOdWV",
+  "header": "ConfirmationModal-module_header__Ooy23",
+  "padded": "ConfirmationModal-module_padded__nGa2-",
+  "iconContainer": "ConfirmationModal-module_iconContainer__QjdGa",
+  "positiveHeader": "ConfirmationModal-module_positiveHeader__8Dmja",
+  "spotIcon": "ConfirmationModal-module_spotIcon__rFSHQ",
+  "svgIcon": "ConfirmationModal-module_svgIcon__f1ncQ",
+  "assertiveHeader": "ConfirmationModal-module_assertiveHeader__3chNK",
+  "informativeHeader": "ConfirmationModal-module_informativeHeader__lTv94",
+  "negativeHeader": "ConfirmationModal-module_negativeHeader__Pmob9",
+  "cautionaryHeader": "ConfirmationModal-module_cautionaryHeader__ZnE4P",
+  "prominent": "ConfirmationModal-module_prominent__8-gkP"
+};
+module.exports = styles;
+//# sourceMappingURL=ConfirmationModal.module.scss.cjs.map

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.module.scss.cjs.map

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

package/dist/cjs/Modal/ContextModal/ContextModal.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var typography = require('@kaizen/typography');
+var GenericModal = require('../GenericModal/GenericModal.cjs');
+require('../GenericModal/context/ModalContext.cjs');
+require('../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.cjs');
+var ModalFooter = require('../GenericModal/subcomponents/ModalFooter/ModalFooter.cjs');
+var ModalHeader = require('../GenericModal/subcomponents/ModalHeader/ModalHeader.cjs');
+var ModalAccessibleLabel = require('../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs');
+var ModalBody = require('../GenericModal/subcomponents/ModalBody/ModalBody.cjs');
+var ContextModal_module = require('./ContextModal.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
+ */
+const ContextModal = /*#__PURE__*/function () {
+  const ContextModal = function (_a) {
+    var isOpen = _a.isOpen,
+      _b = _a.unpadded,
+      unpadded = _b === void 0 ? false : _b,
+      _c = _a.layout,
+      layout = _c === void 0 ? "portrait" : _c,
+      title = _a.title,
+      onConfirm = _a.onConfirm,
+      onAfterLeave = _a.onAfterLeave,
+      _d = _a.confirmLabel,
+      confirmLabel = _d === void 0 ? "Confirm" : _d,
+      confirmWorking = _a.confirmWorking,
+      renderBackground = _a.renderBackground,
+      children = _a.children,
+      contentHeader = _a.contentHeader,
+      image = _a.image,
+      props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onAfterLeave", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image"]);
+    var onDismiss = confirmWorking ? undefined : props.onDismiss;
+    var footerActions = [];
+    var workingProps = confirmWorking ? {
+      working: true,
+      workingLabel: confirmWorking.label,
+      workingLabelHidden: confirmWorking.labelHidden
+    } : {};
+    if (onConfirm) {
+      var confirmAction = {
+        label: confirmLabel,
+        onClick: onConfirm
+      };
+      footerActions.push(tslib.__assign(tslib.__assign({}, confirmAction), workingProps));
+    }
+    if (props.secondaryLabel) {
+      footerActions.push({
+        label: props.secondaryLabel,
+        onClick: props.onSecondaryAction,
+        disabled: !!confirmWorking
+      });
+    }
+    return React.createElement(GenericModal.GenericModal, {
+      isOpen: isOpen,
+      onEscapeKeyup: onDismiss,
+      onOutsideModalClick: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, React.createElement("div", tslib.__assign({
+      className: ContextModal_module.modal,
+      "data-modal": true
+    }, props), renderBackground && renderBackground(), React.createElement(ModalHeader.ModalHeader, {
+      onDismiss: onDismiss
+    }, React.createElement("div", {
+      className: classnames(ContextModal_module.header, !unpadded && ContextModal_module.padded)
+    }, React.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React.createElement(typography.Heading, {
+      variant: "heading-2",
+      tag: "h2"
+    }, title)))), contentHeader && React.createElement("div", {
+      className: ContextModal_module.contentHeader
+    }, contentHeader), React.createElement(ModalBody.ModalBody, null, React.createElement("div", {
+      className: classnames(ContextModal_module.contentLayout, ContextModal_module["".concat(layout, "Contentlayout")])
+    }, image && React.createElement("div", {
+      className: ContextModal_module.image
+    }, image), React.createElement("div", {
+      className: ContextModal_module.content
+    }, children, onConfirm != null && React.createElement("div", {
+      className: props.secondaryLabel ? ContextModal_module.footerWithSecondaryAction : ContextModal_module.footer
+    })))), React.createElement(ModalFooter.ModalFooter, {
+      variant: image ? "context" : undefined,
+      actions: footerActions,
+      appearance: "primary",
+      unpadded: unpadded
+    })));
+  };
+  ContextModal.displayName = "ContextModal";
+  return ContextModal;
+}();
+exports.ContextModal = ContextModal;
+//# sourceMappingURL=ContextModal.cjs.map

package/dist/cjs/Modal/ContextModal/ContextModal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextModal.cjs","sources":["../../../../src/Modal/ContextModal/ContextModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"@kaizen/typography\"\nimport { ButtonProps } from \"~components/Button\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ContextModal.module.scss\"\n\nexport type ContextModalSecondaryActionProps =\n  | {\n      secondaryLabel: string\n      onSecondaryAction: () => void\n    }\n  | {\n      secondaryLabel?: undefined\n    }\n\nexport type ContextModalProps = Readonly<\n  {\n    isOpen: boolean\n    unpadded?: boolean\n    /**\n     * Defines the orientation layout of the image and content\n     */\n    layout?: \"portrait\" | \"landscape\"\n    title: string\n    onConfirm?: () => void\n    onDismiss: () => void\n    onAfterLeave?: () => void\n    confirmLabel?: string\n    confirmWorking?: { label: string; labelHidden?: boolean }\n    /**\n     * @deprecated use data-testid instead\n     */\n    automationId?: string\n    renderBackground?: () => React.ReactNode\n    image?: React.ReactNode\n    children: React.ReactNode\n    contentHeader?: React.ReactNode\n  } & ContextModalSecondaryActionProps &\n    HTMLAttributes<HTMLDivElement>\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}\n */\nexport const ContextModal = ({\n  isOpen,\n  unpadded = false,\n  layout = \"portrait\",\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  confirmWorking,\n  renderBackground,\n  children,\n  contentHeader,\n  image,\n  ...props\n}: ContextModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : props.onDismiss\n\n  const footerActions: ButtonProps[] = []\n\n  const workingProps = confirmWorking\n    ? {\n        working: true,\n        workingLabel: confirmWorking.label,\n        workingLabelHidden: confirmWorking.labelHidden,\n      }\n    : {}\n\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  if (props.secondaryLabel) {\n    footerActions.push({\n      label: props.secondaryLabel,\n      onClick: props.onSecondaryAction,\n      disabled: !!confirmWorking,\n    })\n  }\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        {renderBackground && renderBackground()}\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(styles.header, !unpadded && styles.padded)}\n          >\n            <ModalAccessibleLabel>\n              <Heading variant=\"heading-2\" tag=\"h2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        {contentHeader && (\n          <div className={styles.contentHeader}>{contentHeader}</div>\n        )}\n        <ModalBody>\n          <div\n            className={classnames(\n              styles.contentLayout,\n              styles[`${layout}Contentlayout`]\n            )}\n          >\n            {image && <div className={styles.image}>{image}</div>}\n            <div className={styles.content}>\n              {children}\n              {onConfirm != null && (\n                <div\n                  className={\n                    props.secondaryLabel\n                      ? styles.footerWithSecondaryAction\n                      : styles.footer\n                  }\n                ></div>\n              )}\n            </div>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          variant={image ? \"context\" : undefined}\n          actions={footerActions}\n          appearance=\"primary\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nContextModal.displayName = \"ContextModal\"\n"],"names":["ContextModal","_a","isOpen","_b","unpadded","_c","layout","title","onConfirm","onAfterLeave","_d","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","props","__rest","onDismiss","undefined","footerActions","workingProps","working","workingLabel","label","workingLabelHidden","labelHidden","confirmAction","onClick","push","__assign","secondaryLabel","onSecondaryAction","disabled","React","createElement","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","padded","ModalAccessibleLabel","Heading","variant","tag","ModalBody","contentLayout","concat","content","footerWithSecondaryAction","footer","ModalFooter","actions","appearance","displayName"],"mappings":";;;;;;;;;;;;;;;AAgDA;;;AAGG;AAHH,MAIaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAcT,EAAA;IAblB,IAAAC,MAAM,YAAA;MACNC,EAAA,GAAAF,EAAA,CAAAG,QAAgB;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,EAAA,GAAAJ,EAAA,CAAAK,MAAmB;MAAnBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,UAAU,GAAAA,EAAA;MACnBE,KAAK,WAAA;MACLC,SAAS,GAAAP,EAAA,CAAAO,SAAA;MACTC,YAAY,GAAAR,EAAA,CAAAQ,YAAA;MACZC,EAAwB,GAAAT,EAAA,CAAAU,YAAA;MAAxBA,YAAY,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACxBE,cAAc,GAAAX,EAAA,CAAAW,cAAA;MACdC,gBAAgB,GAAAZ,EAAA,CAAAY,gBAAA;MAChBC,QAAQ,GAAAb,EAAA,CAAAa,QAAA;MACRC,aAAa,GAAAd,EAAA,CAAAc,aAAA;MACbC,KAAK,WAAA;MACFC,KAAK,GAbmBC,KAAA,CAAAA,MAAA,CAAAjB,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAc5B,CADS;IAER,IAAMkB,SAAS,GAAGP,cAAc,GAAGQ,SAAS,GAAGH,KAAK,CAACE,SAAS;IAE9D,IAAME,aAAa,GAAkB,EAAE;IAEvC,IAAMC,YAAY,GAAGV,cAAc,GAC/B;MACEW,OAAO,EAAE,IAAI;MACbC,YAAY,EAAEZ,cAAc,CAACa,KAAK;MAClCC,kBAAkB,EAAEd,cAAc,CAACe;IACpC,CAAA,GACD,EAAE;IAEN,IAAInB,SAAS,EAAE;MACb,IAAMoB,aAAa,GAAG;QAAEH,KAAK,EAAEd,YAAY;QAAEkB,OAAO,EAAErB;MAAS,CAAE;MACjEa,aAAa,CAACS,IAAI,CAAAC,KAAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAMH,aAAa,CAAK,EAAAN,YAAY,EAAG;IAC1D;IAED,IAAIL,KAAK,CAACe,cAAc,EAAE;MACxBX,aAAa,CAACS,IAAI,CAAC;QACjBL,KAAK,EAAER,KAAK,CAACe,cAAc;QAC3BH,OAAO,EAAEZ,KAAK,CAACgB,iBAAiB;QAChCC,QAAQ,EAAE,CAAC,CAACtB;MACb,CAAA,CAAC;IACH;IAED,OACEuB,KAAC,CAAAC,aAAA,CAAAC,YAAY,CAAAA,YAAA;MACXnC,MAAM,EAAEA,MAAM;MACdoC,aAAa,EAAEnB,SAAS;MACxBoB,mBAAmB,EAAEpB,SAAS;MAC9BV,YAAY,EAAEA;IAAY,CAAA,EAE1B0B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAL,KAAAA,CAAAA,QAAA,CAAA;MAAKS,SAAS,EAAEC,mBAAM,CAACC,KAAK;;OAAiBzB,KAAK,CAAA,EAC/CJ,gBAAgB,IAAIA,gBAAgB,CAAE,CAAA,EACvCsB,KAAA,CAAAC,aAAA,CAACO,WAAAA,CAAAA,WAAW,EAAA;MAACxB,SAAS,EAAEA;IAAS,CAAA,EAC/BgB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEI,SAAS,EAAEI,UAAU,CAACH,mBAAM,CAACI,MAAM,EAAE,CAACzC,QAAQ,IAAIqC,mBAAM,CAACK,MAAM;IAAC,CAAA,EAEhEX,KAAA,CAAAC,aAAA,CAACW,oBAAAA,CAAAA,oBAAoB,EAAA,IAAA,EACnBZ,KAAA,CAAAC,aAAA,CAACY,kBAAO,EAAA;MAACC,OAAO,EAAC,WAAW;MAACC,GAAG,EAAC;IAC9B,CAAA,EAAA3C,KAAK,CACE,CACW,CACnB,CACM,EACbQ,aAAa,IACZoB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKI,SAAS,EAAEC,mBAAM,CAAC1B;KAAa,EAAGA,aAAa,CACrD,EACDoB,KAAA,CAAAC,aAAA,CAACe,SAAAA,CAAAA,SAAS,EAAA,IAAA,EACRhB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEI,SAAS,EAAEI,UAAU,CACnBH,mBAAM,CAACW,aAAa,EACpBX,mBAAM,CAAC,EAAA,CAAAY,MAAA,CAAG/C,MAAM,EAAA,eAAA,CAAe,CAAC;IACjC,CAAA,EAEAU,KAAK,IAAImB;MAAKK,SAAS,EAAEC,mBAAM,CAACzB;IAAQ,CAAA,EAAAA,KAAK,CAAO,EACrDmB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKI,SAAS,EAAEC,mBAAM,CAACa;IAAO,CAAA,EAC3BxC,QAAQ,EACRN,SAAS,IAAI,IAAI,IAChB2B;MACEK,SAAS,EACPvB,KAAK,CAACe,cAAc,GAChBS,mBAAM,CAACc,yBAAyB,GAChCd,mBAAM,CAACe;IAAM,EAGtB,CACG,CACF,CACI,EACZrB,KAAA,CAAAC,aAAA,CAACqB,WAAW,CAAAA,WAAA,EAAA;MACVR,OAAO,EAAEjC,KAAK,GAAG,SAAS,GAAGI,SAAS;MACtCsC,OAAO,EAAErC,aAAa;MACtBsC,UAAU,EAAC,SAAS;MACpBvD,QAAQ,EAAEA;IAAQ,CAAA,CAClB,CACE,CACO;EAEnB,CAAC;EAEDJ,YAAY,CAAC4D,WAAW,GAAG,cAAc;EAAA,OAhG5B5D,YAAY;AAAA;"}

package/dist/cjs/Modal/ContextModal/ContextModal.module.scss.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var styles = {
+  "defaultModalWidth": "ContextModal-module_defaultModalWidth__bgf7L",
+  "backdropLayer": "ContextModal-module_backdropLayer__wuj3B",
+  "scrollLayer": "ContextModal-module_scrollLayer__JANXA",
+  "modalLayer": "ContextModal-module_modalLayer__Cx6aX",
+  "modal": "ContextModal-module_modal__wriV7",
+  "animatingEnter": "ContextModal-module_animatingEnter__53BlF",
+  "fade-0-to-0-5": "ContextModal-module_fade-0-to-0-5__vZx9M",
+  "custom-1": "ContextModal-module_custom-1__be8sO",
+  "animatingLeave": "ContextModal-module_animatingLeave__-JR11",
+  "fade-0-5-to-0": "ContextModal-module_fade-0-5-to-0__R4eO-",
+  "custom-3": "ContextModal-module_custom-3__klp3m",
+  "unscrollable": "ContextModal-module_unscrollable__kF7MR",
+  "pseudoScrollbar": "ContextModal-module_pseudoScrollbar__6RfHj",
+  "hide": "ContextModal-module_hide__Sdnsg",
+  "custom-5": "ContextModal-module_custom-5__deZpl",
+  "custom-7": "ContextModal-module_custom-7__rPmP4",
+  "header": "ContextModal-module_header__V4IRF",
+  "padded": "ContextModal-module_padded__osmk1",
+  "footerWithSecondaryAction": "ContextModal-module_footerWithSecondaryAction__-5sq8",
+  "footer": "ContextModal-module_footer__JIwF5",
+  "emptyFooter": "ContextModal-module_emptyFooter__UHWc-",
+  "portraitContentlayout": "ContextModal-module_portraitContentlayout__kqUJG",
+  "landscapeContentlayout": "ContextModal-module_landscapeContentlayout__IFqQN",
+  "image": "ContextModal-module_image__aEDvK",
+  "content": "ContextModal-module_content__-KrFF"
+};
+module.exports = styles;
+//# sourceMappingURL=ContextModal.module.scss.cjs.map

package/dist/cjs/Modal/ContextModal/ContextModal.module.scss.cjs.map

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