npm - @cube-dev/ui-kit - Versions diffs - 0.191.0 → 0.192.0 - Mend

@cube-dev/ui-kit 0.191.0 → 0.192.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 (593) hide show

package/dist/components/fields/DatePicker/DateRangePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangePicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDateRangePicker","useFocusRing","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Space","RangeCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","ReactElement","Ref","DateRangeDash","children","styles","padding","CubeDateRangePickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangePicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","targetRefProp","t2","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","undefined","state","shouldCloseOnSelect","hasTime","isOpen","setOpen","t3","within","isTextInput","focusProps","t4","isFocused","isFocusedButton","focusPropsButton","domRef","groupProps","labelProps","startFieldProps","endFieldProps","buttonProps","dialogProps","calendarProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t5","t6","t7","t8","t9","isDateUnavailable","t10","hideTimeZone","hourCycle","timeRange","v","setTime","v_0","t11","t12","t13","t14","t15","t16","component","t17","_DateRangePicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, RefObject, useRef } from 'react';\nimport {\n AriaDateRangePickerProps,\n DateValue,\n Placement,\n useDateRangePicker,\n useFocusRing,\n} from 'react-aria';\nimport { useDateRangePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Space } from '../../layout/Space';\nimport { RangeCalendar } from '../../other/Calendar/RangeCalendar';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nimport type { ReactElement, Ref } from 'react';\n\nconst DateRangeDash = tasty({\n 'aria-hidden': 'true',\n 'data-qa': 'DateRangeDash',\n children: '–',\n styles: {\n padding: '0 .5x',\n },\n});\n\nexport interface CubeDateRangePickerProps<T extends DateValue = DateValue>\n extends Omit<\n AriaDateRangePickerProps<T>,\n 'errorMessage' \| 'form' \| 'name' \| keyof DateFieldBase<T>\n >,\n BaseProps,\n DateFieldBase<T>,\n ContainerStyleProps,\n FieldBaseProps<{ start: T; end: T } \| null \| undefined> {\n wrapperStyles?: Styles;\n inputStyles?: Styles;\n styles?: Styles;\n size?: 'small' \| 'medium' \| 'large' \| (string & {});\n maxVisibleMonths?: number;\n shouldFlip?: boolean;\n /*\n The ref of the element the popover should visually attach itself to.\n * Defaults to the field wrapper.\n \n Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n * dismissal treats as the trigger.\n /\n targetRef?: RefObject<HTMLElement \| null>;\n /\n Placement of the popover relative to the anchor.\n * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n * `'top start'`, `'right top'`, `'left top'`).\n * @default 'bottom right'\n */\n placement?: Placement;\n useLocale?: boolean;\n}\n\nfunction DateRangePicker<T extends DateValue>(\n rawProps: CubeDateRangePickerProps<T>,\n ref: FocusableRef<HTMLElement>,\n) {\n const { t } = useI18n();\n\n let props = useFieldProps(rawProps, {\n defaultValidationTrigger: 'onBlur',\n });\n props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n // The public type declares `ContainerStyleProps` and `styles`, so both have to\n // reach the root — before this they were extracted and dropped, which made\n // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n // `props.styles` and lets the individual style props override it, which is the\n // precedence every other component uses; re-spreading `props.styles` here\n // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n let styles = mergeStyleLayers(\n extractStyles(props, CONTAINER_STYLES),\n props.wrapperStyles,\n );\n\n let {\n qa,\n size,\n shouldFlip,\n targetRef: targetRefProp,\n placement = 'bottom right',\n placeholderValue,\n isDisabled,\n isInvalid,\n isValid,\n useLocale: useLocaleProp,\n autoFocus,\n } = props;\n let targetRef = useRef<HTMLDivElement>(null);\n let state = useDateRangePickerState({\n ...props,\n shouldCloseOnSelect: () => !state.hasTime,\n });\n let { isOpen, setOpen } = state;\n\n let { isFocused, focusProps } = useFocusRing({\n within: true,\n isTextInput: true,\n autoFocus,\n });\n\n let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus,\n });\n\n let domRef = useFocusManagerRef(ref);\n\n let {\n groupProps,\n labelProps,\n startFieldProps,\n endFieldProps,\n buttonProps,\n dialogProps,\n calendarProps,\n } = useDateRangePicker(props, state, targetRef);\n\n let placeholder: DateValue \| undefined = placeholderValue ?? undefined;\n let timePlaceholder =\n placeholder && 'hour' in placeholder ? placeholder : undefined;\n let timeMinValue =\n props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n let timeMaxValue =\n props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n let timeGranularity =\n state.granularity === 'hour' \|\|\n state.granularity === 'minute' \|\|\n state.granularity === 'second'\n ? state.granularity\n : null;\n let showTimeField = !!timeGranularity;\n // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n const component = (\n <DateInputBase\n ref={targetRef}\n qa={qa \|\| 'DateRangePicker'}\n inputType=\"daterangepicker\"\n styles={styles}\n disableFocusRing={isFocusedButton}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n fieldProps={groupProps}\n {...focusProps}\n suffix={\n <DialogTrigger\n hideArrow\n type=\"popover\"\n mobileType=\"tray\"\n placement={placement}\n targetRef={targetRefProp ?? targetRef}\n isOpen={isOpen}\n shouldFlip={shouldFlip}\n onOpenChange={setOpen}\n >\n <DatePickerButton\n size={size}\n {...mergeProps(buttonProps, focusPropsButton)}\n isDisabled={isDisabled}\n />\n <Dialog {...dialogProps} width=\"max-content\">\n <RangeCalendar\n {...calendarProps}\n isDateUnavailable={props.isDateUnavailable}\n />\n {showTimeField && (\n <Space>\n <TimeInput\n padding=\"1x\"\n label={t('datePicker.startTime', 'Start time')}\n value={state.timeRange?.start \|\| null}\n placeholderValue={timePlaceholder}\n granularity={timeGranularity}\n minValue={timeMinValue}\n maxValue={timeMaxValue}\n hourCycle={props.hourCycle}\n hideTimeZone={props.hideTimeZone}\n onChange={(v) => state.setTime('start', v)}\n />\n <TimeInput\n padding=\"1x\"\n label={t('datePicker.endTime', 'End time')}\n value={state.timeRange?.end \|\| null}\n placeholderValue={timePlaceholder}\n granularity={timeGranularity}\n minValue={timeMinValue}\n maxValue={timeMaxValue}\n hourCycle={props.hourCycle}\n hideTimeZone={props.hideTimeZone}\n onChange={(v) => state.setTime('end', v)}\n />\n </Space>\n )}\n </Dialog>\n </DialogTrigger>\n }\n >\n <DatePickerInput useLocale={useLocaleProp} {...startFieldProps} />\n <DateRangeDash />\n <DatePickerInput useLocale={useLocaleProp} {...endFieldProps} />\n </DateInputBase>\n );\n\n return wrapWithField(component, domRef, {\n ...props,\n labelProps: mergeProps(props.labelProps, labelProps),\n });\n}\n\nconst _DateRangePicker = forwardRef(DateRangePicker) as <\n T extends DateValue = DateValue,\n>(\n props: CubeDateRangePickerProps<T> & { ref?: Ref<HTMLElement> },\n) => ReactElement \| null;\n\n(_DateRangePicker as any).displayName = 'DateRangePicker';\n\nexport { _DateRangePicker as DateRangePicker };\n"],"mappings":"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"}
1	+ {"version":3,"file":"DateRangePicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDateRangePicker","useFocusRing","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Space","RangeCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","ReactElement","Ref","DateRangeDash","children","styles","padding","CubeDateRangePickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangePicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","targetRefProp","t2","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","undefined","state","shouldCloseOnSelect","hasTime","isOpen","setOpen","t3","within","isTextInput","focusProps","t4","isFocused","isFocusedButton","focusPropsButton","domRef","groupProps","labelProps","startFieldProps","endFieldProps","buttonProps","dialogProps","calendarProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t5","t6","t7","t8","t9","isDateUnavailable","t10","hideTimeZone","hourCycle","timeRange","v","setTime","v_0","t11","t12","t13","t14","t15","t16","component","t17","_DateRangePicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, RefObject, useRef } from 'react';\nimport {\n AriaDateRangePickerProps,\n DateValue,\n Placement,\n useDateRangePicker,\n useFocusRing,\n} from 'react-aria';\nimport { useDateRangePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Space } from '../../layout/Space';\nimport { RangeCalendar } from '../../other/Calendar/RangeCalendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nimport type { ReactElement, Ref } from 'react';\n\nconst DateRangeDash = tasty({\n 'aria-hidden': 'true',\n 'data-qa': 'DateRangeDash',\n children: '–',\n styles: {\n padding: '0 .5x',\n },\n});\n\nexport interface CubeDateRangePickerProps<T extends DateValue = DateValue>\n extends Omit<\n AriaDateRangePickerProps<T>,\n 'errorMessage' \| 'form' \| 'name' \| keyof DateFieldBase<T>\n >,\n BaseProps,\n DateFieldBase<T>,\n ContainerStyleProps,\n FieldBaseProps<{ start: T; end: T } \| null \| undefined> {\n wrapperStyles?: Styles;\n inputStyles?: Styles;\n styles?: Styles;\n size?: 'small' \| 'medium' \| 'large' \| (string & {});\n maxVisibleMonths?: number;\n shouldFlip?: boolean;\n /*\n The ref of the element the popover should visually attach itself to.\n * Defaults to the field wrapper.\n \n Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n * dismissal treats as the trigger.\n /\n targetRef?: RefObject<HTMLElement \| null>;\n /\n Placement of the popover relative to the anchor.\n * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n * `'top start'`, `'right top'`, `'left top'`).\n * @default 'bottom right'\n */\n placement?: Placement;\n useLocale?: boolean;\n}\n\nfunction DateRangePicker<T extends DateValue>(\n rawProps: CubeDateRangePickerProps<T>,\n ref: FocusableRef<HTMLElement>,\n) {\n const { t } = useI18n();\n\n let props = useFieldProps(rawProps, {\n defaultValidationTrigger: 'onBlur',\n });\n props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n // The public type declares `ContainerStyleProps` and `styles`, so both have to\n // reach the root — before this they were extracted and dropped, which made\n // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n // `props.styles` and lets the individual style props override it, which is the\n // precedence every other component uses; re-spreading `props.styles` here\n // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n let styles = mergeStyleLayers(\n extractStyles(props, CONTAINER_STYLES),\n props.wrapperStyles,\n );\n\n let {\n qa,\n size,\n shouldFlip,\n targetRef: targetRefProp,\n placement = 'bottom right',\n placeholderValue,\n isDisabled,\n isInvalid,\n isValid,\n useLocale: useLocaleProp,\n autoFocus,\n } = props;\n let targetRef = useRef<HTMLDivElement>(null);\n let state = useDateRangePickerState({\n ...props,\n shouldCloseOnSelect: () => !state.hasTime,\n });\n let { isOpen, setOpen } = state;\n\n let { isFocused, focusProps } = useFocusRing({\n within: true,\n isTextInput: true,\n autoFocus,\n });\n\n let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus,\n });\n\n let domRef = useFocusManagerRef(ref);\n\n let {\n groupProps,\n labelProps,\n startFieldProps,\n endFieldProps,\n buttonProps,\n dialogProps,\n calendarProps,\n } = useDateRangePicker(props, state, targetRef);\n\n let placeholder: DateValue \| undefined = placeholderValue ?? undefined;\n let timePlaceholder =\n placeholder && 'hour' in placeholder ? placeholder : undefined;\n let timeMinValue =\n props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n let timeMaxValue =\n props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n let timeGranularity =\n state.granularity === 'hour' \|\|\n state.granularity === 'minute' \|\|\n state.granularity === 'second'\n ? state.granularity\n : null;\n let showTimeField = !!timeGranularity;\n // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n const component = (\n <DateInputBase\n ref={targetRef}\n qa={qa \|\| 'DateRangePicker'}\n inputType=\"daterangepicker\"\n styles={styles}\n disableFocusRing={isFocusedButton}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n fieldProps={groupProps}\n {...focusProps}\n suffix={\n <DialogTrigger\n hideArrow\n type=\"popover\"\n placement={placement}\n targetRef={targetRefProp ?? targetRef}\n isOpen={isOpen}\n shouldFlip={shouldFlip}\n onOpenChange={setOpen}\n >\n <DatePickerButton\n size={size}\n {...mergeProps(buttonProps, focusPropsButton)}\n isDisabled={isDisabled}\n />\n <Dialog {...dialogProps} width=\"max-content\" overflow=\"auto\">\n <RangeCalendar\n {...calendarProps}\n isDateUnavailable={props.isDateUnavailable}\n />\n {showTimeField && (\n <Space>\n <TimeInput\n padding=\"1x\"\n label={t('datePicker.startTime', 'Start time')}\n value={state.timeRange?.start \|\| null}\n placeholderValue={timePlaceholder}\n granularity={timeGranularity}\n minValue={timeMinValue}\n maxValue={timeMaxValue}\n hourCycle={props.hourCycle}\n hideTimeZone={props.hideTimeZone}\n onChange={(v) => state.setTime('start', v)}\n />\n <TimeInput\n padding=\"1x\"\n label={t('datePicker.endTime', 'End time')}\n value={state.timeRange?.end \|\| null}\n placeholderValue={timePlaceholder}\n granularity={timeGranularity}\n minValue={timeMinValue}\n maxValue={timeMaxValue}\n hourCycle={props.hourCycle}\n hideTimeZone={props.hideTimeZone}\n onChange={(v) => state.setTime('end', v)}\n />\n </Space>\n )}\n </Dialog>\n </DialogTrigger>\n }\n >\n <DatePickerInput useLocale={useLocaleProp} {...startFieldProps} />\n <DateRangeDash />\n <DatePickerInput useLocale={useLocaleProp} {...endFieldProps} />\n </DateInputBase>\n );\n\n return wrapWithField(component, domRef, {\n ...props,\n labelProps: mergeProps(props.labelProps, labelProps),\n });\n}\n\nconst _DateRangePicker = forwardRef(DateRangePicker) as <\n T extends DateValue = DateValue,\n>(\n props: CubeDateRangePickerProps<T> & { ref?: Ref<HTMLElement> },\n) => ReactElement \| null;\n\n(_DateRangePicker as any).displayName = 'DateRangePicker';\n\nexport { _DateRangePicker as DateRangePicker };\n"],"mappings":"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"}

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -278,6 +278,7 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		t29 = /* @__PURE__ */ jsxs(Dialog, {
 			...startProps.dialogProps,
 			width: "max-content",
+			overflow: "auto",
 			children: [t27, t28]
 		});
 		$[55] = startProps.dialogProps;
