npm - @kaizen/components - Versions diffs - 1.37.0 → 1.38.0 - Mend

@kaizen/components 1.37.0 → 1.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (920) hide show

package/dist/esm/DateRangePicker/DateRangePicker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangePicker.mjs","sources":["../../../src/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { RefObject, useId, useRef, useState } from \"react\"\nimport cx from \"classnames\"\nimport { enUS } from \"date-fns/locale\"\nimport { DateRange, isMatch } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n DisabledDayMatchers,\n calculateDisabledDays,\n isDisabledDate,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n LegacyCalendarRange,\n LegacyCalendarRangeProps,\n} from \"~components/Calendar/LegacyCalendarRange\"\nimport { DateStartIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./DateRangePicker.module.scss\"\n\nexport type DateRangePickerProps = {\n id?: string\n classNameOverride?: string\n labelText: string\n isDisabled?: boolean\n buttonRef?: RefObject<HTMLButtonElement>\n description?: string\n /*\n Selected date range which is being updated in handleDayClick and checked\n * if within range/not disabled and then passed back to the client to update\n * the state.\n /\n selectedDateRange?: DateRange\n /\n String that is formatted by the client with our helper formatDateRangeValue\n * and then passed into the button to display the readable range.\n /\n value?: string\n /\n Accepts a DayOfWeek value to start the week on that day. By default,\n * it's set to Monday.\n /\n weekStartsOn?: LegacyCalendarRangeProps[\"weekStartsOn\"]\n /\n Accepts a date to display that month on first render.\n /\n defaultMonth?: LegacyCalendarRangeProps[\"defaultMonth\"]\n /\n Event passed from consumer to handle the date on change.\n /\n onChange: (dateRange: DateRange) => void\n} & DisabledDayMatchers\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} \|\n * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}\n /\nexport const DateRangePicker = ({\n id: propsId,\n buttonRef = useRef<HTMLButtonElement>(null),\n description: _description, // not used\n labelText,\n isDisabled = false,\n classNameOverride,\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n weekStartsOn,\n defaultMonth,\n selectedDateRange,\n value,\n onChange,\n ...inputProps\n}: DateRangePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const containerRef = useRef<HTMLInputElement>(null)\n const [isOpen, setIsOpen] = useState(false)\n\n const disabledDays = calculateDisabledDays({\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n })\n\n const handleOpenClose = (): void => {\n setIsOpen(!isOpen)\n }\n\n const handleReturnFocus = (): void => {\n if (buttonRef.current) {\n buttonRef.current.focus()\n }\n }\n\n const handleDayClick = (day: Date): void => {\n /* react-day-picker will fire events for disabled days by default.\n * We're checking here if it includes the CSS Modules class for disabled\n * on the modifier to then return early.\n * /\n\n if (isDisabledDate(day, disabledDays)) {\n return\n }\n\n if (!selectedDateRange) return\n\n /* If user has already selected range and then selects again, treat first\n * click as the start of the new range.\n * */\n if (isSelectingFirstDay(selectedDateRange, day)) {\n onChange({\n from: day,\n to: undefined,\n })\n } else {\n // Otherwise, treat click as the final selection.\n onChange({\n from: selectedDateRange.from,\n to: day,\n })\n handleOpenClose()\n }\n }\n\n const isSelectingFirstDay = (range: DateRange, day: Date): boolean => {\n const isBeforeFirstDay =\n !!range.from &&\n isMatch(day, [\n {\n before: range.from,\n },\n ])\n\n const isRangeSelected = !!range.from && !!range.to\n\n return !range.from \|\| isBeforeFirstDay \|\| isRangeSelected\n }\n\n return (\n <div>\n <div ref={containerRef} className={classNameOverride}>\n <Label disabled={isDisabled} htmlFor={id} labelText={labelText} />\n <button\n type=\"button\"\n id={id}\n className={cx(styles.button, styles.withStartIconAdornment, {\n [styles.disabled]: isDisabled,\n })}\n disabled={isDisabled}\n ref={buttonRef}\n onClick={handleOpenClose}\n aria-label={\n selectedDateRange?.from ? `Change date: ${value}` : \"Choose date\"\n }\n {...inputProps}\n >\n <div className={styles.startIconAdornment}>\n <DateStartIcon role=\"presentation\" />\n </div>\n <span className={styles.value}>\n {selectedDateRange?.from ? value : undefined}\n </span>\n </button>\n </div>\n\n {isOpen && (\n <FocusOn\n scrollLock={false}\n onDeactivation={handleReturnFocus}\n onClickOutside={handleOpenClose}\n onEscapeKey={handleOpenClose}\n enabled={isOpen}\n >\n <CalendarPopover referenceElement={containerRef.current}>\n <LegacyCalendarRange\n selectedRange={selectedDateRange}\n defaultMonth={defaultMonth}\n weekStartsOn={weekStartsOn}\n disabledDays={disabledDays}\n onDayChange={handleDayClick}\n locale={enUS}\n />\n </CalendarPopover>\n </FocusOn>\n )}\n </div>\n )\n}\n\nDateRangePicker.displayName = \"DateRangePicker\"\n"],"names":["DateRangePicker","_a","propsId","id","_c","buttonRef","useRef","description","labelText","_d","isDisabled","classNameOverride","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDateRange","value","onChange","inputProps","__rest","reactId","useId","containerRef","_e","useState","isOpen","setIsOpen","disabledDays","calculateDisabledDays","handleOpenClose","handleReturnFocus","current","focus","handleDayClick","day","isDisabledDate","isSelectingFirstDay","from","to","undefined","range","isBeforeFirstDay","isMatch","before","isRangeSelected","React","createElement","ref","className","Label","disabled","htmlFor","__assign","type","cx","styles","button","withStartIconAdornment","_b","onClick","concat","startIconAdornment","DateStartIcon","role","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","CalendarPopover","referenceElement","LegacyCalendarRange","selectedRange","onDayChange","locale","enUS","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"DateRangePicker.mjs","sources":["../../../src/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { RefObject, useId, useRef, useState } from \"react\"\nimport cx from \"classnames\"\nimport { enUS } from \"date-fns/locale\"\nimport { DateRange, isMatch } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n DisabledDayMatchers,\n calculateDisabledDays,\n isDisabledDate,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n LegacyCalendarRange,\n LegacyCalendarRangeProps,\n} from \"~components/Calendar/LegacyCalendarRange\"\nimport { DateStartIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./DateRangePicker.module.scss\"\n\nexport type DateRangePickerProps = {\n id?: string\n classNameOverride?: string\n labelText: string\n isDisabled?: boolean\n buttonRef?: RefObject<HTMLButtonElement>\n description?: string\n /*\n Selected date range which is being updated in handleDayClick and checked\n * if within range/not disabled and then passed back to the client to update\n * the state.\n /\n selectedDateRange?: DateRange\n /\n String that is formatted by the client with our helper formatDateRangeValue\n * and then passed into the button to display the readable range.\n /\n value?: string\n /\n Accepts a DayOfWeek value to start the week on that day. By default,\n * it's set to Monday.\n /\n weekStartsOn?: LegacyCalendarRangeProps[\"weekStartsOn\"]\n /\n Accepts a date to display that month on first render.\n /\n defaultMonth?: LegacyCalendarRangeProps[\"defaultMonth\"]\n /\n Event passed from consumer to handle the date on change.\n /\n onChange: (dateRange: DateRange) => void\n} & DisabledDayMatchers\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} \|\n * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}\n /\nexport const DateRangePicker = ({\n id: propsId,\n buttonRef = useRef<HTMLButtonElement>(null),\n description: _description, // not used\n labelText,\n isDisabled = false,\n classNameOverride,\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n weekStartsOn,\n defaultMonth,\n selectedDateRange,\n value,\n onChange,\n ...inputProps\n}: DateRangePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const containerRef = useRef<HTMLInputElement>(null)\n const [isOpen, setIsOpen] = useState(false)\n\n const disabledDays = calculateDisabledDays({\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n })\n\n const handleOpenClose = (): void => {\n setIsOpen(!isOpen)\n }\n\n const handleReturnFocus = (): void => {\n if (buttonRef.current) {\n buttonRef.current.focus()\n }\n }\n\n const handleDayClick = (day: Date): void => {\n /* react-day-picker will fire events for disabled days by default.\n * We're checking here if it includes the CSS Modules class for disabled\n * on the modifier to then return early.\n * /\n\n if (isDisabledDate(day, disabledDays)) {\n return\n }\n\n if (!selectedDateRange) return\n\n /* If user has already selected range and then selects again, treat first\n * click as the start of the new range.\n * */\n if (isSelectingFirstDay(selectedDateRange, day)) {\n onChange({\n from: day,\n to: undefined,\n })\n } else {\n // Otherwise, treat click as the final selection.\n onChange({\n from: selectedDateRange.from,\n to: day,\n })\n handleOpenClose()\n }\n }\n\n const isSelectingFirstDay = (range: DateRange, day: Date): boolean => {\n const isBeforeFirstDay =\n !!range.from &&\n isMatch(day, [\n {\n before: range.from,\n },\n ])\n\n const isRangeSelected = !!range.from && !!range.to\n\n return !range.from \|\| isBeforeFirstDay \|\| isRangeSelected\n }\n\n return (\n <div>\n <div ref={containerRef} className={classNameOverride}>\n <Label disabled={isDisabled} htmlFor={id} labelText={labelText} />\n <button\n type=\"button\"\n id={id}\n className={cx(styles.button, styles.withStartIconAdornment, {\n [styles.disabled]: isDisabled,\n })}\n disabled={isDisabled}\n ref={buttonRef}\n onClick={handleOpenClose}\n aria-label={\n selectedDateRange?.from ? `Change date: ${value}` : \"Choose date\"\n }\n {...inputProps}\n >\n <div className={styles.startIconAdornment}>\n <DateStartIcon role=\"presentation\" />\n </div>\n <span className={styles.value}>\n {selectedDateRange?.from ? value : undefined}\n </span>\n </button>\n </div>\n\n {isOpen && (\n <FocusOn\n scrollLock={false}\n onDeactivation={handleReturnFocus}\n onClickOutside={handleOpenClose}\n onEscapeKey={handleOpenClose}\n enabled={isOpen}\n >\n <CalendarPopover referenceElement={containerRef.current}>\n <LegacyCalendarRange\n selectedRange={selectedDateRange}\n defaultMonth={defaultMonth}\n weekStartsOn={weekStartsOn}\n disabledDays={disabledDays}\n onDayChange={handleDayClick}\n locale={enUS}\n />\n </CalendarPopover>\n </FocusOn>\n )}\n </div>\n )\n}\n\nDateRangePicker.displayName = \"DateRangePicker\"\n"],"names":["DateRangePicker","_a","propsId","id","_c","buttonRef","useRef","description","labelText","_d","isDisabled","classNameOverride","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDateRange","value","onChange","inputProps","__rest","reactId","useId","containerRef","_e","useState","isOpen","setIsOpen","disabledDays","calculateDisabledDays","handleOpenClose","handleReturnFocus","current","focus","handleDayClick","day","isDisabledDate","isSelectingFirstDay","from","to","undefined","range","isBeforeFirstDay","isMatch","before","isRangeSelected","React","createElement","ref","className","Label","disabled","htmlFor","__assign","type","cx","styles","button","withStartIconAdornment","_b","onClick","concat","startIconAdornment","DateStartIcon","role","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","CalendarPopover","referenceElement","LegacyCalendarRange","selectedRange","onDayChange","locale","enUS","displayName"],"mappings":"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"}

package/dist/esm/EmptyState/EmptyState.mjs CHANGED Viewed

@@ -41,20 +41,20 @@ const EmptyState = /*#__PURE__*/function () {
       id: id
     }, props), /*#__PURE__*/React.createElement("div", {
       className: styles.illustrationSide
-    }, isAnimated ? /*#__PURE__*/React.createElement(IllustrationComponent, {
+    }, isAnimated ? ( /*#__PURE__*/React.createElement(IllustrationComponent, {
       isAnimated: true,
       loop: loop,
       classNameOverride: styles.illustration
-    }) : /*#__PURE__*/React.createElement(IllustrationComponent, {
+    })) : ( /*#__PURE__*/React.createElement(IllustrationComponent, {
       alt: illustrationType,
       classNameOverride: styles.illustration
-    })), /*#__PURE__*/React.createElement("div", {
+    }))), /*#__PURE__*/React.createElement("div", {
       className: styles.textSide
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.textSideInner
-    }, headingProps && /*#__PURE__*/React.createElement(Heading, __assign({
+    }, headingProps && ( /*#__PURE__*/React.createElement(Heading, __assign({
       classNameOverride: styles.heading
-    }, headingProps)), /*#__PURE__*/React.createElement(Text, {
+    }, headingProps))), /*#__PURE__*/React.createElement(Text, {
       variant: "body",
       classNameOverride: styles.description
     }, bodyText), children)));

