@cube-dev/ui-kit 0.204.0 → 0.205.0

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
+import { mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Space } from "../../layout/Space.js";
@@ -14,10 +15,11 @@ import { TimeInput as _TimeInput } from "./TimeInput.js";
 import { DatePickerButton } from "./DatePickerButton.js";
 import { DatePickerInput } from "./DatePickerInput.js";
 import { RangeCalendar as _RangeCalendar } from "../../other/Calendar/RangeCalendar.js";
+import { CalendarPopover, useFieldCalendar } from "./CalendarPopover.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
-import { forwardRef, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useDateRangePicker, useFocusRing } from "react-aria";
 import { useDateRangePickerState } from "react-stately";
 //#region src/components/fields/DatePicker/DateRangePicker.tsx
@@ -27,8 +29,25 @@ const DateRangeDash = tasty({
 	children: "–",
 	styles: { padding: "0 .5x" }
 });
+const DateRangeRow = tasty({
+	role: "presentation",
+	styles: {
+		display: "flex",
+		placeItems: "center start",
+		height: "($size - 2bw)"
+	}
+});
+const WRAPPER_STYLES = {
+	minWidth: "min-content",
+	height: "min $size",
+	Suffix: { height: "($size - 2bw)" }
+};
+const INPUT_STYLES = {
+	flow: "row wrap",
+	height: "auto"
+};
 function DateRangePicker(rawProps, ref) {
-	const $ = c(15);
+	const $ = c(11);
 	const { t } = useI18n();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -37,13 +56,21 @@ function DateRangePicker(rawProps, ref) {
 	} else t0 = $[0];
 	let props = useFieldProps(rawProps, t0);
 	props = Object.assign({}, DEFAULT_DATE_PROPS, props);
-	const fieldLayout = splitFieldLayout(props, { overStyles: props.wrapperStyles });
+	const fieldLayout = splitFieldLayout(props, {
+		defaultStyles: WRAPPER_STYLES,
+		overStyles: props.wrapperStyles
+	});
 	const styles = fieldLayout.styles;
-	const { qa, size, shouldFlip, targetRef: targetRefProp, placement: t1, placeholderValue, isDisabled, isInvalid, isValid, useLocale: useLocaleProp, autoFocus } = props;
+	const { qa, size, shouldFlip, targetRef: targetRefProp, placement: t1, placeholderValue, isDisabled, isInvalid, isValid, useLocale: useLocaleProp, autoFocus, hideTrigger } = props;
 	const placement = t1 === void 0 ? "bottom right" : t1;
 	const targetRef = useRef(null);
 	let state = useDateRangePickerState({
 		...props,
+		...hideTrigger && {
+			isOpen: false,
+			defaultOpen: false,
+			onOpenChange: void 0
+		},
 		shouldCloseOnSelect: () => !state.hasTime
 	});
 	const { isOpen, setOpen } = state;
@@ -59,32 +86,37 @@ function DateRangePicker(rawProps, ref) {
 	});
 	const domRef = useRef(null);
 	useFocusManagerRef(ref, domRef);
-	const { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps, calendarProps } = useDateRangePicker(props, state, targetRef);
+	const { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps, calendarProps } = useDateRangePicker(props, state, hideTrigger ? domRef : targetRef);
+	const [typedDate, setTypedDate] = useState(null);
+	const hintId = useId();
+	const { isOpen: isCalendarOpen, shouldFocusCalendar, close: closeCalendar, fieldProps: calendarFieldProps, popoverRef, calendarRef } = useFieldCalendar({
+		fieldRef: domRef,
+		isDisabled,
+		isReadOnly: props.isReadOnly,
+		isOpen: props.isOpen,
+		defaultOpen: props.defaultOpen,
+		onOpenChange(open) {
+			if (!open) {
+				setTypedDate(null);
+				setOpen(false);
+			}
+			props.onOpenChange?.(open);
+		}
+	});
+	const withCalendarFromField = (fieldProps) => hideTrigger ? {
+		...fieldProps,
+		"aria-describedby": [fieldProps["aria-describedby"], hintId].filter(Boolean).join(" "),
+		onChange(value) {
+			fieldProps.onChange?.(value);
+			if (value) setTypedDate(value);
+		}
+	} : fieldProps;
 	const placeholder = placeholderValue ?? void 0;
 	const timePlaceholder = placeholder && "hour" in placeholder ? placeholder : void 0;
 	const timeMinValue = props.minValue && "hour" in props.minValue ? props.minValue : void 0;
 	const timeMaxValue = props.maxValue && "hour" in props.maxValue ? props.maxValue : void 0;
 	const timeGranularity = state.granularity === "hour" || state.granularity === "minute" || state.granularity === "second" ? state.granularity : null;