@@ -290,7 +291,6 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		t30 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			mobileType: "tray",
 			placement: t17,
 			targetRef: t18,
 			isOpen: t19,
@@ -441,6 +441,7 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		t49 = /* @__PURE__ */ jsxs(Dialog, {
 			...endProps.dialogProps,
 			width: "max-content",
+			overflow: "auto",
 			children: [t47, t48]
 		});
 		$[110] = endProps.dialogProps;
@@ -453,7 +454,6 @@ function DateRangeSeparatedPicker(rawProps, ref) {
 		t50 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			mobileType: "tray",
 			placement: t36,
 			targetRef: t37,
 			isOpen: t38,

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangeSeparatedPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDatePicker","useDateRangePicker","useFocusRing","useDatePickerState","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerElement","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","DateRangeDash","children","styles","padding","color","CubeDateRangeSeparatedPickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangeSeparatedPicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","t2","state","t3","value","t4","defaultValue","t5","onChange","undefined","validate","startDateProps","t6","t7","t8","endDateProps","startState","endState","t9","within","isTextInput","startFocusRingProps","t10","startFocusProps","t11","endFocusRingProps","t12","endFocusProps","domRef","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t13","calendarProps","type","newRange","compare","setValue","setDateTime","setOpen","newRange_0","t14","t15","isFocused","t16","focusProps","t17","t18","t19","isOpen","t20","t21","t22","buttonProps","t23","t24","t25","t26","value_0","t27","t28","hideTimeZone","hourCycle","setTimeValue","timeValue","t29","dialogProps","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","t41","t42","t43","t44","t45","t46","value_1","t47","t48","t49","t50","t51","t52","t53","component","t54","_DateRangeSeparatedPicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useRef } from 'react';\nimport {\n AriaDateRangePickerProps,\n DateValue,\n Placement,\n useDatePicker,\n useDateRangePicker,\n useFocusRing,\n} from 'react-aria';\nimport { useDatePickerState, useDateRangePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerElement } from './DatePickerElement';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nconst DateRangeDash = tasty({\n 'aria-hidden': 'true',\n 'data-qa': 'DateRangeDash',\n children: '–',\n styles: {\n padding: '0 .5x',\n color: '#dark-03',\n },\n});\n\nexport interface CubeDateRangeSeparatedPickerProps<\n T extends DateValue = DateValue,\n> extends Omit<\n AriaDateRangePickerProps<T>,\n 'errorMessage' \| 'form' \| 'name' \| keyof DateFieldBase<T>\n >,\n BaseProps,\n ContainerStyleProps,\n DateFieldBase<T>,\n FieldBaseProps<{ start: T; end: T } \| null \| undefined> {\n wrapperStyles?: Styles;\n inputStyles?: Styles;\n styles?: Styles;\n size?: 'small' \| 'medium' \| 'large' \| (string & {});\n maxVisibleMonths?: number;\n shouldFlip?: boolean;\n /*\n The ref of the element the popover should visually attach itself to.\n * Defaults to the field wrapper.\n \n Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n * dismissal treats as the trigger.\n /\n targetRef?: RefObject<HTMLElement \| null>;\n /\n Placement of the popover relative to the anchor.\n * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n * `'top start'`, `'right top'`, `'left top'`).\n * @default 'bottom right'\n */\n placement?: Placement;\n useLocale?: boolean;\n}\n\nfunction DateRangeSeparatedPicker<T extends DateValue>(\n rawProps: CubeDateRangeSeparatedPickerProps<T>,\n ref: FocusableRef<HTMLElement>,\n) {\n const { t } = useI18n();\n\n let props = useFieldProps(rawProps, {\n defaultValidationTrigger: 'onBlur',\n });\n props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n // The public type declares `ContainerStyleProps` and `styles`, so both have to\n // reach the root — before this they were extracted and dropped, which made\n // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n // `props.styles` and lets the individual style props override it, which is the\n // precedence every other component uses; re-spreading `props.styles` here\n // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n let styles = mergeStyleLayers(\n extractStyles(props, CONTAINER_STYLES),\n props.wrapperStyles,\n );\n\n let {\n qa,\n size,\n placeholderValue,\n isDisabled,\n isInvalid,\n isValid,\n useLocale: useLocaleProp,\n autoFocus,\n } = props;\n let targetRef = useRef<HTMLDivElement>(null);\n\n let state = useDateRangePickerState({\n ...props,\n });\n\n let startDateProps = {\n ...props,\n onChange: undefined,\n validate: undefined,\n value: state.value?.start,\n defaultValue: props.defaultValue?.start,\n };\n let endDateProps = {\n ...props,\n onChange: undefined,\n validate: undefined,\n value: state.value?.end,\n defaultValue: props.defaultValue?.end,\n };\n let startState = useDatePickerState(startDateProps);\n let endState = useDatePickerState(endDateProps);\n\n let startFocusRingProps = useFocusRing({\n within: true,\n isTextInput: true,\n autoFocus,\n });\n let startFocusProps = useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus,\n });\n let endFocusRingProps = useFocusRing({\n within: true,\n isTextInput: true,\n autoFocus,\n });\n let endFocusProps = useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus,\n });\n\n let domRef = useFocusManagerRef(ref);\n\n let { groupProps, labelProps, startFieldProps, endFieldProps } =\n useDateRangePicker(props, state, targetRef);\n\n let startProps = useDatePicker(startDateProps, startState, targetRef);\n let endProps = useDatePicker(endDateProps, endState, targetRef);\n\n let placeholder: DateValue \| undefined = placeholderValue ?? undefined;\n let timePlaceholder =\n placeholder && 'hour' in placeholder ? placeholder : undefined;\n let timeMinValue =\n props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n let timeMaxValue =\n props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n let timeGranularity =\n state.granularity === 'hour' \|\|\n state.granularity === 'minute' \|\|\n state.granularity === 'second'\n ? state.granularity\n : undefined;\n let showTimeField = !!timeGranularity;\n\n // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n function onChange(value: DateValue, type: 'start' \| 'end') {\n if (type === 'start') {\n const newRange = { ...state.value, start: value };\n\n if (\n newRange.start &&\n newRange.end &&\n newRange.end.compare(newRange.start) < 0\n ) {\n newRange.end = newRange.start;\n }\n\n if (newRange.end) {\n state.setValue({ start: newRange.start, end: newRange.end });\n } else {\n state.setDateTime('start', newRange.start);\n }\n startProps.calendarProps.onChange?.(value);\n startState.setOpen(false);\n } else {\n const newRange = { ...state.value, end: value };\n\n if (\n newRange.start &&\n newRange.end &&\n newRange.end.compare(newRange.start) < 0\n ) {\n newRange.start = newRange.end;\n }\n\n if (newRange.start) {\n state.setValue({ start: newRange.start, end: newRange.end });\n } else {\n state.setDateTime('end', newRange.end);\n }\n endProps.calendarProps.onChange?.(value);\n endState.setOpen(false);\n }\n }\n\n const component = (\n <DatePickerElement\n ref={targetRef}\n {...groupProps}\n styles={styles}\n qa={qa \|\| 'DateRangeSeparatedPicker'}\n data-input-type=\"daterangeseparatedpicker\"\n >\n <DateInputBase\n disableFocusRing={startFocusProps.isFocused}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n {...startFocusRingProps.focusProps}\n suffix={\n <DialogTrigger\n hideArrow\n type=\"popover\"\n mobileType=\"tray\"\n placement={props.placement ?? 'bottom right'}\n targetRef={props.targetRef ?? targetRef}\n isOpen={startState.isOpen}\n shouldFlip={props.shouldFlip}\n onOpenChange={startState.setOpen}\n >\n <DatePickerButton\n size={size}\n {...mergeProps(\n startProps.buttonProps,\n startFocusProps.focusProps,\n )}\n isDisabled={isDisabled}\n />\n <Dialog {...startProps.dialogProps} width=\"max-content\">\n <Calendar\n {...startProps.calendarProps}\n defaultFocusedValue={\n state.value?.start \|\| state.value?.end \|\| undefined\n }\n selectedRange={\n state.value?.start && state.value?.end\n ? { start: state.value.start, end: state.value.end }\n : undefined\n }\n onChange={(value: DateValue) => onChange(value, 'start')}\n />\n {showTimeField && (\n <TimeInput\n padding=\"1x\"\n label={t('datePicker.time', 'Time')}\n value={startState.timeValue}\n placeholderValue={timePlaceholder}\n granularity={timeGranularity}\n minValue={timeMinValue}\n maxValue={timeMaxValue}\n hourCycle={props.hourCycle}\n hideTimeZone={props.hideTimeZone}\n onChange={startState.setTimeValue}\n />\n )}\n </Dialog>\n </DialogTrigger>\n }\n >\n <DatePickerInput useLocale={useLocaleProp} {...startFieldProps} />\n </DateInputBase>\n <DateRangeDash />\n <DateInputBase\n disableFocusRing={endFocusProps.isFocused}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n {...endFocusRingProps.focusProps}\n suffix={\n <DialogTrigger\n hideArrow\n type=\"popover\"\n mobileType=\"tray\"\n placement={props.placement ?? 'bottom right'}\n targetRef={props.targetRef ?? targetRef}\n isOpen={endState.isOpen}\n shouldFlip={props.shouldFlip}\n onOpenChange={endState.setOpen}\n >\n <DatePickerButton\n aria-label={t(\n 'datePicker.showEndCalendar',\n 'Show calendar for the end date',\n )}\n size={size}\n {...mergeProps(endFocusProps.focusProps, endProps.buttonProps)}\n isDisabled={isDisabled}\n />\n <Dialog {...endProps.dialogProps} width=\"max-content\">\n <Calendar\n {...endProps.calendarProps}\n defaultFocusedValue={\n state.value?.end \|\| state.value?.start \|\| undefined\n }\n selectedRange={\n state.value?.start && state.value?.end\n ? { start: state.value.start, end: state.value.end }\n : undefined\n }\n onChange={(value: DateValue) => {\n onChange(value, 'end');\n }}\n />\n {showTimeField && (\n <TimeInput\n padding=\"1x\"\n label={t('datePicker.time', 'Time')}\n value={endState.timeValue}\n placeholderValue={timePlaceholder}\n granularity={timeGranularity}\n minValue={timeMinValue}\n maxValue={timeMaxValue}\n hourCycle={props.hourCycle}\n hideTimeZone={props.hideTimeZone}\n onChange={endState.setTimeValue}\n />\n )}\n </Dialog>\n </DialogTrigger>\n }\n >\n <DatePickerInput useLocale={useLocaleProp} {...endFieldProps} />\n </DateInputBase>\n </DatePickerElement>\n );\n\n return wrapWithField(component, domRef, {\n ...props,\n labelProps: mergeProps(props.labelProps, labelProps),\n });\n}\n\nconst _DateRangeSeparatedPicker = forwardRef(DateRangeSeparatedPicker) as <\n T extends DateValue,\n>(\n props: CubeDateRangeSeparatedPickerProps<T> & {\n ref?: FocusableRef<HTMLElement>;\n },\n) => ReactElement;\n\n(_DateRangeSeparatedPicker as any).displayName = 'DateRangeSeparatedPicker';\n\nexport { _DateRangeSeparatedPicker as DateRangeSeparatedPicker };\n"],"mappings":"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"}
1	+ {"version":3,"file":"DateRangeSeparatedPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDatePicker","useDateRangePicker","useFocusRing","useDatePickerState","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerElement","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","DateRangeDash","children","styles","padding","color","CubeDateRangeSeparatedPickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangeSeparatedPicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","Object","assign","qa","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","t2","state","t3","value","t4","defaultValue","t5","onChange","undefined","validate","startDateProps","t6","t7","t8","endDateProps","startState","endState","t9","within","isTextInput","startFocusRingProps","t10","startFocusProps","t11","endFocusRingProps","t12","endFocusProps","domRef","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t13","calendarProps","type","newRange","compare","setValue","setDateTime","setOpen","newRange_0","t14","t15","isFocused","t16","focusProps","t17","t18","t19","isOpen","t20","t21","t22","buttonProps","t23","t24","t25","t26","value_0","t27","t28","hideTimeZone","hourCycle","setTimeValue","timeValue","t29","dialogProps","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","t41","t42","t43","t44","t45","t46","value_1","t47","t48","t49","t50","t51","t52","t53","component","t54","_DateRangeSeparatedPicker","displayName"],"sources":["../../../../src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useRef } from 'react';\nimport {\n AriaDateRangePickerProps,\n DateValue,\n Placement,\n useDatePicker,\n useDateRangePicker,\n useFocusRing,\n} from 'react-aria';\nimport { useDatePickerState, useDateRangePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DatePickerElement } from './DatePickerElement';\nimport { DatePickerInput } from './DatePickerInput';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { TimeInput } from './TimeInput';\nimport { DateFieldBase } from './types';\nimport { useFocusManagerRef } from './utils';\n\nconst DateRangeDash = tasty({\n 'aria-hidden': 'true',\n 'data-qa': 'DateRangeDash',\n children: '–',\n styles: {\n padding: '0 .5x',\n color: '#dark-03',\n },\n});\n\nexport interface CubeDateRangeSeparatedPickerProps<\n T extends DateValue = DateValue,\n> extends Omit<\n AriaDateRangePickerProps<T>,\n 'errorMessage' \| 'form' \| 'name' \| keyof DateFieldBase<T>\n >,\n BaseProps,\n ContainerStyleProps,\n DateFieldBase<T>,\n FieldBaseProps<{ start: T; end: T } \| null \| undefined> {\n wrapperStyles?: Styles;\n inputStyles?: Styles;\n styles?: Styles;\n size?: 'small' \| 'medium' \| 'large' \| (string & {});\n maxVisibleMonths?: number;\n shouldFlip?: boolean;\n /*\n The ref of the element the popover should visually attach itself to.\n * Defaults to the field wrapper.\n \n Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n * dismissal treats as the trigger.\n /\n targetRef?: RefObject<HTMLElement \| null>;\n /\n Placement of the popover relative to the anchor.\n * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n * `'top start'`, `'right top'`, `'left top'`).\n * @default 'bottom right'\n */\n placement?: Placement;\n useLocale?: boolean;\n}\n\nfunction DateRangeSeparatedPicker<T extends DateValue>(\n rawProps: CubeDateRangeSeparatedPickerProps<T>,\n ref: FocusableRef<HTMLElement>,\n) {\n const { t } = useI18n();\n\n let props = useFieldProps(rawProps, {\n defaultValidationTrigger: 'onBlur',\n });\n props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n // The public type declares `ContainerStyleProps` and `styles`, so both have to\n // reach the root — before this they were extracted and dropped, which made\n // `width=\"100%\"` type-check and do nothing. `extractStyles` already folds in\n // `props.styles` and lets the individual style props override it, which is the\n // precedence every other component uses; re-spreading `props.styles` here\n // would invert it. `wrapperStyles` stays the most specific and keeps winning.\n let styles = mergeStyleLayers(\n extractStyles(props, CONTAINER_STYLES),\n props.wrapperStyles,\n );\n\n let {\n qa,\n size,\n placeholderValue,\n isDisabled,\n isInvalid,\n isValid,\n useLocale: useLocaleProp,\n autoFocus,\n } = props;\n let targetRef = useRef<HTMLDivElement>(null);\n\n let state = useDateRangePickerState({\n ...props,\n });\n\n let startDateProps = {\n ...props,\n onChange: undefined,\n validate: undefined,\n value: state.value?.start,\n defaultValue: props.defaultValue?.start,\n };\n let endDateProps = {\n ...props,\n onChange: undefined,\n validate: undefined,\n value: state.value?.end,\n defaultValue: props.defaultValue?.end,\n };\n let startState = useDatePickerState(startDateProps);\n let endState = useDatePickerState(endDateProps);\n\n let startFocusRingProps = useFocusRing({\n within: true,\n isTextInput: true,\n autoFocus,\n });\n let startFocusProps = useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus,\n });\n let endFocusRingProps = useFocusRing({\n within: true,\n isTextInput: true,\n autoFocus,\n });\n let endFocusProps = useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus,\n });\n\n let domRef = useFocusManagerRef(ref);\n\n let { groupProps, labelProps, startFieldProps, endFieldProps } =\n useDateRangePicker(props, state, targetRef);\n\n let startProps = useDatePicker(startDateProps, startState, targetRef);\n let endProps = useDatePicker(endDateProps, endState, targetRef);\n\n let placeholder: DateValue \| undefined = placeholderValue ?? undefined;\n let timePlaceholder =\n placeholder && 'hour' in placeholder ? placeholder : undefined;\n let timeMinValue =\n props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n let timeMaxValue =\n props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n let timeGranularity =\n state.granularity === 'hour' \|\|\n state.granularity === 'minute' \|\|\n state.granularity === 'second'\n ? state.granularity\n : undefined;\n let showTimeField = !!timeGranularity;\n\n // let visibleMonths = useVisibleMonths(maxVisibleMonths);\n\n function onChange(value: DateValue, type: 'start' \| 'end') {\n if (type === 'start') {\n const newRange = { ...state.value, start: value };\n\n if (\n newRange.start &&\n newRange.end &&\n newRange.end.compare(newRange.start) < 0\n ) {\n newRange.end = newRange.start;\n }\n\n if (newRange.end) {\n state.setValue({ start: newRange.start, end: newRange.end });\n } else {\n state.setDateTime('start', newRange.start);\n }\n startProps.calendarProps.onChange?.(value);\n startState.setOpen(false);\n } else {\n const newRange = { ...state.value, end: value };\n\n if (\n newRange.start &&\n newRange.end &&\n newRange.end.compare(newRange.start) < 0\n ) {\n newRange.start = newRange.end;\n }\n\n if (newRange.start) {\n state.setValue({ start: newRange.start, end: newRange.end });\n } else {\n state.setDateTime('end', newRange.end);\n }\n endProps.calendarProps.onChange?.(value);\n endState.setOpen(false);\n }\n }\n\n const component = (\n <DatePickerElement\n ref={targetRef}\n {...groupProps}\n styles={styles}\n qa={qa \|\| 'DateRangeSeparatedPicker'}\n data-input-type=\"daterangeseparatedpicker\"\n >\n <DateInputBase\n disableFocusRing={startFocusProps.isFocused}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n {...startFocusRingProps.focusProps}\n suffix={\n <DialogTrigger\n hideArrow\n type=\"popover\"\n placement={props.placement ?? 'bottom right'}\n targetRef={props.targetRef ?? targetRef}\n isOpen={startState.isOpen}\n shouldFlip={props.shouldFlip}\n onOpenChange={startState.setOpen}\n >\n <DatePickerButton\n size={size}\n {...mergeProps(\n startProps.buttonProps,\n startFocusProps.focusProps,\n )}\n isDisabled={isDisabled}\n />\n <Dialog\n {...startProps.dialogProps}\n width=\"max-content\"\n overflow=\"auto\"\n >\n <Calendar\n {...startProps.calendarProps}\n defaultFocusedValue={\n state.value?.start \|\| state.value?.end \|\| undefined\n }\n selectedRange={\n state.value?.start && state.value?.end\n ? { start: state.value.start, end: state.value.end }\n : undefined\n }\n onChange={(value: DateValue) => onChange(value, 'start')}\n />\n {showTimeField && (\n <TimeInput\n padding=\"1x\"\n label={t('datePicker.time', 'Time')}\n value={startState.timeValue}\n placeholderValue={timePlaceholder}\n granularity={timeGranularity}\n minValue={timeMinValue}\n maxValue={timeMaxValue}\n hourCycle={props.hourCycle}\n hideTimeZone={props.hideTimeZone}\n onChange={startState.setTimeValue}\n />\n )}\n </Dialog>\n </DialogTrigger>\n }\n >\n <DatePickerInput useLocale={useLocaleProp} {...startFieldProps} />\n </DateInputBase>\n <DateRangeDash />\n <DateInputBase\n disableFocusRing={endFocusProps.isFocused}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n {...endFocusRingProps.focusProps}\n suffix={\n <DialogTrigger\n hideArrow\n type=\"popover\"\n placement={props.placement ?? 'bottom right'}\n targetRef={props.targetRef ?? targetRef}\n isOpen={endState.isOpen}\n shouldFlip={props.shouldFlip}\n onOpenChange={endState.setOpen}\n >\n <DatePickerButton\n aria-label={t(\n 'datePicker.showEndCalendar',\n 'Show calendar for the end date',\n )}\n size={size}\n {...mergeProps(endFocusProps.focusProps, endProps.buttonProps)}\n isDisabled={isDisabled}\n />\n <Dialog\n {...endProps.dialogProps}\n width=\"max-content\"\n overflow=\"auto\"\n >\n <Calendar\n {...endProps.calendarProps}\n defaultFocusedValue={\n state.value?.end \|\| state.value?.start \|\| undefined\n }\n selectedRange={\n state.value?.start && state.value?.end\n ? { start: state.value.start, end: state.value.end }\n : undefined\n }\n onChange={(value: DateValue) => {\n onChange(value, 'end');\n }}\n />\n {showTimeField && (\n <TimeInput\n padding=\"1x\"\n label={t('datePicker.time', 'Time')}\n value={endState.timeValue}\n placeholderValue={timePlaceholder}\n granularity={timeGranularity}\n minValue={timeMinValue}\n maxValue={timeMaxValue}\n hourCycle={props.hourCycle}\n hideTimeZone={props.hideTimeZone}\n onChange={endState.setTimeValue}\n />\n )}\n </Dialog>\n </DialogTrigger>\n }\n >\n <DatePickerInput useLocale={useLocaleProp} {...endFieldProps} />\n </DateInputBase>\n </DatePickerElement>\n );\n\n return wrapWithField(component, domRef, {\n ...props,\n labelProps: mergeProps(props.labelProps, labelProps),\n });\n}\n\nconst _DateRangeSeparatedPicker = forwardRef(DateRangeSeparatedPicker) as <\n T extends DateValue,\n>(\n props: CubeDateRangeSeparatedPickerProps<T> & {\n ref?: FocusableRef<HTMLElement>;\n },\n) => ReactElement;\n\n(_DateRangeSeparatedPicker as any).displayName = 'DateRangeSeparatedPicker';\n\nexport { _DateRangeSeparatedPicker as DateRangeSeparatedPicker };\n"],"mappings":"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"}