package/dist/esm/EmptyState/EmptyState.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.mjs","sources":["../../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps, Heading } from \"~components/Heading\"\nimport {\n AnimatedSceneProps,\n EmptyStatesAction,\n EmptyStatesInformative,\n EmptyStatesNegative,\n EmptyStatesNeutral,\n EmptyStatesPositive,\n} from \"~components/Illustration\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./EmptyState.module.scss\"\n\nconst ILLUSTRATIONS: Record<\n string,\n (props: AnimatedSceneProps) => JSX.Element\n> = {\n positive: EmptyStatesPositive,\n neutral: EmptyStatesNeutral,\n negative: EmptyStatesNegative,\n informative: EmptyStatesInformative,\n action: EmptyStatesAction,\n}\n\ntype IllustrationType =\n \| \"positive\"\n \| \"neutral\"\n \| \"negative\"\n \| \"informative\"\n \| \"action\"\n\ntype LayoutContextType = \"sidebarAndContent\" \| \"contentOnly\"\n\nexport type EmptyStateProps = {\n children?: React.ReactNode\n id?: string\n illustrationType?: IllustrationType\n layoutContext?: LayoutContextType\n bodyText: string \| React.ReactNode\n straightCorners?: boolean\n headingProps?: HeadingProps\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>> &\n Pick<AnimatedSceneProps, \"isAnimated\" \| \"loop\">\n\n/*\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}\n */\nexport const EmptyState = ({\n children,\n id,\n illustrationType = \"informative\",\n layoutContext = \"sidebarAndContent\",\n headingProps,\n bodyText,\n straightCorners,\n isAnimated = true,\n loop = false,\n classNameOverride,\n ...props\n}: EmptyStateProps): JSX.Element => {\n const IllustrationComponent = ILLUSTRATIONS[illustrationType]\n\n return (\n <div\n className={classnames(\n classNameOverride,\n styles[illustrationType],\n styles.container,\n styles.zen,\n styles[layoutContext],\n straightCorners && styles.straightCorners\n )}\n id={id}\n {...props}\n >\n <div className={styles.illustrationSide}>\n {isAnimated ? (\n <IllustrationComponent\n isAnimated\n loop={loop}\n classNameOverride={styles.illustration}\n />\n ) : (\n <IllustrationComponent\n alt={illustrationType}\n classNameOverride={styles.illustration}\n />\n )}\n </div>\n <div className={styles.textSide}>\n <div className={styles.textSideInner}>\n {headingProps && (\n <Heading classNameOverride={styles.heading} {...headingProps} />\n )}\n <Text variant=\"body\" classNameOverride={styles.description}>\n {bodyText}\n </Text>\n {children}\n </div>\n </div>\n </div>\n )\n}\n\nEmptyState.displayName = \"EmptyState\"\n"],"names":["ILLUSTRATIONS","positive","EmptyStatesPositive","neutral","EmptyStatesNeutral","negative","EmptyStatesNegative","informative","EmptyStatesInformative","action","EmptyStatesAction","EmptyState","_a","children","id","_b","illustrationType","_c","layoutContext","headingProps","bodyText","straightCorners","_d","isAnimated","_e","loop","classNameOverride","props","__rest","IllustrationComponent","React","createElement","__assign","className","classnames","styles","container","zen","illustrationSide","illustration","alt","textSide","textSideInner","Heading","heading","Text","variant","description","displayName"],"mappings":";;;;;;;;;AAeA,IAAMA,aAAa,GAGf;EACFC,QAAQ,EAAEC,mBAAmB;EAC7BC,OAAO,EAAEC,kBAAkB;EAC3BC,QAAQ,EAAEC,mBAAmB;EAC7BC,WAAW,EAAEC,sBAAsB;EACnCC,MAAM,EAAEC;CACT;AAsBD;;;AAGG;AAHH,MAIaC,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAYT,EAAA;IAXhB,IAAAC,QAAQ,cAAA;MACRC,EAAE,QAAA;MACFC,EAAA,GAAAH,EAAA,CAAAI,gBAAgC;MAAhCA,gBAAgB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,aAAa,KAAA;MAChCE,EAAA,GAAAL,EAAA,CAAAM,aAAmC;MAAnCA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,mBAAmB,GAAAA,EAAA;MACnCE,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,QAAQ,cAAA;MACRC,eAAe,qBAAA;MACfC,EAAA,GAAAV,EAAA,CAAAW,UAAiB;MAAjBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;MACjBE,EAAA,GAAAZ,EAAA,CAAAa,IAAY;MAAZA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACZE,iBAAiB,uBAAA;MACdC,KAAK,GAXiBC,MAAA,CAAAhB,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,MAAA,EAAA,mBAAA,CAY1B,CADS;IAER,IAAMiB,qBAAqB,GAAG7B,aAAa,CAACgB,gBAAgB,CAAC;IAE7D,oBACEc,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBR,iBAAiB,EACjBS,MAAM,CAACnB,gBAAgB,CAAC,EACxBmB,MAAM,CAACC,SAAS,EAChBD,MAAM,CAACE,GAAG,EACVF,MAAM,CAACjB,aAAa,CAAC,EACrBG,eAAe,IAAIc,MAAM,CAACd,eAAe,CAC1C;MACDP,EAAE,EAAEA;IAAE,GACFa,KAAK,CAAA,eAETG,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACG;IAAgB,CACpC,EAAAf,UAAU,~~gBACTO~~,KAAC,CAAAC,aAAA,CAAAF,qBAAqB;MACpBN,UAAU,EAAA,IAAA;MACVE,IAAI,EAAEA,IAAI;MACVC,iBAAiB,EAAES,MAAM,CAACI;MAC1B,~~gBAEFT~~,oBAACD,qBAAqB,EAAA;MACpBW,GAAG,EAAExB,gBAAgB;MACrBU,iBAAiB,EAAES,MAAM,CAACI;IAAY,CACtC,CACH,CACG,eACNT,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACM;IAAQ,CAAA,eAC7BX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACO;IAAa,CAAA,EACjCvB,YAAY,~~iBACXW~~,KAAC,CAAAC,aAAA,CAAAY,OAAO,EAACX,QAAA,CAAA;MAAAN,iBAAiB,EAAES,MAAM,CAACS;KAAa,EAAAzB,YAAY,~~EAC7D~~,eACDW,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAA;MAACC,OAAO,EAAC,MAAM;MAACpB,iBAAiB,EAAES,MAAM,CAACY;IAAW,CAAA,EACvD3B,QAAQ,CACJ,EACNP,QAAQ,CACL,CACF,CACF;EAEV,CAAC;EAEDF,UAAU,CAACqC,WAAW,GAAG,YAAY;EAAA,OAzDxBrC,UAAU;AAAA;"}
1	+ {"version":3,"file":"EmptyState.mjs","sources":["../../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps, Heading } from \"~components/Heading\"\nimport {\n AnimatedSceneProps,\n EmptyStatesAction,\n EmptyStatesInformative,\n EmptyStatesNegative,\n EmptyStatesNeutral,\n EmptyStatesPositive,\n} from \"~components/Illustration\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./EmptyState.module.scss\"\n\nconst ILLUSTRATIONS: Record<\n string,\n (props: AnimatedSceneProps) => JSX.Element\n> = {\n positive: EmptyStatesPositive,\n neutral: EmptyStatesNeutral,\n negative: EmptyStatesNegative,\n informative: EmptyStatesInformative,\n action: EmptyStatesAction,\n}\n\ntype IllustrationType =\n \| \"positive\"\n \| \"neutral\"\n \| \"negative\"\n \| \"informative\"\n \| \"action\"\n\ntype LayoutContextType = \"sidebarAndContent\" \| \"contentOnly\"\n\nexport type EmptyStateProps = {\n children?: React.ReactNode\n id?: string\n illustrationType?: IllustrationType\n layoutContext?: LayoutContextType\n bodyText: string \| React.ReactNode\n straightCorners?: boolean\n headingProps?: HeadingProps\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>> &\n Pick<AnimatedSceneProps, \"isAnimated\" \| \"loop\">\n\n/*\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}\n */\nexport const EmptyState = ({\n children,\n id,\n illustrationType = \"informative\",\n layoutContext = \"sidebarAndContent\",\n headingProps,\n bodyText,\n straightCorners,\n isAnimated = true,\n loop = false,\n classNameOverride,\n ...props\n}: EmptyStateProps): JSX.Element => {\n const IllustrationComponent = ILLUSTRATIONS[illustrationType]\n\n return (\n <div\n className={classnames(\n classNameOverride,\n styles[illustrationType],\n styles.container,\n styles.zen,\n styles[layoutContext],\n straightCorners && styles.straightCorners\n )}\n id={id}\n {...props}\n >\n <div className={styles.illustrationSide}>\n {isAnimated ? (\n <IllustrationComponent\n isAnimated\n loop={loop}\n classNameOverride={styles.illustration}\n />\n ) : (\n <IllustrationComponent\n alt={illustrationType}\n classNameOverride={styles.illustration}\n />\n )}\n </div>\n <div className={styles.textSide}>\n <div className={styles.textSideInner}>\n {headingProps && (\n <Heading classNameOverride={styles.heading} {...headingProps} />\n )}\n <Text variant=\"body\" classNameOverride={styles.description}>\n {bodyText}\n </Text>\n {children}\n </div>\n </div>\n </div>\n )\n}\n\nEmptyState.displayName = \"EmptyState\"\n"],"names":["ILLUSTRATIONS","positive","EmptyStatesPositive","neutral","EmptyStatesNeutral","negative","EmptyStatesNegative","informative","EmptyStatesInformative","action","EmptyStatesAction","EmptyState","_a","children","id","_b","illustrationType","_c","layoutContext","headingProps","bodyText","straightCorners","_d","isAnimated","_e","loop","classNameOverride","props","__rest","IllustrationComponent","React","createElement","__assign","className","classnames","styles","container","zen","illustrationSide","illustration","alt","textSide","textSideInner","Heading","heading","Text","variant","description","displayName"],"mappings":";;;;;;;;;AAeA,IAAMA,aAAa,GAGf;EACFC,QAAQ,EAAEC,mBAAmB;EAC7BC,OAAO,EAAEC,kBAAkB;EAC3BC,QAAQ,EAAEC,mBAAmB;EAC7BC,WAAW,EAAEC,sBAAsB;EACnCC,MAAM,EAAEC;CACT;AAsBD;;;AAGG;AAHH,MAIaC,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAYT,EAAA;IAXhB,IAAAC,QAAQ,cAAA;MACRC,EAAE,QAAA;MACFC,EAAA,GAAAH,EAAA,CAAAI,gBAAgC;MAAhCA,gBAAgB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,aAAa,KAAA;MAChCE,EAAA,GAAAL,EAAA,CAAAM,aAAmC;MAAnCA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,mBAAmB,GAAAA,EAAA;MACnCE,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,QAAQ,cAAA;MACRC,eAAe,qBAAA;MACfC,EAAA,GAAAV,EAAA,CAAAW,UAAiB;MAAjBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;MACjBE,EAAA,GAAAZ,EAAA,CAAAa,IAAY;MAAZA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACZE,iBAAiB,uBAAA;MACdC,KAAK,GAXiBC,MAAA,CAAAhB,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,MAAA,EAAA,mBAAA,CAY1B,CADS;IAER,IAAMiB,qBAAqB,GAAG7B,aAAa,CAACgB,gBAAgB,CAAC;IAE7D,oBACEc,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBR,iBAAiB,EACjBS,MAAM,CAACnB,gBAAgB,CAAC,EACxBmB,MAAM,CAACC,SAAS,EAChBD,MAAM,CAACE,GAAG,EACVF,MAAM,CAACjB,aAAa,CAAC,EACrBG,eAAe,IAAIc,MAAM,CAACd,eAAe,CAC1C;MACDP,EAAE,EAAEA;IAAE,GACFa,KAAK,CAAA,eAETG,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACG;IAAgB,CACpC,EAAAf,UAAU,kBACTO,KAAC,CAAAC,aAAA,CAAAF,qBAAqB;MACpBN,UAAU,EAAA,IAAA;MACVE,IAAI,EAAEA,IAAI;MACVC,iBAAiB,EAAES,MAAM,CAACI;MAC1B,mBAEFT,oBAACD,qBAAqB,EAAA;MACpBW,GAAG,EAAExB,gBAAgB;MACrBU,iBAAiB,EAAES,MAAM,CAACI;IAAY,CACtC,CAAA,CACH,CACG,eACNT,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACM;IAAQ,CAAA,eAC7BX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACO;IAAa,CAAA,EACjCvB,YAAY,mBACXW,KAAC,CAAAC,aAAA,CAAAY,OAAO,EAACX,QAAA,CAAA;MAAAN,iBAAiB,EAAES,MAAM,CAACS;KAAa,EAAAzB,YAAY,EAAI,CACjE,eACDW,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAA;MAACC,OAAO,EAAC,MAAM;MAACpB,iBAAiB,EAAES,MAAM,CAACY;IAAW,CAAA,EACvD3B,QAAQ,CACJ,EACNP,QAAQ,CACL,CACF,CACF;EAEV,CAAC;EAEDF,UAAU,CAACqC,WAAW,GAAG,YAAY;EAAA,OAzDxBrC,UAAU;AAAA;"}

package/dist/esm/FieldMessage/FieldMessage.mjs CHANGED Viewed

