@kaizen/components 1.39.1 → 1.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs.map +1 -1
- package/dist/cjs/Calendar/utils/formatDateAsNumeral.cjs.map +1 -1
- package/dist/cjs/Calendar/utils/formatDateAsText.cjs.map +1 -1
- package/dist/cjs/Calendar/utils/parseDateAsTextOrNumeral.cjs.map +1 -1
- package/dist/cjs/Calendar/utils/parseDateFromNumeralFormatValue.cjs.map +1 -1
- package/dist/cjs/Calendar/utils/parseDateFromTextFormatValue.cjs.map +1 -1
- package/dist/cjs/DateInput/DateInputDescription/DateInputDescription.cjs.map +1 -1
- package/dist/cjs/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.cjs.map +1 -1
- package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.cjs.map +1 -1
- package/dist/cjs/DatePicker/utils/getLocale.cjs.map +1 -1
- package/dist/cjs/ErrorPage/hooks/useErrorMessages.cjs +4 -4
- package/dist/cjs/ErrorPage/hooks/useErrorMessages.cjs.map +1 -1
- package/dist/cjs/Filter/Filter/Filter.cjs +4 -1
- package/dist/cjs/Filter/Filter/Filter.cjs.map +1 -1
- package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.cjs +3 -3
- package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.cjs.map +1 -1
- package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs +1 -1
- package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs.map +1 -1
- package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.cjs +1 -1
- package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.cjs.map +1 -1
- package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.cjs +1 -1
- package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.cjs.map +1 -1
- package/dist/cjs/Filter/FilterDatePicker/hooks/useDateInputHandlers.cjs.map +1 -1
- package/dist/cjs/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs.map +1 -1
- package/dist/cjs/Filter/FilterDatePicker/utils/transformDateToInputValue.cjs.map +1 -1
- package/dist/cjs/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.cjs.map +1 -1
- package/dist/cjs/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.cjs.map +1 -1
- package/dist/cjs/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts +1 -0
- package/dist/cjs/dts/Calendar/utils/formatDateAsNumeral.d.ts +1 -0
- package/dist/cjs/dts/Calendar/utils/formatDateAsText.d.ts +1 -0
- package/dist/cjs/dts/Calendar/utils/parseDateAsTextOrNumeral.d.ts +1 -0
- package/dist/cjs/dts/Calendar/utils/parseDateFromNumeralFormatValue.d.ts +1 -0
- package/dist/cjs/dts/Calendar/utils/parseDateFromTextFormatValue.d.ts +1 -0
- package/dist/cjs/dts/DateInput/DateInputDescription/DateInputDescription.d.ts +1 -0
- package/dist/cjs/dts/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.d.ts +1 -0
- package/dist/cjs/dts/DatePicker/subcomponents/DateInputField/DateInputField.d.ts +1 -0
- package/dist/cjs/dts/DatePicker/utils/getLocale.d.ts +1 -0
- package/dist/cjs/dts/Filter/Filter/Filter.d.ts +1 -0
- package/dist/cjs/dts/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.d.ts +2 -2
- package/dist/cjs/dts/Filter/FilterDatePicker/_docs/controls/validationControls.d.ts +4 -4
- package/dist/cjs/dts/Filter/FilterDatePicker/hooks/useDateInputHandlers.d.ts +1 -0
- package/dist/cjs/dts/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.d.ts +1 -0
- package/dist/cjs/dts/Filter/FilterDatePicker/utils/transformDateToInputValue.d.ts +1 -0
- package/dist/cjs/dts/Filter/FilterDateRangePicker/_docs/controls/validationControls.d.ts +4 -4
- package/dist/cjs/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts +1 -0
- package/dist/cjs/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.d.ts +1 -0
- package/dist/cjs/dts/Menu/_docs/examples.d.ts +1 -1
- package/dist/cjs/index.css +4 -4
- package/dist/esm/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs.map +1 -1
- package/dist/esm/Calendar/utils/formatDateAsNumeral.mjs.map +1 -1
- package/dist/esm/Calendar/utils/formatDateAsText.mjs.map +1 -1
- package/dist/esm/Calendar/utils/parseDateAsTextOrNumeral.mjs.map +1 -1
- package/dist/esm/Calendar/utils/parseDateFromNumeralFormatValue.mjs.map +1 -1
- package/dist/esm/Calendar/utils/parseDateFromTextFormatValue.mjs.map +1 -1
- package/dist/esm/DateInput/DateInputDescription/DateInputDescription.mjs.map +1 -1
- package/dist/esm/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.mjs.map +1 -1
- package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs.map +1 -1
- package/dist/esm/DatePicker/utils/getLocale.mjs.map +1 -1
- package/dist/esm/ErrorPage/hooks/useErrorMessages.mjs +4 -4
- package/dist/esm/ErrorPage/hooks/useErrorMessages.mjs.map +1 -1
- package/dist/esm/Filter/Filter/Filter.mjs +5 -2
- package/dist/esm/Filter/Filter/Filter.mjs.map +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs +3 -3
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs.map +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs.map +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs.map +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs.map +1 -1
- package/dist/esm/Filter/FilterDatePicker/hooks/useDateInputHandlers.mjs.map +1 -1
- package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs.map +1 -1
- package/dist/esm/Filter/FilterDatePicker/utils/transformDateToInputValue.mjs.map +1 -1
- package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.mjs.map +1 -1
- package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs.map +1 -1
- package/dist/esm/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts +1 -0
- package/dist/esm/dts/Calendar/utils/formatDateAsNumeral.d.ts +1 -0
- package/dist/esm/dts/Calendar/utils/formatDateAsText.d.ts +1 -0
- package/dist/esm/dts/Calendar/utils/parseDateAsTextOrNumeral.d.ts +1 -0
- package/dist/esm/dts/Calendar/utils/parseDateFromNumeralFormatValue.d.ts +1 -0
- package/dist/esm/dts/Calendar/utils/parseDateFromTextFormatValue.d.ts +1 -0
- package/dist/esm/dts/DateInput/DateInputDescription/DateInputDescription.d.ts +1 -0
- package/dist/esm/dts/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.d.ts +1 -0
- package/dist/esm/dts/DatePicker/subcomponents/DateInputField/DateInputField.d.ts +1 -0
- package/dist/esm/dts/DatePicker/utils/getLocale.d.ts +1 -0
- package/dist/esm/dts/Filter/Filter/Filter.d.ts +1 -0
- package/dist/esm/dts/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.d.ts +2 -2
- package/dist/esm/dts/Filter/FilterDatePicker/_docs/controls/validationControls.d.ts +4 -4
- package/dist/esm/dts/Filter/FilterDatePicker/hooks/useDateInputHandlers.d.ts +1 -0
- package/dist/esm/dts/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.d.ts +1 -0
- package/dist/esm/dts/Filter/FilterDatePicker/utils/transformDateToInputValue.d.ts +1 -0
- package/dist/esm/dts/Filter/FilterDateRangePicker/_docs/controls/validationControls.d.ts +4 -4
- package/dist/esm/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts +1 -0
- package/dist/esm/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.d.ts +1 -0
- package/dist/esm/dts/Menu/_docs/examples.d.ts +1 -1
- package/dist/esm/index.css +2 -2
- package/dist/index.d.ts +2 -0
- package/dist/styles.css +1 -1
- package/locales/ar.json +4 -4
- package/locales/bg.json +4 -4
- package/locales/cs.json +4 -4
- package/locales/cy.json +4 -4
- package/locales/da.json +4 -4
- package/locales/de.json +4 -4
- package/locales/el.json +4 -4
- package/locales/en-GB.json +4 -4
- package/locales/en.json +4 -4
- package/locales/es-419.json +4 -4
- package/locales/es.json +4 -4
- package/locales/et.json +4 -4
- package/locales/fi.json +4 -4
- package/locales/fr-CA.json +4 -4
- package/locales/fr.json +4 -4
- package/locales/he.json +4 -4
- package/locales/hi.json +4 -4
- package/locales/ht.json +4 -4
- package/locales/hu.json +4 -4
- package/locales/id.json +4 -4
- package/locales/it.json +4 -4
- package/locales/ja.json +4 -4
- package/locales/km-KH.json +4 -4
- package/locales/ko.json +4 -4
- package/locales/lt.json +4 -4
- package/locales/lv.json +4 -4
- package/locales/mi.json +4 -4
- package/locales/ms.json +4 -4
- package/locales/nb.json +4 -4
- package/locales/nl.json +4 -4
- package/locales/pl.json +4 -4
- package/locales/pt-BR.json +4 -4
- package/locales/pt.json +4 -4
- package/locales/ro.json +4 -4
- package/locales/ru.json +4 -4
- package/locales/si-LK.json +4 -4
- package/locales/sk.json +4 -4
- package/locales/sr.json +4 -4
- package/locales/sv.json +4 -4
- package/locales/th.json +4 -4
- package/locales/tl.json +4 -4
- package/locales/tr.json +4 -4
- package/locales/uk.json +4 -4
- package/locales/vi.json +4 -4
- package/locales/zh-TW.json +4 -4
- package/locales/zh.json +4 -4
- package/package.json +25 -25
- package/src/Avatar/_docs/Avatar.mdx +2 -5
- package/src/AvatarGroup/_docs/AvatarGroup.mdx +2 -6
- package/src/Badge/_docs/Badge.mdx +2 -6
- package/src/Brand/_docs/Brand.mdx +2 -5
- package/src/BrandMoment/_docs/BrandMoment.mdx +2 -6
- package/src/BrandMoment/_docs/BrandMoment.stories.tsx +1 -1
- package/src/Button/Button/Button.tsx +0 -0
- package/src/Button/Button/_docs/Button.mdx +2 -5
- package/src/Button/GenericButton/GenericButton.module.scss +0 -0
- package/src/Button/GenericButton/GenericButton.tsx +0 -0
- package/src/Button/IconButton/_docs/IconButton.mdx +2 -6
- package/src/ButtonGroup/_docs/ButtonGroup.stories.tsx +1 -1
- package/src/Calendar/CalendarRange/_docs/CalendarRange.mdx +2 -6
- package/src/Calendar/CalendarRange/_docs/CalendarRange.stickersheet.stories.tsx +20 -9
- package/src/Calendar/CalendarSingle/_docs/CalendarSingle.mdx +2 -6
- package/src/Calendar/CalendarSingle/_docs/CalendarSingle.stickersheet.stories.tsx +23 -30
- package/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx +1 -0
- package/src/Calendar/utils/formatDateAsNumeral.ts +1 -1
- package/src/Calendar/utils/formatDateAsText.ts +1 -1
- package/src/Calendar/utils/isSelectingDayInCalendar.spec.tsx +4 -5
- package/src/Calendar/utils/parseDateAsTextOrNumeral.ts +1 -0
- package/src/Calendar/utils/parseDateFromNumeralFormatValue.ts +1 -1
- package/src/Calendar/utils/parseDateFromTextFormatValue.ts +1 -1
- package/src/Calendar/utils/setFocusInCalendar.spec.tsx +21 -16
- package/src/Card/_docs/Card.mdx +2 -6
- package/src/Checkbox/Checkbox/_docs/Checkbox.mdx +2 -6
- package/src/Checkbox/CheckboxField/_docs/CheckboxField.mdx +2 -6
- package/src/Checkbox/CheckboxGroup/_docs/CheckboxGroup.mdx +2 -11
- package/src/Collapsible/Collapsible/_docs/Collapsible.mdx +2 -6
- package/src/Collapsible/CollapsibleGroup/_docs/CollapsibleGroup.mdx +2 -6
- package/src/Collapsible/ExpertAdviceCollapsible/_docs/ExpertAdviceCollapsible.mdx +2 -6
- package/src/Container/_docs/Container.mdx +2 -6
- package/src/Content/_docs/Content.mdx +2 -6
- package/src/DateInput/DateInputDescription/DateInputDescription.tsx +1 -0
- package/src/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.ts +2 -0
- package/src/DatePicker/DatePicker.spec.tsx +12 -16
- package/src/DatePicker/_docs/DatePicker.mdx +2 -6
- package/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx +1 -0
- package/src/DatePicker/utils/getLocale.ts +1 -0
- package/src/DateRangePicker/_docs/DateRangePicker.mdx +2 -6
- package/src/Divider/_docs/Divider.mdx +2 -6
- package/src/EmptyState/_docs/EmptyState.mdx +2 -6
- package/src/EmptyState/illustrations/action.png +0 -0
- package/src/EmptyState/illustrations/informative.png +0 -0
- package/src/EmptyState/illustrations/negative.png +0 -0
- package/src/EmptyState/illustrations/neutral.png +0 -0
- package/src/EmptyState/illustrations/positive.png +0 -0
- package/src/ErrorPage/hooks/useErrorMessages.ts +4 -4
- package/src/FieldGroup/_docs/FieldGroup.mdx +2 -8
- package/src/FieldMessage/_docs/FieldMessage.mdx +2 -6
- package/src/Filter/Filter/Filter.spec.tsx +6 -4
- package/src/Filter/Filter/Filter.tsx +11 -1
- package/src/Filter/Filter/_docs/Filter.mdx +2 -6
- package/src/Filter/FilterBar/FilterBar.spec.tsx +12 -1
- package/src/Filter/FilterBar/_docs/FilterBar.mdx +2 -6
- package/src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.spec.tsx +1 -1
- package/src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.tsx +3 -3
- package/src/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.spec.tsx +17 -22
- package/src/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.tsx +1 -1
- package/src/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.spec.tsx +6 -7
- package/src/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.tsx +1 -1
- package/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.tsx +1 -1
- package/src/Filter/FilterButton/_docs/filter-buttons.mdx +2 -6
- package/src/Filter/FilterDatePicker/FilterDatePicker.spec.stories.tsx +2 -3
- package/src/Filter/FilterDatePicker/FilterDatePicker.spec.tsx +3 -5
- package/src/Filter/FilterDatePicker/_docs/FilterDatePicker.mdx +2 -6
- package/src/Filter/FilterDatePicker/hooks/useDateInputHandlers.ts +1 -0
- package/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx +1 -0
- package/src/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.spec.tsx +25 -21
- package/src/Filter/FilterDatePicker/utils/transformDateToInputValue.ts +1 -0
- package/src/Filter/FilterDateRangePicker/_docs/FilterDateRangePicker.mdx +2 -6
- package/src/Filter/FilterDateRangePicker/_docs/FilterDateRangePicker.stickersheet.stories.tsx +1 -1
- package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx +1 -0
- package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx +1 -0
- package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.spec.tsx +30 -24
- package/src/Filter/FilterSelect/_docs/FilterSelect.mdx +2 -6
- package/src/GuidanceBlock/_docs/GuidanceBlock.mdx +2 -6
- package/src/Heading/_docs/Heading.mdx +2 -7
- package/src/Icon/bin/update-icons.sh +2 -2
- package/src/Icon/bin/wrapSVGs.ts +0 -0
- package/src/Illustration/Scene/BrandMomentCaptureIntro/_docs/BrandMomentCaptureIntro.mdx +2 -6
- package/src/Illustration/Scene/_docs/Scene.mdx +2 -3
- package/src/Illustration/Spot/_docs/Spot.mdx +2 -6
- package/src/Input/Input/_docs/Input.mdx +2 -6
- package/src/Input/InputRange/_docs/InputRange.mdx +2 -6
- package/src/Input/InputSearch/_docs/InputSearch.mdx +2 -7
- package/src/Label/_docs/Label.mdx +2 -6
- package/src/LikertScaleLegacy/_docs/LikertScaleLegacy.mdx +2 -6
- package/src/Loading/LoadingGraphic/_docs/LoadingGraphic.mdx +2 -6
- package/src/Loading/LoadingHeading/_docs/LoadingHeading.mdx +2 -6
- package/src/Loading/LoadingInput/_docs/LoadingInput.mdx +2 -6
- package/src/Loading/LoadingParagraph/_docs/LoadingParagraph.mdx +2 -6
- package/src/Loading/LoadingSpinner/_docs/LoadingSpinner.mdx +2 -11
- package/src/Menu/_docs/Menu.mdx +2 -6
- package/src/Menu/subcomponents/StatelessMenu/StatelessMenu.module.scss +0 -0
- package/src/Modal/ConfirmationModal/_docs/ConfirmationModal.mdx +2 -6
- package/src/Modal/ContextModal/_docs/ContextModal.mdx +2 -6
- package/src/Modal/GenericModal/_docs/GenericModal.mdx +2 -6
- package/src/Modal/InputEditModal/_docs/InputEditModal.mdx +2 -6
- package/src/MultiSelect/_docs/MultiSelect.mdx +2 -5
- package/src/Notification/GlobalNotification/_docs/GlobalNotification.mdx +2 -6
- package/src/Notification/InlineNotification/_docs/InlineNotification.mdx +2 -6
- package/src/Notification/ToastNotification/_docs/ToastNotification.mdx +2 -6
- package/src/Pagination/_docs/Pagination.mdx +2 -6
- package/src/Pagination/subcomponents/DirectionalLink/_docs/DirectionalLink.mdx +2 -6
- package/src/Pagination/subcomponents/PaginationLink/_docs/PaginationLink.mdx +2 -7
- package/src/Popover/_docs/Popover.mdx +2 -6
- package/src/ProgressBar/_docs/ProgressBar.mdx +2 -6
- package/src/Radio/Radio/_docs/Radio.mdx +2 -6
- package/src/Radio/RadioField/_docs/RadioField.mdx +2 -6
- package/src/Radio/RadioGroup/_docs/RadioGroup.mdx +2 -6
- package/src/RichTextEditor/EditableRichTextContent/_docs/EditableRichTextContent.mdx +2 -6
- package/src/RichTextEditor/RichTextContent/_docs/RichTextContent.mdx +2 -6
- package/src/RichTextEditor/RichTextEditor/RichTextEditor.spec.stories.tsx +1 -2
- package/src/RichTextEditor/RichTextEditor/_docs/RichTextEditor.mdx +2 -8
- package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/_docs/ToggleIconButton.mdx +2 -6
- package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/_docs/Toolbar.mdx +2 -6
- package/src/RichTextEditor/index.ts +0 -0
- package/src/SearchField/_docs/SearchField.mdx +2 -6
- package/src/Select/_docs/Select.mdx +2 -6
- package/src/Skirt/_docs/Skirt.mdx +2 -6
- package/src/Slider/_docs/Slider.mdx +2 -6
- package/src/SplitButton/_docs/SplitButton.mdx +2 -6
- package/src/Table/_docs/Table.mdx +3 -6
- package/src/Tabs/_docs/Tabs.mdx +3 -5
- package/src/Tag/_docs/Tag.mdx +2 -6
- package/src/Text/_docs/Text.mdx +2 -6
- package/src/TextArea/_docs/TextArea.mdx +2 -7
- package/src/TextAreaField/_docs/TextAreaField.mdx +2 -6
- package/src/TextField/_docs/TextField.mdx +2 -6
- package/src/Tile/InformationTile/_docs/InformationTile.mdx +2 -6
- package/src/Tile/MultiActionTile/_docs/MultiActionTile.mdx +2 -6
- package/src/Tile/TileGrid/_docs/TileGrid.mdx +2 -6
- package/src/Tile/subcomponents/GenericTile/GenericTile.spec.stories.tsx +1 -3
- package/src/TimeField/_docs/TimeField.mdx +2 -6
- package/src/TitleBlockZen/_docs/TitleBlockZen.mdx +2 -6
- package/src/ToggleSwitch/ToggleSwitch/_docs/ToggleSwitch.mdx +2 -6
- package/src/ToggleSwitch/ToggleSwitchField/_docs/ToggleSwitchField.mdx +2 -6
- package/src/Tooltip/_docs/Tooltip.mdx +2 -6
- package/src/VisuallyHidden/_docs/VisuallyHidden.mdx +2 -6
- package/src/Well/_docs/Well.mdx +2 -6
- package/src/Workflow/_docs/ProgressStepper.stories.tsx +1 -1
- package/src/Workflow/_docs/Workflow.mdx +2 -6
- package/src/Workflow/_docs/WorkflowFooter.stories.tsx +1 -1
- package/src/Workflow/_docs/WorkflowHeader.stories.tsx +1 -1
- package/src/__future__/Select/_docs/Select.mdx +2 -6
- package/src/__future__/Tag/RemovableTag/_docs/RemovableTag.mdx +2 -7
- package/src/__future__/Tag/Tag/_docs/Tag.mdx +2 -6
- package/src/__future__/Workflow/_docs/ProgressStepper.mdx +2 -6
- package/src/__future__/Workflow/_docs/Workflow.mdx +2 -5
- package/src/__future__/Workflow/_docs/WorkflowFooter.mdx +2 -5
- package/src/__future__/Workflow/_docs/WorkflowHeader.mdx +2 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterBarSelect.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport {\n FilterSelect,\n FilterSelectProps,\n SelectItem,\n SelectOption,\n} from \"~components/Filter/FilterSelect\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { checkArraysMatch } from \"../../utils/checkArraysMatch\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarSelectProps<Option extends SelectOption = SelectOption> =\n Omit<\n FilterSelectProps<Option>,\n \"isOpen\" | \"setIsOpen\" | \"renderTrigger\" | \"label\" | \"selectedKey\"\n > & {\n id?: string\n }\n\nexport const FilterBarSelect = <Option extends SelectOption = SelectOption>({\n id,\n items: propsItems,\n onSelectionChange,\n ...props\n}: FilterBarSelectProps<Option>): JSX.Element => {\n const { getFilterState, setFilterOpenState, updateValue } =\n useFilterBarContext<Option[\"value\"] | undefined>()\n const [items, setItems] = useState<Array<SelectItem<Option>>>(propsItems)\n\n if (!id) throw Error(\"Missing `id` prop in FilterBarSelect\")\n\n const filterState = getFilterState(id)\n\n useEffect(() => {\n if (!checkArraysMatch(items, propsItems)) {\n setItems(propsItems)\n }\n }, [propsItems])\n\n useEffect(() => {\n if (filterState.value) {\n const itemValues = items.map(item => (item as Option)?.value)\n if (!itemValues.includes(filterState.value)) {\n updateValue(id, undefined)\n }\n }\n }, [items])\n\n return (\n <FilterSelect<Option>\n {...props}\n items={items}\n selectedKey={filterState.value || null}\n label={filterState.name}\n renderTrigger={(triggerProps): JSX.Element => (\n <FilterBarButton\n {...triggerProps}\n
|
|
1
|
+
{"version":3,"file":"FilterBarSelect.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport {\n FilterSelect,\n FilterSelectProps,\n SelectItem,\n SelectOption,\n} from \"~components/Filter/FilterSelect\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { checkArraysMatch } from \"../../utils/checkArraysMatch\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarSelectProps<Option extends SelectOption = SelectOption> =\n Omit<\n FilterSelectProps<Option>,\n \"isOpen\" | \"setIsOpen\" | \"renderTrigger\" | \"label\" | \"selectedKey\"\n > & {\n id?: string\n }\n\nexport const FilterBarSelect = <Option extends SelectOption = SelectOption>({\n id,\n items: propsItems,\n onSelectionChange,\n ...props\n}: FilterBarSelectProps<Option>): JSX.Element => {\n const { getFilterState, setFilterOpenState, updateValue } =\n useFilterBarContext<Option[\"value\"] | undefined>()\n const [items, setItems] = useState<Array<SelectItem<Option>>>(propsItems)\n\n if (!id) throw Error(\"Missing `id` prop in FilterBarSelect\")\n\n const filterState = getFilterState(id)\n\n useEffect(() => {\n if (!checkArraysMatch(items, propsItems)) {\n setItems(propsItems)\n }\n }, [propsItems])\n\n useEffect(() => {\n if (filterState.value) {\n const itemValues = items.map(item => (item as Option)?.value)\n if (!itemValues.includes(filterState.value)) {\n updateValue(id, undefined)\n }\n }\n }, [items])\n\n return (\n <FilterSelect<Option>\n {...props}\n items={items}\n selectedKey={filterState.value || null}\n label={filterState.name}\n renderTrigger={(triggerProps): JSX.Element => (\n <FilterBarButton\n {...triggerProps}\n filterId={id}\n isRemovable={filterState.isRemovable}\n />\n )}\n onSelectionChange={(key): void => {\n updateValue(id, key)\n onSelectionChange?.(key)\n }}\n isOpen={filterState.isOpen}\n setIsOpen={(open): void => setFilterOpenState(id, open)}\n />\n )\n}\n\nFilterBarSelect.displayName = \"FilterBarSelect\"\n"],"names":["FilterBarSelect","_a","id","propsItems","items","onSelectionChange","props","__rest","_b","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","_c","useState","setItems","Error","filterState","useEffect","checkArraysMatch","value","itemValues","map","item","includes","undefined","React","createElement","FilterSelect","__assign","selectedKey","label","name","renderTrigger","triggerProps","FilterBarButton","filterId","isRemovable","key","isOpen","setIsOpen","open","displayName"],"mappings":";;;;;;MAmBaA,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAA6CC,EAK7C,EAAA;IAJ7B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACKC,UAAU,GAAAF,EAAA,CAAAG,KAAA;MACjBC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdC,KAAK,GAJkEC,MAAA,CAAAN,EAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,mBAAA,CAK3E,CADS;IAEF,IAAAO,EACJ,GAAAC,mBAAmB,EAA+B;MAD5CC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACH;IAC9C,IAAAC,EAAA,GAAoBC,QAAQ,CAA4BX,UAAU,CAAC;MAAlEC,KAAK,GAAAS,EAAA,CAAA,CAAA,CAAA;MAAEE,QAAQ,GAAAF,EAAA,CAAA,CAAA,CAAmD;IAEzE,IAAI,CAACX,EAAE,EAAE,MAAMc,KAAK,CAAC,sCAAsC,CAAC;IAE5D,IAAMC,WAAW,GAAGP,cAAc,CAACR,EAAE,CAAC;IAEtCgB,SAAS,CAAC,YAAA;MACR,IAAI,CAACC,gBAAgB,CAACf,KAAK,EAAED,UAAU,CAAC,EAAE;QACxCY,QAAQ,CAACZ,UAAU,CAAC;MACrB;IACH,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;IAEhBe,SAAS,CAAC,YAAA;MACR,IAAID,WAAW,CAACG,KAAK,EAAE;QACrB,IAAMC,UAAU,GAAGjB,KAAK,CAACkB,GAAG,CAAC,UAAAC,IAAI,EAAI;UAAA,OAACA,IAAe,KAAf,IAAA,IAAAA,IAAI,uBAAJA,IAAI,CAAaH,KAAK;QAAvB,CAAuB,CAAC;QAC7D,IAAI,CAACC,UAAU,CAACG,QAAQ,CAACP,WAAW,CAACG,KAAK,CAAC,EAAE;UAC3CR,WAAW,CAACV,EAAE,EAAEuB,SAAS,CAAC;QAC3B;MACF;IACH,CAAC,EAAE,CAACrB,KAAK,CAAC,CAAC;IAEX,oBACEsB,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACPC,QAAA,CAAA,CAAA,CAAA,EAAAvB,KAAK;MACTF,KAAK,EAAEA,KAAK;MACZ0B,WAAW,EAAEb,WAAW,CAACG,KAAK,IAAI,IAAI;MACtCW,KAAK,EAAEd,WAAW,CAACe,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,oBAC5CR,KAAC,CAAAC,aAAA,CAAAQ,eAAe,eACVD,YAAY,EAAA;UAChBE,QAAQ,EAAElC,EAAE;UACZmC,WAAW,EAAEpB,WAAW,CAACoB;QACzB,CAAA,CAAA,CAAA;OACH;MACDhC,iBAAiB,EAAE,SAAAA,CAACiC,GAAG,EAAA;QACrB1B,WAAW,CAACV,EAAE,EAAEoC,GAAG,CAAC;QACpBjC,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAGiC,GAAG,CAAC;MACzB,CAAA;MACDC,MAAM,EAAEtB,WAAW,CAACsB,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAA9B,kBAAkB,CAACT,EAAE,EAAEuC,IAAI,CAAC;MAAA;IAAA,CACvD,CAAA,CAAA;EAEN,CAAC;EAEDzC,eAAe,CAAC0C,WAAW,GAAG,iBAAiB;EAAA,OApDlC1C,eAAe;AAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDateInputHandlers.mjs","sources":["../../../../../src/Filter/FilterDatePicker/hooks/useDateInputHandlers.ts"],"sourcesContent":["import {\n DisabledDays,\n formatDateAsNumeral,\n formatDateAsText,\n isDisabledDate,\n isInvalidDate,\n isSelectingDayInCalendar,\n parseDateFromNumeralFormatValue,\n parseDateFromTextFormatValue,\n} from \"~components/Calendar\"\nimport { DateInputProps } from \"~components/DateInput\"\n\ntype UseDateInputHandlersArgs = {\n locale: Locale\n disabledDays?: DisabledDays\n setInputValue: (value: string) => void\n onDateChange: (date: Date | undefined) => void\n onDateSubmit?: (date: Date) => void\n onChange?: DateInputProps[\"onChange\"]\n onFocus?: DateInputProps[\"onFocus\"]\n onBlur?: DateInputProps[\"onBlur\"]\n onKeyDown?: DateInputProps[\"onKeyDown\"]\n}\n\ntype UseDateInputHandlersValue = {\n onChange: DateInputProps[\"onChange\"]\n onFocus: DateInputProps[\"onFocus\"]\n onBlur: DateInputProps[\"onBlur\"]\n onKeyDown: DateInputProps[\"onKeyDown\"]\n}\n\nexport const useDateInputHandlers = ({\n locale,\n disabledDays,\n setInputValue,\n onDateChange,\n onDateSubmit,\n onChange,\n onFocus,\n onBlur,\n onKeyDown,\n}: UseDateInputHandlersArgs): UseDateInputHandlersValue => {\n const isValidDate = (date: Date): boolean =>\n !isInvalidDate(date) && !isDisabledDate(date, disabledDays)\n\n const handleChange: DateInputProps[\"onChange\"] = e => {\n setInputValue(e.currentTarget.value)\n onChange?.(e)\n }\n\n const handleFocus: DateInputProps[\"onFocus\"] = e => {\n const date = parseDateFromTextFormatValue(e.currentTarget.value, locale)\n if (!isInvalidDate(date)) {\n const newInputValue = formatDateAsNumeral(date, locale)\n setInputValue(newInputValue)\n }\n onFocus?.(e)\n }\n\n const handleBlur: DateInputProps[\"onBlur\"] = e => {\n if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n if (e.currentTarget.value === \"\") {\n onDateChange(undefined)\n onBlur?.(e)\n return\n }\n\n const date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale)\n\n if (isValidDate(date)) {\n const newInputValue = formatDateAsText(date, disabledDays, locale)\n setInputValue(newInputValue)\n }\n\n onDateChange(date)\n onBlur?.(e)\n }\n\n const handleKeyDown: DateInputProps[\"onKeyDown\"] = e => {\n if (e.key === \"Enter\") {\n e.preventDefault()\n const date = parseDateFromNumeralFormatValue(\n e.currentTarget.value,\n locale\n )\n onDateChange(date)\n onDateSubmit?.(date)\n }\n onKeyDown?.(e)\n }\n\n return {\n onChange: handleChange,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n }\n}\n"],"names":["useDateInputHandlers","_a","locale","disabledDays","setInputValue","onDateChange","onDateSubmit","onChange","onFocus","onBlur","onKeyDown","isValidDate","date","isInvalidDate","isDisabledDate","handleChange","e","currentTarget","value","handleFocus","parseDateFromTextFormatValue","newInputValue","formatDateAsNumeral","handleBlur","isSelectingDayInCalendar","relatedTarget","undefined","parseDateFromNumeralFormatValue","formatDateAsText","handleKeyDown","key","preventDefault"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"useDateInputHandlers.mjs","sources":["../../../../../src/Filter/FilterDatePicker/hooks/useDateInputHandlers.ts"],"sourcesContent":["import type { Locale } from \"date-fns\"\nimport {\n DisabledDays,\n formatDateAsNumeral,\n formatDateAsText,\n isDisabledDate,\n isInvalidDate,\n isSelectingDayInCalendar,\n parseDateFromNumeralFormatValue,\n parseDateFromTextFormatValue,\n} from \"~components/Calendar\"\nimport { DateInputProps } from \"~components/DateInput\"\n\ntype UseDateInputHandlersArgs = {\n locale: Locale\n disabledDays?: DisabledDays\n setInputValue: (value: string) => void\n onDateChange: (date: Date | undefined) => void\n onDateSubmit?: (date: Date) => void\n onChange?: DateInputProps[\"onChange\"]\n onFocus?: DateInputProps[\"onFocus\"]\n onBlur?: DateInputProps[\"onBlur\"]\n onKeyDown?: DateInputProps[\"onKeyDown\"]\n}\n\ntype UseDateInputHandlersValue = {\n onChange: DateInputProps[\"onChange\"]\n onFocus: DateInputProps[\"onFocus\"]\n onBlur: DateInputProps[\"onBlur\"]\n onKeyDown: DateInputProps[\"onKeyDown\"]\n}\n\nexport const useDateInputHandlers = ({\n locale,\n disabledDays,\n setInputValue,\n onDateChange,\n onDateSubmit,\n onChange,\n onFocus,\n onBlur,\n onKeyDown,\n}: UseDateInputHandlersArgs): UseDateInputHandlersValue => {\n const isValidDate = (date: Date): boolean =>\n !isInvalidDate(date) && !isDisabledDate(date, disabledDays)\n\n const handleChange: DateInputProps[\"onChange\"] = e => {\n setInputValue(e.currentTarget.value)\n onChange?.(e)\n }\n\n const handleFocus: DateInputProps[\"onFocus\"] = e => {\n const date = parseDateFromTextFormatValue(e.currentTarget.value, locale)\n if (!isInvalidDate(date)) {\n const newInputValue = formatDateAsNumeral(date, locale)\n setInputValue(newInputValue)\n }\n onFocus?.(e)\n }\n\n const handleBlur: DateInputProps[\"onBlur\"] = e => {\n if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n if (e.currentTarget.value === \"\") {\n onDateChange(undefined)\n onBlur?.(e)\n return\n }\n\n const date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale)\n\n if (isValidDate(date)) {\n const newInputValue = formatDateAsText(date, disabledDays, locale)\n setInputValue(newInputValue)\n }\n\n onDateChange(date)\n onBlur?.(e)\n }\n\n const handleKeyDown: DateInputProps[\"onKeyDown\"] = e => {\n if (e.key === \"Enter\") {\n e.preventDefault()\n const date = parseDateFromNumeralFormatValue(\n e.currentTarget.value,\n locale\n )\n onDateChange(date)\n onDateSubmit?.(date)\n }\n onKeyDown?.(e)\n }\n\n return {\n onChange: handleChange,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n }\n}\n"],"names":["useDateInputHandlers","_a","locale","disabledDays","setInputValue","onDateChange","onDateSubmit","onChange","onFocus","onBlur","onKeyDown","isValidDate","date","isInvalidDate","isDisabledDate","handleChange","e","currentTarget","value","handleFocus","parseDateFromTextFormatValue","newInputValue","formatDateAsNumeral","handleBlur","isSelectingDayInCalendar","relatedTarget","undefined","parseDateFromNumeralFormatValue","formatDateAsText","handleKeyDown","key","preventDefault"],"mappings":";;;;;;;;;;AAgCO,IAAMA,oBAAoB,GAAG,SAAAA,CAACC,EAUV,EAAA;MATzBC,MAAM,GAAAD,EAAA,CAAAC,MAAA;IACNC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IACZC,aAAa,GAAAH,EAAA,CAAAG,aAAA;IACbC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;IACZC,YAAY,kBAAA;IACZC,QAAQ,GAAAN,EAAA,CAAAM,QAAA;IACRC,OAAO,GAAAP,EAAA,CAAAO,OAAA;IACPC,MAAM,GAAAR,EAAA,CAAAQ,MAAA;IACNC,SAAS,GAAAT,EAAA,CAAAS,SAAA;EAET,IAAMC,WAAW,GAAG,SAAAA,CAACC,IAAU,EAAA;IAC7B,OAAA,CAACC,aAAa,CAACD,IAAI,CAAC,IAAI,CAACE,cAAc,CAACF,IAAI,EAAET,YAAY,CAAC;EAA3D,CAA2D;EAE7D,IAAMY,YAAY,GAA+B,SAAAA,CAAAC,CAAC,EAAA;IAChDZ,aAAa,CAACY,CAAC,CAACC,aAAa,CAACC,KAAK,CAAC;IACpCX,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGS,CAAC,CAAC;EACf,CAAC;EAED,IAAMG,WAAW,GAA8B,SAAAA,CAAAH,CAAC,EAAA;IAC9C,IAAMJ,IAAI,GAAGQ,4BAA4B,CAACJ,CAAC,CAACC,aAAa,CAACC,KAAK,EAAEhB,MAAM,CAAC;IACxE,IAAI,CAACW,aAAa,CAACD,IAAI,CAAC,EAAE;MACxB,IAAMS,aAAa,GAAGC,mBAAmB,CAACV,IAAI,EAAEV,MAAM,CAAC;MACvDE,aAAa,CAACiB,aAAa,CAAC;IAC7B;IACDb,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGQ,CAAC,CAAC;EACd,CAAC;EAED,IAAMO,UAAU,GAA6B,SAAAA,CAAAP,CAAC,EAAA;IAC5C,IAAIQ,wBAAwB,CAACR,CAAC,CAACS,aAAa,CAAC,EAAE;IAE/C,IAAIT,CAAC,CAACC,aAAa,CAACC,KAAK,KAAK,EAAE,EAAE;MAChCb,YAAY,CAACqB,SAAS,CAAC;MACvBjB,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGO,CAAC,CAAC;MACX;IACD;IAED,IAAMJ,IAAI,GAAGe,+BAA+B,CAACX,CAAC,CAACC,aAAa,CAACC,KAAK,EAAEhB,MAAM,CAAC;IAE3E,IAAIS,WAAW,CAACC,IAAI,CAAC,EAAE;MACrB,IAAMS,aAAa,GAAGO,gBAAgB,CAAChB,IAAI,EAAET,YAAY,EAAED,MAAM,CAAC;MAClEE,aAAa,CAACiB,aAAa,CAAC;IAC7B;IAEDhB,YAAY,CAACO,IAAI,CAAC;IAClBH,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGO,CAAC,CAAC;EACb,CAAC;EAED,IAAMa,aAAa,GAAgC,SAAAA,CAAAb,CAAC,EAAA;IAClD,IAAIA,CAAC,CAACc,GAAG,KAAK,OAAO,EAAE;MACrBd,CAAC,CAACe,cAAc,CAAA,CAAE;MAClB,IAAMnB,IAAI,GAAGe,+BAA+B,CAC1CX,CAAC,CAACC,aAAa,CAACC,KAAK,EACrBhB,MAAM,CACP;MACDG,YAAY,CAACO,IAAI,CAAC;MAClBN,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGM,IAAI,CAAC;IACrB;IACDF,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAGM,CAAC,CAAC;EAChB,CAAC;EAED,OAAO;IACLT,QAAQ,EAAEQ,YAAY;IACtBP,OAAO,EAAEW,WAAW;IACpBV,MAAM,EAAEc,UAAU;IAClBb,SAAS,EAAEmB;GACZ;AACH,CAAA;"}
|
package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInputField.mjs","sources":["../../../../../../src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n DateInput,\n DateInputProps,\n DateInputDescription,\n DateInputDescriptionProps,\n} from \"~components/DateInput\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ValidationMessage } from \"../../types\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n id: string\n locale: Locale\n /**\n * A description that provides context for the text field\n */\n description?: DateInputDescriptionProps[\"description\"]\n isReversed?: boolean\n validationMessage?: ValidationMessage\n disabled?: boolean\n labelText?: DateInputProps[\"labelText\"]\n} & Omit<DateInputProps, \"id\" | \"labelText\">\n\nexport const DateInputField = React.forwardRef<\n HTMLInputElement,\n DateInputFieldProps\n>(\n (\n {\n id,\n labelText,\n description,\n disabled,\n isReversed = false,\n validationMessage,\n locale,\n classNameOverride,\n ...restProps\n },\n ref\n ) => {\n const descriptionId = `${id}--field-message`\n\n const errorMessageId = validationMessage\n ? `${id}--date-error-message`\n : undefined\n\n const inputDescribedBy = errorMessageId\n ? `${errorMessageId} ${descriptionId}`\n : descriptionId\n\n const dateIsInvalid = errorMessageId !== undefined\n\n return (\n <div>\n <DateInput\n ref={ref}\n id={id}\n labelText={labelText || \"Date\"}\n aria-describedby={inputDescribedBy}\n aria-errormessage={errorMessageId}\n aria-invalid={dateIsInvalid}\n autoComplete=\"off\"\n disabled={disabled}\n status={validationMessage?.status}\n classNameOverride={classNameOverride}\n {...restProps}\n />\n\n {validationMessage && (\n <FieldMessage\n id={errorMessageId}\n message={validationMessage?.message}\n status={validationMessage?.status}\n reversed={isReversed}\n />\n )}\n\n <FieldMessage\n id={descriptionId}\n message={\n <DateInputDescription description={description} locale={locale} />\n }\n reversed={isReversed}\n classNameOverride={disabled ? styles.disabled : undefined}\n />\n </div>\n )\n }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","id","labelText","description","disabled","_b","isReversed","validationMessage","locale","classNameOverride","restProps","__rest","descriptionId","concat","errorMessageId","undefined","inputDescribedBy","dateIsInvalid","createElement","DateInput","autoComplete","status","FieldMessage","message","reversed","DateInputDescription","styles","displayName"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"DateInputField.mjs","sources":["../../../../../../src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React from \"react\"\nimport type { Locale } from \"date-fns\"\nimport {\n DateInput,\n DateInputProps,\n DateInputDescription,\n DateInputDescriptionProps,\n} from \"~components/DateInput\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ValidationMessage } from \"../../types\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n id: string\n locale: Locale\n /**\n * A description that provides context for the text field\n */\n description?: DateInputDescriptionProps[\"description\"]\n isReversed?: boolean\n validationMessage?: ValidationMessage\n disabled?: boolean\n labelText?: DateInputProps[\"labelText\"]\n} & Omit<DateInputProps, \"id\" | \"labelText\">\n\nexport const DateInputField = React.forwardRef<\n HTMLInputElement,\n DateInputFieldProps\n>(\n (\n {\n id,\n labelText,\n description,\n disabled,\n isReversed = false,\n validationMessage,\n locale,\n classNameOverride,\n ...restProps\n },\n ref\n ) => {\n const descriptionId = `${id}--field-message`\n\n const errorMessageId = validationMessage\n ? `${id}--date-error-message`\n : undefined\n\n const inputDescribedBy = errorMessageId\n ? `${errorMessageId} ${descriptionId}`\n : descriptionId\n\n const dateIsInvalid = errorMessageId !== undefined\n\n return (\n <div>\n <DateInput\n ref={ref}\n id={id}\n labelText={labelText || \"Date\"}\n aria-describedby={inputDescribedBy}\n aria-errormessage={errorMessageId}\n aria-invalid={dateIsInvalid}\n autoComplete=\"off\"\n disabled={disabled}\n status={validationMessage?.status}\n classNameOverride={classNameOverride}\n {...restProps}\n />\n\n {validationMessage && (\n <FieldMessage\n id={errorMessageId}\n message={validationMessage?.message}\n status={validationMessage?.status}\n reversed={isReversed}\n />\n )}\n\n <FieldMessage\n id={descriptionId}\n message={\n <DateInputDescription description={description} locale={locale} />\n }\n reversed={isReversed}\n classNameOverride={disabled ? styles.disabled : undefined}\n />\n </div>\n )\n }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","id","labelText","description","disabled","_b","isReversed","validationMessage","locale","classNameOverride","restProps","__rest","descriptionId","concat","errorMessageId","undefined","inputDescribedBy","dateIsInvalid","createElement","DateInput","autoComplete","status","FieldMessage","message","reversed","DateInputDescription","styles","displayName"],"mappings":";;;;;;;MAyBaA,cAAc;EAAA,MAAdA,cAAc,gBAAGC,KAAK,CAACC,UAAU,CAI5C,UACEC,EAUC,EACDC,GAAG,EAAA;IAVD,IAAAC,EAAE,GAAAF,EAAA,CAAAE,EAAA;MACFC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MACXC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,kBAAkB;MAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACjBC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,iBAAiB,GAAAV,EAAA,CAAAU,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EATd,gHAUC,CADa;IAId,IAAMa,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAZ,EAAE,oBAAiB;IAE5C,IAAMa,cAAc,GAAGP,iBAAiB,GACpC,EAAG,CAAAM,MAAA,CAAAZ,EAAE,EAAsB,sBAAA,CAAA,GAC3Bc,SAAS;IAEb,IAAMC,gBAAgB,GAAGF,cAAc,GACnC,EAAA,CAAAD,MAAA,CAAGC,cAAc,EAAA,GAAA,CAAA,CAAAD,MAAA,CAAID,aAAa,CAAE,GACpCA,aAAa;IAEjB,IAAMK,aAAa,GAAGH,cAAc,KAAKC,SAAS;IAElD,oBACElB,KAAA,CAAAqB,aAAA,CAAA,KAAA,EAAA,IAAA,eACErB,KAAC,CAAAqB,aAAA,CAAAC,SAAS;MACRnB,GAAG,EAAEA,GAAG;MACRC,EAAE,EAAEA,EAAE;MACNC,SAAS,EAAEA,SAAS,IAAI,MAAM;MAAA,kBAAA,EACZc,gBAAgB;MACf,mBAAA,EAAAF,cAAc;sBACnBG,aAAa;MAC3BG,YAAY,EAAC,KAAK;MAClBhB,QAAQ,EAAEA,QAAQ;MAClBiB,MAAM,EAAEd,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,iBAAiB,CAAEc,MAAM;MACjCZ,iBAAiB,EAAEA;IAAiB,CAChC,EAAAC,SAAS,CACb,CAAA,EAEDH,iBAAiB,mBAChBV,KAAC,CAAAqB,aAAA,CAAAI,YAAY;MACXrB,EAAE,EAAEa,cAAc;MAClBS,OAAO,EAAEhB,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,iBAAiB,CAAEgB,OAAO;MACnCF,MAAM,EAAEd,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEc,MAAM;MACjCG,QAAQ,EAAElB;MACV,CACH,eAEDT,KAAA,CAAAqB,aAAA,CAACI,YAAY,EACX;MAAArB,EAAE,EAAEW,aAAa;MACjBW,OAAO,eACL1B,KAAA,CAAAqB,aAAA,CAACO,oBAAoB,EAAA;QAACtB,WAAW,EAAEA,WAAW;QAAEK,MAAM,EAAEA;MAAU,CAAA,CAAA;MAEpEgB,QAAQ,EAAElB,UAAU;MACpBG,iBAAiB,EAAEL,QAAQ,GAAGsB,MAAM,CAACtB,QAAQ,GAAGW;IAAS,CACzD,CAAA,CACE;EAEV,CAAC,CACF;EAEDnB,cAAc,CAAC+B,WAAW,GAAG,gBAAgB;EAAA,OApEhC/B,cAAc;AAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transformDateToInputValue.mjs","sources":["../../../../../src/Filter/FilterDatePicker/utils/transformDateToInputValue.ts"],"sourcesContent":["import { DisabledDays, formatDateAsText } from \"~components/Calendar\"\n\nexport const transformDateToInputValue = (\n date: Date | undefined,\n disabledDays: DisabledDays,\n locale: Locale\n): string => (date ? formatDateAsText(date, disabledDays, locale) : \"\")\n"],"names":["transformDateToInputValue","date","disabledDays","locale","formatDateAsText"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"transformDateToInputValue.mjs","sources":["../../../../../src/Filter/FilterDatePicker/utils/transformDateToInputValue.ts"],"sourcesContent":["import type { Locale } from \"date-fns\"\nimport { DisabledDays, formatDateAsText } from \"~components/Calendar\"\n\nexport const transformDateToInputValue = (\n date: Date | undefined,\n disabledDays: DisabledDays,\n locale: Locale\n): string => (date ? formatDateAsText(date, disabledDays, locale) : \"\")\n"],"names":["transformDateToInputValue","date","disabledDays","locale","formatDateAsText"],"mappings":";;;;;;AAGO,IAAMA,yBAAyB,GAAG,SAAAA,CACvCC,IAAsB,EACtBC,YAA0B,EAC1BC,MAAc,EAAA;EACH,OAACF,IAAI,GAAGG,gBAAgB,CAACH,IAAI,EAAEC,YAAY,EAAEC,MAAM,CAAC,GAAG,EAAE;AAAC,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeDisplayLabel.mjs","sources":["../../../../../../src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText } from \"~components/Calendar\"\nimport styles from \"./DateRangeDisplayLabel.module.scss\"\n\nexport type DateRangeDisplayLabelProps = {\n dateRange: { from: Date; to: Date }\n locale: Locale\n}\n\nexport const DateRangeDisplayLabel = ({\n dateRange,\n locale,\n}: DateRangeDisplayLabelProps): JSX.Element | null => {\n const formattedDateFrom = formatDateAsText(dateRange.from, undefined, locale)\n const formattedDateTo = formatDateAsText(dateRange.to, undefined, locale)\n\n return (\n <span className={styles.dateRangeDisplayLabel}>\n <span>{formattedDateFrom}</span>\n <span>-</span>\n <span>{formattedDateTo}</span>\n </span>\n )\n}\n\nDateRangeDisplayLabel.displayName = \"DateRangeDisplayLabel\"\n"],"names":["DateRangeDisplayLabel","_a","dateRange","locale","formattedDateFrom","formatDateAsText","from","undefined","formattedDateTo","to","React","createElement","className","styles","dateRangeDisplayLabel","displayName"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"DateRangeDisplayLabel.mjs","sources":["../../../../../../src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport type { Locale } from \"date-fns\"\nimport { formatDateAsText } from \"~components/Calendar\"\nimport styles from \"./DateRangeDisplayLabel.module.scss\"\n\nexport type DateRangeDisplayLabelProps = {\n dateRange: { from: Date; to: Date }\n locale: Locale\n}\n\nexport const DateRangeDisplayLabel = ({\n dateRange,\n locale,\n}: DateRangeDisplayLabelProps): JSX.Element | null => {\n const formattedDateFrom = formatDateAsText(dateRange.from, undefined, locale)\n const formattedDateTo = formatDateAsText(dateRange.to, undefined, locale)\n\n return (\n <span className={styles.dateRangeDisplayLabel}>\n <span>{formattedDateFrom}</span>\n <span>-</span>\n <span>{formattedDateTo}</span>\n </span>\n )\n}\n\nDateRangeDisplayLabel.displayName = \"DateRangeDisplayLabel\"\n"],"names":["DateRangeDisplayLabel","_a","dateRange","locale","formattedDateFrom","formatDateAsText","from","undefined","formattedDateTo","to","React","createElement","className","styles","dateRangeDisplayLabel","displayName"],"mappings":";;;;;;;;MAUaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAF3BC,SAAS,GAAAD,EAAA,CAAAC,SAAA;MACTC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAEN,IAAMC,iBAAiB,GAAGC,gBAAgB,CAACH,SAAS,CAACI,IAAI,EAAEC,SAAS,EAAEJ,MAAM,CAAC;IAC7E,IAAMK,eAAe,GAAGH,gBAAgB,CAACH,SAAS,CAACO,EAAE,EAAEF,SAAS,EAAEJ,MAAM,CAAC;IAEzE,oBACEO,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAqB,CAAA,eAC3CJ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOP,iBAAiB,CAAQ,eAChCM,KAAc,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,GAAA,CAAA,eACdD,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOH,eAAe,CAAQ,CACzB;EAEX,CAAC;EAEDR,qBAAqB,CAACe,WAAW,GAAG,uBAAuB;EAAA,OAhB9Cf,qBAAqB;AAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeInputField.mjs","sources":["../../../../../../src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n DateInput,\n DateInputDescription,\n DateInputDescriptionProps,\n DateInputProps,\n} from \"~components/DateInput\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport {\n DateRangeValidationMessage,\n DateRangeValidationMessageProps,\n} from \"../DateRangeValidationMessage\"\nimport styles from \"./DateRangeInputField.module.scss\"\n\nexport type DateRangeInputFieldProps = {\n id: string\n legend: string\n inputStartDateProps: Omit<DateInputProps, \"id\">\n inputEndDateProps: Omit<DateInputProps, \"id\">\n locale: Locale\n /**\n * A description that provides context for the text field\n */\n description?: DateInputDescriptionProps[\"description\"]\n isReversed?: boolean\n validationMessage?: DateRangeValidationMessageProps[\"validationMessage\"]\n disabled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport type DateRangeInputFieldRefs = {\n inputStartDateRef?: React.RefObject<HTMLInputElement>\n inputEndDateRef?: React.RefObject<HTMLInputElement>\n}\n\nexport const DateRangeInputField = React.forwardRef<\n DateRangeInputFieldRefs,\n DateRangeInputFieldProps\n>(\n (\n {\n id,\n legend,\n inputStartDateProps,\n inputEndDateProps,\n description,\n disabled,\n isReversed = false,\n validationMessage,\n locale,\n classNameOverride,\n ...restProps\n },\n ref\n ) => {\n const customRefObject = isRefObject(ref) ? ref.current : null\n const inputStartDateRef = customRefObject?.inputStartDateRef\n const inputEndDateRef = customRefObject?.inputEndDateRef\n\n const descriptionId = `${id}--field-message`\n\n // Date Start aria labels\n const dateStartErrorMessageId = validationMessage?.dateStart\n ? `${id}--date-start-error-message`\n : undefined\n\n const dateStartInputDescribedBy = dateStartErrorMessageId\n ? `${dateStartErrorMessageId} ${descriptionId}`\n : descriptionId\n\n const dateStartIsInvalid = dateStartErrorMessageId !== undefined\n\n // Date End aria labels\n const dateEndErrorMessageId = validationMessage?.dateEnd\n ? `${id}--date-end-error-message`\n : undefined\n\n const dateEndInputDescribedBy = dateEndErrorMessageId\n ? `${dateEndErrorMessageId} ${descriptionId}`\n : descriptionId\n\n const dateEndIsInvalid = dateEndErrorMessageId !== undefined\n\n return (\n <div className={classNameOverride} {...restProps}>\n <fieldset className={styles.dateRangeInputContainer}>\n <legend>\n <VisuallyHidden>{legend}</VisuallyHidden>\n </legend>\n <DateInput\n ref={inputStartDateRef}\n id={`${id}--from`}\n aria-describedby={dateStartInputDescribedBy}\n aria-errormessage={dateStartErrorMessageId}\n aria-invalid={dateStartIsInvalid}\n autoComplete=\"off\"\n disabled={disabled}\n status={validationMessage?.dateStart?.status}\n {...inputStartDateProps}\n classNameOverride={classnames(\n styles.inputStartDate,\n inputStartDateProps.classNameOverride\n )}\n />\n <DateInput\n ref={inputEndDateRef}\n id={`${id}--to`}\n aria-describedby={dateEndInputDescribedBy}\n aria-errormessage={dateEndErrorMessageId}\n aria-invalid={dateEndIsInvalid}\n autoComplete=\"off\"\n disabled={disabled}\n status={validationMessage?.dateEnd?.status}\n {...inputEndDateProps}\n classNameOverride={classnames(\n styles.inputEndDate,\n inputEndDateProps.classNameOverride\n )}\n />\n </fieldset>\n\n {validationMessage && (\n <DateRangeValidationMessage\n validationMessage={validationMessage}\n isReversed={isReversed}\n dateStartId={dateStartErrorMessageId}\n dateEndId={dateEndErrorMessageId}\n />\n )}\n\n <FieldMessage\n id={descriptionId}\n message={\n <DateInputDescription description={description} locale={locale} />\n }\n reversed={isReversed}\n classNameOverride={disabled ? styles.disabled : undefined}\n />\n </div>\n )\n }\n)\n\nDateRangeInputField.displayName = \"DateRangeInputField\"\n"],"names":["DateRangeInputField","React","forwardRef","_a","ref","id","legend","inputStartDateProps","inputEndDateProps","description","disabled","_d","isReversed","validationMessage","locale","classNameOverride","restProps","__rest","customRefObject","isRefObject","current","inputStartDateRef","inputEndDateRef","descriptionId","concat","dateStartErrorMessageId","dateStart","undefined","dateStartInputDescribedBy","dateStartIsInvalid","dateEndErrorMessageId","dateEnd","dateEndInputDescribedBy","dateEndIsInvalid","createElement","__assign","className","styles","dateRangeInputContainer","VisuallyHidden","DateInput","autoComplete","status","_b","classnames","inputStartDate","_c","inputEndDate","DateRangeValidationMessage","dateStartId","dateEndId","FieldMessage","message","DateInputDescription","reversed","displayName"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DateRangeInputField.mjs","sources":["../../../../../../src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport type { Locale } from \"date-fns\"\nimport {\n DateInput,\n DateInputDescription,\n DateInputDescriptionProps,\n DateInputProps,\n} from \"~components/DateInput\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport {\n DateRangeValidationMessage,\n DateRangeValidationMessageProps,\n} from \"../DateRangeValidationMessage\"\nimport styles from \"./DateRangeInputField.module.scss\"\n\nexport type DateRangeInputFieldProps = {\n id: string\n legend: string\n inputStartDateProps: Omit<DateInputProps, \"id\">\n inputEndDateProps: Omit<DateInputProps, \"id\">\n locale: Locale\n /**\n * A description that provides context for the text field\n */\n description?: DateInputDescriptionProps[\"description\"]\n isReversed?: boolean\n validationMessage?: DateRangeValidationMessageProps[\"validationMessage\"]\n disabled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport type DateRangeInputFieldRefs = {\n inputStartDateRef?: React.RefObject<HTMLInputElement>\n inputEndDateRef?: React.RefObject<HTMLInputElement>\n}\n\nexport const DateRangeInputField = React.forwardRef<\n DateRangeInputFieldRefs,\n DateRangeInputFieldProps\n>(\n (\n {\n id,\n legend,\n inputStartDateProps,\n inputEndDateProps,\n description,\n disabled,\n isReversed = false,\n validationMessage,\n locale,\n classNameOverride,\n ...restProps\n },\n ref\n ) => {\n const customRefObject = isRefObject(ref) ? ref.current : null\n const inputStartDateRef = customRefObject?.inputStartDateRef\n const inputEndDateRef = customRefObject?.inputEndDateRef\n\n const descriptionId = `${id}--field-message`\n\n // Date Start aria labels\n const dateStartErrorMessageId = validationMessage?.dateStart\n ? `${id}--date-start-error-message`\n : undefined\n\n const dateStartInputDescribedBy = dateStartErrorMessageId\n ? `${dateStartErrorMessageId} ${descriptionId}`\n : descriptionId\n\n const dateStartIsInvalid = dateStartErrorMessageId !== undefined\n\n // Date End aria labels\n const dateEndErrorMessageId = validationMessage?.dateEnd\n ? `${id}--date-end-error-message`\n : undefined\n\n const dateEndInputDescribedBy = dateEndErrorMessageId\n ? `${dateEndErrorMessageId} ${descriptionId}`\n : descriptionId\n\n const dateEndIsInvalid = dateEndErrorMessageId !== undefined\n\n return (\n <div className={classNameOverride} {...restProps}>\n <fieldset className={styles.dateRangeInputContainer}>\n <legend>\n <VisuallyHidden>{legend}</VisuallyHidden>\n </legend>\n <DateInput\n ref={inputStartDateRef}\n id={`${id}--from`}\n aria-describedby={dateStartInputDescribedBy}\n aria-errormessage={dateStartErrorMessageId}\n aria-invalid={dateStartIsInvalid}\n autoComplete=\"off\"\n disabled={disabled}\n status={validationMessage?.dateStart?.status}\n {...inputStartDateProps}\n classNameOverride={classnames(\n styles.inputStartDate,\n inputStartDateProps.classNameOverride\n )}\n />\n <DateInput\n ref={inputEndDateRef}\n id={`${id}--to`}\n aria-describedby={dateEndInputDescribedBy}\n aria-errormessage={dateEndErrorMessageId}\n aria-invalid={dateEndIsInvalid}\n autoComplete=\"off\"\n disabled={disabled}\n status={validationMessage?.dateEnd?.status}\n {...inputEndDateProps}\n classNameOverride={classnames(\n styles.inputEndDate,\n inputEndDateProps.classNameOverride\n )}\n />\n </fieldset>\n\n {validationMessage && (\n <DateRangeValidationMessage\n validationMessage={validationMessage}\n isReversed={isReversed}\n dateStartId={dateStartErrorMessageId}\n dateEndId={dateEndErrorMessageId}\n />\n )}\n\n <FieldMessage\n id={descriptionId}\n message={\n <DateInputDescription description={description} locale={locale} />\n }\n reversed={isReversed}\n classNameOverride={disabled ? styles.disabled : undefined}\n />\n </div>\n )\n }\n)\n\nDateRangeInputField.displayName = \"DateRangeInputField\"\n"],"names":["DateRangeInputField","React","forwardRef","_a","ref","id","legend","inputStartDateProps","inputEndDateProps","description","disabled","_d","isReversed","validationMessage","locale","classNameOverride","restProps","__rest","customRefObject","isRefObject","current","inputStartDateRef","inputEndDateRef","descriptionId","concat","dateStartErrorMessageId","dateStart","undefined","dateStartInputDescribedBy","dateStartIsInvalid","dateEndErrorMessageId","dateEnd","dateEndInputDescribedBy","dateEndIsInvalid","createElement","__assign","className","styles","dateRangeInputContainer","VisuallyHidden","DateInput","autoComplete","status","_b","classnames","inputStartDate","_c","inputEndDate","DateRangeValidationMessage","dateStartId","dateEndId","FieldMessage","message","DateInputDescription","reversed","displayName"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { Locale } from "date-fns";
|
|
2
3
|
import { DateInputDescriptionProps, DateInputWithIconButtonProps, DateInputWithIconButtonRefs } from "../../../DateInput";
|
|
3
4
|
import { FieldMessageStatus } from "../../../FieldMessage";
|
|
4
5
|
export type DateInputFieldProps = {
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { FilterTriggerRef } from "../../../Filter";
|
|
3
3
|
import { FilterButtonProps } from "../../../FilterButton";
|
|
4
4
|
export type FilterBarButtonProps = FilterButtonProps & {
|
|
5
|
-
|
|
5
|
+
filterId: string;
|
|
6
6
|
isRemovable: boolean | undefined;
|
|
7
7
|
};
|
|
8
8
|
export declare const FilterBarButton: React.ForwardRefExoticComponent<{
|
|
@@ -10,6 +10,6 @@ export declare const FilterBarButton: React.ForwardRefExoticComponent<{
|
|
|
10
10
|
selectedValue?: string | JSX.Element | undefined;
|
|
11
11
|
isOpen?: boolean | undefined;
|
|
12
12
|
} & Omit<import("../../../FilterButton/subcomponents/FilterButtonBase").FilterButtonBaseProps, "children"> & {
|
|
13
|
-
|
|
13
|
+
filterId: string;
|
|
14
14
|
isRemovable: boolean | undefined;
|
|
15
15
|
} & React.RefAttributes<FilterTriggerRef>>;
|
|
@@ -11,14 +11,14 @@ export declare const validationControls: {
|
|
|
11
11
|
};
|
|
12
12
|
mapping: {
|
|
13
13
|
dateStart: {
|
|
14
|
-
dateStart: import("@storybook/addon-actions").HandlerFunction;
|
|
14
|
+
dateStart: import("@storybook/addon-actions/*").HandlerFunction;
|
|
15
15
|
};
|
|
16
16
|
dateEnd: {
|
|
17
|
-
dateEnd: import("@storybook/addon-actions").HandlerFunction;
|
|
17
|
+
dateEnd: import("@storybook/addon-actions/*").HandlerFunction;
|
|
18
18
|
};
|
|
19
19
|
dateRange: {
|
|
20
|
-
dateStart: import("@storybook/addon-actions").HandlerFunction;
|
|
21
|
-
dateEnd: import("@storybook/addon-actions").HandlerFunction;
|
|
20
|
+
dateStart: import("@storybook/addon-actions/*").HandlerFunction;
|
|
21
|
+
dateEnd: import("@storybook/addon-actions/*").HandlerFunction;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
};
|
|
@@ -11,14 +11,14 @@ export declare const validationControls: {
|
|
|
11
11
|
};
|
|
12
12
|
mapping: {
|
|
13
13
|
dateStart: {
|
|
14
|
-
dateStart: import("@storybook/addon-actions").HandlerFunction;
|
|
14
|
+
dateStart: import("@storybook/addon-actions/*").HandlerFunction;
|
|
15
15
|
};
|
|
16
16
|
dateEnd: {
|
|
17
|
-
dateEnd: import("@storybook/addon-actions").HandlerFunction;
|
|
17
|
+
dateEnd: import("@storybook/addon-actions/*").HandlerFunction;
|
|
18
18
|
};
|
|
19
19
|
dateRange: {
|
|
20
|
-
dateStart: import("@storybook/addon-actions").HandlerFunction;
|
|
21
|
-
dateEnd: import("@storybook/addon-actions").HandlerFunction;
|
|
20
|
+
dateStart: import("@storybook/addon-actions/*").HandlerFunction;
|
|
21
|
+
dateEnd: import("@storybook/addon-actions/*").HandlerFunction;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import type { Locale } from "date-fns";
|
|
2
3
|
import { DateInputDescriptionProps, DateInputProps } from "../../../../DateInput";
|
|
3
4
|
import { OverrideClassName } from "../../../../types/OverrideClassName";
|
|
4
5
|
import { DateRangeValidationMessageProps } from "../DateRangeValidationMessage";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export declare const exampleActionButtonPropsButton: {
|
|
3
3
|
label: string;
|
|
4
|
-
onClick: import("@storybook/addon-actions").HandlerFunction;
|
|
4
|
+
onClick: import("@storybook/addon-actions/*").HandlerFunction;
|
|
5
5
|
};
|
|
6
6
|
export declare const exampleActionButtonPropsAnchor: {
|
|
7
7
|
label: string;
|
package/dist/esm/index.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
|
|
2
2
|
.Main-module_main__hMyB1{z-index:0}
|
|
3
3
|
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
4
|
-
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
5
4
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
5
|
+
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
6
6
|
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
7
|
-
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
8
7
|
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
8
|
+
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
9
9
|
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
10
10
|
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
11
11
|
.SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import * as React$1 from 'react';
|
|
|
3
3
|
import React__default, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, SVGAttributes, LabelHTMLAttributes, SyntheticEvent, AnchorHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
4
4
|
import { DayPickerSingleProps, DayPickerRangeProps, DayPickerProps, DateRange, DateInterval, Matcher, DayClickEventHandler } from 'react-day-picker';
|
|
5
5
|
export { DateInterval, DateRange } from 'react-day-picker';
|
|
6
|
+
import { Locale } from 'date-fns';
|
|
6
7
|
import { Key, Node, SelectionMode, Selection } from '@react-types/shared';
|
|
7
8
|
import { AriaMenuOptions } from '@react-aria/menu';
|
|
8
9
|
import { MenuTriggerState } from '@react-stately/menu';
|
|
@@ -1330,6 +1331,7 @@ type FilterProps = {
|
|
|
1330
1331
|
isOpen: boolean;
|
|
1331
1332
|
setIsOpen: (isOpen: boolean) => void;
|
|
1332
1333
|
renderTrigger: (triggerProps: {
|
|
1334
|
+
id: string;
|
|
1333
1335
|
onClick: () => void;
|
|
1334
1336
|
isOpen: boolean;
|
|
1335
1337
|
}) => JSX.Element & {
|