package/dist/components/fields/DatePicker/MonthPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/fields/DatePicker/PeriodPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -218,6 +218,7 @@ function PeriodPickerImpl(rawProps, ref) {
 		t23 = /* @__PURE__ */ jsx(Dialog, {
 			...dialogProps,
 			width: "max-content",
+			overflow: "auto",
 			children: panel
 		});
 		$[50] = dialogProps;
@@ -229,7 +230,6 @@ function PeriodPickerImpl(rawProps, ref) {
 		t24 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
-			mobileType: "tray",
 			placement: t18,
 			targetRef: t19,
 			isOpen,

package/dist/components/fields/DatePicker/PeriodPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","PeriodCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","formatPeriod","PickerType","snapToPeriod","useFocusManagerRef","PeriodValueElement","qa","styles","preset","width","whiteSpace","textOverflow","overflow","color","placeholder","disabled","CubePeriodPickerProps","Omit","T","picker","wrapperStyles","inputStyles","triggerStyles","size","shouldFlip","targetRef","HTMLElement","placement","formatValue","date","locale","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","isDisabled","isReadOnly","isInvalid","isValid","autoFocus","undefined","t2","t3","t4","t5","t6","week","month","quarter","year","defaultPlaceholder","t7","granularity","shouldCloseOnSelect","state","isOpen","setOpen","domRef","t8","within","isTextInput","isFocused","isFocusedButton","focusProps","focusPropsButton","t9","groupProps","labelProps","buttonProps","dialogProps","calendarProps","t10","setValue","handleSelect","t11","value","displayText","valueId","t12","minValue","maxValue","isDateUnavailable","panel","T0","t13","t14","t15","display","t16","t17","cursor","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","component","t30","_PeriodPicker","displayName","PeriodPicker"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useId, useRef } from 'react';\nimport {\n AriaDatePickerProps,\n DateValue,\n Placement,\n useDatePicker,\n useFocusRing,\n useLocale,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { PeriodCalendar } from '../../other/Calendar/PeriodCalendar';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { formatPeriod, PickerType, snapToPeriod } from './period';\nimport { useFocusManagerRef } from './utils';\n\nconst PeriodValueElement = tasty({\n qa: 'PeriodPickerValue',\n styles: {\n preset: 't3',\n width: 'max 100%',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n color: {\n '': '#dark',\n placeholder: '#dark.30',\n disabled: '#dark.30',\n },\n },\n});\n\nexport interface CubePeriodPickerProps<T extends DateValue = DateValue>\n extends Omit<\n AriaDatePickerProps<T>,\n 'errorMessage' \| 'granularity' \| 'form' \| 'name'\n >,\n BaseProps,\n ContainerStyleProps,\n FieldBaseProps<T \| null \| undefined> {\n /** Which period the picker selects. Set by the concrete picker components. /\n picker?: PickerType;\n wrapperStyles?: Styles;\n inputStyles?: Styles;\n triggerStyles?: Styles;\n styles?: Styles;\n size?: 'small' \| 'medium' \| 'large' \| (string & {});\n shouldFlip?: boolean;\n /\n The ref of the element the popover should visually attach itself to.\n * Defaults to the field wrapper.\n \n Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n * dismissal treats as the trigger.\n /\n targetRef?: RefObject<HTMLElement \| null>;\n /\n Placement of the popover relative to the anchor.\n * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n * `'top start'`, `'right top'`, `'left top'`).\n * @default 'bottom right'\n /\n placement?: Placement;\n /* Placeholder shown when no value is selected. /\n placeholder?: string;\n /* Override how the selected value is rendered as text. */\n formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;\n}\n\nfunction PeriodPickerImpl<T extends DateValue>(\n rawProps: CubePeriodPickerProps<T>,\n ref: FocusableRef<HTMLElement>,\n) {\n const { t } = useI18n();\n\n let props = useFieldProps(rawProps, {\n defaultValidationTrigger: 'onBlur',\n });\n\n let styles = extractStyles(props, CONTAINER_STYLES);\n\n let {\n qa,\n size,\n picker = 'month',\n placeholder,\n formatValue,\n isDisabled,\n isReadOnly,\n isInvalid,\n isValid,\n autoFocus,\n } = props;\n\n let defaultPlaceholder: Record<PickerType, string> = {\n week: t('datePicker.selectWeek', 'Select week'),\n month: t('datePicker.selectMonth', 'Select month'),\n quarter: t('datePicker.selectQuarter', 'Select quarter'),\n year: t('datePicker.selectYear', 'Select year'),\n };\n\n let { locale } = useLocale();\n let targetRef = useRef<HTMLDivElement>(null);\n let state = useDatePickerState({\n ...props,\n granularity: 'day',\n shouldCloseOnSelect: true,\n });\n let { isOpen, setOpen } = state;\n\n let domRef = useFocusManagerRef(ref);\n\n let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus,\n });\n\n let { groupProps, labelProps, buttonProps, dialogProps, calendarProps } =\n useDatePicker({ ...props, granularity: 'day' }, state, targetRef);\n\n let handleSelect = (date: DateValue) => {\n state.setValue(snapToPeriod(date, picker, locale));\n setOpen(false);\n };\n\n let displayText = state.value\n ? (formatValue ?? formatPeriod)(state.value, picker, locale)\n : placeholder ?? defaultPlaceholder[picker];\n\n // The value is rendered as text rather than editable segments, so the trigger\n // has to point at it to announce the current selection.\n let valueId = useId();\n\n const panel =\n picker === 'week' ? (\n <Calendar\n {...calendarProps}\n autoFocus\n pickerMode=\"week\"\n isDisabled={isDisabled}\n onChange={handleSelect}\n />\n ) : (\n <PeriodCalendar\n autoFocus\n picker={picker}\n value={calendarProps.value}\n minValue={calendarProps.minValue}\n maxValue={calendarProps.maxValue}\n isDateUnavailable={calendarProps.isDateUnavailable}\n isDisabled={isDisabled}\n onChange={handleSelect}\n />\n );\n\n const component = (\n <DateInputBase\n ref={targetRef}\n qa={qa \|\| 'PeriodPicker'}\n inputType=\"datepicker\"\n styles={mergeStyleLayers(\n { display: 'grid' },\n styles,\n props.wrapperStyles,\n )}\n inputStyles={mergeStyleLayers(\n { cursor: isDisabled \|\| isReadOnly ? 'default' : 'pointer' },\n props.inputStyles,\n )}\n disableFocusRing={isFocusedButton}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n fieldProps={groupProps}\n suffix={\n <DialogTrigger\n hideArrow\n type=\"popover\"\n mobileType=\"tray\"\n placement={props.placement ?? 'bottom right'}\n targetRef={props.targetRef ?? targetRef}\n isOpen={isOpen}\n shouldFlip={props.shouldFlip}\n onOpenChange={setOpen}\n >\n <DatePickerButton\n size={size}\n {...mergeProps(buttonProps, focusPropsButton)}\n aria-describedby={valueId}\n // Passed separately, not merged: only the field-disabled half is\n // inherited. See `DatePickerButton`.\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n styles={props.triggerStyles}\n />\n <Dialog {...dialogProps} width=\"max-content\">\n {panel}\n </Dialog>\n </DialogTrigger>\n }\n >\n <PeriodValueElement\n id={valueId}\n mods={{ placeholder: !state.value, disabled: isDisabled }}\n onClick={() => !isDisabled && !isReadOnly && setOpen(true)}\n >\n {displayText}\n </PeriodValueElement>\n </DateInputBase>\n );\n\n return wrapWithField(component, domRef, {\n ...props,\n labelProps: mergeProps(props.labelProps, labelProps),\n });\n}\n\nconst _PeriodPicker = forwardRef(PeriodPickerImpl);\n\n_PeriodPicker.displayName = 'PeriodPicker';\n\nexport const PeriodPicker = _PeriodPicker as <T extends DateValue = DateValue>(\n props: CubePeriodPickerProps<T> & { ref?: FocusableRef<HTMLElement> },\n) => ReactElement \| null;\n"],"mappings":"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"}
1	+ {"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","PeriodCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","formatPeriod","PickerType","snapToPeriod","useFocusManagerRef","PeriodValueElement","qa","styles","preset","width","whiteSpace","textOverflow","overflow","color","placeholder","disabled","CubePeriodPickerProps","Omit","T","picker","wrapperStyles","inputStyles","triggerStyles","size","shouldFlip","targetRef","HTMLElement","placement","formatValue","date","locale","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","isDisabled","isReadOnly","isInvalid","isValid","autoFocus","undefined","t2","t3","t4","t5","t6","week","month","quarter","year","defaultPlaceholder","t7","granularity","shouldCloseOnSelect","state","isOpen","setOpen","domRef","t8","within","isTextInput","isFocused","isFocusedButton","focusProps","focusPropsButton","t9","groupProps","labelProps","buttonProps","dialogProps","calendarProps","t10","setValue","handleSelect","t11","value","displayText","valueId","t12","minValue","maxValue","isDateUnavailable","panel","T0","t13","t14","t15","display","t16","t17","cursor","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","component","t30","_PeriodPicker","displayName","PeriodPicker"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useId, useRef } from 'react';\nimport {\n AriaDatePickerProps,\n DateValue,\n Placement,\n useDatePicker,\n useFocusRing,\n useLocale,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { PeriodCalendar } from '../../other/Calendar/PeriodCalendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { formatPeriod, PickerType, snapToPeriod } from './period';\nimport { useFocusManagerRef } from './utils';\n\nconst PeriodValueElement = tasty({\n qa: 'PeriodPickerValue',\n styles: {\n preset: 't3',\n width: 'max 100%',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n color: {\n '': '#dark',\n placeholder: '#dark.30',\n disabled: '#dark.30',\n },\n },\n});\n\nexport interface CubePeriodPickerProps<T extends DateValue = DateValue>\n extends Omit<\n AriaDatePickerProps<T>,\n 'errorMessage' \| 'granularity' \| 'form' \| 'name'\n >,\n BaseProps,\n ContainerStyleProps,\n FieldBaseProps<T \| null \| undefined> {\n /** Which period the picker selects. Set by the concrete picker components. /\n picker?: PickerType;\n wrapperStyles?: Styles;\n inputStyles?: Styles;\n triggerStyles?: Styles;\n styles?: Styles;\n size?: 'small' \| 'medium' \| 'large' \| (string & {});\n shouldFlip?: boolean;\n /\n The ref of the element the popover should visually attach itself to.\n * Defaults to the field wrapper.\n \n Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n * dismissal treats as the trigger.\n /\n targetRef?: RefObject<HTMLElement \| null>;\n /\n Placement of the popover relative to the anchor.\n * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n * `'top start'`, `'right top'`, `'left top'`).\n * @default 'bottom right'\n /\n placement?: Placement;\n /* Placeholder shown when no value is selected. /\n placeholder?: string;\n /* Override how the selected value is rendered as text. */\n formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;\n}\n\nfunction PeriodPickerImpl<T extends DateValue>(\n rawProps: CubePeriodPickerProps<T>,\n ref: FocusableRef<HTMLElement>,\n) {\n const { t } = useI18n();\n\n let props = useFieldProps(rawProps, {\n defaultValidationTrigger: 'onBlur',\n });\n\n let styles = extractStyles(props, CONTAINER_STYLES);\n\n let {\n qa,\n size,\n picker = 'month',\n placeholder,\n formatValue,\n isDisabled,\n isReadOnly,\n isInvalid,\n isValid,\n autoFocus,\n } = props;\n\n let defaultPlaceholder: Record<PickerType, string> = {\n week: t('datePicker.selectWeek', 'Select week'),\n month: t('datePicker.selectMonth', 'Select month'),\n quarter: t('datePicker.selectQuarter', 'Select quarter'),\n year: t('datePicker.selectYear', 'Select year'),\n };\n\n let { locale } = useLocale();\n let targetRef = useRef<HTMLDivElement>(null);\n let state = useDatePickerState({\n ...props,\n granularity: 'day',\n shouldCloseOnSelect: true,\n });\n let { isOpen, setOpen } = state;\n\n let domRef = useFocusManagerRef(ref);\n\n let { isFocused: isFocusedButton, focusProps: focusPropsButton } =\n useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus,\n });\n\n let { groupProps, labelProps, buttonProps, dialogProps, calendarProps } =\n useDatePicker({ ...props, granularity: 'day' }, state, targetRef);\n\n let handleSelect = (date: DateValue) => {\n state.setValue(snapToPeriod(date, picker, locale));\n setOpen(false);\n };\n\n let displayText = state.value\n ? (formatValue ?? formatPeriod)(state.value, picker, locale)\n : placeholder ?? defaultPlaceholder[picker];\n\n // The value is rendered as text rather than editable segments, so the trigger\n // has to point at it to announce the current selection.\n let valueId = useId();\n\n const panel =\n picker === 'week' ? (\n <Calendar\n {...calendarProps}\n autoFocus\n pickerMode=\"week\"\n isDisabled={isDisabled}\n onChange={handleSelect}\n />\n ) : (\n <PeriodCalendar\n autoFocus\n picker={picker}\n value={calendarProps.value}\n minValue={calendarProps.minValue}\n maxValue={calendarProps.maxValue}\n isDateUnavailable={calendarProps.isDateUnavailable}\n isDisabled={isDisabled}\n onChange={handleSelect}\n />\n );\n\n const component = (\n <DateInputBase\n ref={targetRef}\n qa={qa \|\| 'PeriodPicker'}\n inputType=\"datepicker\"\n styles={mergeStyleLayers(\n { display: 'grid' },\n styles,\n props.wrapperStyles,\n )}\n inputStyles={mergeStyleLayers(\n { cursor: isDisabled \|\| isReadOnly ? 'default' : 'pointer' },\n props.inputStyles,\n )}\n disableFocusRing={isFocusedButton}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n fieldProps={groupProps}\n suffix={\n <DialogTrigger\n hideArrow\n type=\"popover\"\n placement={props.placement ?? 'bottom right'}\n targetRef={props.targetRef ?? targetRef}\n isOpen={isOpen}\n shouldFlip={props.shouldFlip}\n onOpenChange={setOpen}\n >\n <DatePickerButton\n size={size}\n {...mergeProps(buttonProps, focusPropsButton)}\n aria-describedby={valueId}\n // Passed separately, not merged: only the field-disabled half is\n // inherited. See `DatePickerButton`.\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n styles={props.triggerStyles}\n />\n <Dialog {...dialogProps} width=\"max-content\" overflow=\"auto\">\n {panel}\n </Dialog>\n </DialogTrigger>\n }\n >\n <PeriodValueElement\n id={valueId}\n mods={{ placeholder: !state.value, disabled: isDisabled }}\n onClick={() => !isDisabled && !isReadOnly && setOpen(true)}\n >\n {displayText}\n </PeriodValueElement>\n </DateInputBase>\n );\n\n return wrapWithField(component, domRef, {\n ...props,\n labelProps: mergeProps(props.labelProps, labelProps),\n });\n}\n\nconst _PeriodPicker = forwardRef(PeriodPickerImpl);\n\n_PeriodPicker.displayName = 'PeriodPicker';\n\nexport const PeriodPicker = _PeriodPicker as <T extends DateValue = DateValue>(\n props: CubePeriodPickerProps<T> & { ref?: FocusableRef<HTMLElement> },\n) => ReactElement \| null;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAMmC,qBAAqB9B,MAAM;CAC/B+B,IAAI;CACJC,QAAQ;EACNC,QAAQ;EACRC,OAAO;EACPC,YAAY;EACZC,cAAc;EACdC,UAAU;EACVC,OAAO;GACL,IAAI;GACJC,aAAa;GACbC,UAAU;GACZ;EACF;CACD,CAAC;AAuCF,SAAAgB,iBAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIE,MAAA,EAAAC,MAAchD,SAAS;CAAC,IAAAiD;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAEYF,OAAA,EAAAG,0BACR,UAC3B;AAAAN,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAFD,MAAAO,QAAYhD,cAAcuC,UAAUK,GAElC;CAEF,MAAA9B,SAAahB,cAAckD,OAAOrE,iBAAiB;CAEnD,MAAA,EAAAkC,IAAAiB,MAAAJ,QAAAuB,IAAA5B,aAAAc,aAAAe,YAAAC,YAAAC,WAAAC,SAAAC,cAWIN;CARF,MAAAtB,SAAAuB,OAAAM,SAAA,UAAAN;CAAgB,IAAAO;AAAA,KAAAf,EAAA,OAAAE,GAAA;AAWVa,OAAAb,EAAE,yBAAyB,cAAc;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,OAAAE,GAAA;AACxCc,OAAAd,EAAE,0BAA0B,eAAe;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAE,GAAA;AACzCe,OAAAf,EAAE,4BAA4B,iBAAiB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAE,GAAA;AAClDgB,OAAAhB,EAAE,yBAAyB,cAAc;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,OAAAe,MAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,IAAA;AAJIC,OAAA;GAAAC,MAC7CL;GAAyCM,OACxCL;GAA2CM,SACzCL;GAA+CM,MAClDL;GACP;AAAAlB,IAAA,KAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CALD,MAAAwB,qBAAqDL;CAOrD,MAAA,EAAAvB,WAAiB5C,WAAW;CAC5B,MAAAuC,YAAgB7C,OAAuB,KAAK;CAAC,IAAA+E;AAAA,KAAAzB,EAAA,QAAAO,OAAA;AACdkB,OAAA;GAAA,GAC1BlB;GAAKmB,aACK;GAAKC,qBACG;GACtB;AAAA3B,IAAA,MAAAO;AAAAP,IAAA,MAAAyB;OAAAA,MAAAzB,EAAA;CAJD,MAAA4B,QAAY3E,mBAAmBwE,GAI7B;CACF,MAAA,EAAAI,QAAAC,YAA0BF;CAE1B,MAAAG,SAAa7D,mBAAmB6B,IAAI;CAAC,IAAAiC;AAAA,KAAAhC,EAAA,QAAAa,WAAA;AAGtBmB,OAAA;GAAAC,QACH;GAAKC,aACA;GAAKrB;GAEnB;AAAAb,IAAA,MAAAa;AAAAb,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CALH,MAAA,EAAAmC,WAAAC,iBAAAC,YAAAC,qBACEvF,aAAaiF,GAIX;CAAC,IAAAO;AAAA,KAAAvC,EAAA,QAAAO,OAAA;AAGWgC,OAAA;GAAA,GAAKhC;GAAKmB,aAAe;GAAO;AAAA1B,IAAA,MAAAO;AAAAP,IAAA,MAAAuC;OAAAA,MAAAvC,EAAA;CADhD,MAAA,EAAAwC,YAAAC,YAAAC,aAAAC,aAAAC,kBACE9F,cAAcyF,IAAkCX,OAAOrC,UAAU;CAAC,IAAAsD;AAAA,KAAA7C,EAAA,QAAAJ,UAAAI,EAAA,QAAAf,UAAAe,EAAA,QAAA8B,WAAA9B,EAAA,QAAA4B,OAAA;AAEjDiB,SAAAlD,SAAA;AACjBiC,SAAKkB,SAAU7E,aAAa0B,MAAMV,QAAQW,OAAO,CAAC;AAClDkC,WAAQ,MAAM;;AACf9B,IAAA,MAAAJ;AAAAI,IAAA,MAAAf;AAAAe,IAAA,MAAA8B;AAAA9B,IAAA,MAAA4B;AAAA5B,IAAA,MAAA6C;OAAAA,OAAA7C,EAAA;CAHD,MAAA+C,eAAmBF;CAGjB,IAAAG;AAAA,KAAAhD,EAAA,QAAAwB,sBAAAxB,EAAA,QAAAN,eAAAM,EAAA,QAAAJ,UAAAI,EAAA,QAAAf,UAAAe,EAAA,QAAApB,eAAAoB,EAAA,QAAA4B,MAAAqB,OAAA;AAEgBD,QAAApB,MAAKqB,SAClBvD,eAAA3B,cAA6B6D,MAAKqB,OAAQhE,QAAQW,OACV,GAAzChB,eAAe4C,mBAAmBvC;AAAOe,IAAA,MAAAwB;AAAAxB,IAAA,MAAAN;AAAAM,IAAA,MAAAJ;AAAAI,IAAA,MAAAf;AAAAe,IAAA,MAAApB;AAAAoB,IAAA,MAAA4B,MAAAqB;AAAAjD,IAAA,MAAAgD;OAAAA,OAAAhD,EAAA;CAF7C,MAAAkD,cAAkBF;CAMlB,MAAAG,UAAc1G,OAAO;CAAC,IAAA2G;AAAA,KAAApD,EAAA,QAAA4C,iBAAA5C,EAAA,QAAA+C,gBAAA/C,EAAA,QAAAS,cAAAT,EAAA,QAAAf,QAAA;AAGpBmE,QAAAnE,WAAW,SACT,oBAAC;GAAQ,GACH2D;GACJ,WAAA;GACW,YAAA;GACCnC;GACFsC,UAAAA;IAab,GAVC,oBAAC;GACC,WAAA;GACQ9D;GACD,OAAA2D,cAAaK;GACV,UAAAL,cAAaS;GACb,UAAAT,cAAaU;GACJ,mBAAAV,cAAaW;GACpB9C;GACFsC,UAAAA;IAEb;AAAA/C,IAAA,MAAA4C;AAAA5C,IAAA,MAAA+C;AAAA/C,IAAA,MAAAS;AAAAT,IAAA,MAAAf;AAAAe,IAAA,MAAAoD;OAAAA,OAAApD,EAAA;CApBH,MAAAwD,QACEJ;CAsBC,MAAAK,KAAA5F;CAEK,MAAA6F,MAAAtF,MAAA;CACM,MAAAuF,MAAA;CACF,MAAAC,MAAAtG,iBACN,EAAAuG,SAAW,QAAQ,EACnBxF,QACAkC,MAAKrB,cACN;CAEW,MAAA4E,MAAArD,cAAAC,aAAA,YAAA;CAAgD,IAAAqD;AAAA,KAAA/D,EAAA,QAAAO,MAAApB,eAAAa,EAAA,QAAA8D,KAAA;AAD/CC,QAAAzG,iBACX,EAAA0G,QAAUF,KAAkD,EAC5DvD,MAAKpB,YACN;AAAAa,IAAA,MAAAO,MAAApB;AAAAa,IAAA,MAAA8D;AAAA9D,IAAA,MAAA+D;OAAAA,OAAA/D,EAAA;CAWc,MAAAiE,MAAA1D,MAAKd,aAAL;CACA,MAAAyE,MAAA3D,MAAKhB,aAALA;CAEC,MAAA4E,MAAA5D,MAAKjB;CAAW,IAAA8E;AAAA,KAAApE,EAAA,QAAA0C,eAAA1C,EAAA,QAAAsC,kBAAA;AAKtB8B,QAAAhH,aAAWsF,aAAaJ,iBAAiB;AAAAtC,IAAA,MAAA0C;AAAA1C,IAAA,MAAAsC;AAAAtC,IAAA,MAAAoE;OAAAA,OAAApE,EAAA;CAAA,IAAAqE;AAAA,KAAArE,EAAA,QAAAS,cAAAT,EAAA,QAAAU,cAAAV,EAAA,QAAAO,MAAAnB,iBAAAY,EAAA,QAAAX,QAAAW,EAAA,QAAAoE,OAAApE,EAAA,QAAAmD,SAAA;AAF/CkB,QAAA,oBAAC;GACOhF;GAAI,GACN+E;GACcjB,oBAAAA;GAGN1C;GACAC;GACJ,QAAAH,MAAKnB;IACb;AAAAY,IAAA,MAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAAO,MAAAnB;AAAAY,IAAA,MAAAX;AAAAW,IAAA,MAAAoE;AAAApE,IAAA,MAAAmD;AAAAnD,IAAA,MAAAqE;OAAAA,OAAArE,EAAA;CAAA,IAAAsE;AAAA,KAAAtE,EAAA,QAAA2C,eAAA3C,EAAA,QAAAwD,OAAA;AACFc,QAAA,oBAAC;GAAM,GAAK3B;GAAmB,OAAA;GAAuB,UAAA;aACnDa;IACM;AAAAxD,IAAA,MAAA2C;AAAA3C,IAAA,MAAAwD;AAAAxD,IAAA,MAAAsE;OAAAA,OAAAtE,EAAA;CAAA,IAAAuE;AAAA,KAAAvE,EAAA,QAAA6B,UAAA7B,EAAA,QAAAO,MAAAjB,cAAAU,EAAA,QAAA8B,WAAA9B,EAAA,QAAAiE,OAAAjE,EAAA,QAAAkE,OAAAlE,EAAA,QAAAqE,OAAArE,EAAA,QAAAsE,KAAA;AArBXC,QAAA,qBAAC;GACC,WAAA;GACK,MAAA;GACM,WAAAN;GACA,WAAAC;GACHrC;GACI,YAAAsC;GACErC,cAAAA;cAEduC,KAUAC;IAGc;AAAAtE,IAAA,MAAA6B;AAAA7B,IAAA,MAAAO,MAAAjB;AAAAU,IAAA,MAAA8B;AAAA9B,IAAA,MAAAiE;AAAAjE,IAAA,MAAAkE;AAAAlE,IAAA,MAAAqE;AAAArE,IAAA,MAAAsE;AAAAtE,IAAA,MAAAuE;OAAAA,OAAAvE,EAAA;CAKK,MAAAwE,MAAA,CAAC5C,MAAKqB;CAAM,IAAAwB;AAAA,KAAAzE,EAAA,QAAAS,cAAAT,EAAA,QAAAwE,KAAA;AAA3BC,QAAA;GAAA7F,aAAe4F;GAAY3F,UAAY4B;GAAY;AAAAT,IAAA,MAAAS;AAAAT,IAAA,MAAAwE;AAAAxE,IAAA,MAAAyE;OAAAA,OAAAzE,EAAA;CAAA,IAAA0E;AAAA,KAAA1E,EAAA,QAAAS,cAAAT,EAAA,QAAAU,cAAAV,EAAA,QAAA8B,SAAA;AAChD4C,cAAM,CAACjE,cAAD,CAAgBC,cAAcoB,QAAQ,KAAK;AAAA9B,IAAA,MAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAA8B;AAAA9B,IAAA,MAAA0E;OAAAA,OAAA1E,EAAA;CAAA,IAAA2E;AAAA,KAAA3E,EAAA,QAAAkD,eAAAlD,EAAA,QAAAyE,OAAAzE,EAAA,QAAA0E,OAAA1E,EAAA,QAAAmD,SAAA;AAH5DwB,QAAA,oBAAC;GACKxB,IAAAA;GACE,MAAAsB;GACG,SAAAC;aAERxB;IACkB;AAAAlD,IAAA,MAAAkD;AAAAlD,IAAA,MAAAyE;AAAAzE,IAAA,MAAA0E;AAAA1E,IAAA,MAAAmD;AAAAnD,IAAA,MAAA2E;OAAAA,OAAA3E,EAAA;CAAA,IAAA4E;AAAA,KAAA5E,EAAA,QAAAyD,MAAAzD,EAAA,QAAAwC,cAAAxC,EAAA,QAAAS,cAAAT,EAAA,QAAAoC,mBAAApC,EAAA,QAAAW,aAAAX,EAAA,QAAAY,WAAAZ,EAAA,QAAAX,QAAAW,EAAA,QAAA0D,OAAA1D,EAAA,QAAA4D,OAAA5D,EAAA,QAAA+D,OAAA/D,EAAA,QAAAuE,OAAAvE,EAAA,QAAA2E,KAAA;AAnDvBC,QAAA,oBAAC;GACMrF,KAAAA;GACD,IAAAmE;GACM,WAAAC;GACF,QAAAC;GAKK,aAAAG;GAIK3B,kBAAAA;GACN3B;GACDE;GACFC;GACHvB;GACMmD,YAAAA;GAEV,QAAA+B;aAyBFI;IAOc;AAAA3E,IAAA,MAAAyD;AAAAzD,IAAA,MAAAwC;AAAAxC,IAAA,MAAAS;AAAAT,IAAA,MAAAoC;AAAApC,IAAA,MAAAW;AAAAX,IAAA,MAAAY;AAAAZ,IAAA,MAAAX;AAAAW,IAAA,MAAA0D;AAAA1D,IAAA,MAAA4D;AAAA5D,IAAA,MAAA+D;AAAA/D,IAAA,MAAAuE;AAAAvE,IAAA,MAAA2E;AAAA3E,IAAA,MAAA4E;OAAAA,OAAA5E,EAAA;CArDlB,MAAA6E,YACED;CAqDA,IAAAE;AAAA,KAAA9E,EAAA,QAAA6E,aAAA7E,EAAA,QAAA+B,UAAA/B,EAAA,QAAAyC,cAAAzC,EAAA,QAAAO,OAAA;AAEKuE,QAAAtH,cAAcqH,WAAW9C,QAAQ;GAAA,GACnCxB;GAAKkC,YACIrF,aAAWmD,MAAKkC,YAAaA,WAAU;GACpD,CAAC;AAAAzC,IAAA,MAAA6E;AAAA7E,IAAA,MAAA+B;AAAA/B,IAAA,MAAAyC;AAAAzC,IAAA,MAAAO;AAAAP,IAAA,MAAA8E;OAAAA,OAAA9E,EAAA;AAAA,QAHK8E;;AAMT,MAAMC,gBAAgBzI,WAAWuD,iBAAiB;AAElDkF,cAAcC,cAAc;AAE5B,MAAaC,eAAeF"}

package/dist/components/fields/DatePicker/QuarterPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/fields/DatePicker/TimeInput.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/DatePicker/WeekPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/fields/DatePicker/YearPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/fields/DatePicker/parseDate.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 //#region src/components/fields/DatePicker/parseDate.ts

package/dist/components/fields/DatePicker/period.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { CalendarDate, startOfMonth, startOfWeek, startOfYear, toCalendarDate } from "@internationalized/date";
 //#region src/components/fields/DatePicker/period.ts

package/dist/components/fields/DatePicker/props.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

package/dist/components/fields/DatePicker/utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle, useRef } from "react";
 import { createDOMRef } from "@react-spectrum/utils";