@@ -20,17 +20,17 @@ const FieldMessage = /*#__PURE__*/function () {
     var textColor = status === "default" || status === "success" ? reversed ? "white-reduced-opacity" : "dark-reduced-opacity" : "dark";
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.message, styles[status], classNameOverride, reversed && styles.reversed, position === "bottom" && styles.positionBottom, position === "top" && styles.positionTop)
-    }, restProps), (status === "error" || status === "caution") && /*#__PURE__*/React.createElement("span", {
+    }, restProps), (status === "error" || status === "caution") && ( /*#__PURE__*/React.createElement("span", {
       className: styles.warningIcon
-    }, status === "error" ? /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
+    }, status === "error" ? ( /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
       role: "img",
       inheritSize: false,
       "aria-label": "".concat(status, " message")
-    }) : /*#__PURE__*/React.createElement(CautionWhiteIcon, {
+    })) : ( /*#__PURE__*/React.createElement(CautionWhiteIcon, {
       role: "img",
       inheritSize: false,
       "aria-label": "".concat(status, " message")
-    })), /*#__PURE__*/React.createElement("div", {
+    })))), /*#__PURE__*/React.createElement("div", {
       className: styles.message
     }, /*#__PURE__*/React.createElement(Text, {
       variant: "small",

package/dist/esm/FieldMessage/FieldMessage.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldMessage.mjs","sources":["../../../src/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CautionWhiteIcon, ExclamationWhiteIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FieldMessage.module.scss\"\n\nexport type FieldMessageStatus = \"default\" \| \"success\" \| \"error\" \| \"caution\"\n\nexport type FieldMessageProps = {\n message?: React.ReactNode\n /** @default \"default\" /\n status?: FieldMessageStatus\n /* @default \"bottom\" */\n position?: \"top\" \| \"bottom\"\n reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FieldMessage = ({\n message,\n status = \"default\",\n position = \"bottom\",\n reversed = false,\n classNameOverride,\n ...restProps\n}: FieldMessageProps): JSX.Element => {\n const textColor =\n status === \"default\" \|\| status === \"success\"\n ? reversed\n ? \"white-reduced-opacity\"\n : \"dark-reduced-opacity\"\n : \"dark\"\n\n return (\n <div\n className={classnames(\n styles.message,\n styles[status],\n classNameOverride,\n reversed && styles.reversed,\n position === \"bottom\" && styles.positionBottom,\n position === \"top\" && styles.positionTop\n )}\n {...restProps}\n >\n {(status === \"error\" \|\| status === \"caution\") && (\n <span className={styles.warningIcon}>\n {status === \"error\" ? (\n <ExclamationWhiteIcon\n role=\"img\"\n inheritSize={false}\n aria-label={`${status} message`}\n />\n ) : (\n <CautionWhiteIcon\n role=\"img\"\n inheritSize={false}\n aria-label={`${status} message`}\n />\n )}\n </span>\n )}\n <div className={styles.message}>\n <Text\n variant=\"small\"\n tag={typeof message === \"string\" ? \"p\" : \"div\"}\n color={textColor}\n >\n {message}\n </Text>\n </div>\n </div>\n )\n}\n\nFieldMessage.displayName = \"FieldMessage\"\n"],"names":["FieldMessage","_a","message","_b","status","_c","position","_d","reversed","classNameOverride","restProps","__rest","textColor","React","createElement","__assign","className","classnames","styles","positionBottom","positionTop","warningIcon","ExclamationWhiteIcon","role","inheritSize","concat","CautionWhiteIcon","Text","variant","tag","color","displayName"],"mappings":";;;;;;;;MAkBaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAOT,EAAA;IANlB,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,EAAA,GAAAF,EAAA,CAAAG,MAAkB;MAAlBA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAAA,EAAA;MAClBE,EAAmB,GAAAJ,EAAA,CAAAK,QAAA;MAAnBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAAA,EAAA;MACnBE,EAAgB,GAAAN,EAAA,CAAAO,QAAA;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAV,EAAA,EANe,kEAO5B,CADa;IAEZ,IAAMW,SAAS,GACbR,MAAM,KAAK,SAAS,IAAIA,MAAM,KAAK,SAAS,GACxCI,QAAQ,GACN,uBAAuB,GACvB,sBAAsB,GACxB,MAAM;IAEZ,oBACEK,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAAChB,OAAO,EACdgB,MAAM,CAACd,MAAM,CAAC,EACdK,iBAAiB,EACjBD,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAC3BF,QAAQ,KAAK,QAAQ,IAAIY,MAAM,CAACC,cAAc,EAC9Cb,QAAQ,KAAK,KAAK,IAAIY,MAAM,CAACE,WAAW;IACzC,GACGV,SAAS,CAAA,EAEZ,CAACN,MAAM,KAAK,OAAO,IAAIA,MAAM,KAAK,SAAS,~~kBAC1CS~~,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACG;IAAW,CAChC,EAAAjB,MAAM,KAAK,OAAO,~~gBACjBS~~,KAAC,CAAAC,aAAA,CAAAQ,oBAAoB,EACnB;MAAAC,IAAI,EAAC,KAAK;MACVC,WAAW,EAAE,KAAK;MACN,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAGrB,MAAM,EAAA,UAAA;IAAU,CAC/B,CAAA,~~gBAEFS~~,KAAC,CAAAC,aAAA,CAAAY,gBAAgB,EACf;MAAAH,IAAI,EAAC,KAAK;MACVC,WAAW,EAAE,KAAK;MACN,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAGrB,MAAM,EAAA,UAAA;KACrB,CACH,~~CAEJ~~,eACDS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAAChB;IAAO,CAAA,eAC5BW,KAAA,CAAAC,aAAA,CAACa,IAAI,EAAA;MACHC,OAAO,EAAC,OAAO;MACfC,GAAG,EAAE,OAAO3B,OAAO,KAAK,QAAQ,GAAG,GAAG,GAAG,KAAK;MAC9C4B,KAAK,EAAElB;IAAS,CAAA,EAEfV,OAAO,CACH,CACH,CACF;EAEV,CAAC;EAEDF,YAAY,CAAC+B,WAAW,GAAG,cAAc;EAAA,OAzD5B/B,YAAY;AAAA;"}
1	+ {"version":3,"file":"FieldMessage.mjs","sources":["../../../src/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CautionWhiteIcon, ExclamationWhiteIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FieldMessage.module.scss\"\n\nexport type FieldMessageStatus = \"default\" \| \"success\" \| \"error\" \| \"caution\"\n\nexport type FieldMessageProps = {\n message?: React.ReactNode\n /** @default \"default\" /\n status?: FieldMessageStatus\n /* @default \"bottom\" */\n position?: \"top\" \| \"bottom\"\n reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FieldMessage = ({\n message,\n status = \"default\",\n position = \"bottom\",\n reversed = false,\n classNameOverride,\n ...restProps\n}: FieldMessageProps): JSX.Element => {\n const textColor =\n status === \"default\" \|\| status === \"success\"\n ? reversed\n ? \"white-reduced-opacity\"\n : \"dark-reduced-opacity\"\n : \"dark\"\n\n return (\n <div\n className={classnames(\n styles.message,\n styles[status],\n classNameOverride,\n reversed && styles.reversed,\n position === \"bottom\" && styles.positionBottom,\n position === \"top\" && styles.positionTop\n )}\n {...restProps}\n >\n {(status === \"error\" \|\| status === \"caution\") && (\n <span className={styles.warningIcon}>\n {status === \"error\" ? (\n <ExclamationWhiteIcon\n role=\"img\"\n inheritSize={false}\n aria-label={`${status} message`}\n />\n ) : (\n <CautionWhiteIcon\n role=\"img\"\n inheritSize={false}\n aria-label={`${status} message`}\n />\n )}\n </span>\n )}\n <div className={styles.message}>\n <Text\n variant=\"small\"\n tag={typeof message === \"string\" ? \"p\" : \"div\"}\n color={textColor}\n >\n {message}\n </Text>\n </div>\n </div>\n )\n}\n\nFieldMessage.displayName = \"FieldMessage\"\n"],"names":["FieldMessage","_a","message","_b","status","_c","position","_d","reversed","classNameOverride","restProps","__rest","textColor","React","createElement","__assign","className","classnames","styles","positionBottom","positionTop","warningIcon","ExclamationWhiteIcon","role","inheritSize","concat","CautionWhiteIcon","Text","variant","tag","color","displayName"],"mappings":";;;;;;;;MAkBaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAOT,EAAA;IANlB,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,EAAA,GAAAF,EAAA,CAAAG,MAAkB;MAAlBA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAAA,EAAA;MAClBE,EAAmB,GAAAJ,EAAA,CAAAK,QAAA;MAAnBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAAA,EAAA;MACnBE,EAAgB,GAAAN,EAAA,CAAAO,QAAA;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAV,EAAA,EANe,kEAO5B,CADa;IAEZ,IAAMW,SAAS,GACbR,MAAM,KAAK,SAAS,IAAIA,MAAM,KAAK,SAAS,GACxCI,QAAQ,GACN,uBAAuB,GACvB,sBAAsB,GACxB,MAAM;IAEZ,oBACEK,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAAChB,OAAO,EACdgB,MAAM,CAACd,MAAM,CAAC,EACdK,iBAAiB,EACjBD,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAC3BF,QAAQ,KAAK,QAAQ,IAAIY,MAAM,CAACC,cAAc,EAC9Cb,QAAQ,KAAK,KAAK,IAAIY,MAAM,CAACE,WAAW;IACzC,GACGV,SAAS,CAAA,EAEZ,CAACN,MAAM,KAAK,OAAO,IAAIA,MAAM,KAAK,SAAS,oBAC1CS,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACG;IAAW,CAChC,EAAAjB,MAAM,KAAK,OAAO,kBACjBS,KAAC,CAAAC,aAAA,CAAAQ,oBAAoB,EACnB;MAAAC,IAAI,EAAC,KAAK;MACVC,WAAW,EAAE,KAAK;MACN,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAGrB,MAAM,EAAA,UAAA;IAAU,CAC/B,CAAA,mBAEFS,KAAC,CAAAC,aAAA,CAAAY,gBAAgB,EACf;MAAAH,IAAI,EAAC,KAAK;MACVC,WAAW,EAAE,KAAK;MACN,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAGrB,MAAM,EAAA,UAAA;KACrB,CAAA,CACH,CACI,CACR,eACDS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAAChB;IAAO,CAAA,eAC5BW,KAAA,CAAAC,aAAA,CAACa,IAAI,EAAA;MACHC,OAAO,EAAC,OAAO;MACfC,GAAG,EAAE,OAAO3B,OAAO,KAAK,QAAQ,GAAG,GAAG,GAAG,KAAK;MAC9C4B,KAAK,EAAElB;IAAS,CAAA,EAEfV,OAAO,CACH,CACH,CACF;EAEV,CAAC;EAEDF,YAAY,CAAC+B,WAAW,GAAG,cAAc;EAAA,OAzD5B/B,YAAY;AAAA;"}

package/dist/esm/Filter/Filter/Filter.mjs CHANGED Viewed

@@ -37,7 +37,7 @@ const Filter = /*#__PURE__*/function () {
       className: classNameOverride
     }, restProps), /*#__PURE__*/React.cloneElement(trigger, {
       ref: filterButtonRef
-    }), isRefLoaded && isOpen && /*#__PURE__*/React.createElement(FocusOn, {
+    }), isRefLoaded && isOpen && ( /*#__PURE__*/React.createElement(FocusOn, {
       scrollLock: false,
       onClickOutside: function () {
         return setIsOpen(false);
@@ -47,7 +47,7 @@ const Filter = /*#__PURE__*/function () {
       }
     }, /*#__PURE__*/React.createElement(FilterPopover, {
       referenceElement: ((_f = (_e = filterButtonRef.current) === null || _e === void 0 ? void 0 : _e.triggerRef) === null || _f === void 0 ? void 0 : _f.current) || null
-    }, children)));
+    }, children))));
   };
   Filter.displayName = "Filter";
   return Filter;

