@cube-dev/ui-kit 0.206.3 → 0.208.0

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

@@ -1 +1 @@
-{"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":"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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","FieldLayoutStyleProps","splitFieldLayout","useFieldProps","wrapWithField","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/useI18n';\nimport { FieldBaseProps } from '../../../shared/form';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { mergeStyleLayers } from '../../../utils/styles';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { wrapWithField } from '../../form/wrapper';\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":"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"}

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.d.ts

@@ -1,6 +1,5 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
-import "../../../shared/index.js";
 import { FieldLayoutStyleProps } from "../../form/field-layout.js";
 import { DateFieldBase } from "./types.js";
 import { BaseProps, Styles } from "@tenphi/tasty";

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

@@ -1,10 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Dialog } from "../../overlays/Dialog/Dialog.js";
-import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { splitFieldLayout } from "../../form/field-layout.js";
+import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { DialogTrigger } from "../../overlays/Dialog/DialogTrigger.js";
 import { DateInputBase as _DateInputBase } from "./DateInputBase.js";
 import { DEFAULT_DATE_PROPS } from "./props.js";

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSeparatedPicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","ReactElement","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDatePicker","useDateRangePicker","useFocusRing","useDatePickerState","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","useFieldProps","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerElement","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","DateRangeDash","children","styles","padding","color","DateRangeStart","qa","display","placeItems","CubeDateRangeSeparatedPickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangeSeparatedPicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","Object","assign","fieldLayout","overStyles","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","state","startDateProps","onChange","undefined","validate","value","defaultValue","endDateProps","startState","endState","startFocusRingProps","within","isTextInput","startFocusProps","endFocusRingProps","endFocusProps","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t1","calendarProps","type","newRange","compare","setValue","setDateTime","setOpen","newRange_0","t2","t3","isFocused","t4","isReadOnly","t5","focusProps","t6","isOpen","t7","t8","t9","buttonProps","t10","t11","t12","t13","value_0","t14","t15","timeValue","hourCycle","hideTimeZone","setTimeValue","t16","dialogProps","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","t31","t32","value_1","t33","t34","t35","t36","t37","t38","component","field","_DateRangeSeparatedPicker","displayName","_c","mergeProps","Calendar","TimeInput","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } 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 { useFieldProps, wrapWithField } from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\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\n// The start box and its dash wrap as one, so a row never starts with the dash.\nconst DateRangeStart = tasty({\n  qa: 'DateRangeStart',\n  styles: {\n    display: 'flex',\n    placeItems: 'center',\n  },\n});\n\nexport interface CubeDateRangeSeparatedPickerProps<\n  T extends DateValue = DateValue,\n>\n  extends\n    Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\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  // `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    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  useFocusManagerRef(ref, targetRef);\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      <DateRangeStart>\n        <DateInputBase\n          autoFocus={autoFocus}\n          inputStyles={props.inputStyles}\n          disableFocusRing={startFocusProps.isFocused}\n          isDisabled={isDisabled}\n          isReadOnly={props.isReadOnly}\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                // After React Aria's props, whose \"Calendar\" would replace it:\n                // the two buttons need different names.\n                aria-label={t(\n                  'datePicker.showStartCalendar',\n                  'Show calendar for the start date',\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                    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      </DateRangeStart>\n      <DateInputBase\n        inputStyles={props.inputStyles}\n        disableFocusRing={endFocusProps.isFocused}\n        isDisabled={isDisabled}\n        isReadOnly={props.isReadOnly}\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              size={size}\n              {...mergeProps(endFocusProps.focusProps, endProps.buttonProps)}\n              aria-label={t(\n                'datePicker.showEndCalendar',\n                'Show calendar for the end date',\n              )}\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                  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, {\n    ...props,\n    ...fieldLayout.field,\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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"}
+{"version":3,"file":"DateRangeSeparatedPicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","ReactElement","RefObject","useRef","AriaDateRangePickerProps","DateValue","Placement","useDatePicker","useDateRangePicker","useFocusRing","useDatePickerState","useDateRangePickerState","useI18n","FieldBaseProps","mergeProps","FieldLayoutStyleProps","splitFieldLayout","useFieldProps","wrapWithField","Calendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","DatePickerElement","DatePickerInput","DEFAULT_DATE_PROPS","TimeInput","DateFieldBase","useFocusManagerRef","DateRangeDash","children","styles","padding","color","DateRangeStart","qa","display","placeItems","CubeDateRangeSeparatedPickerProps","Omit","T","start","end","wrapperStyles","inputStyles","size","maxVisibleMonths","shouldFlip","targetRef","HTMLElement","placement","useLocale","DateRangeSeparatedPicker","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","Object","assign","fieldLayout","overStyles","placeholderValue","isDisabled","isInvalid","isValid","useLocaleProp","autoFocus","state","startDateProps","onChange","undefined","validate","value","defaultValue","endDateProps","startState","endState","startFocusRingProps","within","isTextInput","startFocusProps","endFocusRingProps","endFocusProps","groupProps","labelProps","startFieldProps","endFieldProps","startProps","endProps","placeholder","timePlaceholder","timeMinValue","minValue","timeMaxValue","maxValue","timeGranularity","granularity","showTimeField","t1","calendarProps","type","newRange","compare","setValue","setDateTime","setOpen","newRange_0","t2","t3","isFocused","t4","isReadOnly","t5","focusProps","t6","isOpen","t7","t8","t9","buttonProps","t10","t11","t12","t13","value_0","t14","t15","timeValue","hourCycle","hideTimeZone","setTimeValue","t16","dialogProps","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","t31","t32","value_1","t33","t34","t35","t36","t37","t38","component","field","_DateRangeSeparatedPicker","displayName","_c","mergeProps","Calendar","TimeInput","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/DateRangeSeparatedPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } 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/useI18n';\nimport { FieldBaseProps } from '../../../shared/form';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { wrapWithField } from '../../form/wrapper';\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\n// The start box and its dash wrap as one, so a row never starts with the dash.\nconst DateRangeStart = tasty({\n  qa: 'DateRangeStart',\n  styles: {\n    display: 'flex',\n    placeItems: 'center',\n  },\n});\n\nexport interface CubeDateRangeSeparatedPickerProps<\n  T extends DateValue = DateValue,\n>\n  extends\n    Omit<\n      AriaDateRangePickerProps<T>,\n      'errorMessage' | 'form' | 'name' | keyof DateFieldBase<T>\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\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  // `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    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  useFocusManagerRef(ref, targetRef);\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      <DateRangeStart>\n        <DateInputBase\n          autoFocus={autoFocus}\n          inputStyles={props.inputStyles}\n          disableFocusRing={startFocusProps.isFocused}\n          isDisabled={isDisabled}\n          isReadOnly={props.isReadOnly}\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                // After React Aria's props, whose \"Calendar\" would replace it:\n                // the two buttons need different names.\n                aria-label={t(\n                  'datePicker.showStartCalendar',\n                  'Show calendar for the start date',\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                    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      </DateRangeStart>\n      <DateInputBase\n        inputStyles={props.inputStyles}\n        disableFocusRing={endFocusProps.isFocused}\n        isDisabled={isDisabled}\n        isReadOnly={props.isReadOnly}\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              size={size}\n              {...mergeProps(endFocusProps.focusProps, endProps.buttonProps)}\n              aria-label={t(\n                'datePicker.showEndCalendar',\n                'Show calendar for the end date',\n              )}\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                  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, {\n    ...props,\n    ...fieldLayout.field,\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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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.d.ts

@@ -1,6 +1,5 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
-import "../../../shared/index.js";
 import { FieldLayoutStyleProps } from "../../form/field-layout.js";
 import { PickerType } from "./period.js";
 import { BaseProps, Styles } from "@tenphi/tasty";

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

@@ -1,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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 { Dialog } from "../../overlays/Dialog/Dialog.js";
-import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { splitFieldLayout } from "../../form/field-layout.js";
+import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { DialogTrigger } from "../../overlays/Dialog/DialogTrigger.js";
 import { DateInputBase as _DateInputBase } from "./DateInputBase.js";
 import { useFocusManagerRef } from "./utils.js";

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","mergeStyleLayers","useFieldProps","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","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","INPUT_STYLES","cursor","INERT_INPUT_STYLES","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","field","overStyles","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","t13","display","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","component","_PeriodPicker","displayName","PeriodPicker","_c","Calendar","mergeProps","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } 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 { mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\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\n    Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'granularity' | 'form' | 'name'\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\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\nconst INPUT_STYLES: Styles = { cursor: 'pointer' };\nconst INERT_INPUT_STYLES: Styles = { cursor: 'default' };\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  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const { styles, field } = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\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 = useRef<HTMLDivElement>(null);\n\n  useFocusManagerRef(ref, domRef);\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      wrapperRef={domRef}\n      qa={qa || 'PeriodPicker'}\n      inputType=\"datepicker\"\n      styles={mergeStyleLayers({ display: 'grid' }, styles)}\n      inputStyles={mergeStyleLayers(\n        isDisabled || isReadOnly ? INERT_INPUT_STYLES : INPUT_STYLES,\n        props.inputStyles,\n      )}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\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, {\n    ...props,\n    ...field,\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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"}
+{"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","mergeStyleLayers","FieldLayoutStyleProps","splitFieldLayout","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","INPUT_STYLES","cursor","INERT_INPUT_STYLES","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","field","overStyles","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","t13","display","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","component","_PeriodPicker","displayName","PeriodPicker","_c","Calendar","mergeProps","DateInputBase"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } 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/useI18n';\nimport { FieldBaseProps } from '../../../shared/form';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { mergeStyleLayers } from '../../../utils/styles';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { wrapWithField } from '../../form/wrapper';\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\n    Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'granularity' | 'form' | 'name'\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\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\nconst INPUT_STYLES: Styles = { cursor: 'pointer' };\nconst INERT_INPUT_STYLES: Styles = { cursor: 'default' };\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  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const { styles, field } = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\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 = useRef<HTMLDivElement>(null);\n\n  useFocusManagerRef(ref, domRef);\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      wrapperRef={domRef}\n      qa={qa || 'PeriodPicker'}\n      inputType=\"datepicker\"\n      styles={mergeStyleLayers({ display: 'grid' }, styles)}\n      inputStyles={mergeStyleLayers(\n        isDisabled || isReadOnly ? INERT_INPUT_STYLES : INPUT_STYLES,\n        props.inputStyles,\n      )}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\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, {\n    ...props,\n    ...field,\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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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.d.ts