package/dist/components/fields/FileInput/FileInput.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/FilterListBox/FilterListBox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/FilterPicker/FilterPicker.js CHANGED Viewed

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
+import { isTextOnly } from "../../../utils/react/isTextOnly.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
@@ -73,6 +74,8 @@ const FilterPicker = forwardRef(function FilterPicker(inputProps, ref) {
 	const [isPopoverOpen, setIsPopoverOpen] = useState(false);
 	const cachedItemsOrder = useRef(null);
 	const triggerRef = useRef(null);
+	const triggerAriaLabel = ariaLabel ?? (isTextOnly(label) ? String(label ?? "") : t("picker.pickerAriaLabel", "Picker"));
+	const pickerAriaLabel = `${ariaLabel ?? (isTextOnly(label) ? String(label ?? "") : "")} ${t("picker.pickerAriaLabel", "Picker")}`.trim();
 	const triggerWidthRef = useRef(void 0);
 	useEffect(() => {
 		cachedItemsOrder.current = null;
@@ -317,7 +320,7 @@ const FilterPicker = forwardRef(function FilterPicker(inputProps, ref) {
 		descriptionPlacement,
 		styles: triggerStyles,
 		...keyboardProps,
-		"aria-label": `${ariaLabel ?? label ?? ""}`,
+		"aria-label": triggerAriaLabel,
 		children: triggerContent
 	});
 	const handleSelectionChange = useEvent((selection) => {
@@ -362,6 +365,7 @@ const FilterPicker = forwardRef(function FilterPicker(inputProps, ref) {
 			onOpenChange: handleOpenChange,
 			children: [triggerElement, () => /* @__PURE__ */ jsx(Dialog, {
 				qa: "FilterPickerOverlay",
+				"aria-label": pickerAriaLabel,
 				isDismissable: false,
 				display: "grid",
 				styles: mergeStyleLayers({
@@ -375,7 +379,7 @@ const FilterPicker = forwardRef(function FilterPicker(inputProps, ref) {
 					children: /* @__PURE__ */ jsx(FilterListBox, {
 						autoFocus: true,
 						items: items ? finalItems : void 0,
-						"aria-label": `${ariaLabel ?? label ?? ""} ${t("picker.pickerAriaLabel", "Picker")}`,
+						"aria-label": pickerAriaLabel,
 						_internalCollection: localCollectionState.collection,
 						selectedKey: selectionMode === "single" ? mappedSelectedKey : void 0,
 						selectedKeys: selectionMode === "multiple" ? mappedSelectedKeys : void 0,