package/dist/esm/Filter/Filter/Filter.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Filter.mjs","sources":["../../../../src/Filter/Filter/Filter.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } 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 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 [isRefLoaded, setIsRefLoaded] = useState<boolean>(false)\n\n const trigger = renderTrigger({\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 >\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","_g","useState","isRefLoaded","setIsRefLoaded","trigger","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","displayName"],"mappings":";;;;MAiBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAQT,EAAA;;IAPZ,IAAAC,QAAQ,cAAA;MACRC,MAAM,YAAA;MACNC,SAAS,eAAA;MACTC,aAAa,mBAAA;MACbC,iBAAiB,uBAAA;MACjBC,OAAO,aAAA;MACJC,SAAS,GAPSC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,SAAA,CAQtB,CADa;IAEN,IAAAS,EAAA,GAAgCC,QAAQ,CAAU,KAAK,CAAC;MAAvDC,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,cAAc,GAAAH,EAAA,CAAA,CAAA,CAA4B;IAE9D,IAAMI,OAAO,GAAGT,aAAa,CAAC;MAC5BU,OAAO,EAAE,SAAAA,CAAA;QAAY,OAAAX,SAAS,CAAC,CAACD,MAAM,CAAC;MAAA,CAAA;MACvCA,MAAM,EAAAA;IACP,CAAA,CAAC;IAEF,IAAMa,gBAAgB,GAAGC,MAAM,CAAoB,IAAI,CAAC;IACxD,IAAMC,UAAU,GAAGD,MAAM,CAAmB;MAC1CE,UAAU,EAAEH;IACb,CAAA,CAAC;IACF,IAAMI,eAAe,GAAG,CAAAC,EAAA,GAAAP,OAAO,CAACQ,GAAG,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAIH,UAAU;IAEjDK,SAAS,CAAC,YAAA;;MACR,IAAI,CAAAF,EAAA,GAAA,~~MAAAD~~,eAAe,CAACI,OAAO,~~MAAE~~,~~IAAA,IAAAvB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAkB,~~UAAU,~~MAAE~~,IAAA,IAAAE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,~~CAAAG~~,OAAO,EAAE;QAChDX,cAAc,CAAC,IAAI,CAAC;QACpBN,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGa,eAAe,CAACI,OAAO,CAACL,UAAU,CAAC;MAC9C;IACH,CAAC,EAAE,CAAC,CAAAM,EAAA,GAAA,CAAAC,EAAA,GAAAN,eAAe,CAACI,OAAO,MAAE,IAAA,IAAAE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAP,UAAU,0CAAEK,OAAO,EAAEjB,OAAO,CAAC,CAAC;IAE3D,oBACEoB,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAExB;OAAuBE,SAAS,CAAA,eAC7CmB,KAAK,CAACI,YAAY,CAACjB,OAAO,EAAE;MAC3BQ,GAAG,EAAEF;KACN,CAAC,EACDR,WAAW,IAAIT,MAAM,~~iBACpBwB~~,KAAC,CAAAC,aAAA,CAAAI,OAAO,EACN;MAAAC,UAAU,EAAE,KAAK;MACjBC,cAAc,EAAE,SAAAA,CAAA,EAAY;QAAA,OAAA9B,SAAS,CAAC,KAAK,CAAC;MAAhB,CAAgB;MAC5C+B,WAAW,EAAE,SAAAA,CAAA,EAAY;QAAA,OAAA/B,SAAS,CAAC,KAAK,CAAC;;IAAA,CAAA,eAEzCuB,KAAC,CAAAC,aAAA,CAAAQ,aAAa;MACZC,gBAAgB,EACd,CAAA,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAnB,eAAe,CAACI,OAAO,MAAA,IAAA,IAAAe,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEpB,UAAU,MAAE,IAAA,IAAAmB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAd,OAAO,KAAI;IAAI,CAGrD,EAAAtB,QAAQ,CACK,~~CAEnB~~,CACG;EAEV,CAAC;EAEDF,MAAM,CAACwC,WAAW,GAAG,QAAQ;EAAA,OArDhBxC,MAAM;AAAA;"}
1	+ {"version":3,"file":"Filter.mjs","sources":["../../../../src/Filter/Filter/Filter.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } 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 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 [isRefLoaded, setIsRefLoaded] = useState<boolean>(false)\n\n const trigger = renderTrigger({\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 >\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","_g","useState","isRefLoaded","setIsRefLoaded","trigger","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","displayName"],"mappings":"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"}

package/dist/esm/Filter/FilterBar/context/reducer/filterBarStateReducer.mjs CHANGED Viewed

@@ -18,7 +18,7 @@ var filterBarStateReducer = function (state, action) {
       state.activeFilterIds.add(action.id);
       return __assign({}, updateDependentFilters(state));
     case "deactivate_filter":
-      state.activeFilterIds["delete"](action.id);
+      state.activeFilterIds.delete(action.id);
       state.values[action.id] = undefined;
       return __assign(__assign({}, updateDependentFilters(state)), {
         hasUpdatedValues: true

package/dist/esm/Filter/FilterBar/context/reducer/filterBarStateReducer.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filterBarStateReducer.mjs","sources":["../../../../../../src/Filter/FilterBar/context/reducer/filterBarStateReducer.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState, FilterStateEditableAttributes } from \"../types\"\nimport { updateDependentFilters } from \"../utils/updateDependentFilters\"\nimport { updateSingleFilter } from \"./updateSingleFilter\"\nimport { updateValues } from \"./updateValues\"\n\ntype Actions<ValuesMap extends FiltersValues> =\n \| { type: \"update_values\"; values: Partial<ValuesMap> }\n \| { type: \"complete_update_values\" }\n \| {\n type: \"update_single_filter\"\n id: keyof ValuesMap\n data: Partial<FilterStateEditableAttributes>\n }\n \| { type: \"activate_filter\"; id: keyof ValuesMap }\n \| { type: \"deactivate_filter\"; id: keyof ValuesMap }\n\nexport const filterBarStateReducer = <ValuesMap extends FiltersValues>(\n state: FilterBarState<ValuesMap>,\n action: Actions<ValuesMap>\n): FilterBarState<ValuesMap> => {\n switch (action.type) {\n case \"update_values\":\n return { ...updateValues(state, action.values) }\n\n case \"complete_update_values\":\n return {\n ...state,\n hasUpdatedValues: false,\n }\n\n case \"update_single_filter\":\n return {\n ...state,\n filters: updateSingleFilter(state, action.id, action.data),\n }\n\n case \"activate_filter\":\n state.activeFilterIds.add(action.id)\n return { ...updateDependentFilters(state) }\n\n case \"deactivate_filter\":\n state.activeFilterIds.delete(action.id)\n state.values[action.id] = undefined\n return {\n ...updateDependentFilters(state),\n hasUpdatedValues: true,\n }\n }\n}\n"],"names":["filterBarStateReducer","state","action","type","__assign","updateValues","values","hasUpdatedValues","filters","updateSingleFilter","id","data","activeFilterIds","add","updateDependentFilters","undefined"],"mappings":";;;;AAiBa,IAAAA,qBAAqB,GAAG,SAAAA,CACnCC,KAAgC,EAChCC,MAA0B,EAAA;EAE1B,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,eAAe;MAClB,OAAYC,QAAA,CAAA,CAAA,CAAA,EAAAC,YAAY,CAACJ,KAAK,EAAEC,MAAM,CAACI,MAAM,CAAC,CAAE;IAElD,KAAK,wBAAwB;MAC3B,OAAAF,QAAA,CAAAA,QAAA,CAAA,EAAA,EACKH,KAAK,CAAA,EAAA;QACRM,gBAAgB,EAAE;MAAK,CACxB,CAAA;IAEH,KAAK,sBAAsB;MACzB,OAAAH,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAO,OAAO,EAAEC,kBAAkB,CAACR,KAAK,EAAEC,MAAM,CAACQ,EAAE,EAAER,MAAM,CAACS,IAAI;MAC1D,CAAA,CAAA;IAEH,KAAK,iBAAiB;MACpBV,KAAK,CAACW,eAAe,CAACC,GAAG,CAACX,MAAM,CAACQ,EAAE,CAAC;MACpC,OAAAN,QAAA,CAAA,CAAA,CAAA,EAAYU,sBAAsB,CAACb,KAAK,CAAC,CAAE;IAE7C,KAAK,mBAAmB;MACtBA,KAAK,CAACW,eAAe,~~CAAC~~,~~QAAM~~,~~CAAA~~,~~CAACV,~~MAAM,CAACQ,EAAE,CAAC;MACvCT,KAAK,CAACK,MAAM,CAACJ,MAAM,CAACQ,EAAE,CAAC,~~GAAGK~~,SAAS;MACnC,~~OACKX~~,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAU,sBAAsB,CAACb,KAAK,CAAC;QAChCM,gBAAgB,EAAE;MAAI,CACvB,CAAA;EACJ;AACH,CAAA;"}
1	+ {"version":3,"file":"filterBarStateReducer.mjs","sources":["../../../../../../src/Filter/FilterBar/context/reducer/filterBarStateReducer.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState, FilterStateEditableAttributes } from \"../types\"\nimport { updateDependentFilters } from \"../utils/updateDependentFilters\"\nimport { updateSingleFilter } from \"./updateSingleFilter\"\nimport { updateValues } from \"./updateValues\"\n\ntype Actions<ValuesMap extends FiltersValues> =\n \| { type: \"update_values\"; values: Partial<ValuesMap> }\n \| { type: \"complete_update_values\" }\n \| {\n type: \"update_single_filter\"\n id: keyof ValuesMap\n data: Partial<FilterStateEditableAttributes>\n }\n \| { type: \"activate_filter\"; id: keyof ValuesMap }\n \| { type: \"deactivate_filter\"; id: keyof ValuesMap }\n\nexport const filterBarStateReducer = <ValuesMap extends FiltersValues>(\n state: FilterBarState<ValuesMap>,\n action: Actions<ValuesMap>\n): FilterBarState<ValuesMap> => {\n switch (action.type) {\n case \"update_values\":\n return { ...updateValues(state, action.values) }\n\n case \"complete_update_values\":\n return {\n ...state,\n hasUpdatedValues: false,\n }\n\n case \"update_single_filter\":\n return {\n ...state,\n filters: updateSingleFilter(state, action.id, action.data),\n }\n\n case \"activate_filter\":\n state.activeFilterIds.add(action.id)\n return { ...updateDependentFilters(state) }\n\n case \"deactivate_filter\":\n state.activeFilterIds.delete(action.id)\n state.values[action.id] = undefined\n return {\n ...updateDependentFilters(state),\n hasUpdatedValues: true,\n }\n }\n}\n"],"names":["filterBarStateReducer","state","action","type","__assign","updateValues","values","hasUpdatedValues","filters","updateSingleFilter","id","data","activeFilterIds","add","updateDependentFilters","delete","undefined"],"mappings":";;;;AAiBa,IAAAA,qBAAqB,GAAG,SAAAA,CACnCC,KAAgC,EAChCC,MAA0B,EAAA;EAE1B,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,eAAe;MAClB,OAAYC,QAAA,CAAA,CAAA,CAAA,EAAAC,YAAY,CAACJ,KAAK,EAAEC,MAAM,CAACI,MAAM,CAAC,CAAE;IAElD,KAAK,wBAAwB;MAC3B,OAAAF,QAAA,CAAAA,QAAA,CAAA,EAAA,EACKH,KAAK,CAAA,EAAA;QACRM,gBAAgB,EAAE;MAAK,CACxB,CAAA;IAEH,KAAK,sBAAsB;MACzB,OAAAH,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAO,OAAO,EAAEC,kBAAkB,CAACR,KAAK,EAAEC,MAAM,CAACQ,EAAE,EAAER,MAAM,CAACS,IAAI;MAC1D,CAAA,CAAA;IAEH,KAAK,iBAAiB;MACpBV,KAAK,CAACW,eAAe,CAACC,GAAG,CAACX,MAAM,CAACQ,EAAE,CAAC;MACpC,OAAAN,QAAA,CAAA,CAAA,CAAA,EAAYU,sBAAsB,CAACb,KAAK,CAAC,CAAE;IAE7C,KAAK,mBAAmB;MACtBA,KAAK,CAACW,eAAe,CAACG,MAAM,CAACb,MAAM,CAACQ,EAAE,CAAC;MACvCT,KAAK,CAACK,MAAM,CAACJ,MAAM,CAACQ,EAAE,CAAC,GAAGM,SAAS;MACnC,OACKZ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAU,sBAAsB,CAACb,KAAK,CAAC;QAChCM,gBAAgB,EAAE;MAAI,CACvB,CAAA;EACJ;AACH,CAAA;"}

package/dist/esm/Filter/FilterBar/context/utils/updateDependentFilters.mjs CHANGED Viewed

@@ -10,7 +10,7 @@ var updateDependentFilters = function (state) {
     hasChange = true;
     state.filters[id].isUsable = isUsable;
     if (!isUsable) {
-      state.activeFilterIds["delete"](id);
+      state.activeFilterIds.delete(id);
       state.values[id] = undefined;
       state.hasUpdatedValues = true;
       return;

package/dist/esm/Filter/FilterBar/context/utils/updateDependentFilters.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"updateDependentFilters.mjs","sources":["../../../../../../src/Filter/FilterBar/context/utils/updateDependentFilters.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState } from \"../types\"\nimport { getIsUsableWhenArgs } from \"./getIsUsableWhenArgs\"\n\nexport const updateDependentFilters = <ValuesMap extends FiltersValues>(\n state: FilterBarState<ValuesMap>\n): FilterBarState<ValuesMap> => {\n if (state.dependentFilterIds.size === 0) return state\n\n let hasChange = false\n\n const args = getIsUsableWhenArgs(state)\n\n Array.from(state.dependentFilterIds).forEach(id => {\n const isUsable = state.filters[id].isUsableWhen!(args)\n\n const shouldUpdate = state.filters[id].isUsable !== isUsable\n if (!shouldUpdate) return\n\n hasChange = true\n state.filters[id].isUsable = isUsable\n\n if (!isUsable) {\n state.activeFilterIds.delete(id)\n state.values[id] = undefined\n state.hasUpdatedValues = true\n return\n }\n\n if (!state.filters[id].isRemovable \|\| state.values[id] !== undefined) {\n state.activeFilterIds.add(id)\n }\n })\n\n if (hasChange) updateDependentFilters(state)\n\n return state\n}\n"],"names":["updateDependentFilters","state","dependentFilterIds","size","hasChange","args","getIsUsableWhenArgs","Array","from","forEach","id","isUsable","filters","isUsableWhen","shouldUpdate","activeFilterIds","values","undefined","hasUpdatedValues","isRemovable","add"],"mappings":";AAIO,IAAMA,sBAAsB,GAAG,SAAAA,CACpCC,KAAgC,EAAA;EAEhC,IAAIA,KAAK,CAACC,kBAAkB,CAACC,IAAI,KAAK,CAAC,EAAE,OAAOF,KAAK;EAErD,IAAIG,SAAS,GAAG,KAAK;EAErB,IAAMC,IAAI,GAAGC,mBAAmB,CAACL,KAAK,CAAC;EAEvCM,KAAK,CAACC,IAAI,CAACP,KAAK,CAACC,kBAAkB,CAAC,CAACO,OAAO,CAAC,UAAAC,EAAE,EAAA;IAC7C,IAAMC,QAAQ,GAAGV,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACG,YAAa,CAACR,IAAI,CAAC;IAEtD,IAAMS,YAAY,GAAGb,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,KAAKA,QAAQ;IAC5D,IAAI,CAACG,YAAY,EAAE;IAEnBV,SAAS,GAAG,IAAI;IAChBH,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,GAAGA,QAAQ;IAErC,IAAI,CAACA,QAAQ,EAAE;MACbV,KAAK,CAACc,eAAe,~~CAAC~~,~~QAAM~~,~~CAAA~~,~~CAACL,~~EAAE,CAAC;MAChCT,KAAK,~~CAACe~~,MAAM,~~CAACN~~,EAAE,CAAC,~~GAAGO~~,SAAS;~~MAC5BhB~~,KAAK,~~CAACiB~~,gBAAgB,GAAG,IAAI;MAC7B;IACD;IAED,IAAI,~~CAACjB~~,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,~~CAACS~~,WAAW,~~IAAIlB~~,KAAK,~~CAACe~~,MAAM,~~CAACN~~,EAAE,CAAC,~~KAAKO~~,SAAS,EAAE;~~MACpEhB~~,KAAK,CAACc,eAAe,~~CAACK~~,GAAG,~~CAACV~~,EAAE,CAAC;IAC9B;EACH,CAAC,CAAC;EAEF,IAAIN,SAAS,EAAEJ,sBAAsB,CAACC,KAAK,CAAC;EAE5C,OAAOA,KAAK;AACd,CAAA;"}
1	+ {"version":3,"file":"updateDependentFilters.mjs","sources":["../../../../../../src/Filter/FilterBar/context/utils/updateDependentFilters.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState } from \"../types\"\nimport { getIsUsableWhenArgs } from \"./getIsUsableWhenArgs\"\n\nexport const updateDependentFilters = <ValuesMap extends FiltersValues>(\n state: FilterBarState<ValuesMap>\n): FilterBarState<ValuesMap> => {\n if (state.dependentFilterIds.size === 0) return state\n\n let hasChange = false\n\n const args = getIsUsableWhenArgs(state)\n\n Array.from(state.dependentFilterIds).forEach(id => {\n const isUsable = state.filters[id].isUsableWhen!(args)\n\n const shouldUpdate = state.filters[id].isUsable !== isUsable\n if (!shouldUpdate) return\n\n hasChange = true\n state.filters[id].isUsable = isUsable\n\n if (!isUsable) {\n state.activeFilterIds.delete(id)\n state.values[id] = undefined\n state.hasUpdatedValues = true\n return\n }\n\n if (!state.filters[id].isRemovable \|\| state.values[id] !== undefined) {\n state.activeFilterIds.add(id)\n }\n })\n\n if (hasChange) updateDependentFilters(state)\n\n return state\n}\n"],"names":["updateDependentFilters","state","dependentFilterIds","size","hasChange","args","getIsUsableWhenArgs","Array","from","forEach","id","isUsable","filters","isUsableWhen","shouldUpdate","activeFilterIds","delete","values","undefined","hasUpdatedValues","isRemovable","add"],"mappings":";AAIO,IAAMA,sBAAsB,GAAG,SAAAA,CACpCC,KAAgC,EAAA;EAEhC,IAAIA,KAAK,CAACC,kBAAkB,CAACC,IAAI,KAAK,CAAC,EAAE,OAAOF,KAAK;EAErD,IAAIG,SAAS,GAAG,KAAK;EAErB,IAAMC,IAAI,GAAGC,mBAAmB,CAACL,KAAK,CAAC;EAEvCM,KAAK,CAACC,IAAI,CAACP,KAAK,CAACC,kBAAkB,CAAC,CAACO,OAAO,CAAC,UAAAC,EAAE,EAAA;IAC7C,IAAMC,QAAQ,GAAGV,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACG,YAAa,CAACR,IAAI,CAAC;IAEtD,IAAMS,YAAY,GAAGb,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,KAAKA,QAAQ;IAC5D,IAAI,CAACG,YAAY,EAAE;IAEnBV,SAAS,GAAG,IAAI;IAChBH,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,GAAGA,QAAQ;IAErC,IAAI,CAACA,QAAQ,EAAE;MACbV,KAAK,CAACc,eAAe,CAACC,MAAM,CAACN,EAAE,CAAC;MAChCT,KAAK,CAACgB,MAAM,CAACP,EAAE,CAAC,GAAGQ,SAAS;MAC5BjB,KAAK,CAACkB,gBAAgB,GAAG,IAAI;MAC7B;IACD;IAED,IAAI,CAAClB,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACU,WAAW,IAAInB,KAAK,CAACgB,MAAM,CAACP,EAAE,CAAC,KAAKQ,SAAS,EAAE;MACpEjB,KAAK,CAACc,eAAe,CAACM,GAAG,CAACX,EAAE,CAAC;IAC9B;EACH,CAAC,CAAC;EAEF,IAAIN,SAAS,EAAEJ,sBAAsB,CAACC,KAAK,CAAC;EAE5C,OAAOA,KAAK;AACd,CAAA;"}

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs CHANGED Viewed

@@ -10,7 +10,7 @@ const FilterBarButton = /*#__PURE__*/function () {
       isRemovable = _b === void 0 ? false : _b,
       props = __rest(_a, ["id", "isRemovable"]);
     var hideFilter = useFilterBarContext().hideFilter;
-    return isRemovable ? /*#__PURE__*/React.createElement(FilterButtonRemovable, {
+    return isRemovable ? ( /*#__PURE__*/React.createElement(FilterButtonRemovable, {
       ref: ref,
       triggerButtonProps: props,
       removeButtonProps: {
@@ -18,9 +18,9 @@ const FilterBarButton = /*#__PURE__*/function () {
           return hideFilter(id);
         }
       }
-    }) : /*#__PURE__*/React.createElement(FilterButton, __assign({
+    })) : ( /*#__PURE__*/React.createElement(FilterButton, __assign({
       ref: ref
-    }, props));
+    }, props)));
   });
   FilterBarButton.displayName = "FilterBar.Button";
   return FilterBarButton;

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs.map CHANGED Viewed

	@@ -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 id: string\n isRemovable: boolean \| undefined\n}\n\nexport const FilterBarButton = forwardRef<\n FilterTriggerRef,\n FilterBarButtonProps\n>(({ id, 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(id) }}\n />\n ) : (\n <FilterButton ref={ref} {...props} />\n )\n})\n\nFilterBarButton.displayName = \"FilterBar.Button\"\n"],"names":["FilterBarButton","forwardRef","_a","ref","id","_b","isRemovable","props","__rest","hideFilter","useFilterBarContext","React","createElement","FilterButtonRemovable","triggerButtonProps","removeButtonProps","onClick","FilterButton","displayName"],"mappings":";;;;;MAcaA,eAAe;EAAA,MAAfA,eAAe,gBAAGC,UAAU,CAGvC,UAACC,EAAqC,EAAEC,GAAG,EAAA;IAAxC,IAAAC,EAAE,GAAAF,EAAA,CAAAE,EAAA;MAAEC,EAAA,GAAAH,EAAA,CAAAI,WAAmB;MAAnBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAAKE,KAAK,GAAAC,MAAA,CAAAN,EAAA,EAAnC,qBAAqC,CAAF;IAC5B,IAAAO,UAAU,GAAKC,mBAAmB,CAAE,CAAA,WAA1B;IAElB,OAAOJ,WAAW,~~gBAChBK~~,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,EAAE,CAAC;QAAd;MAAgB;IAAA,CACpD,CAAA,~~gBAEFO~~,KAAC,CAAAC,aAAA,CAAAK,YAAY;MAACd,GAAG,EAAEA;IAAS,CAAA,EAAAI,KAAK,CAAI,CACtC;EACH,CAAC,CAAC;EAEFP,eAAe,CAACkB,WAAW,GAAG,kBAAkB;EAAA,OAjBnClB,eAAe;AAAA;"}
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 id: string\n isRemovable: boolean \| undefined\n}\n\nexport const FilterBarButton = forwardRef<\n FilterTriggerRef,\n FilterBarButtonProps\n>(({ id, 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(id) }}\n />\n ) : (\n <FilterButton ref={ref} {...props} />\n )\n})\n\nFilterBarButton.displayName = \"FilterBar.Button\"\n"],"names":["FilterBarButton","forwardRef","_a","ref","id","_b","isRemovable","props","__rest","hideFilter","useFilterBarContext","React","createElement","FilterButtonRemovable","triggerButtonProps","removeButtonProps","onClick","FilterButton","displayName"],"mappings":";;;;;MAcaA,eAAe;EAAA,MAAfA,eAAe,gBAAGC,UAAU,CAGvC,UAACC,EAAqC,EAAEC,GAAG,EAAA;IAAxC,IAAAC,EAAE,GAAAF,EAAA,CAAAE,EAAA;MAAEC,EAAA,GAAAH,EAAA,CAAAI,WAAmB;MAAnBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAAKE,KAAK,GAAAC,MAAA,CAAAN,EAAA,EAAnC,qBAAqC,CAAF;IAC5B,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,EAAE,CAAC;QAAd;MAAgB;IAAA,CACpD,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;"}

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs CHANGED Viewed