-	const showTimeField = !!timeGranularity;
-	const t2 = props.isReadOnly;
-	let t3;
-	if ($[1] !== buttonProps || $[2] !== focusPropsButton) {
-		t3 = mergeProps$1(buttonProps, focusPropsButton);
-		$[1] = buttonProps;
-		$[2] = focusPropsButton;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== calendarProps || $[5] !== props) {
-		t4 = /* @__PURE__ */ jsx(_RangeCalendar, {
-			...calendarProps,
-			isDateUnavailable: props.isDateUnavailable
-		});
-		$[4] = calendarProps;
-		$[5] = props;
-		$[6] = t4;
-	} else t4 = $[6];
-	const t5 = showTimeField && /* @__PURE__ */ jsxs(Space, { children: [/* @__PURE__ */ jsx(_TimeInput, {
+	const timeFields = !!timeGranularity && /* @__PURE__ */ jsxs(Space, { children: [/* @__PURE__ */ jsx(_TimeInput, {
 		label: t("datePicker.startTime", "Start time"),
 		value: state.timeRange?.start || null,
 		placeholderValue: timePlaceholder,
@@ -105,50 +137,57 @@ function DateRangePicker(rawProps, ref) {
 		hideTimeZone: props.hideTimeZone,
 		onChange: (v_0) => state.setTime("end", v_0)
 	})] });
+	const t2 = mergeStyleLayers(INPUT_STYLES, props.inputStyles);
+	const t3 = props.isReadOnly;
+	let t4;
+	if ($[1] !== startFieldProps || $[2] !== withCalendarFromField) {
+		t4 = withCalendarFromField(startFieldProps);
+		$[1] = startFieldProps;
+		$[2] = withCalendarFromField;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(DateRangeDash, {});
+		$[4] = t5;
+	} else t5 = $[4];
 	let t6;
-	if ($[7] !== dialogProps || $[8] !== t4 || $[9] !== t5) {
-		t6 = /* @__PURE__ */ jsxs(Dialog, {
-			...dialogProps,
-			width: "max-content",
-			overflow: "auto",
-			children: [t4, t5]
-		});
-		$[7] = dialogProps;
-		$[8] = t4;
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
+	if ($[5] !== endFieldProps || $[6] !== withCalendarFromField) {
+		t6 = withCalendarFromField(endFieldProps);
+		$[5] = endFieldProps;
+		$[6] = withCalendarFromField;
+		$[7] = t6;
+	} else t6 = $[7];
 	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(DateRangeDash, {});
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== endFieldProps || $[13] !== useLocaleProp) {
-		t8 = /* @__PURE__ */ jsx(DatePickerInput, {
-			useLocale: useLocaleProp,
-			...endFieldProps
+	if ($[8] !== t6 || $[9] !== useLocaleProp) {
+		t7 = /* @__PURE__ */ jsx(DateRangeRow, {
+			qa: "DateRangeEnd",
+			children: /* @__PURE__ */ jsx(DatePickerInput, {
+				useLocale: useLocaleProp,
+				...t6
+			})
 		});
-		$[12] = endFieldProps;
-		$[13] = useLocaleProp;
-		$[14] = t8;
-	} else t8 = $[14];
-	const component = /* @__PURE__ */ jsxs(_DateInputBase, {
+		$[8] = t6;
+		$[9] = useLocaleProp;
+		$[10] = t7;
+	} else t7 = $[10];
+	const field = /* @__PURE__ */ jsxs(_DateInputBase, {
 		ref: targetRef,
 		wrapperRef: domRef,
 		qa: qa || "DateRangePicker",
 		inputType: "daterangepicker",
 		autoFocus,
 		styles,
+		inputStyles: t2,
 		disableFocusRing: isFocusedButton,
 		isDisabled,
-		isReadOnly: t2,
+		isReadOnly: t3,
 		isInvalid,
 		isValid,
 		size,
-		fieldProps: groupProps,
+		fieldProps: hideTrigger ? mergeProps$1(groupProps, calendarFieldProps) : groupProps,
 		...focusProps,
-		suffix: /* @__PURE__ */ jsxs(DialogTrigger, {
+		suffix: hideTrigger ? null : /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
 			placement,
@@ -158,19 +197,58 @@ function DateRangePicker(rawProps, ref) {
 			onOpenChange: setOpen,
 			children: [/* @__PURE__ */ jsx(DatePickerButton, {
 				size,
-				...t3,
+				...mergeProps$1(buttonProps, focusPropsButton),
 				isDisabled
-			}), t6]
+			}), /* @__PURE__ */ jsxs(Dialog, {
+				...dialogProps,
+				width: "max-content",
+				overflow: "auto",
+				children: [/* @__PURE__ */ jsx(_RangeCalendar, {
+					...calendarProps,
+					isDateUnavailable: props.isDateUnavailable
+				}), timeFields]
+			})]
 		}),
-		children: [
-			/* @__PURE__ */ jsx(DatePickerInput, {
+		children: [/* @__PURE__ */ jsxs(DateRangeRow, {
+			qa: "DateRangeStart",
+			children: [/* @__PURE__ */ jsx(DatePickerInput, {
 				useLocale: useLocaleProp,
-				...startFieldProps
-			}),
-			t7,
-			t8
-		]
+				...t4
+			}), t5]
+		}), t7]
 	});
+	const component = hideTrigger ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		field,
+		/* @__PURE__ */ jsx("span", {
+			hidden: true,
+			id: hintId,
+			children: t("datePicker.calendarHint", "Press Alt+Down Arrow to open the calendar.")
+		}),
+		/* @__PURE__ */ jsxs(CalendarPopover, {
+			isOpen: isCalendarOpen,
+			fieldRef: domRef,
+			popoverRef,
+			anchorRef: targetRefProp ?? targetRef,
+			placement,
+			shouldFlip,
+			dialogProps: {
+				...dialogProps,
+				"aria-labelledby": dialogProps["aria-labelledby"]?.replace(`${buttonProps.id} `, "")
+			},
+			onClose: closeCalendar,
+			children: [/* @__PURE__ */ jsx(_RangeCalendar, {
+				ref: calendarRef,
+				...calendarProps,
+				autoFocus: shouldFocusCalendar,
+				defaultFocusedValue: typedDate ?? calendarProps.defaultFocusedValue,
+				isDateUnavailable: props.isDateUnavailable,
+				onChange: (range) => {
+					calendarProps.onChange?.(range);
+					if (!state.hasTime) closeCalendar();
+				}
+			}, typedDate?.toString()), timeFields]
+		})
+	] }) : field;
 	return wrapWithField(component, {
 		...props,
 		...fieldLayout.field,

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDateRangePicker","useFocusRing","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","useFieldProps","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","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","Object","assign","fieldLayout","overStyles","qa","targetRefProp","t1","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","undefined","state","shouldCloseOnSelect","hasTime","isOpen","setOpen","focusProps","within","isTextInput","isFocused","isFocusedButton","focusPropsButton","domRef","groupProps","labelProps","startFieldProps","endFieldProps","buttonProps","dialogProps","calendarProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t2","isReadOnly","t3","t4","isDateUnavailable","t5","timeRange","hourCycle","hideTimeZone","v","setTime","v_0","t6","t7","t8","component","field","_DateRangePicker","displayName","_c","mergeProps","RangeCalendar","TimeInput","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } 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 { useFieldProps, wrapWithField } from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\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\n    Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    DateFieldBase<T>,\n    FieldLayoutStyleProps,\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  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const fieldLayout = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\n  const styles = fieldLayout.styles;\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 = useRef<HTMLDivElement>(null);\n\n  useFocusManagerRef(ref, domRef);\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      wrapperRef={domRef}\n      qa={qa || 'DateRangePicker'}\n      inputType=\"daterangepicker\"\n      autoFocus={autoFocus}\n      styles={styles}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isReadOnly={props.isReadOnly}\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                  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                  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, {\n    ...props,\n    ...fieldLayout.field,\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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"}
+{"version":3,"file":"DateRangePicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","RefObject","useId","useRef","useState","AriaDateRangePickerProps","DateValue","Placement","useDateRangePicker","useFocusRing","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","mergeStyleLayers","useFieldProps","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","Space","RangeCalendar","Dialog","DialogTrigger","CalendarPopover","useFieldCalendar","DateInputBase","DatePickerButton","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","ReactElement","Ref","DateRangeDash","children","styles","padding","DateRangeRow","role","display","placeItems","height","WRAPPER_STYLES","minWidth","Suffix","INPUT_STYLES","flow","CubeDateRangePickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","hideTrigger","DateRangePicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","Object","assign","fieldLayout","defaultStyles","overStyles","qa","targetRefProp","t1","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","undefined","state","isOpen","defaultOpen","onOpenChange","shouldCloseOnSelect","hasTime","setOpen","focusProps","within","isTextInput","isFocused","isFocusedButton","focusPropsButton","domRef","groupProps","labelProps","startFieldProps","endFieldProps","buttonProps","dialogProps","calendarProps","typedDate","setTypedDate","hintId","isCalendarOpen","shouldFocusCalendar","close","closeCalendar","fieldProps","calendarFieldProps","popoverRef","calendarRef","fieldRef","isReadOnly","open","withCalendarFromField","filter","Boolean","join","onChange","value","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","timeFields","timeRange","hourCycle","hideTimeZone","v","setTime","v_0","t2","t3","t4","t5","t6","t7","field","isDateUnavailable","component","replace","id","toString","defaultFocusedValue","range","_DateRangePicker","displayName","_c","TimeInput","DateInputBase","mergeProps","RangeCalendar"],"sources":["../../../../src/components/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, RefObject, useId, useRef, useState } 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 { mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\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 { CalendarPopover, useFieldCalendar } from './CalendarPopover';\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\n// One row of the box: the start date with its dash, or the end date. Too narrow\n// for one row, the end date's row wraps under the start date's.\nconst DateRangeRow = tasty({\n  role: 'presentation',\n  styles: {\n    display: 'flex',\n    placeItems: 'center start',\n    height: '($size - 2bw)',\n  },\n});\n\n// The box grows by a row for a wrapped end date, its suffix stays on the first\n// row, and it is never narrower than its widest row.\nconst WRAPPER_STYLES: Styles = {\n  minWidth: 'min-content',\n  height: 'min $size',\n  Suffix: {\n    height: '($size - 2bw)',\n  },\n};\n\nconst INPUT_STYLES: Styles = {\n  flow: 'row wrap',\n  height: 'auto',\n};\n\nexport interface CubeDateRangePickerProps<T extends DateValue = DateValue>\n  extends\n    Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    DateFieldBase<T>,\n    FieldLayoutStyleProps,\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   * Renders no calendar button, so the field fits a narrower row. The calendar\n   * opens from the field instead: a press in it, an edit of a date (typing,\n   * or Up and Down Arrow), or Alt+Down or Alt+Up, which also move focus into\n   * the calendar. Tabbing into the field doesn't open it, and while the dates\n   * are typed focus stays in the field. Escape, a press outside, picking a\n   * range without times, or focus moving on to another element closes it.\n   * @default false\n   */\n  hideTrigger?: 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  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const fieldLayout = splitFieldLayout(props, {\n    defaultStyles: WRAPPER_STYLES,\n    overStyles: props.wrapperStyles,\n  });\n  const styles = fieldLayout.styles;\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    hideTrigger,\n  } = props;\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDateRangePickerState({\n    ...props,\n    // Without the button, the field owns the calendar's open state. React\n    // Aria's stays closed: open, it would stop the field reporting focus and\n    // blur while the dates are typed.\n    ...(hideTrigger && {\n      isOpen: false,\n      defaultOpen: false,\n      onOpenChange: undefined,\n    }),\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 = useRef<HTMLDivElement>(null);\n\n  useFocusManagerRef(ref, domRef);\n\n  let {\n    groupProps,\n    labelProps,\n    startFieldProps,\n    endFieldProps,\n    buttonProps,\n    dialogProps,\n    calendarProps,\n  } = useDateRangePicker(\n    props,\n    state,\n    // Without the button, React Aria's group is the whole field, so a press\n    // on its padding focuses its last date rather than whatever precedes it.\n    hideTrigger ? domRef : targetRef,\n  );\n\n  // The date typed last, which the open calendar turns to.\n  let [typedDate, setTypedDate] = useState<DateValue | null>(null);\n  let hintId = useId();\n\n  let {\n    isOpen: isCalendarOpen,\n    shouldFocusCalendar,\n    close: closeCalendar,\n    fieldProps: calendarFieldProps,\n    popoverRef,\n    calendarRef,\n  } = useFieldCalendar({\n    fieldRef: domRef,\n    isDisabled,\n    isReadOnly: props.isReadOnly,\n    isOpen: props.isOpen,\n    defaultOpen: props.defaultOpen,\n    onOpenChange(open) {\n      if (!open) {\n        setTypedDate(null);\n        // Commits a range picked without its times, as closing does.\n        setOpen(false);\n      }\n\n      props.onOpenChange?.(open);\n    },\n  });\n\n  // Without the button, each date names the key that opens the calendar, and\n  // a typed date turns the calendar to it.\n  let withCalendarFromField = (fieldProps: typeof startFieldProps) =>\n    hideTrigger\n      ? {\n          ...fieldProps,\n          'aria-describedby': [fieldProps['aria-describedby'], hintId]\n            .filter(Boolean)\n            .join(' '),\n          onChange(value: DateValue | null) {\n            fieldProps.onChange?.(value);\n\n            if (value) setTypedDate(value);\n          },\n        }\n      : fieldProps;\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 timeFields = showTimeField && (\n    <Space>\n      <TimeInput\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        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\n  const field = (\n    <DateInputBase\n      ref={targetRef}\n      wrapperRef={domRef}\n      qa={qa || 'DateRangePicker'}\n      inputType=\"daterangepicker\"\n      autoFocus={autoFocus}\n      styles={styles}\n      inputStyles={mergeStyleLayers(INPUT_STYLES, props.inputStyles)}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isReadOnly={props.isReadOnly}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={\n        hideTrigger ? mergeProps(groupProps, calendarFieldProps) : groupProps\n      }\n      {...focusProps}\n      suffix={\n        hideTrigger ? null : (\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              {timeFields}\n            </Dialog>\n          </DialogTrigger>\n        )\n      }\n    >\n      <DateRangeRow qa=\"DateRangeStart\">\n        <DatePickerInput\n          useLocale={useLocaleProp}\n          {...withCalendarFromField(startFieldProps)}\n        />\n        <DateRangeDash />\n      </DateRangeRow>\n      <DateRangeRow qa=\"DateRangeEnd\">\n        <DatePickerInput\n          useLocale={useLocaleProp}\n          {...withCalendarFromField(endFieldProps)}\n        />\n      </DateRangeRow>\n    </DateInputBase>\n  );\n\n  // The popover is the field's sibling, so its keys and presses never reach\n  // the field's handlers.\n  const component = hideTrigger ? (\n    <>\n      {field}\n      <span hidden id={hintId}>\n        {t(\n          'datePicker.calendarHint',\n          'Press Alt+Down Arrow to open the calendar.',\n        )}\n      </span>\n      <CalendarPopover\n        isOpen={isCalendarOpen}\n        fieldRef={domRef}\n        popoverRef={popoverRef}\n        anchorRef={targetRefProp ?? targetRef}\n        placement={placement}\n        shouldFlip={shouldFlip}\n        dialogProps={{\n          ...dialogProps,\n          // No button here, so the field alone names the calendar.\n          'aria-labelledby': dialogProps['aria-labelledby']?.replace(\n            `${buttonProps.id} `,\n            '',\n          ),\n        }}\n        onClose={closeCalendar}\n      >\n        <RangeCalendar\n          // Remounted on a typed date, so it turns to that date's month.\n          key={typedDate?.toString()}\n          ref={calendarRef}\n          {...calendarProps}\n          autoFocus={shouldFocusCalendar}\n          defaultFocusedValue={typedDate ?? calendarProps.defaultFocusedValue}\n          isDateUnavailable={props.isDateUnavailable}\n          onChange={(range) => {\n            calendarProps.onChange?.(range);\n\n            if (!state.hasTime) closeCalendar();\n          }}\n        />\n        {timeFields}\n      </CalendarPopover>\n    </>\n  ) : (\n    field\n  );\n\n  return wrapWithField(component, {\n    ...props,\n    ...fieldLayout.field,\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":";;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAMsC,gBAAgBnC,MAAM;CAC1B,eAAe;CACf,WAAW;CACXoC,UAAU;CACVC,QAAQ,EACNC,SAAS,QACX;AACF,CAAC;AAID,MAAMC,eAAevC,MAAM;CACzBwC,MAAM;CACNH,QAAQ;EACNI,SAAS;EACTC,YAAY;EACZC,QAAQ;CACV;AACF,CAAC;AAID,MAAMC,iBAAyB;CAC7BC,UAAU;CACVF,QAAQ;CACRG,QAAQ,EACNH,QAAQ,gBACV;AACF;AAEA,MAAMI,eAAuB;CAC3BC,MAAM;CACNL,QAAQ;AACV;AA8CA,SAAAqB,gBAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAIE,MAAA,EAAAC,MAAczD,QAAQ;CAAE,IAAA0D;CAAA,IAAAH,EAAA,OAAAI,OAAAC,IAAA,2BAAA,GAAA;EAEYF,KAAA,EAAAG,0BACR,SAC5B;EAACN,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAFD,IAAAO,QAAY1D,cAAciD,UAAUK,EAEnC;CACDI,QAAQC,OAAMC,OAAQ,CAAC,GAAG/C,oBAAoB6C,KAAK;CAGnD,MAAAG,cAAoB1D,iBAAiBuD,OAAO;EAAAI,eAC3BlC;EAAcmC,YACjBL,MAAKpB;CACnB,CAAC;CACD,MAAAjB,SAAewC,YAAWxC;CAE1B,MAAA,EAAA2C,IAAAxB,MAAAE,YAAAC,WAAAsB,eAAApB,WAAAqB,IAAAC,kBAAAC,YAAAC,WAAAC,SAAAxB,WAAAyB,eAAAC,WAAAzB,gBAaIW;CARF,MAAAb,YAAAqB,OAAAO,KAAAA,IAAA,iBAAAP;CASF,MAAAvB,YAAgBvD,OAAuB,IAAI;CAC3C,IAAAsF,QAAY/E,wBAAwB;EAAA,GAC/B+D;EAAK,GAIJX,eAAA;GAAA4B,QACM;GAAKC,aACA;GAAKC,cACJJ,KAAAA;EAChB;EAACK,2BAC0B,CAACJ,MAAKK;CACnC,CAAC;CACD,MAAA,EAAAJ,QAAAK,YAA0BN;CAE1B,MAAA,EAAAO,eAAgCvF,aAAa;EAAAwF,QACnC;EAAIC,aACC;EAAIX;CAEnB,CAAC;CAED,MAAA,EAAAY,WAAAC,iBAAAJ,YAAAK,qBACE5F,aAAa;EAAAwF,QACH;EAAKC,aACA;EAAKX;CAEpB,CAAC;CAEH,MAAAe,SAAanG,OAAuB,IAAI;CAExC4B,mBAAmBkC,KAAKqC,MAAM;CAE9B,MAAA,EAAAC,YAAAC,YAAAC,iBAAAC,eAAAC,aAAAC,aAAAC,kBAQIrG,mBACFiE,OACAgB,OAGA3B,cAAAwC,SAAA5C,SACF;CAGA,MAAA,CAAAoD,WAAAC,gBAAgC3G,SAA2B,IAAI;CAC/D,MAAA4G,SAAa9G,MAAM;CAEnB,MAAA,EAAAwF,QAAAuB,gBAAAC,qBAAAC,OAAAC,eAAAC,YAAAC,oBAAAC,YAAAC,gBAOIhG,iBAAiB;EAAAiG,UACTnB;EAAMnB;EAAAuC,YAEJjD,MAAKiD;EAAWhC,QACpBjB,MAAKiB;EAAOC,aACPlB,MAAKkB;EAAYC,aAAA+B,MAAA;GAE5B,IAAI,CAACA,MAAI;IACPZ,aAAa,IAAI;IAEjBhB,QAAQ,KAAK;GAAC;GAGhBtB,MAAKmB,eAAgB+B,IAAI;EAAC;CAE9B,CAAC;CAID,MAAAC,yBAA4BP,eAC1BvD,cAAA;EAAA,GAESuD;EAAU,oBACO,CAACA,WAAW,qBAAqBL,MAAM,CAAC,CAAAa,OAClDC,OAAO,CAAC,CAAAC,KACV,GAAG;EAACC,SAAAC,OAAA;GAEVZ,WAAUW,WAAYC,KAAK;GAE3B,IAAIA,OAAOlB,aAAakB,KAAK;EAAE;CAG1B,IAZbZ;CAcF,MAAAa,cAAyChD,oBAAAM,KAAAA;CACzC,MAAA2C,kBACED,eAAe,UAAUA,cAAzBA,cAAA1C,KAAAA;CACF,MAAA4C,eACE3D,MAAK4D,YAAa,UAAU5D,MAAK4D,WAAY5D,MAAK4D,WAAlD7C,KAAAA;CACF,MAAA8C,eACE7D,MAAK8D,YAAa,UAAU9D,MAAK8D,WAAY9D,MAAK8D,WAAlD/C,KAAAA;CACF,MAAAgD,kBACE/C,MAAKgD,gBAAiB,UACtBhD,MAAKgD,gBAAiB,YACtBhD,MAAKgD,gBAAiB,WAClBhD,MAAKgD,cAHT;CAQF,MAAAE,aAAmBD,CAHE,CAACF,mBAIpB,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC2B,YAAD;EACS,OAAA/F,EAAE,wBAAwB,YAAY;EACtC,OAAAqB,MAAKmD,WAAiBzF,SAAtB;EACWgF,kBAAAA;EACLK,aAAAA;EACHJ,UAAAA;EACAE,UAAAA;EACC,WAAA7D,MAAKoE;EACF,cAAApE,MAAKqE;EACT,WAAAC,MAAOtD,MAAKuD,QAAS,SAASD,CAAC;CAAC,CAAA,GAE5C,oBAACoB,YAAD;EACS,OAAA/F,EAAE,sBAAsB,UAAU;EAClC,OAAAqB,MAAKmD,WAAexF,OAApB;EACW+E,kBAAAA;EACLK,aAAAA;EACHJ,UAAAA;EACAE,UAAAA;EACC,WAAA7D,MAAKoE;EACF,cAAApE,MAAKqE;EACT,WAAAG,QAAOxD,MAAKuD,QAAS,OAAOD,GAAC;CAAC,CAAA,CArBtC,EAAA,CAAA;CAkCS,MAAAG,KAAApI,iBAAiBgC,cAAc2B,MAAKnB,WAAY;CAGjD,MAAA6F,KAAA1E,MAAKiD;CAAW,IAAA0B;CAAA,IAAAlF,EAAA,OAAAuC,mBAAAvC,EAAA,OAAA0D,uBAAA;EAsCpBwB,KAAAxB,sBAAsBnB,eAAe;EAACvC,EAAA,KAAAuC;EAAAvC,EAAA,KAAA0D;EAAA1D,EAAA,KAAAkF;CAAA,OAAAA,KAAAlF,EAAA;CAAA,IAAAmF;CAAA,IAAAnF,EAAA,OAAAI,OAAAC,IAAA,2BAAA,GAAA;EAE5C8E,KAAA,oBAAC,eAAD,CAAc,CAAA;EAAGnF,EAAA,KAAAmF;CAAA,OAAAA,KAAAnF,EAAA;CAAA,IAAAoF;CAAA,IAAApF,EAAA,OAAAwC,iBAAAxC,EAAA,OAAA0D,uBAAA;EAKX0B,KAAA1B,sBAAsBlB,aAAa;EAACxC,EAAA,KAAAwC;EAAAxC,EAAA,KAAA0D;EAAA1D,EAAA,KAAAoF;CAAA,OAAAA,KAAApF,EAAA;CAAA,IAAAqF;CAAA,IAAArF,EAAA,OAAAoF,MAAApF,EAAA,OAAAoB,eAAA;EAH5CiE,KAAA,oBAAC,cAAD;GAAiB,IAAA;GACf,UAAA,oBAAC,iBAAD;IACajE,WAAAA;IAAa,GACpBgE;GAAoC,CAAA;EAH/B,CAAA;EAKEpF,EAAA,KAAAoF;EAAApF,EAAA,KAAAoB;EAAApB,EAAA,MAAAqF;CAAA,OAAAA,KAAArF,EAAA;CA1DnB,MAAAsF,QACE,qBAACY,gBAAD;EACO1G,KAAAA;EACO4C,YAAAA;EACR,IAAAvB,MAAA;EACM,WAAA;EACCQ;EACHnD;EACK,aAAA8G;EACK9C,kBAAAA;EACNjB;EACA,YAAAgE;EACD/D;EACFC;EACH9B;EAEJ,YAAAO,cAAcjD,aAAW0F,YAAYe,kBAA+B,IAApEf;EAAqE,GAEnEP;EAEF,QAAAlC,cAAA,OACE,qBAAC,eAAD;GACE,WAAA;GACK,MAAA;GACMF;GACA,WAAAoB,iBAAAtB;GACHgC;GACIjC;GACEsC,cAAAA;GAPhB,UAAA,CASE,oBAAC,kBAAD;IACQxC;IAAI,GACN1C,aAAW8F,aAAaN,gBAAgB;IAChClB;GAAU,CAAA,GAExB,qBAAC,QAAD;IAAO,GAAKyB;IAAmB,OAAA;IAAuB,UAAA;IAAtD,UAAA,CACE,oBAAC0D,gBAAD;KAAc,GACRzD;KACe,mBAAApC,MAAKgF;IAAkB,CAAA,GAE3Cd,UALI;GAdK,CAAA,CAAA;;EApBpB,UAAA,CA6CE,qBAAC,cAAD;GAAiB,IAAA;GAAjB,UAAA,CACE,oBAAC,iBAAD;IACarD,WAAAA;IAAa,GACpB8D;GAAsC,CAAA,GAE5CC,EALW;EAObE,CAAAA,GAAAA,EApDY;;CA+DhB,MAAAG,YAAkB5F,cAAA,qBAAA,YAAA,EAAA,UAAA;EAEb0F;EACD,oBAAA,QAAA;GAAM,QAAA;GAAWxC,IAAAA;GACd5C,UAAAA,EACC,2BACA,4CACF;EACK,CAAA;EACP,qBAAC,iBAAD;GACU6C,QAAAA;GACEX,UAAAA;GACEiB;GACD,WAAAvC,iBAAAtB;GACAE;GACCH;GACC,aAAA;IAAA,GACRmD;IAAW,mBAEKA,YAAY,kBAA2B,EAAA+C,QACxD,GAAGhD,YAAWiD,GAAG,IACjB,EACF;GACF;GACSxC,SAAAA;GAfX,UAAA,CAiBE,oBAACkD,gBAAD;IAGO9C,KAAAA;IAAW,GACZX;IACOK,WAAAA;IACU,qBAAAJ,aAAaD,cAAaiD;IAC5B,mBAAArF,MAAKgF;IACd,WAAAM,UAAA;KACRlD,cAAamB,WAAY+B,KAAK;KAE9B,IAAI,CAACtE,MAAKK,SAAUsB,cAAc;IAAE;GACrC,GAVIN,WAAS+C,SAAW,CAUxB,GAEFlB,UA/Ba;;CAgCE,EAAA,CAAA,IAzCJa;CA6ChB,OAEKxI,cAAc0I,WAAW;EAAA,GAC3BjF;EAAK,GACLG,YAAW4E;EAAMhD,YACR3F,aAAW4D,MAAK+B,YAAaA,UAAU;CACrD,CAAC;AAAC;AAGJ,MAAMwD,mBAAmBhK,WAAW+D,eAAe;AAMnD,iBAA0BkG,cAAc"}