@kaizen/components 1.39.1 → 1.39.2
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/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/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/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/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts +1 -0
- package/dist/cjs/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.d.ts +1 -0
- 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/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/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/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts +1 -0
- package/dist/esm/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.d.ts +1 -0
- package/dist/esm/index.css +2 -2
- package/dist/index.d.ts +2 -0
- package/dist/styles.css +1 -1
- package/package.json +3 -3
- package/src/Calendar/CalendarRange/_docs/CalendarRange.stickersheet.stories.tsx +19 -8
- package/src/Calendar/CalendarSingle/_docs/CalendarSingle.stickersheet.stories.tsx +22 -29
- 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/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/subcomponents/DateInputField/DateInputField.tsx +1 -0
- package/src/DatePicker/utils/getLocale.ts +1 -0
- package/src/Filter/Filter/Filter.spec.tsx +6 -4
- package/src/Filter/Filter/Filter.tsx +11 -1
- package/src/Filter/FilterBar/FilterBar.spec.tsx +12 -1
- 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/FilterDatePicker/FilterDatePicker.spec.stories.tsx +1 -1
- package/src/Filter/FilterDatePicker/FilterDatePicker.spec.tsx +3 -5
- 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/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
|
@@ -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";
|
package/dist/cjs/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
|
-
.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}
|
|
3
2
|
.Main-module_main__hMyB1{z-index:0}
|
|
4
|
-
.
|
|
5
|
-
.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)}}
|
|
6
|
-
.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}
|
|
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}
|
|
7
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
|
+
.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}
|
|
8
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
|
+
.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegacyCalendarRange.mjs","sources":["../../../../src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n DayPicker,\n DateRange,\n DayClickEventHandler,\n Matcher,\n DayPickerRangeProps,\n} from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate, isValidWeekStartsOn } from \"../utils\"\nimport styles from \"./LegacyCalendarRange.module.scss\"\n\nexport type LegacyCalendarRangeElement = HTMLDivElement\n\nexport type LegacyCalendarRangeProps = {\n classNameOverride?: string\n defaultMonth?: Date\n weekStartsOn?: DayOfWeek\n disabledDays?: Matcher[]\n selectedRange?: DateRange\n locale: Locale\n onDayChange: DayClickEventHandler\n}\n\nexport const LegacyCalendarRange = ({\n classNameOverride,\n defaultMonth,\n weekStartsOn = DayOfWeek.Mon,\n disabledDays,\n selectedRange,\n locale,\n onDayChange,\n}: LegacyCalendarRangeProps): JSX.Element => {\n const monthToShow = selectedRange?.from || defaultMonth\n const selectedMonth =\n monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n /* eslint-disable camelcase */\n const classNames = {\n ...baseCalendarClassNames,\n nav: styles.nav,\n nav_button_next: styles.navButtonNext,\n day_range_start: styles.dayRangeStart,\n day_range_end: styles.dayRangeEnd,\n day_range_middle: styles.dayRangeMiddle,\n } satisfies DayPickerRangeProps[\"classNames\"]\n /* eslint-enable camelcase */\n\n return (\n <div className={classNameOverride}>\n <DayPicker\n mode=\"range\"\n selected={selectedRange}\n defaultMonth={selectedMonth}\n weekStartsOn={\n isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined\n }\n disabled={disabledDays}\n onDayClick={onDayChange}\n classNames={classNames}\n components={{\n IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n }}\n locale={locale}\n />\n </div>\n )\n}\n\nLegacyCalendarRange.displayName = \"LegacyCalendarRange\"\n"],"names":["LegacyCalendarRange","_a","classNameOverride","defaultMonth","_b","weekStartsOn","DayOfWeek","Mon","disabledDays","selectedRange","locale","onDayChange","monthToShow","from","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","nav","styles","nav_button_next","navButtonNext","day_range_start","dayRangeStart","day_range_end","dayRangeEnd","day_range_middle","dayRangeMiddle","React","createElement","className","DayPicker","mode","selected","isValidWeekStartsOn","disabled","onDayClick","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","displayName"],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"LegacyCalendarRange.mjs","sources":["../../../../src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx"],"sourcesContent":["import React from \"react\"\nimport type { Locale } from \"date-fns\"\nimport {\n DayPicker,\n DateRange,\n DayClickEventHandler,\n Matcher,\n DayPickerRangeProps,\n} from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate, isValidWeekStartsOn } from \"../utils\"\nimport styles from \"./LegacyCalendarRange.module.scss\"\n\nexport type LegacyCalendarRangeElement = HTMLDivElement\n\nexport type LegacyCalendarRangeProps = {\n classNameOverride?: string\n defaultMonth?: Date\n weekStartsOn?: DayOfWeek\n disabledDays?: Matcher[]\n selectedRange?: DateRange\n locale: Locale\n onDayChange: DayClickEventHandler\n}\n\nexport const LegacyCalendarRange = ({\n classNameOverride,\n defaultMonth,\n weekStartsOn = DayOfWeek.Mon,\n disabledDays,\n selectedRange,\n locale,\n onDayChange,\n}: LegacyCalendarRangeProps): JSX.Element => {\n const monthToShow = selectedRange?.from || defaultMonth\n const selectedMonth =\n monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n /* eslint-disable camelcase */\n const classNames = {\n ...baseCalendarClassNames,\n nav: styles.nav,\n nav_button_next: styles.navButtonNext,\n day_range_start: styles.dayRangeStart,\n day_range_end: styles.dayRangeEnd,\n day_range_middle: styles.dayRangeMiddle,\n } satisfies DayPickerRangeProps[\"classNames\"]\n /* eslint-enable camelcase */\n\n return (\n <div className={classNameOverride}>\n <DayPicker\n mode=\"range\"\n selected={selectedRange}\n defaultMonth={selectedMonth}\n weekStartsOn={\n isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined\n }\n disabled={disabledDays}\n onDayClick={onDayChange}\n classNames={classNames}\n components={{\n IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n }}\n locale={locale}\n />\n </div>\n )\n}\n\nLegacyCalendarRange.displayName = \"LegacyCalendarRange\"\n"],"names":["LegacyCalendarRange","_a","classNameOverride","defaultMonth","_b","weekStartsOn","DayOfWeek","Mon","disabledDays","selectedRange","locale","onDayChange","monthToShow","from","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","nav","styles","nav_button_next","navButtonNext","day_range_start","dayRangeStart","day_range_end","dayRangeEnd","day_range_middle","dayRangeMiddle","React","createElement","className","DayPicker","mode","selected","isValidWeekStartsOn","disabled","onDayClick","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","displayName"],"mappings":";;;;;;;;;;;;MA2BaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAQT,EAAA;QAPzBC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,oBAA4B;MAA5BC,YAAY,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,SAAS,CAACC,GAAG,KAAA;MAC5BC,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,aAAa,GAAAR,EAAA,CAAAQ,aAAA;MACbC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,WAAW,GAAAV,EAAA,CAAAU,WAAA;IAEX,IAAMC,WAAW,GAAG,CAAAH,aAAa,KAAb,IAAA,IAAAA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,CAAEI,IAAI,KAAIV,YAAY;IACvD,IAAMW,aAAa,GACjBF,WAAW,IAAIG,aAAa,CAACH,WAAW,CAAC,GAAGI,SAAS,GAAGJ,WAAW;;IAGrE,IAAMK,UAAU,GAAGC,QACd,CAAAA,QAAA,CAAA,EAAA,EAAAC,sBAAsB;MACzBC,GAAG,EAAEC,MAAM,CAACD,GAAG;MACfE,eAAe,EAAED,MAAM,CAACE,aAAa;MACrCC,eAAe,EAAEH,MAAM,CAACI,aAAa;MACrCC,aAAa,EAAEL,MAAM,CAACM,WAAW;MACjCC,gBAAgB,EAAEP,MAAM,CAACQ;IAAc,EACI;;IAG7C,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAE9B;IAAiB,CAAA,eAC/B4B,KAAA,CAAAC,aAAA,CAACE,SAAS,EACR;MAAAC,IAAI,EAAC,OAAO;MACZC,QAAQ,EAAE1B,aAAa;MACvBN,YAAY,EAAEW,aAAa;MAC3BT,YAAY,EACV+B,mBAAmB,CAAC/B,YAAY,CAAC,GAAGA,YAAY,GAAGW,SAAS;MAE9DqB,QAAQ,EAAE7B,YAAY;MACtB8B,UAAU,EAAE3B,WAAW;MACvBM,UAAU,EAAEA,UAAU;MACtBsB,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAV,KAAC,CAAAC,aAAA,CAAAU,gBAAgB,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAb,KAAC,CAAAC,aAAA,CAAAa,iBAAiB,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACDhC,MAAM,EAAEA;IACR,CAAA,CAAA,CACE;EAEV,CAAC;EAEDV,mBAAmB,CAAC6C,WAAW,GAAG,qBAAqB;EAAA,OA9C1C7C,mBAAmB;AAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatDateAsNumeral.mjs","sources":["../../../../src/Calendar/utils/formatDateAsNumeral.ts"],"sourcesContent":["import { format } from \"date-fns\"\nimport { DateFormat } from \"../enums\"\nimport { isInvalidDate } from \"./isInvalidDate\"\n\nexport const formatDateAsNumeral = (date: Date, locale: Locale): string =>\n isInvalidDate(date)\n ? \"\"\n : format(date, DateFormat.Numeral, {\n locale,\n })\n"],"names":["formatDateAsNumeral","date","locale","isInvalidDate","format","DateFormat","Numeral"],"mappings":";;;AAIa,IAAAA,mBAAmB,GAAG,SAAAA,CAACC,IAAU,EAAEC,MAAc,EAAA;EAC5D,OAAAC,aAAa,CAACF,IAAI,CAAC,GACf,EAAE,GACFG,MAAM,CAACH,IAAI,EAAEI,UAAU,CAACC,OAAO,EAAE;IAC/BJ,MAAM,EAAAA;GACP,CAAC;AAJN,CAAA;"}
|
|
1
|
+
{"version":3,"file":"formatDateAsNumeral.mjs","sources":["../../../../src/Calendar/utils/formatDateAsNumeral.ts"],"sourcesContent":["import { Locale, format } from \"date-fns\"\nimport { DateFormat } from \"../enums\"\nimport { isInvalidDate } from \"./isInvalidDate\"\n\nexport const formatDateAsNumeral = (date: Date, locale: Locale): string =>\n isInvalidDate(date)\n ? \"\"\n : format(date, DateFormat.Numeral, {\n locale,\n })\n"],"names":["formatDateAsNumeral","date","locale","isInvalidDate","format","DateFormat","Numeral"],"mappings":";;;AAIa,IAAAA,mBAAmB,GAAG,SAAAA,CAACC,IAAU,EAAEC,MAAc,EAAA;EAC5D,OAAAC,aAAa,CAACF,IAAI,CAAC,GACf,EAAE,GACFG,MAAM,CAACH,IAAI,EAAEI,UAAU,CAACC,OAAO,EAAE;IAC/BJ,MAAM,EAAAA;GACP,CAAC;AAJN,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatDateAsText.mjs","sources":["../../../../src/Calendar/utils/formatDateAsText.ts"],"sourcesContent":["import { format } from \"date-fns\"\nimport { DateFormat } from \"../enums\"\nimport { DisabledDays } from \"../types\"\nimport { isDisabledDate } from \"./isDisabledDate\"\nimport { isInvalidDate } from \"./isInvalidDate\"\n\nexport const formatDateAsText = (\n date: Date,\n disabledDays: DisabledDays,\n locale: Locale\n): string => {\n if (isDisabledDate(date, disabledDays)) {\n return format(date, DateFormat.Numeral, { locale })\n }\n if (isInvalidDate(date)) {\n return \"Invalid Date\"\n }\n return format(date, DateFormat.Text, { locale })\n}\n"],"names":["formatDateAsText","date","disabledDays","locale","isDisabledDate","format","DateFormat","Numeral","isInvalidDate","Text"],"mappings":";;;;IAMaA,gBAAgB,GAAG,SAAAA,CAC9BC,IAAU,EACVC,YAA0B,EAC1BC,MAAc,EAAA;EAEd,IAAIC,cAAc,CAACH,IAAI,EAAEC,YAAY,CAAC,EAAE;IACtC,OAAOG,MAAM,CAACJ,IAAI,EAAEK,UAAU,CAACC,OAAO,EAAE;MAAEJ,MAAM,EAAAA;IAAA,CAAE,CAAC;EACpD;EACD,IAAIK,aAAa,CAACP,IAAI,CAAC,EAAE;IACvB,OAAO,cAAc;EACtB;EACD,OAAOI,MAAM,CAACJ,IAAI,EAAEK,UAAU,CAACG,IAAI,EAAE;IAAEN,MAAM,EAAAA;EAAA,CAAE,CAAC;AAClD,CAAA;"}
|
|
1
|
+
{"version":3,"file":"formatDateAsText.mjs","sources":["../../../../src/Calendar/utils/formatDateAsText.ts"],"sourcesContent":["import { Locale, format } from \"date-fns\"\nimport { DateFormat } from \"../enums\"\nimport { DisabledDays } from \"../types\"\nimport { isDisabledDate } from \"./isDisabledDate\"\nimport { isInvalidDate } from \"./isInvalidDate\"\n\nexport const formatDateAsText = (\n date: Date,\n disabledDays: DisabledDays,\n locale: Locale\n): string => {\n if (isDisabledDate(date, disabledDays)) {\n return format(date, DateFormat.Numeral, { locale })\n }\n if (isInvalidDate(date)) {\n return \"Invalid Date\"\n }\n return format(date, DateFormat.Text, { locale })\n}\n"],"names":["formatDateAsText","date","disabledDays","locale","isDisabledDate","format","DateFormat","Numeral","isInvalidDate","Text"],"mappings":";;;;IAMaA,gBAAgB,GAAG,SAAAA,CAC9BC,IAAU,EACVC,YAA0B,EAC1BC,MAAc,EAAA;EAEd,IAAIC,cAAc,CAACH,IAAI,EAAEC,YAAY,CAAC,EAAE;IACtC,OAAOG,MAAM,CAACJ,IAAI,EAAEK,UAAU,CAACC,OAAO,EAAE;MAAEJ,MAAM,EAAAA;IAAA,CAAE,CAAC;EACpD;EACD,IAAIK,aAAa,CAACP,IAAI,CAAC,EAAE;IACvB,OAAO,cAAc;EACtB;EACD,OAAOI,MAAM,CAACJ,IAAI,EAAEK,UAAU,CAACG,IAAI,EAAE;IAAEN,MAAM,EAAAA;EAAA,CAAE,CAAC;AAClD,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parseDateAsTextOrNumeral.mjs","sources":["../../../../src/Calendar/utils/parseDateAsTextOrNumeral.ts"],"sourcesContent":["import { parseDateFromNumeralFormatValue } from \"./parseDateFromNumeralFormatValue\"\nimport { parseDateFromTextFormatValue } from \"./parseDateFromTextFormatValue\"\n\nexport const parseDateAsTextOrNumeral = (\n value: string,\n locale: Locale\n): Date => {\n const parsedAsText = parseDateFromTextFormatValue(value, locale)\n if (parsedAsText.toString() !== \"Invalid Date\") return parsedAsText\n\n return parseDateFromNumeralFormatValue(value, locale)\n}\n"],"names":["parseDateAsTextOrNumeral","value","locale","parsedAsText","parseDateFromTextFormatValue","toString","parseDateFromNumeralFormatValue"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"parseDateAsTextOrNumeral.mjs","sources":["../../../../src/Calendar/utils/parseDateAsTextOrNumeral.ts"],"sourcesContent":["import type { Locale } from \"date-fns\"\nimport { parseDateFromNumeralFormatValue } from \"./parseDateFromNumeralFormatValue\"\nimport { parseDateFromTextFormatValue } from \"./parseDateFromTextFormatValue\"\n\nexport const parseDateAsTextOrNumeral = (\n value: string,\n locale: Locale\n): Date => {\n const parsedAsText = parseDateFromTextFormatValue(value, locale)\n if (parsedAsText.toString() !== \"Invalid Date\") return parsedAsText\n\n return parseDateFromNumeralFormatValue(value, locale)\n}\n"],"names":["parseDateAsTextOrNumeral","value","locale","parsedAsText","parseDateFromTextFormatValue","toString","parseDateFromNumeralFormatValue"],"mappings":";;AAIa,IAAAA,wBAAwB,GAAG,SAAAA,CACtCC,KAAa,EACbC,MAAc,EAAA;EAEd,IAAMC,YAAY,GAAGC,4BAA4B,CAACH,KAAK,EAAEC,MAAM,CAAC;EAChE,IAAIC,YAAY,CAACE,QAAQ,CAAA,CAAE,KAAK,cAAc,EAAE,OAAOF,YAAY;EAEnE,OAAOG,+BAA+B,CAACL,KAAK,EAAEC,MAAM,CAAC;AACvD,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parseDateFromNumeralFormatValue.mjs","sources":["../../../../src/Calendar/utils/parseDateFromNumeralFormatValue.ts"],"sourcesContent":["import { parse } from \"date-fns\"\nimport { DateFormat } from \"../enums\"\n\nexport const parseDateFromNumeralFormatValue = (\n value: string,\n locale: Locale\n): Date =>\n parse(value, DateFormat.Numeral, new Date(), {\n locale,\n })\n"],"names":["parseDateFromNumeralFormatValue","value","locale","parse","DateFormat","Numeral","Date"],"mappings":";;AAGa,IAAAA,+BAA+B,GAAG,SAAAA,CAC7CC,KAAa,EACbC,MAAc,EAAA;EAEd,OAAAC,KAAK,CAACF,KAAK,EAAEG,UAAU,CAACC,OAAO,EAAE,IAAIC,IAAI,CAAA,CAAE,EAAE;IAC3CJ,MAAM,EAAAA;GACP,CAAC;AAFF,CAAA;"}
|
|
1
|
+
{"version":3,"file":"parseDateFromNumeralFormatValue.mjs","sources":["../../../../src/Calendar/utils/parseDateFromNumeralFormatValue.ts"],"sourcesContent":["import { Locale, parse } from \"date-fns\"\nimport { DateFormat } from \"../enums\"\n\nexport const parseDateFromNumeralFormatValue = (\n value: string,\n locale: Locale\n): Date =>\n parse(value, DateFormat.Numeral, new Date(), {\n locale,\n })\n"],"names":["parseDateFromNumeralFormatValue","value","locale","parse","DateFormat","Numeral","Date"],"mappings":";;AAGa,IAAAA,+BAA+B,GAAG,SAAAA,CAC7CC,KAAa,EACbC,MAAc,EAAA;EAEd,OAAAC,KAAK,CAACF,KAAK,EAAEG,UAAU,CAACC,OAAO,EAAE,IAAIC,IAAI,CAAA,CAAE,EAAE;IAC3CJ,MAAM,EAAAA;GACP,CAAC;AAFF,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parseDateFromTextFormatValue.mjs","sources":["../../../../src/Calendar/utils/parseDateFromTextFormatValue.ts"],"sourcesContent":["import { parse } from \"date-fns\"\nimport { DateFormat } from \"../enums\"\n\nexport const parseDateFromTextFormatValue = (\n value: string,\n locale: Locale\n): Date =>\n parse(value, DateFormat.Text, new Date(), {\n locale,\n })\n"],"names":["parseDateFromTextFormatValue","value","locale","parse","DateFormat","Text","Date"],"mappings":";;AAGa,IAAAA,4BAA4B,GAAG,SAAAA,CAC1CC,KAAa,EACbC,MAAc,EAAA;EAEd,OAAAC,KAAK,CAACF,KAAK,EAAEG,UAAU,CAACC,IAAI,EAAE,IAAIC,IAAI,CAAA,CAAE,EAAE;IACxCJ,MAAM,EAAAA;GACP,CAAC;AAFF,CAAA;"}
|
|
1
|
+
{"version":3,"file":"parseDateFromTextFormatValue.mjs","sources":["../../../../src/Calendar/utils/parseDateFromTextFormatValue.ts"],"sourcesContent":["import { Locale, parse } from \"date-fns\"\nimport { DateFormat } from \"../enums\"\n\nexport const parseDateFromTextFormatValue = (\n value: string,\n locale: Locale\n): Date =>\n parse(value, DateFormat.Text, new Date(), {\n locale,\n })\n"],"names":["parseDateFromTextFormatValue","value","locale","parse","DateFormat","Text","Date"],"mappings":";;AAGa,IAAAA,4BAA4B,GAAG,SAAAA,CAC1CC,KAAa,EACbC,MAAc,EAAA;EAEd,OAAAC,KAAK,CAACF,KAAK,EAAEG,UAAU,CAACC,IAAI,EAAE,IAAIC,IAAI,CAAA,CAAE,EAAE;IACxCJ,MAAM,EAAAA;GACP,CAAC;AAFF,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInputDescription.mjs","sources":["../../../../src/DateInput/DateInputDescription/DateInputDescription.tsx"],"sourcesContent":["import React from \"react\"\nimport { useIntl } from \"@cultureamp/i18n-react-intl\"\nimport { LabelledMessage } from \"~components/LabelledMessage\"\nimport { formatDescriptionInputFormat } from \"./utils/formatDescriptionInputFormat\"\nimport styles from \"./DateInputDescription.module.scss\"\n\nexport type DateInputDescriptionProps = {\n description?: string | JSX.Element\n locale: Locale\n}\n\nexport const DateInputDescription = ({\n description,\n locale,\n}: DateInputDescriptionProps): JSX.Element => {\n const { formatMessage } = useIntl()\n const hasCustomDescription =\n (typeof description === \"string\" && description !== \"\") ||\n React.isValidElement(description)\n\n const translatedInputFormatMessage = formatMessage({\n id: \"dateInputDescription.inputFormat\",\n defaultMessage: \"Input format\",\n description: \"Label for the 'Input format' field\",\n })\n\n if (hasCustomDescription) {\n return (\n <span className={styles.dateInputDescription}>\n <span>{description}</span>\n <span className={styles.dateInputFormatContainer}>\n (\n <LabelledMessage\n label={translatedInputFormatMessage}\n message={formatDescriptionInputFormat(locale)}\n />\n )\n </span>\n </span>\n )\n }\n\n return (\n <LabelledMessage\n label={translatedInputFormatMessage}\n message={formatDescriptionInputFormat(locale)}\n />\n )\n}\n\nDateInputDescription.displayName = \"DateInputDescription\"\n"],"names":["DateInputDescription","_a","description","locale","formatMessage","useIntl","hasCustomDescription","React","isValidElement","translatedInputFormatMessage","id","defaultMessage","createElement","className","styles","dateInputDescription","dateInputFormatContainer","LabelledMessage","label","message","formatDescriptionInputFormat","displayName"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"DateInputDescription.mjs","sources":["../../../../src/DateInput/DateInputDescription/DateInputDescription.tsx"],"sourcesContent":["import React from \"react\"\nimport { useIntl } from \"@cultureamp/i18n-react-intl\"\nimport type { Locale } from \"date-fns\"\nimport { LabelledMessage } from \"~components/LabelledMessage\"\nimport { formatDescriptionInputFormat } from \"./utils/formatDescriptionInputFormat\"\nimport styles from \"./DateInputDescription.module.scss\"\n\nexport type DateInputDescriptionProps = {\n description?: string | JSX.Element\n locale: Locale\n}\n\nexport const DateInputDescription = ({\n description,\n locale,\n}: DateInputDescriptionProps): JSX.Element => {\n const { formatMessage } = useIntl()\n const hasCustomDescription =\n (typeof description === \"string\" && description !== \"\") ||\n React.isValidElement(description)\n\n const translatedInputFormatMessage = formatMessage({\n id: \"dateInputDescription.inputFormat\",\n defaultMessage: \"Input format\",\n description: \"Label for the 'Input format' field\",\n })\n\n if (hasCustomDescription) {\n return (\n <span className={styles.dateInputDescription}>\n <span>{description}</span>\n <span className={styles.dateInputFormatContainer}>\n (\n <LabelledMessage\n label={translatedInputFormatMessage}\n message={formatDescriptionInputFormat(locale)}\n />\n )\n </span>\n </span>\n )\n }\n\n return (\n <LabelledMessage\n label={translatedInputFormatMessage}\n message={formatDescriptionInputFormat(locale)}\n />\n )\n}\n\nDateInputDescription.displayName = \"DateInputDescription\"\n"],"names":["DateInputDescription","_a","description","locale","formatMessage","useIntl","hasCustomDescription","React","isValidElement","translatedInputFormatMessage","id","defaultMessage","createElement","className","styles","dateInputDescription","dateInputFormatContainer","LabelledMessage","label","message","formatDescriptionInputFormat","displayName"],"mappings":";;;;;MAYaA,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAF1BC,WAAW,GAAAD,EAAA,CAAAC,WAAA;MACXC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAEE,IAAAC,aAAa,GAAKC,OAAO,CAAE,CAAA,cAAd;IACrB,IAAMC,oBAAoB,GACvB,OAAOJ,WAAW,KAAK,QAAQ,IAAIA,WAAW,KAAK,EAAE,iBACtDK,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC;IAEnC,IAAMO,4BAA4B,GAAGL,aAAa,CAAC;MACjDM,EAAE,EAAE,kCAAkC;MACtCC,cAAc,EAAE,cAAc;MAC9BT,WAAW,EAAE;IACd,CAAA,CAAC;IAEF,IAAII,oBAAoB,EAAE;MACxB,oBACEC,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACC;MAAoB,CAAA,eAC1CR,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOV,WAAW,CAAQ,eAC1BK,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;QAAMC,SAAS,EAAEC,MAAM,CAACE;MAAwB,CAAA,oBAE9CT,KAAA,CAAAK,aAAA,CAACK,eAAe,EAAA;QACdC,KAAK,EAAET,4BAA4B;QACnCU,OAAO,EAAEC,4BAA4B,CAACjB,MAAM;OAC5C,CAAA,EAEG,GAAA,CAAA,CACF;IAEV;IAED,oBACEI,KAAC,CAAAK,aAAA,CAAAK,eAAe,EACd;MAAAC,KAAK,EAAET,4BAA4B;MACnCU,OAAO,EAAEC,4BAA4B,CAACjB,MAAM;IAAC,CAAA,CAC7C;EAEN,CAAC;EAEDH,oBAAoB,CAACqB,WAAW,GAAG,sBAAsB;EAAA,OAvC5CrB,oBAAoB;AAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatDescriptionInputFormat.mjs","sources":["../../../../../src/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"formatDescriptionInputFormat.mjs","sources":["../../../../../src/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.ts"],"sourcesContent":["import type { Locale } from \"date-fns\"\n\nexport const formatDescriptionInputFormat = (locale: Locale): string =>\n locale.formatLong?.date({ width: \"short\" }).toLowerCase()\n"],"names":["formatDescriptionInputFormat","locale","_a","formatLong","date","width","toLowerCase"],"mappings":"AAEa,IAAAA,4BAA4B,GAAG,SAAAA,CAACC,MAAc,EACzD;EAAA,IAAAC,EAAA;EAAA,OAAA,CAAAA,EAAA,GAAAD,MAAM,CAACE,UAAU,0CAAEC,IAAI,CAAC;IAAEC,KAAK,EAAE;EAAO,CAAE,CAAA,CAAEC,WAAW,EAAE;AAAA,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInputField.mjs","sources":["../../../../../src/DatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { enAU } from \"date-fns/locale\"\nimport {\n DateInputDescription,\n DateInputDescriptionProps,\n DateInputWithIconButton,\n DateInputWithIconButtonProps,\n DateInputWithIconButtonRefs,\n} from \"~components/DateInput\"\nimport { FieldMessage, FieldMessageStatus } from \"~components/FieldMessage\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n /**\n * A description that provides context for the text field\n */\n description?: DateInputDescriptionProps[\"description\"]\n /**\n * Updates the styling of the validation FieldMessage\n */\n status?: FieldMessageStatus\n /**\n * A descriptive message for `status` states\n */\n validationMessage?: React.ReactNode\n locale?: Locale\n} & DateInputWithIconButtonProps\n\nexport const DateInputField = React.forwardRef<\n DateInputWithIconButtonRefs,\n DateInputFieldProps\n>(\n (\n {\n description,\n status,\n validationMessage,\n locale = enAU,\n id: propsId,\n disabled,\n isReversed = false,\n classNameOverride,\n ...dateInputWithIconButtonProps\n },\n ref\n ) => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const descriptionId = `${id}-field-message`\n\n const shouldShowValidationMessage = !disabled && validationMessage\n\n return (\n <div className={classNameOverride}>\n <DateInputWithIconButton\n ref={ref}\n id={id}\n aria-describedby={descriptionId}\n status={status}\n disabled={disabled}\n isReversed={isReversed}\n {...dateInputWithIconButtonProps}\n />\n {shouldShowValidationMessage && (\n <FieldMessage\n message={validationMessage}\n status={status}\n reversed={isReversed}\n />\n )}\n <div className={classnames(disabled && styles.disabled)}>\n <FieldMessage\n id={descriptionId}\n message={\n <DateInputDescription description={description} locale={locale} />\n }\n reversed={isReversed}\n />\n </div>\n </div>\n )\n }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","description","status","validationMessage","_b","locale","enAU","propsId","id","disabled","_c","isReversed","classNameOverride","dateInputWithIconButtonProps","__rest","reactId","useId","descriptionId","concat","shouldShowValidationMessage","createElement","className","DateInputWithIconButton","__assign","FieldMessage","message","reversed","classnames","styles","DateInputDescription","displayName"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DateInputField.mjs","sources":["../../../../../src/DatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport type { Locale } from \"date-fns\"\nimport { enAU } from \"date-fns/locale\"\nimport {\n DateInputDescription,\n DateInputDescriptionProps,\n DateInputWithIconButton,\n DateInputWithIconButtonProps,\n DateInputWithIconButtonRefs,\n} from \"~components/DateInput\"\nimport { FieldMessage, FieldMessageStatus } from \"~components/FieldMessage\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n /**\n * A description that provides context for the text field\n */\n description?: DateInputDescriptionProps[\"description\"]\n /**\n * Updates the styling of the validation FieldMessage\n */\n status?: FieldMessageStatus\n /**\n * A descriptive message for `status` states\n */\n validationMessage?: React.ReactNode\n locale?: Locale\n} & DateInputWithIconButtonProps\n\nexport const DateInputField = React.forwardRef<\n DateInputWithIconButtonRefs,\n DateInputFieldProps\n>(\n (\n {\n description,\n status,\n validationMessage,\n locale = enAU,\n id: propsId,\n disabled,\n isReversed = false,\n classNameOverride,\n ...dateInputWithIconButtonProps\n },\n ref\n ) => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const descriptionId = `${id}-field-message`\n\n const shouldShowValidationMessage = !disabled && validationMessage\n\n return (\n <div className={classNameOverride}>\n <DateInputWithIconButton\n ref={ref}\n id={id}\n aria-describedby={descriptionId}\n status={status}\n disabled={disabled}\n isReversed={isReversed}\n {...dateInputWithIconButtonProps}\n />\n {shouldShowValidationMessage && (\n <FieldMessage\n message={validationMessage}\n status={status}\n reversed={isReversed}\n />\n )}\n <div className={classnames(disabled && styles.disabled)}>\n <FieldMessage\n id={descriptionId}\n message={\n <DateInputDescription description={description} locale={locale} />\n }\n reversed={isReversed}\n />\n </div>\n </div>\n )\n }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","description","status","validationMessage","_b","locale","enAU","propsId","id","disabled","_c","isReversed","classNameOverride","dateInputWithIconButtonProps","__rest","reactId","useId","descriptionId","concat","shouldShowValidationMessage","createElement","className","DateInputWithIconButton","__assign","FieldMessage","message","reversed","classnames","styles","DateInputDescription","displayName"],"mappings":";;;;;;;;;MA8BaA,cAAc;EAAA,MAAdA,cAAc,gBAAGC,KAAK,CAACC,UAAU,CAI5C,UACEC,EAUC,EACDC,GAAG,EAAA;IAVD,IAAAC,WAAW,GAAAF,EAAA,CAAAE,WAAA;MACXC,MAAM,YAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,cAAa;MAAbC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,IAAI,KAAA;MACTC,OAAO,GAAAR,EAAA,CAAAS,EAAA;MACXC,QAAQ,GAAAV,EAAA,CAAAU,QAAA;MACRC,EAAkB,GAAAX,EAAA,CAAAY,UAAA;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAb,EAAA,CAAAa,iBAAA;MACdC,4BAA4B,GAAAC,MAAA,CAAAf,EAAA,EATjC,6GAUC,CADgC;IAIjC,IAAMgB,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMR,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIQ,OAAO;IAE7B,IAAME,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAV,EAAE,mBAAgB;IAE3C,IAAMW,2BAA2B,GAAG,CAACV,QAAQ,IAAIN,iBAAiB;IAElE,oBACEN,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAET;IAAiB,CAAA,eAC/Bf,KAAC,CAAAuB,aAAA,CAAAE,uBAAuB,EACtBC,QAAA,CAAA;MAAAvB,GAAG,EAAEA,GAAG;MACRQ,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYS,aAAa;MAC/Bf,MAAM,EAAEA,MAAM;MACdO,QAAQ,EAAEA,QAAQ;MAClBE,UAAU,EAAEA;IAAU,CAClB,EAAAE,4BAA4B,CAChC,CAAA,EACDM,2BAA2B,mBAC1BtB,KAAA,CAAAuB,aAAA,CAACI,YAAY,EAAA;MACXC,OAAO,EAAEtB,iBAAiB;MAC1BD,MAAM,EAAEA,MAAM;MACdwB,QAAQ,EAAEf;MACV,CACH,eACDd,KAAK,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEM,UAAU,CAAClB,QAAQ,IAAImB,MAAM,CAACnB,QAAQ;IAAC,CAAA,eACrDZ,KAAC,CAAAuB,aAAA,CAAAI,YAAY,EACX;MAAAhB,EAAE,EAAES,aAAa;MACjBQ,OAAO,eACL5B,KAAA,CAAAuB,aAAA,CAACS,oBAAoB,EAAA;QAAC5B,WAAW,EAAEA,WAAW;QAAEI,MAAM,EAAEA;MAAM,CAAA,CAAI;MAEpEqB,QAAQ,EAAEf;KACV,CAAA,CACE,CACF;EAEV,CAAC,CACF;EAEDf,cAAc,CAACkC,WAAW,GAAG,gBAAgB;EAAA,OAzDhClC,cAAc;AAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getLocale.mjs","sources":["../../../../src/DatePicker/utils/getLocale.ts"],"sourcesContent":["import { enAU, enUS } from \"date-fns/locale\"\nimport { StringSuggestions } from \"~types/StringSuggestions\"\n\n// Ensure you update the storybook DATE_PICKER_SUPPORTED_LOCALES arg options when updating DatePickerSupportedLocales.\nexport type DatePickerSupportedLocales = StringSuggestions<\"en-US\" | \"en-AU\">\n\nexport const getLocale = (locale: DatePickerSupportedLocales): Locale => {\n switch (locale) {\n case \"en-AU\":\n return enAU\n case \"en-US\":\n return enUS\n default:\n return enAU\n }\n}\n"],"names":["getLocale","locale","enAU","enUS"],"mappings":";
|
|
1
|
+
{"version":3,"file":"getLocale.mjs","sources":["../../../../src/DatePicker/utils/getLocale.ts"],"sourcesContent":["import type { Locale } from \"date-fns\"\nimport { enAU, enUS } from \"date-fns/locale\"\nimport { StringSuggestions } from \"~types/StringSuggestions\"\n\n// Ensure you update the storybook DATE_PICKER_SUPPORTED_LOCALES arg options when updating DatePickerSupportedLocales.\nexport type DatePickerSupportedLocales = StringSuggestions<\"en-US\" | \"en-AU\">\n\nexport const getLocale = (locale: DatePickerSupportedLocales): Locale => {\n switch (locale) {\n case \"en-AU\":\n return enAU\n case \"en-US\":\n return enUS\n default:\n return enAU\n }\n}\n"],"names":["getLocale","locale","enAU","enUS"],"mappings":";AAOO,IAAMA,SAAS,GAAG,SAAAA,CAACC,MAAkC,EAAA;EAC1D,QAAQA,MAAM;IACZ,KAAK,OAAO;MACV,OAAOC,IAAI;IACb,KAAK,OAAO;MACV,OAAOC,IAAI;IACb;MACE,OAAOD,IAAI;EACd;AACH,CAAA;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
|
-
import React, { useState, useRef, useEffect } from 'react';
|
|
2
|
+
import React, { useId, useState, useRef, useEffect } from 'react';
|
|
3
3
|
import { FocusOn } from 'react-focus-on';
|
|
4
4
|
import { FilterPopover } from './subcomponents/FilterPopover/FilterPopover.mjs';
|
|
5
5
|
const Filter = /*#__PURE__*/function () {
|
|
@@ -12,10 +12,12 @@ const Filter = /*#__PURE__*/function () {
|
|
|
12
12
|
classNameOverride = _a.classNameOverride,
|
|
13
13
|
onMount = _a.onMount,
|
|
14
14
|
restProps = __rest(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
|
|
15
|
+
var triggerId = useId();
|
|
15
16
|
var _g = useState(false),
|
|
16
17
|
isRefLoaded = _g[0],
|
|
17
18
|
setIsRefLoaded = _g[1];
|
|
18
19
|
var trigger = renderTrigger({
|
|
20
|
+
id: triggerId,
|
|
19
21
|
onClick: function () {
|
|
20
22
|
return setIsOpen(!isOpen);
|
|
21
23
|
},
|
|
@@ -46,7 +48,8 @@ const Filter = /*#__PURE__*/function () {
|
|
|
46
48
|
return setIsOpen(false);
|
|
47
49
|
}
|
|
48
50
|
}, /*#__PURE__*/React.createElement(FilterPopover, {
|
|
49
|
-
referenceElement: ((_f = (_e = filterButtonRef.current) === null || _e === void 0 ? void 0 : _e.triggerRef) === null || _f === void 0 ? void 0 : _f.current) || null
|
|
51
|
+
referenceElement: ((_f = (_e = filterButtonRef.current) === null || _e === void 0 ? void 0 : _e.triggerRef) === null || _f === void 0 ? void 0 : _f.current) || null,
|
|
52
|
+
"aria-labelledby": trigger.props.id
|
|
50
53
|
}, children))));
|
|
51
54
|
};
|
|
52
55
|
Filter.displayName = "Filter";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.mjs","sources":["../../../../src/Filter/Filter/Filter.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"Filter.mjs","sources":["../../../../src/Filter/Filter/Filter.tsx"],"sourcesContent":["import React, {\n HTMLAttributes,\n useEffect,\n useId,\n useRef,\n useState,\n} from \"react\"\nimport { FocusOn } from \"react-focus-on\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { FilterPopover } from \"./subcomponents/FilterPopover\"\nimport { FilterTriggerRef } from \"./types\"\n\nexport type FilterProps = {\n children: React.ReactNode\n isOpen: boolean\n setIsOpen: (isOpen: boolean) => void\n renderTrigger: (triggerProps: {\n id: string\n onClick: () => void\n isOpen: boolean\n }) => JSX.Element & { ref?: React.RefObject<FilterTriggerRef> }\n onMount?: (triggerRef: React.RefObject<HTMLButtonElement>) => void\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Filter = ({\n children,\n isOpen,\n setIsOpen,\n renderTrigger,\n classNameOverride,\n onMount,\n ...restProps\n}: FilterProps): JSX.Element => {\n const triggerId = useId()\n const [isRefLoaded, setIsRefLoaded] = useState<boolean>(false)\n\n const trigger = renderTrigger({\n id: triggerId,\n onClick: (): void => setIsOpen(!isOpen),\n isOpen,\n })\n\n const inbuiltButtonRef = useRef<HTMLButtonElement>(null)\n const inbuiltRef = useRef<FilterTriggerRef>({\n triggerRef: inbuiltButtonRef,\n })\n const filterButtonRef = trigger.ref ?? inbuiltRef\n\n useEffect(() => {\n if (filterButtonRef.current?.triggerRef?.current) {\n setIsRefLoaded(true)\n onMount?.(filterButtonRef.current.triggerRef)\n }\n }, [filterButtonRef.current?.triggerRef?.current, onMount])\n\n return (\n <div className={classNameOverride} {...restProps}>\n {React.cloneElement(trigger, {\n ref: filterButtonRef,\n })}\n {isRefLoaded && isOpen && (\n <FocusOn\n scrollLock={false}\n onClickOutside={(): void => setIsOpen(false)}\n onEscapeKey={(): void => setIsOpen(false)}\n >\n <FilterPopover\n referenceElement={\n filterButtonRef.current?.triggerRef?.current || null\n }\n aria-labelledby={trigger.props.id}\n >\n {children}\n </FilterPopover>\n </FocusOn>\n )}\n </div>\n )\n}\n\nFilter.displayName = \"Filter\"\n"],"names":["Filter","_a","children","isOpen","setIsOpen","renderTrigger","classNameOverride","onMount","restProps","__rest","triggerId","useId","_g","useState","isRefLoaded","setIsRefLoaded","trigger","id","onClick","inbuiltButtonRef","useRef","inbuiltRef","triggerRef","filterButtonRef","_b","ref","useEffect","current","_d","_c","React","createElement","__assign","className","cloneElement","FocusOn","scrollLock","onClickOutside","onEscapeKey","FilterPopover","referenceElement","_f","_e","props","displayName"],"mappings":"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"}
|
|
@@ -5,17 +5,17 @@ import { FilterButton } from '../../../FilterButton/FilterButton/FilterButton.mj
|
|
|
5
5
|
import { FilterButtonRemovable } from '../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs';
|
|
6
6
|
const FilterBarButton = /*#__PURE__*/function () {
|
|
7
7
|
const FilterBarButton = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
8
|
-
var
|
|
8
|
+
var filterId = _a.filterId,
|
|
9
9
|
_b = _a.isRemovable,
|
|
10
10
|
isRemovable = _b === void 0 ? false : _b,
|
|
11
|
-
props = __rest(_a, ["
|
|
11
|
+
props = __rest(_a, ["filterId", "isRemovable"]);
|
|
12
12
|
var hideFilter = useFilterBarContext().hideFilter;
|
|
13
13
|
return isRemovable ? ( /*#__PURE__*/React.createElement(FilterButtonRemovable, {
|
|
14
14
|
ref: ref,
|
|
15
15
|
triggerButtonProps: props,
|
|
16
16
|
removeButtonProps: {
|
|
17
17
|
onClick: function () {
|
|
18
|
-
return hideFilter(
|
|
18
|
+
return hideFilter(filterId);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
})) : ( /*#__PURE__*/React.createElement(FilterButton, __assign({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterBarButton.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport { FilterTriggerRef } from \"~components/Filter/Filter\"\nimport { useFilterBarContext } from \"~components/Filter/FilterBar/context/FilterBarContext\"\nimport {\n FilterButton,\n FilterButtonProps,\n FilterButtonRemovable,\n} from \"~components/Filter/FilterButton\"\n\nexport type FilterBarButtonProps = FilterButtonProps & {\n
|
|
1
|
+
{"version":3,"file":"FilterBarButton.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport { FilterTriggerRef } from \"~components/Filter/Filter\"\nimport { useFilterBarContext } from \"~components/Filter/FilterBar/context/FilterBarContext\"\nimport {\n FilterButton,\n FilterButtonProps,\n FilterButtonRemovable,\n} from \"~components/Filter/FilterButton\"\n\nexport type FilterBarButtonProps = FilterButtonProps & {\n filterId: string\n isRemovable: boolean | undefined\n}\n\nexport const FilterBarButton = forwardRef<\n FilterTriggerRef,\n FilterBarButtonProps\n>(({ filterId, isRemovable = false, ...props }, ref): JSX.Element => {\n const { hideFilter } = useFilterBarContext()\n\n return isRemovable ? (\n <FilterButtonRemovable\n ref={ref}\n triggerButtonProps={props}\n removeButtonProps={{ onClick: () => hideFilter(filterId) }}\n />\n ) : (\n <FilterButton ref={ref} {...props} />\n )\n})\n\nFilterBarButton.displayName = \"FilterBar.Button\"\n"],"names":["FilterBarButton","forwardRef","_a","ref","filterId","_b","isRemovable","props","__rest","hideFilter","useFilterBarContext","React","createElement","FilterButtonRemovable","triggerButtonProps","removeButtonProps","onClick","FilterButton","displayName"],"mappings":";;;;;MAcaA,eAAe;EAAA,MAAfA,eAAe,gBAAGC,UAAU,CAGvC,UAACC,EAA2C,EAAEC,GAAG,EAAA;IAA9C,IAAAC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MAAEC,EAAA,GAAAH,EAAA,CAAAI,WAAmB;MAAnBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAAKE,KAAK,GAAAC,MAAA,CAAAN,EAAA,EAAzC,2BAA2C,CAAF;IAClC,IAAAO,UAAU,GAAKC,mBAAmB,CAAE,CAAA,WAA1B;IAElB,OAAOJ,WAAW,kBAChBK,KAAC,CAAAC,aAAA,CAAAC,qBAAqB;MACpBV,GAAG,EAAEA,GAAG;MACRW,kBAAkB,EAAEP,KAAK;MACzBQ,iBAAiB,EAAE;QAAEC,OAAO,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAP,UAAU,CAACL,QAAQ,CAAC;QAApB;MAAsB;IAAA,CAC1D,CAAA,mBAEFO,KAAC,CAAAC,aAAA,CAAAK,YAAY;MAACd,GAAG,EAAEA;IAAS,CAAA,EAAAI,KAAK,CAAI,CAAA,CACtC;EACH,CAAC,CAAC;EAEFP,eAAe,CAACkB,WAAW,GAAG,kBAAkB;EAAA,OAjBnClB,eAAe;AAAA;"}
|
|
@@ -31,7 +31,7 @@ const FilterBarDatePicker = /*#__PURE__*/function () {
|
|
|
31
31
|
label: filterState.name,
|
|
32
32
|
renderTrigger: function (triggerProps) {
|
|
33
33
|
return /*#__PURE__*/React.createElement(FilterBarButton, __assign({}, triggerProps, {
|
|
34
|
-
|
|
34
|
+
filterId: id,
|
|
35
35
|
isRemovable: filterState.isRemovable
|
|
36
36
|
}));
|
|
37
37
|
},
|
package/dist/esm/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterBarDatePicker.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n FilterDatePicker,\n FilterDatePickerProps,\n} from \"~components/Filter/FilterDatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDatePickerProps = Omit<\n FilterDatePickerProps,\n | \"id\"\n | \"label\"\n | \"renderTrigger\"\n | \"isOpen\"\n | \"setIsOpen\"\n | \"selectedDate\"\n | \"onDateChange\"\n | \"locale\"\n> & {\n id?: string\n locale?: FilterDatePickerProps[\"locale\"]\n onDateChange?: FilterDatePickerProps[\"onDateChange\"]\n}\n\nexport const FilterBarDatePicker = ({\n id,\n onDateChange,\n locale = \"en-AU\",\n ...props\n}: FilterBarDatePickerProps): JSX.Element => {\n const { getFilterState, setFilterOpenState, updateValue } =\n useFilterBarContext<Date | undefined>()\n\n if (!id) throw Error(\"Missing `id` prop in FilterBarDatePicker\")\n\n const filterState = getFilterState(id)\n\n return (\n <FilterDatePicker\n {...props}\n id={id}\n locale={locale}\n selectedDate={filterState.value || undefined}\n label={filterState.name}\n renderTrigger={(triggerProps): JSX.Element => (\n <FilterBarButton\n {...triggerProps}\n
|
|
1
|
+
{"version":3,"file":"FilterBarDatePicker.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n FilterDatePicker,\n FilterDatePickerProps,\n} from \"~components/Filter/FilterDatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDatePickerProps = Omit<\n FilterDatePickerProps,\n | \"id\"\n | \"label\"\n | \"renderTrigger\"\n | \"isOpen\"\n | \"setIsOpen\"\n | \"selectedDate\"\n | \"onDateChange\"\n | \"locale\"\n> & {\n id?: string\n locale?: FilterDatePickerProps[\"locale\"]\n onDateChange?: FilterDatePickerProps[\"onDateChange\"]\n}\n\nexport const FilterBarDatePicker = ({\n id,\n onDateChange,\n locale = \"en-AU\",\n ...props\n}: FilterBarDatePickerProps): JSX.Element => {\n const { getFilterState, setFilterOpenState, updateValue } =\n useFilterBarContext<Date | undefined>()\n\n if (!id) throw Error(\"Missing `id` prop in FilterBarDatePicker\")\n\n const filterState = getFilterState(id)\n\n return (\n <FilterDatePicker\n {...props}\n id={id}\n locale={locale}\n selectedDate={filterState.value || undefined}\n label={filterState.name}\n renderTrigger={(triggerProps): JSX.Element => (\n <FilterBarButton\n {...triggerProps}\n filterId={id}\n isRemovable={filterState.isRemovable}\n />\n )}\n onDateChange={(key): void => {\n updateValue(id, key)\n onDateChange?.(key)\n }}\n isOpen={filterState.isOpen}\n setIsOpen={(open): void => setFilterOpenState(id, open)}\n />\n )\n}\n\nFilterBarDatePicker.displayName = \"FilterBar.DatePicker\"\n"],"names":["FilterBarDatePicker","_a","id","onDateChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDatePicker","__assign","selectedDate","value","undefined","label","name","renderTrigger","triggerProps","FilterBarButton","filterId","isRemovable","key","isOpen","setIsOpen","open","displayName"],"mappings":";;;;;;;;;;;;;MAwBaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJzB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,MAAA,CAAAN,EAAA,EAJ0B,gCAKnC,CADS;IAEF,IAAAO,EACJ,GAAAC,mBAAmB,EAAoB;MADjCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACd;IAEzC,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,0CAA0C,CAAC;IAEhE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,oBACEa,KAAC,CAAAC,aAAA,CAAAC,gBAAgB,EACXC,QAAA,CAAA,EAAA,EAAAZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNG,MAAM,EAAEA,MAAM;MACdc,YAAY,EAAEL,WAAW,CAACM,KAAK,IAAIC,SAAS;MAC5CC,KAAK,EAAER,WAAW,CAACS,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,oBAC5CV,KAAC,CAAAC,aAAA,CAAAU,eAAe,EACVR,QAAA,CAAA,CAAA,CAAA,EAAAO,YAAY,EAChB;UAAAE,QAAQ,EAAEzB,EAAE;UACZ0B,WAAW,EAAEd,WAAW,CAACc;QACzB,CAAA,CAAA,CAAA;OACH;MACDzB,YAAY,EAAE,SAAAA,CAAC0B,GAAG,EAAA;QAChBjB,WAAW,CAACV,EAAE,EAAE2B,GAAG,CAAC;QACpB1B,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAG0B,GAAG,CAAC;MACpB,CAAA;MACDC,MAAM,EAAEhB,WAAW,CAACgB,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAArB,kBAAkB,CAACT,EAAE,EAAE8B,IAAI,CAAC;MAAA;IAAA,CACvD,CAAA,CAAA;EAEN,CAAC;EAEDhC,mBAAmB,CAACiC,WAAW,GAAG,sBAAsB;EAAA,OArC3CjC,mBAAmB;AAAA;"}
|
|
@@ -21,7 +21,7 @@ const FilterBarDateRangePicker = /*#__PURE__*/function () {
|
|
|
21
21
|
label: filterState.name,
|
|
22
22
|
renderTrigger: function (triggerProps) {
|
|
23
23
|
return /*#__PURE__*/React.createElement(FilterBarButton, __assign({}, triggerProps, {
|
|
24
|
-
|
|
24
|
+
filterId: id,
|
|
25
25
|
isRemovable: filterState.isRemovable
|
|
26
26
|
}));
|
|
27
27
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterBarDateRangePicker.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { DateRange } from \"~components/Calendar\"\nimport {\n FilterDateRangePicker,\n FilterDateRangePickerProps,\n} from \"~components/Filter/FilterDateRangePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDateRangePickerProps = Omit<\n FilterDateRangePickerProps,\n | \"id\"\n | \"label\"\n | \"renderTrigger\"\n | \"isOpen\"\n | \"setIsOpen\"\n | \"selectedRange\"\n | \"onRangeChange\"\n | \"locale\"\n> & {\n id?: string\n onRangeChange?: FilterDateRangePickerProps[\"onRangeChange\"]\n locale?: FilterDateRangePickerProps[\"locale\"]\n}\n\nexport const FilterBarDateRangePicker = ({\n id,\n onRangeChange,\n locale = \"en-AU\",\n ...props\n}: FilterBarDateRangePickerProps): JSX.Element => {\n const { getFilterState, setFilterOpenState, updateValue } =\n useFilterBarContext<DateRange | undefined>()\n\n if (!id) throw Error(\"Missing `id` prop in FilterBarDateRangePicker\")\n\n const filterState = getFilterState(id)\n\n return (\n <FilterDateRangePicker\n {...props}\n id={id}\n label={filterState.name}\n renderTrigger={(triggerProps): JSX.Element => (\n <FilterBarButton\n {...triggerProps}\n
|
|
1
|
+
{"version":3,"file":"FilterBarDateRangePicker.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { DateRange } from \"~components/Calendar\"\nimport {\n FilterDateRangePicker,\n FilterDateRangePickerProps,\n} from \"~components/Filter/FilterDateRangePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDateRangePickerProps = Omit<\n FilterDateRangePickerProps,\n | \"id\"\n | \"label\"\n | \"renderTrigger\"\n | \"isOpen\"\n | \"setIsOpen\"\n | \"selectedRange\"\n | \"onRangeChange\"\n | \"locale\"\n> & {\n id?: string\n onRangeChange?: FilterDateRangePickerProps[\"onRangeChange\"]\n locale?: FilterDateRangePickerProps[\"locale\"]\n}\n\nexport const FilterBarDateRangePicker = ({\n id,\n onRangeChange,\n locale = \"en-AU\",\n ...props\n}: FilterBarDateRangePickerProps): JSX.Element => {\n const { getFilterState, setFilterOpenState, updateValue } =\n useFilterBarContext<DateRange | undefined>()\n\n if (!id) throw Error(\"Missing `id` prop in FilterBarDateRangePicker\")\n\n const filterState = getFilterState(id)\n\n return (\n <FilterDateRangePicker\n {...props}\n id={id}\n label={filterState.name}\n renderTrigger={(triggerProps): JSX.Element => (\n <FilterBarButton\n {...triggerProps}\n filterId={id}\n isRemovable={filterState.isRemovable}\n />\n )}\n isOpen={filterState.isOpen}\n setIsOpen={(open): void => setFilterOpenState(id, open)}\n selectedRange={filterState.value}\n onRangeChange={(range): void => {\n updateValue(id, range)\n onRangeChange?.(range)\n }}\n locale={locale}\n />\n )\n}\n\nFilterBarDateRangePicker.displayName = \"FilterBar.DateRangePicker\"\n"],"names":["FilterBarDateRangePicker","_a","id","onRangeChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDateRangePicker","__assign","label","name","renderTrigger","triggerProps","FilterBarButton","filterId","isRemovable","isOpen","setIsOpen","open","selectedRange","value","range","displayName"],"mappings":";;;;;MAyBaA,wBAAwB;EAAA,MAAxBA,wBAAwB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJ9B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MACbC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,MAAA,CAAAN,EAAA,EAJ+B,iCAKxC,CADS;IAEF,IAAAO,EACJ,GAAAC,mBAAmB,EAAyB;MADtCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACT;IAE9C,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,+CAA+C,CAAC;IAErE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,oBACEa,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAAC,QAAA,CAAA,EAAA,EAChBZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNiB,KAAK,EAAEL,WAAW,CAACM,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,oBAC5CP,oBAACQ,eAAe,EAAAL,QAAA,CAAA,EAAA,EACVI,YAAY,EAAA;UAChBE,QAAQ,EAAEtB,EAAE;UACZuB,WAAW,EAAEX,WAAW,CAACW;QAAW,CAAA,CAAA,CACpC;OACH;MACDC,MAAM,EAAEZ,WAAW,CAACY,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAAjB,kBAAkB,CAACT,EAAE,EAAE0B,IAAI,CAAC;MAAA,CAAA;MACvDC,aAAa,EAAEf,WAAW,CAACgB,KAAK;MAChC3B,aAAa,EAAE,SAAAA,CAAC4B,KAAK,EAAA;QACnBnB,WAAW,CAACV,EAAE,EAAE6B,KAAK,CAAC;QACtB5B,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG4B,KAAK,CAAC;MACxB,CAAC;MACD1B,MAAM,EAAEA;IAAM,CAAA,CAAA,CACd;EAEN,CAAC;EAEDL,wBAAwB,CAACgC,WAAW,GAAG,2BAA2B;EAAA,OArCrDhC,wBAAwB;AAAA;"}
|
|
@@ -40,7 +40,7 @@ const FilterBarSelect = /*#__PURE__*/function () {
|
|
|
40
40
|
label: filterState.name,
|
|
41
41
|
renderTrigger: function (triggerProps) {
|
|
42
42
|
return /*#__PURE__*/React.createElement(FilterBarButton, __assign({}, triggerProps, {
|
|
43
|
-
|
|
43
|
+
filterId: id,
|
|
44
44
|
isRemovable: filterState.isRemovable
|
|
45
45
|
}));
|
|
46
46
|
},
|
|
@@ -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":"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"}
|
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 = {
|