@@ -69,11 +69,11 @@ const FilterBarMultiSelect = /*#__PURE__*/function () {
           selectedOptionLabels: filterState.value ? getSelectedOptionLabels(convertConsumableFormatIntoSelection(filterState.value), items) : [],
           label: filterState.name
         };
-        return filterState.isRemovable ? /*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
+        return filterState.isRemovable ? ( /*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
           onRemove: function () {
             return hideFilter(id);
           }
-        })) : /*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({}, triggerProps));
+        }))) : ( /*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({}, triggerProps)));
       }
     }, props), children);
   };

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterBarMultiSelect.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Selection, Key } from \"@react-types/shared\"\nimport {\n FilterMultiSelect,\n FilterMultiSelectProps,\n ItemType,\n getSelectedOptionLabels,\n} from \"~components/Filter/FilterMultiSelect\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { checkArraysMatch } from \"../../utils/checkArraysMatch\"\n\nexport type FilterBarMultiSelectProps = Omit<\n FilterMultiSelectProps,\n \| \"isOpen\"\n \| \"setIsOpen\"\n \| \"renderTrigger\"\n \| \"label\"\n \| \"selectedKeys\"\n \| \"trigger\"\n> & {\n id?: string\n}\n\n// This should technically be handled within the FilterMultiSelect\n// so that it only returns consumable formats instead of Set.\n// Someone fix please.\nexport type ConsumableSelection = string \| Key[] \| undefined\n\nconst convertSelectionToAConsumableFormat = (\n value: Selection\n): ConsumableSelection => {\n if (value === \"all\") return \"all\"\n const arrayOfValues = Array.from(value)\n\n return arrayOfValues.length > 0 ? Array.from(value) : undefined\n}\n\nconst convertConsumableFormatIntoSelection = (\n value: ConsumableSelection\n): Selection => new Set(value)\n\nexport const FilterBarMultiSelect = ({\n id,\n items: propsItems,\n children,\n onSelectionChange,\n ...props\n}: FilterBarMultiSelectProps): JSX.Element \| null => {\n const { getFilterState, setFilterOpenState, updateValue, hideFilter } =\n useFilterBarContext<ConsumableSelection>()\n const [items, setItems] = useState<ItemType[]>(propsItems)\n\n if (!id) throw Error(\"Missing `id` prop in FilterBarMultiSelect\")\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 (Array.isArray(filterState.value)) {\n const itemValues = items.map(({ value }) => value)\n const filteredValues = filterState.value.filter(value =>\n itemValues.includes(value)\n )\n\n if (!checkArraysMatch(filterState.value, filteredValues)) {\n updateValue(id, filteredValues)\n }\n }\n }, [items])\n\n return (\n <FilterMultiSelect\n label={filterState.name}\n // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)\n selectedKeys={new Set(filterState.value \|\| null)}\n onSelectionChange={(keys): void => {\n // Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state\n updateValue(id, convertSelectionToAConsumableFormat(keys))\n onSelectionChange?.(keys)\n }}\n items={items}\n isOpen={filterState.isOpen}\n onOpenChange={(open): void => setFilterOpenState(id, open)}\n trigger={(): JSX.Element => {\n const triggerProps = {\n selectedOptionLabels: filterState.value\n ? getSelectedOptionLabels(\n convertConsumableFormatIntoSelection(filterState.value),\n items\n )\n : [],\n label: filterState.name,\n }\n\n return filterState.isRemovable ? (\n <FilterMultiSelect.RemovableTrigger\n {...triggerProps}\n onRemove={() => hideFilter(id)}\n />\n ) : (\n <FilterMultiSelect.TriggerButton {...triggerProps} />\n )\n }}\n {...props}\n >\n {children}\n </FilterMultiSelect>\n )\n}\n\nFilterBarMultiSelect.displayName = \"FilterBar.MultiSelect\"\n"],"names":["convertSelectionToAConsumableFormat","value","arrayOfValues","Array","from","length","undefined","convertConsumableFormatIntoSelection","Set","FilterBarMultiSelect","_a","id","propsItems","children","onSelectionChange","props","__rest","_b","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","hideFilter","_c","useState","items","setItems","Error","filterState","useEffect","checkArraysMatch","isArray","itemValues_1","map","filteredValues","filter","includes","React","FilterMultiSelect","__assign","label","name","selectedKeys","keys","isOpen","onOpenChange","open","trigger","triggerProps","selectedOptionLabels","getSelectedOptionLabels","isRemovable","createElement","RemovableTrigger","onRemove","TriggerButton","displayName"],"mappings":"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~~gBAC5Bd~~,KAAA,CAAAe,aAAA,CAACd,iBAAiB,CAACe,gBAAgB,EAC7Bd,QAAA,CAAA,CAAA,CAAA,EAAAS,YAAY;UAChBM,QAAQ,EAAE,SAAAA,CAAA;YAAM,OAAAhC,UAAU,CAACX,EAAE,CAAC;UAAA;QAAA,CAC9B,CAAA,CAAA,~~gBAEF0B~~,KAAA,CAAAe,aAAA,CAACd,iBAAiB,CAACiB,aAAa,eAAKP,YAAY,CAAA,~~CAClD~~;MACH;OACIjC,KAAK,CAAA,EAERF,QAAQ,CACS;EAExB,CAAC;EAEDJ,oBAAoB,CAAC+C,WAAW,GAAG,uBAAuB;EAAA,OA1E7C/C,oBAAoB;AAAA;"}
1	+ {"version":3,"file":"FilterBarMultiSelect.mjs","sources":["../../../../../../src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Selection, Key } from \"@react-types/shared\"\nimport {\n FilterMultiSelect,\n FilterMultiSelectProps,\n ItemType,\n getSelectedOptionLabels,\n} from \"~components/Filter/FilterMultiSelect\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { checkArraysMatch } from \"../../utils/checkArraysMatch\"\n\nexport type FilterBarMultiSelectProps = Omit<\n FilterMultiSelectProps,\n \| \"isOpen\"\n \| \"setIsOpen\"\n \| \"renderTrigger\"\n \| \"label\"\n \| \"selectedKeys\"\n \| \"trigger\"\n> & {\n id?: string\n}\n\n// This should technically be handled within the FilterMultiSelect\n// so that it only returns consumable formats instead of Set.\n// Someone fix please.\nexport type ConsumableSelection = string \| Key[] \| undefined\n\nconst convertSelectionToAConsumableFormat = (\n value: Selection\n): ConsumableSelection => {\n if (value === \"all\") return \"all\"\n const arrayOfValues = Array.from(value)\n\n return arrayOfValues.length > 0 ? Array.from(value) : undefined\n}\n\nconst convertConsumableFormatIntoSelection = (\n value: ConsumableSelection\n): Selection => new Set(value)\n\nexport const FilterBarMultiSelect = ({\n id,\n items: propsItems,\n children,\n onSelectionChange,\n ...props\n}: FilterBarMultiSelectProps): JSX.Element \| null => {\n const { getFilterState, setFilterOpenState, updateValue, hideFilter } =\n useFilterBarContext<ConsumableSelection>()\n const [items, setItems] = useState<ItemType[]>(propsItems)\n\n if (!id) throw Error(\"Missing `id` prop in FilterBarMultiSelect\")\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 (Array.isArray(filterState.value)) {\n const itemValues = items.map(({ value }) => value)\n const filteredValues = filterState.value.filter(value =>\n itemValues.includes(value)\n )\n\n if (!checkArraysMatch(filterState.value, filteredValues)) {\n updateValue(id, filteredValues)\n }\n }\n }, [items])\n\n return (\n <FilterMultiSelect\n label={filterState.name}\n // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)\n selectedKeys={new Set(filterState.value \|\| null)}\n onSelectionChange={(keys): void => {\n // Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state\n updateValue(id, convertSelectionToAConsumableFormat(keys))\n onSelectionChange?.(keys)\n }}\n items={items}\n isOpen={filterState.isOpen}\n onOpenChange={(open): void => setFilterOpenState(id, open)}\n trigger={(): JSX.Element => {\n const triggerProps = {\n selectedOptionLabels: filterState.value\n ? getSelectedOptionLabels(\n convertConsumableFormatIntoSelection(filterState.value),\n items\n )\n : [],\n label: filterState.name,\n }\n\n return filterState.isRemovable ? (\n <FilterMultiSelect.RemovableTrigger\n {...triggerProps}\n onRemove={() => hideFilter(id)}\n />\n ) : (\n <FilterMultiSelect.TriggerButton {...triggerProps} />\n )\n }}\n {...props}\n >\n {children}\n </FilterMultiSelect>\n )\n}\n\nFilterBarMultiSelect.displayName = \"FilterBar.MultiSelect\"\n"],"names":["convertSelectionToAConsumableFormat","value","arrayOfValues","Array","from","length","undefined","convertConsumableFormatIntoSelection","Set","FilterBarMultiSelect","_a","id","propsItems","children","onSelectionChange","props","__rest","_b","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","hideFilter","_c","useState","items","setItems","Error","filterState","useEffect","checkArraysMatch","isArray","itemValues_1","map","filteredValues","filter","includes","React","FilterMultiSelect","__assign","label","name","selectedKeys","keys","isOpen","onOpenChange","open","trigger","triggerProps","selectedOptionLabels","getSelectedOptionLabels","isRemovable","createElement","RemovableTrigger","onRemove","TriggerButton","displayName"],"mappings":";;;;;;;;AA4BA,IAAMA,mCAAmC,GAAG,SAAAA,CAC1CC,KAAgB,EAAA;EAEhB,IAAIA,KAAK,KAAK,KAAK,EAAE,OAAO,KAAK;EACjC,IAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACH,KAAK,CAAC;EAEvC,OAAOC,aAAa,CAACG,MAAM,GAAG,CAAC,GAAGF,KAAK,CAACC,IAAI,CAACH,KAAK,CAAC,GAAGK,SAAS;AACjE,CAAC;AAED,IAAMC,oCAAoC,GAAG,SAAAA,CAC3CN,KAA0B,EACZ;EAAA,OAAA,IAAIO,GAAG,CAACP,KAAK,CAAC;CAAA;AAAA,MAEjBQ,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAMT,EAAA;IAL1B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACKC,UAAU,WAAA;MACjBC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;MACRC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdC,KAAK,GAAAC,MAAA,CAAAN,EAAA,EAL2B,gDAMpC,CADS;IAEF,IAAAO,EACJ,GAAAC,mBAAmB,CAAuB,CAAA;MADpCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MAAEC,UAAU,gBACvB;IACtC,IAAAC,EAAA,GAAoBC,QAAQ,CAAaZ,UAAU,CAAC;MAAnDa,KAAK,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,QAAQ,GAAAH,EAAA,CAAA,CAAA,CAAoC;IAE1D,IAAI,CAACZ,EAAE,EAAE,MAAMgB,KAAK,CAAC,2CAA2C,CAAC;IAEjE,IAAMC,WAAW,GAAGT,cAAc,CAACR,EAAE,CAAC;IAEtCkB,SAAS,CAAC,YAAA;MACR,IAAI,CAACC,gBAAgB,CAACL,KAAK,EAAEb,UAAU,CAAC,EAAE;QACxCc,QAAQ,CAACd,UAAU,CAAC;MACrB;IACH,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;IAEhBiB,SAAS,CAAC,YAAA;MACR,IAAI1B,KAAK,CAAC4B,OAAO,CAACH,WAAW,CAAC3B,KAAK,CAAC,EAAE;QACpC,IAAM+B,YAAU,GAAGP,KAAK,CAACQ,GAAG,CAAC,UAACvB,EAAS,EAAA;UAAP,IAAAT,KAAK,GAAAS,EAAA,CAAAT,KAAA;UAAO,OAAAA,KAAK;QAAL,CAAK,CAAC;QAClD,IAAMiC,cAAc,GAAGN,WAAW,CAAC3B,KAAK,CAACkC,MAAM,CAAC,UAAAlC,KAAK,EAAA;UACnD,OAAA+B,YAAU,CAACI,QAAQ,CAACnC,KAAK,CAAC;QAA1B,CAA0B,CAC3B;QAED,IAAI,CAAC6B,gBAAgB,CAACF,WAAW,CAAC3B,KAAK,EAAEiC,cAAc,CAAC,EAAE;UACxDb,WAAW,CAACV,EAAE,EAAEuB,cAAc,CAAC;QAChC;MACF;IACH,CAAC,EAAE,CAACT,KAAK,CAAC,CAAC;IAEX,oBACEY,oBAACC,iBAAiB,EAAAC,QAAA,CAAA;MAChBC,KAAK,EAAEZ,WAAW,CAACa,IAAI;;MAEvBC,YAAY,EAAE,IAAIlC,GAAG,CAACoB,WAAW,CAAC3B,KAAK,IAAI,IAAI,CAAC;MAChDa,iBAAiB,EAAE,SAAAA,CAAC6B,IAAI,EAAA;;QAEtBtB,WAAW,CAACV,EAAE,EAAEX,mCAAmC,CAAC2C,IAAI,CAAC,CAAC;QAC1D7B,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAG6B,IAAI,CAAC;OAC1B;MACDlB,KAAK,EAAEA,KAAK;MACZmB,MAAM,EAAEhB,WAAW,CAACgB,MAAM;MAC1BC,YAAY,EAAE,SAAAA,CAACC,IAAI,EAAW;QAAA,OAAA1B,kBAAkB,CAACT,EAAE,EAAEmC,IAAI,CAAC;MAA5B,CAA4B;MAC1DC,OAAO,EAAE,SAAAA,CAAA,EAAA;QACP,IAAMC,YAAY,GAAG;UACnBC,oBAAoB,EAAErB,WAAW,CAAC3B,KAAK,GACnCiD,uBAAuB,CACrB3C,oCAAoC,CAACqB,WAAW,CAAC3B,KAAK,CAAC,EACvDwB,KAAK,CACN,GACD,EAAE;UACNe,KAAK,EAAEZ,WAAW,CAACa;SACpB;QAED,OAAOb,WAAW,CAACuB,WAAW,kBAC5Bd,KAAA,CAAAe,aAAA,CAACd,iBAAiB,CAACe,gBAAgB,EAC7Bd,QAAA,CAAA,CAAA,CAAA,EAAAS,YAAY;UAChBM,QAAQ,EAAE,SAAAA,CAAA;YAAM,OAAAhC,UAAU,CAACX,EAAE,CAAC;UAAA;QAAA,CAC9B,CAAA,CAAA,mBAEF0B,KAAA,CAAAe,aAAA,CAACd,iBAAiB,CAACiB,aAAa,eAAKP,YAAY,CAAA,CAAI,CACtD;MACH;OACIjC,KAAK,CAAA,EAERF,QAAQ,CACS;EAExB,CAAC;EAEDJ,oBAAoB,CAAC+C,WAAW,GAAG,uBAAuB;EAAA,OA1E7C/C,oBAAoB;AAAA;"}

package/dist/esm/Filter/FilterButton/FilterButton/FilterButton.mjs CHANGED Viewed

@@ -25,15 +25,15 @@ const FilterButton = /*#__PURE__*/function () {
       "aria-expanded": isOpen
     }, restProps), /*#__PURE__*/React.createElement("span", {
       className: styles.labelContainer
-    }, selectedValuesLabel ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    }, selectedValuesLabel ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: styles.hasSelectedValues
     }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", {
       className: styles.labelSeparator