@@ -1,6 +1,5 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
-import "../../../shared/index.js";
 import { FieldLayoutStyleProps } from "../../form/field-layout.js";
 import { Granularity } from "./types.js";
 import { BaseProps, Styles } from "@tenphi/tasty";

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

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { splitFieldLayout } from "../../form/field-layout.js";
+import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { DateInputBase as _DateInputBase } from "./DateInputBase.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { DEFAULT_TIME_PROPS } from "./props.js";

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

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.js","names":["FocusableRef","BaseProps","Styles","forwardRef","useRef","AriaTimeFieldProps","DateValue","TimeValue","useTimeField","useTimeFieldState","FieldBaseProps","mergeProps","useFieldProps","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","DateInputBase","DatePickerSegment","DEFAULT_TIME_PROPS","Granularity","useFocusManagerRef","CubeTimeInputProps","Omit","wrapperStyles","inputStyles","styles","size","value","minValue","maxValue","isDateUnavailable","date","placeholderValue","hourCycle","granularity","hideTimeZone","onChange","TimeInput","rawProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","props","Object","assign","field","overStyles","qa","autoFocus","isDisabled","isReadOnly","isRequired","isInvalid","isValid","t1","labelProps","userLabelProps","undefined","domRef","timeProps","state","locale","fieldRef","fieldProps","timeInput","segments","map","segment","i","_TimeInput","displayName","_c","DateInputBase","mergeProps"],"sources":["../../../../src/components/fields/DatePicker/TimeInput.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles } from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport {\n  AriaTimeFieldProps,\n  DateValue,\n  TimeValue,\n  useTimeField,\n} from 'react-aria';\nimport { useTimeFieldState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerSegment } from './DatePickerSegment';\nimport { DEFAULT_TIME_PROPS } from './props';\nimport { Granularity } from './types';\nimport { useFocusManagerRef } from './utils';\n\nexport interface CubeTimeInputProps<T extends TimeValue = TimeValue>\n  extends\n    Omit<\n      AriaTimeFieldProps<TimeValue>,\n      'errorMessage' | 'form' | 'name' | 'value' | 'onChange' | 'granularity'\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\n    FieldBaseProps<TimeValue | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  value?: TimeValue | null;\n  /** The minimum allowed date that a user may select. */\n  minValue?: TimeValue;\n  /** The maximum allowed date that a user may select. */\n  maxValue?: TimeValue;\n  /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n  isDateUnavailable?: (date: DateValue) => boolean;\n  /** A placeholder date that influences the format of the placeholder shown when no value is selected. Defaults to today's date at midnight. */\n  placeholderValue?: TimeValue;\n  /** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */\n  hourCycle?: 12 | 24;\n  /** Determines the smallest unit that is displayed in the date picker. By default, this is `\"day\"` for dates, and `\"minute\"` for times. */\n  granularity?: Granularity;\n  /**\n   * Whether to hide the time zone abbreviation.\n   * @default false\n   */\n  hideTimeZone?: boolean;\n  onChange?: (value: TimeValue) => void;\n}\n\nfunction TimeInput<T extends TimeValue>(\n  rawProps: CubeTimeInputProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_TIME_PROPS, props);\n\n  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const { styles, field } = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\n\n  let {\n    qa,\n    inputStyles,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    labelProps: userLabelProps,\n  } = props;\n\n  let domRef = useRef<HTMLDivElement>(null);\n\n  useFocusManagerRef(ref, domRef);\n  let timeProps = {\n    ...props,\n    granularity: props.granularity === 'day' ? undefined : props.granularity,\n    // Aria clears with null; retain the kit's legacy nonnullable callback\n    // declaration while forwarding exactly the same values as before.\n    onChange: props.onChange as AriaTimeFieldProps<TimeValue>['onChange'],\n  };\n  let state = useTimeFieldState({ ...timeProps, locale: 'en-US' });\n\n  let fieldRef = useRef(null);\n  let { labelProps, fieldProps } = useTimeField(timeProps, state, fieldRef);\n\n  const timeInput = (\n    <DateInputBase\n      ref={fieldRef}\n      wrapperRef={domRef}\n      qa={qa || 'TimeInput'}\n      inputType=\"timeinput\"\n      size={size}\n      fieldProps={fieldProps}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      autoFocus={autoFocus}\n      inputStyles={inputStyles}\n      styles={styles}\n      isInvalid={isInvalid}\n      isValid={isValid}\n    >\n      {state.segments.map((segment, i) => (\n        <DatePickerSegment\n          key={i}\n          segment={segment}\n          state={state}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n        />\n      ))}\n    </DateInputBase>\n  );\n\n  return wrapWithField(timeInput, {\n    ...props,\n    ...field,\n    labelProps: mergeProps(labelProps, userLabelProps),\n  });\n}\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nconst _TimeInput = forwardRef(TimeInput);\n\n_TimeInput.displayName = 'TimeInput';\n\nexport { _TimeInput as TimeInput };\n"],"mappings":";;;;;;;;;;;;;;;AA2DA,SAAAqC,UAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAIsCF,KAAA,EAAAG,0BACR,SAC5B;EAACL,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAFD,IAAAM,QAAYlC,cAAc0B,UAAUI,EAEnC;CACDI,QAAQC,OAAMC,OAAQ,CAAC,GAAG9B,oBAAoB4B,KAAK;CAGnD,MAAA,EAAArB,QAAAwB,UAA0BlC,iBAAiB+B,OAAO,EAAAI,YACpCJ,MAAKvB,cACnB,CAAC;CAED,MAAA,EAAA4B,IAAA3B,aAAA4B,WAAAC,YAAAC,YAAAC,YAAAC,WAAAC,SAAA/B,MAAAgC,IAAAC,YAAAC,mBAWId;CAFF,MAAApB,OAAAgC,OAAAG,KAAAA,IAAA,WAAAH;CAIF,MAAAI,SAAa1D,OAAuB,IAAI;CAExCgB,mBAAmBmB,KAAKuB,MAAM;CAC9B,MAAAC,YAAgB;EAAA,GACXjB;EAAKZ,aACKY,MAAKZ,gBAAiB,QAAtB2B,KAAAA,IAA0Cf,MAAKZ;EAAYE,UAG9DU,MAAKV;CACjB;CACA,MAAA4B,QAAYvD,kBAAkB;EAAA,GAAKsD;EAASE,QAAU;CAAQ,CAAC;CAE/D,MAAAC,WAAe9D,OAAO,IAAI;CAC1B,MAAA,EAAAuD,YAAAQ,eAAiC3D,aAAauD,WAAWC,OAAOE,QAAQ;CAExE,MAAAE,YACE,oBAACQ,gBAAD;EACOV,KAAAA;EACOJ,YAAAA;EACR,IAAAX,MAAA;EACM,WAAA;EACJzB;EACMyC;EACAd;EACAC;EACDF;EACE5B;EACLC;EACG+B;EACFC;EAERO,UAAAA,MAAKK,SAASC,KAAKC,SAAAC,MAClB,oBAAC,mBAAD;GAEWD;GACFP;GACKX;GACAC;GACAC;EAAU,GALjBiB,CAKiB,CAEzB;CAxBW,CAAA;CA0Bd,OAEK3D,cAAcuD,WAAW;EAAA,GAC3BtB;EAAK,GACLG;EAAKU,YACIhD,aAAWgD,YAAYC,cAAc;CACnD,CAAC;AAAC;;;;;AAOJ,MAAMa,aAAatE,WAAWkC,SAAS;AAEvCoC,WAAWC,cAAc"}
+{"version":3,"file":"TimeInput.js","names":["FocusableRef","BaseProps","Styles","forwardRef","useRef","AriaTimeFieldProps","DateValue","TimeValue","useTimeField","useTimeFieldState","FieldBaseProps","mergeProps","FieldLayoutStyleProps","splitFieldLayout","useFieldProps","wrapWithField","DateInputBase","DatePickerSegment","DEFAULT_TIME_PROPS","Granularity","useFocusManagerRef","CubeTimeInputProps","Omit","wrapperStyles","inputStyles","styles","size","value","minValue","maxValue","isDateUnavailable","date","placeholderValue","hourCycle","granularity","hideTimeZone","onChange","TimeInput","rawProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","props","Object","assign","field","overStyles","qa","autoFocus","isDisabled","isReadOnly","isRequired","isInvalid","isValid","t1","labelProps","userLabelProps","undefined","domRef","timeProps","state","locale","fieldRef","fieldProps","timeInput","segments","map","segment","i","_TimeInput","displayName","_c","DateInputBase","mergeProps"],"sources":["../../../../src/components/fields/DatePicker/TimeInput.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles } from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport {\n  AriaTimeFieldProps,\n  DateValue,\n  TimeValue,\n  useTimeField,\n} from 'react-aria';\nimport { useTimeFieldState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared/form';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { wrapWithField } from '../../form/wrapper';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerSegment } from './DatePickerSegment';\nimport { DEFAULT_TIME_PROPS } from './props';\nimport { Granularity } from './types';\nimport { useFocusManagerRef } from './utils';\n\nexport interface CubeTimeInputProps<T extends TimeValue = TimeValue>\n  extends\n    Omit<\n      AriaTimeFieldProps<TimeValue>,\n      'errorMessage' | 'form' | 'name' | 'value' | 'onChange' | 'granularity'\n    >,\n    BaseProps,\n    FieldLayoutStyleProps,\n    FieldBaseProps<TimeValue | null | undefined> {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  value?: TimeValue | null;\n  /** The minimum allowed date that a user may select. */\n  minValue?: TimeValue;\n  /** The maximum allowed date that a user may select. */\n  maxValue?: TimeValue;\n  /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n  isDateUnavailable?: (date: DateValue) => boolean;\n  /** A placeholder date that influences the format of the placeholder shown when no value is selected. Defaults to today's date at midnight. */\n  placeholderValue?: TimeValue;\n  /** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */\n  hourCycle?: 12 | 24;\n  /** Determines the smallest unit that is displayed in the date picker. By default, this is `\"day\"` for dates, and `\"minute\"` for times. */\n  granularity?: Granularity;\n  /**\n   * Whether to hide the time zone abbreviation.\n   * @default false\n   */\n  hideTimeZone?: boolean;\n  onChange?: (value: TimeValue) => void;\n}\n\nfunction TimeInput<T extends TimeValue>(\n  rawProps: CubeTimeInputProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n  props = Object.assign({}, DEFAULT_TIME_PROPS, props);\n\n  // `wrapperStyles` styles the same box as `styles` and wins over it.\n  const { styles, field } = splitFieldLayout(props, {\n    overStyles: props.wrapperStyles,\n  });\n\n  let {\n    qa,\n    inputStyles,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    labelProps: userLabelProps,\n  } = props;\n\n  let domRef = useRef<HTMLDivElement>(null);\n\n  useFocusManagerRef(ref, domRef);\n  let timeProps = {\n    ...props,\n    granularity: props.granularity === 'day' ? undefined : props.granularity,\n    // Aria clears with null; retain the kit's legacy nonnullable callback\n    // declaration while forwarding exactly the same values as before.\n    onChange: props.onChange as AriaTimeFieldProps<TimeValue>['onChange'],\n  };\n  let state = useTimeFieldState({ ...timeProps, locale: 'en-US' });\n\n  let fieldRef = useRef(null);\n  let { labelProps, fieldProps } = useTimeField(timeProps, state, fieldRef);\n\n  const timeInput = (\n    <DateInputBase\n      ref={fieldRef}\n      wrapperRef={domRef}\n      qa={qa || 'TimeInput'}\n      inputType=\"timeinput\"\n      size={size}\n      fieldProps={fieldProps}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      autoFocus={autoFocus}\n      inputStyles={inputStyles}\n      styles={styles}\n      isInvalid={isInvalid}\n      isValid={isValid}\n    >\n      {state.segments.map((segment, i) => (\n        <DatePickerSegment\n          key={i}\n          segment={segment}\n          state={state}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n        />\n      ))}\n    </DateInputBase>\n  );\n\n  return wrapWithField(timeInput, {\n    ...props,\n    ...field,\n    labelProps: mergeProps(labelProps, userLabelProps),\n  });\n}\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nconst _TimeInput = forwardRef(TimeInput);\n\n_TimeInput.displayName = 'TimeInput';\n\nexport { _TimeInput as TimeInput };\n"],"mappings":";;;;;;;;;;;;;;;AA4DA,SAAAqC,UAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAIsCF,KAAA,EAAAG,0BACR,SAC5B;EAACL,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAFD,IAAAM,QAAYhC,cAAcwB,UAAUI,EAEnC;CACDI,QAAQC,OAAMC,OAAQ,CAAC,GAAG9B,oBAAoB4B,KAAK;CAGnD,MAAA,EAAArB,QAAAwB,UAA0BpC,iBAAiBiC,OAAO,EAAAI,YACpCJ,MAAKvB,cACnB,CAAC;CAED,MAAA,EAAA4B,IAAA3B,aAAA4B,WAAAC,YAAAC,YAAAC,YAAAC,WAAAC,SAAA/B,MAAAgC,IAAAC,YAAAC,mBAWId;CAFF,MAAApB,OAAAgC,OAAAG,KAAAA,IAAA,WAAAH;CAIF,MAAAI,SAAa1D,OAAuB,IAAI;CAExCgB,mBAAmBmB,KAAKuB,MAAM;CAC9B,MAAAC,YAAgB;EAAA,GACXjB;EAAKZ,aACKY,MAAKZ,gBAAiB,QAAtB2B,KAAAA,IAA0Cf,MAAKZ;EAAYE,UAG9DU,MAAKV;CACjB;CACA,MAAA4B,QAAYvD,kBAAkB;EAAA,GAAKsD;EAASE,QAAU;CAAQ,CAAC;CAE/D,MAAAC,WAAe9D,OAAO,IAAI;CAC1B,MAAA,EAAAuD,YAAAQ,eAAiC3D,aAAauD,WAAWC,OAAOE,QAAQ;CAExE,MAAAE,YACE,oBAACQ,gBAAD;EACOV,KAAAA;EACOJ,YAAAA;EACR,IAAAX,MAAA;EACM,WAAA;EACJzB;EACMyC;EACAd;EACAC;EACDF;EACE5B;EACLC;EACG+B;EACFC;EAERO,UAAAA,MAAKK,SAASC,KAAKC,SAAAC,MAClB,oBAAC,mBAAD;GAEWD;GACFP;GACKX;GACAC;GACAC;EAAU,GALjBiB,CAKiB,CAEzB;CAxBW,CAAA;CA0Bd,OAEKzD,cAAcqD,WAAW;EAAA,GAC3BtB;EAAK,GACLG;EAAKU,YACIhD,aAAWgD,YAAYC,cAAc;CACnD,CAAC;AAAC;;;;;AAOJ,MAAMa,aAAatE,WAAWkC,SAAS;AAEvCoC,WAAWC,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 //#region src/components/fields/DatePicker/parseDate.ts
 const ZONELESS_ISO_DATE = /^\d{4}-\d{2}-\d{2}(?:[Tt ]\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?)?$/;

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

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

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

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

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

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

package/dist/components/fields/FileInput/FileInput.d.ts

@@ -1,7 +1,6 @@
 
 import { Props } from "../../../props.js";
 import { FieldBaseProps } from "../../../shared/form.js";
-import "../../../shared/index.js";
 import { FieldLayoutStyleProps } from "../../form/field-layout.js";
 import { BaseProps, Styles } from "@tenphi/tasty";
 import { RefObject } from "react";

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

@@ -1,14 +1,14 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Action } from "../../actions/Action/Action.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
-import { ValidationIndicator } from "../../form/validation/ValidationIndicator.js";
-import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { splitFieldLayout } from "../../form/field-layout.js";
+import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
+import { ValidationIndicator } from "../../form/validation/ValidationIndicator.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";