-    }, ":")), /*#__PURE__*/React.createElement("span", null, selectedValuesLabel)) : label), isOpen ? /*#__PURE__*/React.createElement(ChevronUpIcon, {
+    }, ":")), /*#__PURE__*/React.createElement("span", null, selectedValuesLabel))) : label), isOpen ? ( /*#__PURE__*/React.createElement(ChevronUpIcon, {
       role: "presentation"
-    }) : /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    })) : ( /*#__PURE__*/React.createElement(ChevronDownIcon, {
       role: "presentation"
-    }));
+    })));
   });
   FilterButton.displayName = "FilterButton";
   return FilterButton;

package/dist/esm/Filter/FilterButton/FilterButton/FilterButton.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterButton.mjs","sources":["../../../../../src/Filter/FilterButton/FilterButton/FilterButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport { FilterTriggerRef } from \"../../Filter/types\"\nimport {\n FilterButtonBase,\n FilterButtonBaseProps,\n} from \"../subcomponents/FilterButtonBase\"\nimport styles from \"./FilterButton.module.scss\"\n\nexport type FilterButtonProps = {\n label: string\n selectedValue?: string \| JSX.Element\n isOpen?: boolean\n} & Omit<FilterButtonBaseProps, \"children\">\n\nexport const FilterButton = forwardRef<FilterTriggerRef, FilterButtonProps>(\n (\n { label, selectedValue, isOpen = false, classNameOverride, ...restProps },\n ref\n ) => {\n const customRefObject = isRefObject(ref) ? ref.current : null\n const triggerRef = customRefObject?.triggerRef\n const selectedValuesLabel = selectedValue\n\n return (\n <FilterButtonBase\n ref={triggerRef}\n classNameOverride={classnames(styles.filterButton, classNameOverride)}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n {...restProps}\n >\n <span className={styles.labelContainer}>\n {selectedValuesLabel ? (\n <>\n <span className={styles.hasSelectedValues}>\n <span>{label}</span>\n <span className={styles.labelSeparator}>:</span>\n </span>\n <span>{selectedValuesLabel}</span>\n </>\n ) : (\n label\n )}\n </span>\n {isOpen ? (\n <ChevronUpIcon role=\"presentation\" />\n ) : (\n <ChevronDownIcon role=\"presentation\" />\n )}\n </FilterButtonBase>\n )\n }\n)\n\nFilterButton.displayName = \"FilterButton\"\n"],"names":["FilterButton","forwardRef","_a","ref","label","selectedValue","_b","isOpen","classNameOverride","restProps","__rest","customRefObject","isRefObject","current","triggerRef","selectedValuesLabel","React","FilterButtonBase","__assign","classnames","styles","filterButton","createElement","className","labelContainer","Fragment","hasSelectedValues","labelSeparator","ChevronUpIcon","role","ChevronDownIcon","displayName"],"mappings":";;;;;;;;;MAiBaA,YAAY;EAAA,MAAZA,YAAY,gBAAGC,UAAU,CACpC,UACEC,EAAyE,EACzEC,GAAG,EAAA;IADD,IAAAC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MAAEC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MAAEC,cAAc;MAAdC,MAAM,mBAAG,KAAK,GAAAD,EAAA;MAAEE,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MAAKC,SAAS,GAAAC,MAAA,CAAAR,EAAA,EAAvE,yDAAyE,CAAF;IAGvE,IAAMS,eAAe,GAAGC,WAAW,CAACT,GAAG,CAAC,GAAGA,GAAG,CAACU,OAAO,GAAG,IAAI;IAC7D,IAAMC,UAAU,GAAGH,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,eAAe,CAAEG,UAAU;IAC9C,IAAMC,mBAAmB,GAAGV,aAAa;IAEzC,oBACEW,oBAACC,gBAAgB,EAAAC,QAAA,CAAA;MACff,GAAG,EAAEW,UAAU;MACfN,iBAAiB,EAAEW,UAAU,CAACC,MAAM,CAACC,YAAY,EAAEb,iBAAiB,CAAC;uBACvD,MAAM;MAAA,eAAA,EACLD;IAAM,CAAA,EACjBE,SAAS,CAAA,eAEbO,KAAM,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEH,MAAM,CAACI;OACrBT,mBAAmB,~~gBAClBC~~,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEH,MAAM,CAACM;IAAiB,CAAA,eACvCV,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOlB,KAAK,CAAQ,eACpBY,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEH,MAAM,CAACO;IAAc,OAAU,CAC3C,eACPX,KAAO,CAAAM,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAP,mBAAmB,CAAQ,CACjC,~~GAEHX~~,KACD,CACI,EACNG,MAAM,~~gBACLS~~,KAAA,CAAAM,aAAA,CAACM,aAAa,EAAA;MAACC,IAAI,EAAC;IAAc,CAAA,CAAG,~~gBAErCb~~,KAAC,CAAAM,aAAA,CAAAQ,eAAe,EAAC;MAAAD,IAAI,EAAC;IAAc,CAAG,CACxC,CACgB;EAEvB,CAAC,CACF;EAED7B,YAAY,CAAC+B,WAAW,GAAG,cAAc;EAAA,OAxC5B/B,YAAY;AAAA;"}
1	+ {"version":3,"file":"FilterButton.mjs","sources":["../../../../../src/Filter/FilterButton/FilterButton/FilterButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport { FilterTriggerRef } from \"../../Filter/types\"\nimport {\n FilterButtonBase,\n FilterButtonBaseProps,\n} from \"../subcomponents/FilterButtonBase\"\nimport styles from \"./FilterButton.module.scss\"\n\nexport type FilterButtonProps = {\n label: string\n selectedValue?: string \| JSX.Element\n isOpen?: boolean\n} & Omit<FilterButtonBaseProps, \"children\">\n\nexport const FilterButton = forwardRef<FilterTriggerRef, FilterButtonProps>(\n (\n { label, selectedValue, isOpen = false, classNameOverride, ...restProps },\n ref\n ) => {\n const customRefObject = isRefObject(ref) ? ref.current : null\n const triggerRef = customRefObject?.triggerRef\n const selectedValuesLabel = selectedValue\n\n return (\n <FilterButtonBase\n ref={triggerRef}\n classNameOverride={classnames(styles.filterButton, classNameOverride)}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n {...restProps}\n >\n <span className={styles.labelContainer}>\n {selectedValuesLabel ? (\n <>\n <span className={styles.hasSelectedValues}>\n <span>{label}</span>\n <span className={styles.labelSeparator}>:</span>\n </span>\n <span>{selectedValuesLabel}</span>\n </>\n ) : (\n label\n )}\n </span>\n {isOpen ? (\n <ChevronUpIcon role=\"presentation\" />\n ) : (\n <ChevronDownIcon role=\"presentation\" />\n )}\n </FilterButtonBase>\n )\n }\n)\n\nFilterButton.displayName = \"FilterButton\"\n"],"names":["FilterButton","forwardRef","_a","ref","label","selectedValue","_b","isOpen","classNameOverride","restProps","__rest","customRefObject","isRefObject","current","triggerRef","selectedValuesLabel","React","FilterButtonBase","__assign","classnames","styles","filterButton","createElement","className","labelContainer","Fragment","hasSelectedValues","labelSeparator","ChevronUpIcon","role","ChevronDownIcon","displayName"],"mappings":";;;;;;;;;MAiBaA,YAAY;EAAA,MAAZA,YAAY,gBAAGC,UAAU,CACpC,UACEC,EAAyE,EACzEC,GAAG,EAAA;IADD,IAAAC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MAAEC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MAAEC,cAAc;MAAdC,MAAM,mBAAG,KAAK,GAAAD,EAAA;MAAEE,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MAAKC,SAAS,GAAAC,MAAA,CAAAR,EAAA,EAAvE,yDAAyE,CAAF;IAGvE,IAAMS,eAAe,GAAGC,WAAW,CAACT,GAAG,CAAC,GAAGA,GAAG,CAACU,OAAO,GAAG,IAAI;IAC7D,IAAMC,UAAU,GAAGH,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,eAAe,CAAEG,UAAU;IAC9C,IAAMC,mBAAmB,GAAGV,aAAa;IAEzC,oBACEW,oBAACC,gBAAgB,EAAAC,QAAA,CAAA;MACff,GAAG,EAAEW,UAAU;MACfN,iBAAiB,EAAEW,UAAU,CAACC,MAAM,CAACC,YAAY,EAAEb,iBAAiB,CAAC;uBACvD,MAAM;MAAA,eAAA,EACLD;IAAM,CAAA,EACjBE,SAAS,CAAA,eAEbO,KAAM,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEH,MAAM,CAACI;OACrBT,mBAAmB,kBAClBC,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEH,MAAM,CAACM;IAAiB,CAAA,eACvCV,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOlB,KAAK,CAAQ,eACpBY,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEH,MAAM,CAACO;IAAc,OAAU,CAC3C,eACPX,KAAO,CAAAM,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAP,mBAAmB,CAAQ,CACjC,IAEHX,KACD,CACI,EACNG,MAAM,kBACLS,KAAA,CAAAM,aAAA,CAACM,aAAa,EAAA;MAACC,IAAI,EAAC;IAAc,CAAA,CAAG,mBAErCb,KAAC,CAAAM,aAAA,CAAAQ,eAAe,EAAC;MAAAD,IAAI,EAAC;IAAc,CAAG,CAAA,CACxC,CACgB;EAEvB,CAAC,CACF;EAED7B,YAAY,CAAC+B,WAAW,GAAG,cAAc;EAAA,OAxC5B/B,YAAY;AAAA;"}

package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs CHANGED Viewed

@@ -32,12 +32,12 @@ const DateInputField = /*#__PURE__*/function () {
       disabled: disabled,
       status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
       classNameOverride: classNameOverride
-    }, restProps)), validationMessage && /*#__PURE__*/React.createElement(FieldMessage, {
+    }, restProps)), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
       id: errorMessageId,
       message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message,
       status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
       reversed: isReversed
-    }), /*#__PURE__*/React.createElement(FieldMessage, {
+    })), /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: /*#__PURE__*/React.createElement(DateInputDescription, {
         description: description,

package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs.map CHANGED Viewed

	@@ -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":";;;;;;;MAwBaA,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,~~iBAChBV~~,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;~~MAEb~~,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	+ {"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":";;;;;;;MAwBaA,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;"}

package/dist/esm/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs CHANGED Viewed

@@ -14,10 +14,10 @@ var getDateValidationHandler = function (_a) {
     }
     setInbuiltValidationMessage({
       status: validationMessage.status,
-      message: inputLabel ? /*#__PURE__*/React.createElement(LabelledMessage, {
+      message: inputLabel ? ( /*#__PURE__*/React.createElement(LabelledMessage, {
         label: "".concat(getNodeText(inputLabel)),
         message: validationMessage.message
-      }) : validationMessage.message
+      })) : validationMessage.message
     });
   };
 };

package/dist/esm/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getDateValidationHandler.mjs","sources":["../../../../../src/Filter/FilterDatePicker/utils/getDateValidationHandler.tsx"],"sourcesContent":["import React from \"react\"\nimport { LabelledMessage } from \"~components/LabelledMessage\"\nimport { getNodeText } from \"~utils/getNodeText\"\nimport { DateValidationResponse, ValidationMessage } from \"../types\"\n\nexport type GetDateValidationHandlerArgs = {\n onValidate: ((validationResponse: DateValidationResponse) => void) \| undefined\n setInbuiltValidationMessage: (\n validationMessage: ValidationMessage \| undefined\n ) => void\n inputLabel?: React.ReactNode\n}\n\nexport const getDateValidationHandler =\n ({\n onValidate,\n setInbuiltValidationMessage,\n inputLabel,\n }: GetDateValidationHandlerArgs) =>\n (validationResponse: DateValidationResponse): void => {\n if (onValidate) return onValidate(validationResponse)\n\n const { validationMessage } = validationResponse\n\n if (!validationMessage) {\n setInbuiltValidationMessage(undefined)\n return\n }\n\n setInbuiltValidationMessage({\n status: validationMessage.status,\n message: inputLabel ? (\n <LabelledMessage\n label={`${getNodeText(inputLabel)}`}\n message={validationMessage.message}\n />\n ) : (\n validationMessage.message\n ),\n })\n }\n"],"names":["getDateValidationHandler","_a","onValidate","setInbuiltValidationMessage","inputLabel","validationResponse","validationMessage","undefined","status","message","React","createElement","LabelledMessage","label","concat","getNodeText"],"mappings":";;;AAaO,IAAMA,wBAAwB,GACnC,SAAAA,CAACC,EAI8B,EAAA;EAH7B,IAAAC,UAAU,gBAAA;IACVC,2BAA2B,GAAAF,EAAA,CAAAE,2BAAA;IAC3BC,UAAU,GAAAH,EAAA,CAAAG,UAAA;EAEZ,OAAA,UAACC,kBAA0C,EAAA;IACzC,IAAIH,UAAU,EAAE,OAAOA,UAAU,CAACG,kBAAkB,CAAC;IAE7C,IAAAC,iBAAiB,GAAKD,kBAAkB,CAAAC,iBAAvB;IAEzB,IAAI,CAACA,iBAAiB,EAAE;MACtBH,2BAA2B,CAACI,SAAS,CAAC;MACtC;IACD;IAEDJ,2BAA2B,CAAC;MAC1BK,MAAM,EAAEF,iBAAiB,CAACE,MAAM;MAChCC,OAAO,EAAEL,UAAU,~~gBACjBM~~,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;QACdC,KAAK,EAAE,EAAG,CAAAC,MAAA,CAAAC,WAAW,CAACX,UAAU,CAAC,CAAE;QACnCK,OAAO,EAAEH,iBAAiB,CAACG;OAC3B,CAAA,~~GAEFH~~,iBAAiB,CAACG;IAErB,CAAA,CAAC;GACH;AArBD,CAAA;"}
1	+ {"version":3,"file":"getDateValidationHandler.mjs","sources":["../../../../../src/Filter/FilterDatePicker/utils/getDateValidationHandler.tsx"],"sourcesContent":["import React from \"react\"\nimport { LabelledMessage } from \"~components/LabelledMessage\"\nimport { getNodeText } from \"~utils/getNodeText\"\nimport { DateValidationResponse, ValidationMessage } from \"../types\"\n\nexport type GetDateValidationHandlerArgs = {\n onValidate: ((validationResponse: DateValidationResponse) => void) \| undefined\n setInbuiltValidationMessage: (\n validationMessage: ValidationMessage \| undefined\n ) => void\n inputLabel?: React.ReactNode\n}\n\nexport const getDateValidationHandler =\n ({\n onValidate,\n setInbuiltValidationMessage,\n inputLabel,\n }: GetDateValidationHandlerArgs) =>\n (validationResponse: DateValidationResponse): void => {\n if (onValidate) return onValidate(validationResponse)\n\n const { validationMessage } = validationResponse\n\n if (!validationMessage) {\n setInbuiltValidationMessage(undefined)\n return\n }\n\n setInbuiltValidationMessage({\n status: validationMessage.status,\n message: inputLabel ? (\n <LabelledMessage\n label={`${getNodeText(inputLabel)}`}\n message={validationMessage.message}\n />\n ) : (\n validationMessage.message\n ),\n })\n }\n"],"names":["getDateValidationHandler","_a","onValidate","setInbuiltValidationMessage","inputLabel","validationResponse","validationMessage","undefined","status","message","React","createElement","LabelledMessage","label","concat","getNodeText"],"mappings":";;;AAaO,IAAMA,wBAAwB,GACnC,SAAAA,CAACC,EAI8B,EAAA;EAH7B,IAAAC,UAAU,gBAAA;IACVC,2BAA2B,GAAAF,EAAA,CAAAE,2BAAA;IAC3BC,UAAU,GAAAH,EAAA,CAAAG,UAAA;EAEZ,OAAA,UAACC,kBAA0C,EAAA;IACzC,IAAIH,UAAU,EAAE,OAAOA,UAAU,CAACG,kBAAkB,CAAC;IAE7C,IAAAC,iBAAiB,GAAKD,kBAAkB,CAAAC,iBAAvB;IAEzB,IAAI,CAACA,iBAAiB,EAAE;MACtBH,2BAA2B,CAACI,SAAS,CAAC;MACtC;IACD;IAEDJ,2BAA2B,CAAC;MAC1BK,MAAM,EAAEF,iBAAiB,CAACE,MAAM;MAChCC,OAAO,EAAEL,UAAU,kBACjBM,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;QACdC,KAAK,EAAE,EAAG,CAAAC,MAAA,CAAAC,WAAW,CAACX,UAAU,CAAC,CAAE;QACnCK,OAAO,EAAEH,iBAAiB,CAACG;OAC3B,CAAA,IAEFH,iBAAiB,CAACG;IAErB,CAAA,CAAC;GACH;AArBD,CAAA;"}

package/dist/esm/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs CHANGED Viewed

@@ -24,10 +24,10 @@ const FilterDateRangePicker = /*#__PURE__*/function () {
       setIsOpen: setIsOpen,
       renderTrigger: function (triggerProps) {
         return renderTrigger(__assign({
-          selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? /*#__PURE__*/React.createElement(DateRangeDisplayLabel, {
+          selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? ( /*#__PURE__*/React.createElement(DateRangeDisplayLabel, {
             dateRange: selectedRange,
             locale: getLocale(locale)
-          }) : undefined,
+          })) : undefined,
           label: label
         }, triggerProps));
       }

package/dist/esm/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterDateRangePicker.mjs","sources":["../../../../src/Filter/FilterDateRangePicker/FilterDateRangePicker.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { getLocale } from \"~components/DatePicker/utils/getLocale\"\nimport { Filter, FilterContents, FilterProps } from \"~components/Filter/Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport { DateRangeDisplayLabel } from \"./subcomponents/DateRangeDisplayLabel\"\nimport {\n FilterDateRangePickerField,\n FilterDateRangePickerFieldProps,\n} from \"./subcomponents/FilterDateRangePickerField\"\nimport { isValidRange } from \"./subcomponents/FilterDateRangePickerField/utils/isValidRange\"\nimport { isCompleteDateRange } from \"./utils/isCompleteDateRange\"\n\nexport type FilterDateRangePickerProps = {\n id?: string\n isOpen: FilterProps[\"isOpen\"]\n setIsOpen: FilterProps[\"setIsOpen\"]\n renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDateRangePickerFieldProps, \"id\">\n\nexport const FilterDateRangePicker = ({\n id: propsId,\n isOpen,\n setIsOpen,\n renderTrigger,\n selectedRange,\n label,\n locale,\n ...restProps\n}: FilterDateRangePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n return (\n <Filter\n isOpen={isOpen}\n setIsOpen={setIsOpen}\n renderTrigger={(triggerProps): JSX.Element =>\n renderTrigger({\n selectedValue:\n isCompleteDateRange(selectedRange) &&\n isValidRange(selectedRange.from, selectedRange.to) ? (\n <DateRangeDisplayLabel\n dateRange={selectedRange}\n locale={getLocale(locale)}\n />\n ) : undefined,\n label,\n ...triggerProps,\n })\n }\n >\n <FilterContents>\n <FilterDateRangePickerField\n id={`${id}--input`}\n label={label}\n locale={locale}\n selectedRange={selectedRange}\n {...restProps}\n />\n </FilterContents>\n </Filter>\n )\n}\n\nFilterDateRangePicker.displayName = \"FilterDateRangePicker\"\n"],"names":["FilterDateRangePicker","_a","propsId","id","isOpen","setIsOpen","renderTrigger","selectedRange","label","locale","restProps","__rest","reactId","useId","React","createElement","Filter","triggerProps","__assign","selectedValue","isCompleteDateRange","isValidRange","from","to","DateRangeDisplayLabel","dateRange","getLocale","undefined","FilterContents","FilterDateRangePickerField","concat","displayName"],"mappings":";;;;;;;;;MAmBaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAACC,EAST,EAAA;IAR3B,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,SAAS,GAAAJ,EAAA,CAAAI,SAAA;MACTC,aAAa,GAAAL,EAAA,CAAAK,aAAA;MACbC,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,KAAK,GAAAP,EAAA,CAAAO,KAAA;MACLC,MAAM,YAAA;MACHC,SAAS,GARwBC,MAAA,CAAAV,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,eAAA,EAAA,OAAA,EAAA,QAAA,CASrC,CADa;IAEZ,IAAMW,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMV,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIU,OAAO;IAE7B,oBACEE,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;MACLZ,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACW,YAAY,EAAA;QAC1B,OAAAX,aAAa,CACXY,QAAA,CAAA;UAAAC,aAAa,EACXC,mBAAmB,CAACb,aAAa,CAAC,IAClCc,YAAY,CAACd,aAAa,CAACe,IAAI,EAAEf,aAAa,CAACgB,EAAE,CAAC,~~gBAChDT~~,KAAC,CAAAC,aAAA,CAAAS,qBAAqB;YACpBC,SAAS,EAAElB,aAAa;YACxBE,MAAM,EAAEiB,SAAS,CAACjB,MAAM;WACxB,CAAA,~~GACAkB~~,SAAS;UACfnB,KAAK,EAAAA;QAAA,CAAA,EACFS,YAAY,CACf,CAAA;;IAAA,CAAA,eAGJH,KAAA,CAAAC,aAAA,CAACa,cAAc,EAAA,IAAA,eACbd,KAAC,CAAAC,aAAA,CAAAc,0BAA0B,EACzBX,QAAA,CAAA;MAAAf,EAAE,EAAE,EAAA,CAAA2B,MAAA,CAAG3B,EAAE,EAAS,SAAA,CAAA;MAClBK,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA,MAAM;MACdF,aAAa,EAAEA;KACX,EAAAG,SAAS,CACb,CAAA,CACa,CACV;EAEb,CAAC;EAEDV,qBAAqB,CAAC+B,WAAW,GAAG,uBAAuB;EAAA,OA7C9C/B,qBAAqB;AAAA;"}
1	+ {"version":3,"file":"FilterDateRangePicker.mjs","sources":["../../../../src/Filter/FilterDateRangePicker/FilterDateRangePicker.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { getLocale } from \"~components/DatePicker/utils/getLocale\"\nimport { Filter, FilterContents, FilterProps } from \"~components/Filter/Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport { DateRangeDisplayLabel } from \"./subcomponents/DateRangeDisplayLabel\"\nimport {\n FilterDateRangePickerField,\n FilterDateRangePickerFieldProps,\n} from \"./subcomponents/FilterDateRangePickerField\"\nimport { isValidRange } from \"./subcomponents/FilterDateRangePickerField/utils/isValidRange\"\nimport { isCompleteDateRange } from \"./utils/isCompleteDateRange\"\n\nexport type FilterDateRangePickerProps = {\n id?: string\n isOpen: FilterProps[\"isOpen\"]\n setIsOpen: FilterProps[\"setIsOpen\"]\n renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDateRangePickerFieldProps, \"id\">\n\nexport const FilterDateRangePicker = ({\n id: propsId,\n isOpen,\n setIsOpen,\n renderTrigger,\n selectedRange,\n label,\n locale,\n ...restProps\n}: FilterDateRangePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n return (\n <Filter\n isOpen={isOpen}\n setIsOpen={setIsOpen}\n renderTrigger={(triggerProps): JSX.Element =>\n renderTrigger({\n selectedValue:\n isCompleteDateRange(selectedRange) &&\n isValidRange(selectedRange.from, selectedRange.to) ? (\n <DateRangeDisplayLabel\n dateRange={selectedRange}\n locale={getLocale(locale)}\n />\n ) : undefined,\n label,\n ...triggerProps,\n })\n }\n >\n <FilterContents>\n <FilterDateRangePickerField\n id={`${id}--input`}\n label={label}\n locale={locale}\n selectedRange={selectedRange}\n {...restProps}\n />\n </FilterContents>\n </Filter>\n )\n}\n\nFilterDateRangePicker.displayName = \"FilterDateRangePicker\"\n"],"names":["FilterDateRangePicker","_a","propsId","id","isOpen","setIsOpen","renderTrigger","selectedRange","label","locale","restProps","__rest","reactId","useId","React","createElement","Filter","triggerProps","__assign","selectedValue","isCompleteDateRange","isValidRange","from","to","DateRangeDisplayLabel","dateRange","getLocale","undefined","FilterContents","FilterDateRangePickerField","concat","displayName"],"mappings":";;;;;;;;;MAmBaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAACC,EAST,EAAA;IAR3B,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,SAAS,GAAAJ,EAAA,CAAAI,SAAA;MACTC,aAAa,GAAAL,EAAA,CAAAK,aAAA;MACbC,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,KAAK,GAAAP,EAAA,CAAAO,KAAA;MACLC,MAAM,YAAA;MACHC,SAAS,GARwBC,MAAA,CAAAV,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,eAAA,EAAA,OAAA,EAAA,QAAA,CASrC,CADa;IAEZ,IAAMW,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMV,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIU,OAAO;IAE7B,oBACEE,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;MACLZ,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACW,YAAY,EAAA;QAC1B,OAAAX,aAAa,CACXY,QAAA,CAAA;UAAAC,aAAa,EACXC,mBAAmB,CAACb,aAAa,CAAC,IAClCc,YAAY,CAACd,aAAa,CAACe,IAAI,EAAEf,aAAa,CAACgB,EAAE,CAAC,kBAChDT,KAAC,CAAAC,aAAA,CAAAS,qBAAqB;YACpBC,SAAS,EAAElB,aAAa;YACxBE,MAAM,EAAEiB,SAAS,CAACjB,MAAM;WACxB,CAAA,IACAkB,SAAS;UACfnB,KAAK,EAAAA;QAAA,CAAA,EACFS,YAAY,CACf,CAAA;;IAAA,CAAA,eAGJH,KAAA,CAAAC,aAAA,CAACa,cAAc,EAAA,IAAA,eACbd,KAAC,CAAAC,aAAA,CAAAc,0BAA0B,EACzBX,QAAA,CAAA;MAAAf,EAAE,EAAE,EAAA,CAAA2B,MAAA,CAAG3B,EAAE,EAAS,SAAA,CAAA;MAClBK,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA,MAAM;MACdF,aAAa,EAAEA;KACX,EAAAG,SAAS,CACb,CAAA,CACa,CACV;EAEb,CAAC;EAEDV,qBAAqB,CAAC+B,WAAW,GAAG,uBAAuB;EAAA,OA7C9C/B,qBAAqB;AAAA;"}

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs CHANGED Viewed

@@ -62,12 +62,12 @@ const DateRangeInputField = /*#__PURE__*/function () {
       status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status
     }, inputEndDateProps, {
       classNameOverride: classnames(styles.inputEndDate, inputEndDateProps.classNameOverride)
-    }))), validationMessage && /*#__PURE__*/React.createElement(DateRangeValidationMessage, {
+    }))), validationMessage && ( /*#__PURE__*/React.createElement(DateRangeValidationMessage, {
       validationMessage: validationMessage,
       isReversed: isReversed,
       dateStartId: dateStartErrorMessageId,
       dateEndId: dateEndErrorMessageId
-    }), /*#__PURE__*/React.createElement(FieldMessage, {
+    })), /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: /*#__PURE__*/React.createElement(DateInputDescription, {
         description: description,