@cube-dev/ui-kit 0.199.2 → 0.200.1

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","PeriodCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","formatPeriod","PickerType","snapToPeriod","useFocusManagerRef","PeriodValueElement","qa","styles","preset","width","whiteSpace","textOverflow","overflow","color","placeholder","disabled","CubePeriodPickerProps","Omit","T","picker","wrapperStyles","inputStyles","triggerStyles","size","shouldFlip","targetRef","HTMLElement","placement","formatValue","date","locale","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","isDisabled","isReadOnly","isInvalid","isValid","autoFocus","undefined","t2","t3","t4","t5","t6","week","month","quarter","year","defaultPlaceholder","t7","granularity","shouldCloseOnSelect","state","isOpen","setOpen","domRef","t8","within","isTextInput","isFocused","isFocusedButton","focusProps","focusPropsButton","t9","groupProps","labelProps","buttonProps","dialogProps","calendarProps","t10","setValue","handleSelect","t11","value","displayText","valueId","t12","minValue","maxValue","isDateUnavailable","panel","T0","t13","t14","t15","display","t16","t17","cursor","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","component","t30","_PeriodPicker","displayName","PeriodPicker","_c","Calendar","DateInputBase","mergeProps"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useId, useRef } from 'react';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useFocusRing,\n  useLocale,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { PeriodCalendar } from '../../other/Calendar/PeriodCalendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { formatPeriod, PickerType, snapToPeriod } from './period';\nimport { useFocusManagerRef } from './utils';\n\nconst PeriodValueElement = tasty({\n  qa: 'PeriodPickerValue',\n  styles: {\n    preset: 't3',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    color: {\n      '': '#dark',\n      placeholder: '#dark.30',\n      disabled: '#dark.30',\n    },\n  },\n});\n\nexport interface CubePeriodPickerProps<T extends DateValue = DateValue>\n  extends\n    Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'granularity' | 'form' | 'name'\n    >,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps<T | null | undefined> {\n  /** Which period the picker selects. Set by the concrete picker components. */\n  picker?: PickerType;\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  triggerStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string;\n  /** Override how the selected value is rendered as text. */\n  formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;\n}\n\nfunction PeriodPickerImpl<T extends DateValue>(\n  rawProps: CubePeriodPickerProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n  });\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  let {\n    qa,\n    size,\n    picker = 'month',\n    placeholder,\n    formatValue,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    autoFocus,\n  } = props;\n\n  let defaultPlaceholder: Record<PickerType, string> = {\n    week: t('datePicker.selectWeek', 'Select week'),\n    month: t('datePicker.selectMonth', 'Select month'),\n    quarter: t('datePicker.selectQuarter', 'Select quarter'),\n    year: t('datePicker.selectYear', 'Select year'),\n  };\n\n  let { locale } = useLocale();\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDatePickerState({\n    ...props,\n    granularity: 'day',\n    shouldCloseOnSelect: true,\n  });\n  let { isOpen, setOpen } = state;\n\n  let domRef = 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(\n        { display: 'grid' },\n        styles,\n        props.wrapperStyles,\n      )}\n      inputStyles={mergeStyleLayers(\n        { cursor: isDisabled || isReadOnly ? 'default' : 'pointer' },\n        props.inputStyles,\n      )}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          placement={props.placement ?? 'bottom right'}\n          targetRef={props.targetRef ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={props.shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            aria-describedby={valueId}\n            // Passed separately, not merged: only the field-disabled half is\n            // inherited. See `DatePickerButton`.\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            styles={props.triggerStyles}\n          />\n          <Dialog {...dialogProps} width=\"max-content\" overflow=\"auto\">\n            {panel}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <PeriodValueElement\n        id={valueId}\n        mods={{ placeholder: !state.value, disabled: isDisabled }}\n        onClick={() => !isDisabled && !isReadOnly && setOpen(true)}\n      >\n        {displayText}\n      </PeriodValueElement>\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _PeriodPicker = forwardRef(PeriodPickerImpl);\n\n_PeriodPicker.displayName = 'PeriodPicker';\n\nexport const PeriodPicker = _PeriodPicker as <T extends DateValue = DateValue>(\n  props: CubePeriodPickerProps<T> & { ref?: FocusableRef<HTMLElement> },\n) => ReactElement | null;\n"],"mappings":"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"}
+{"version":3,"file":"PeriodPicker.js","names":["FocusableRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","ReactElement","RefObject","useId","useRef","AriaDatePickerProps","DateValue","Placement","useDatePicker","useFocusRing","useLocale","useDatePickerState","useI18n","FieldBaseProps","mergeProps","extractStyles","mergeStyleLayers","useFieldProps","wrapWithField","Calendar","PeriodCalendar","Dialog","DialogTrigger","DateInputBase","DatePickerButton","formatPeriod","PickerType","snapToPeriod","useFocusManagerRef","PeriodValueElement","qa","styles","preset","width","whiteSpace","textOverflow","overflow","color","placeholder","disabled","CubePeriodPickerProps","Omit","T","picker","wrapperStyles","inputStyles","triggerStyles","size","shouldFlip","targetRef","HTMLElement","placement","formatValue","date","locale","INPUT_STYLES","cursor","INERT_INPUT_STYLES","PeriodPickerImpl","rawProps","ref","$","_c","t","t0","Symbol","for","defaultValidationTrigger","props","t1","isDisabled","isReadOnly","isInvalid","isValid","autoFocus","undefined","t2","t3","t4","t5","t6","week","month","quarter","year","defaultPlaceholder","t7","granularity","shouldCloseOnSelect","state","isOpen","setOpen","domRef","t8","within","isTextInput","isFocused","isFocusedButton","focusProps","focusPropsButton","t9","groupProps","labelProps","buttonProps","dialogProps","calendarProps","t10","setValue","handleSelect","t11","value","displayText","valueId","t12","minValue","maxValue","isDateUnavailable","panel","T0","t13","t14","t15","display","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","component","t30","_PeriodPicker","displayName","PeriodPicker","_c","Calendar","DateInputBase","mergeProps"],"sources":["../../../../src/components/fields/DatePicker/PeriodPicker.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, RefObject, useId, useRef } from 'react';\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  Placement,\n  useDatePicker,\n  useFocusRing,\n  useLocale,\n} from 'react-aria';\nimport { useDatePickerState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\nimport { Calendar } from '../../other/Calendar/Calendar';\nimport { PeriodCalendar } from '../../other/Calendar/PeriodCalendar';\nimport { Dialog } from '../../overlays/Dialog/Dialog';\nimport { DialogTrigger } from '../../overlays/Dialog/DialogTrigger';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerButton } from './DatePickerButton';\nimport { formatPeriod, PickerType, snapToPeriod } from './period';\nimport { useFocusManagerRef } from './utils';\n\nconst PeriodValueElement = tasty({\n  qa: 'PeriodPickerValue',\n  styles: {\n    preset: 't3',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    color: {\n      '': '#dark',\n      placeholder: '#dark.30',\n      disabled: '#dark.30',\n    },\n  },\n});\n\nexport interface CubePeriodPickerProps<T extends DateValue = DateValue>\n  extends\n    Omit<\n      AriaDatePickerProps<T>,\n      'errorMessage' | 'granularity' | 'form' | 'name'\n    >,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps<T | null | undefined> {\n  /** Which period the picker selects. Set by the concrete picker components. */\n  picker?: PickerType;\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  triggerStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string;\n  /** Override how the selected value is rendered as text. */\n  formatValue?: (date: DateValue, picker: PickerType, locale: string) => string;\n}\n\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  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  let {\n    qa,\n    size,\n    picker = 'month',\n    placeholder,\n    formatValue,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    autoFocus,\n  } = props;\n\n  let defaultPlaceholder: Record<PickerType, string> = {\n    week: t('datePicker.selectWeek', 'Select week'),\n    month: t('datePicker.selectMonth', 'Select month'),\n    quarter: t('datePicker.selectQuarter', 'Select quarter'),\n    year: t('datePicker.selectYear', 'Select year'),\n  };\n\n  let { locale } = useLocale();\n  let targetRef = useRef<HTMLDivElement>(null);\n  let state = useDatePickerState({\n    ...props,\n    granularity: 'day',\n    shouldCloseOnSelect: true,\n  });\n  let { isOpen, setOpen } = state;\n\n  let domRef = 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(\n        { display: 'grid' },\n        styles,\n        props.wrapperStyles,\n      )}\n      inputStyles={mergeStyleLayers(\n        isDisabled || isReadOnly ? INERT_INPUT_STYLES : INPUT_STYLES,\n        props.inputStyles,\n      )}\n      disableFocusRing={isFocusedButton}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      size={size}\n      fieldProps={groupProps}\n      suffix={\n        <DialogTrigger\n          hideArrow\n          type=\"popover\"\n          placement={props.placement ?? 'bottom right'}\n          targetRef={props.targetRef ?? targetRef}\n          isOpen={isOpen}\n          shouldFlip={props.shouldFlip}\n          onOpenChange={setOpen}\n        >\n          <DatePickerButton\n            size={size}\n            {...mergeProps(buttonProps, focusPropsButton)}\n            aria-describedby={valueId}\n            // Passed separately, not merged: only the field-disabled half is\n            // inherited. See `DatePickerButton`.\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            styles={props.triggerStyles}\n          />\n          <Dialog {...dialogProps} width=\"max-content\" overflow=\"auto\">\n            {panel}\n          </Dialog>\n        </DialogTrigger>\n      }\n    >\n      <PeriodValueElement\n        id={valueId}\n        mods={{ placeholder: !state.value, disabled: isDisabled }}\n        onClick={() => !isDisabled && !isReadOnly && setOpen(true)}\n      >\n        {displayText}\n      </PeriodValueElement>\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\nconst _PeriodPicker = forwardRef(PeriodPickerImpl);\n\n_PeriodPicker.displayName = 'PeriodPicker';\n\nexport const PeriodPicker = _PeriodPicker as <T extends DateValue = DateValue>(\n  props: CubePeriodPickerProps<T> & { ref?: FocusableRef<HTMLElement> },\n) => ReactElement | null;\n"],"mappings":"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"}

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -53,7 +53,7 @@ const FileInputElement = tasty(Action, {
 				"": "#primary",
 				disabled: "#dark.30"
 			},
-			padding: ".5x (1.5x - 1px)",
+			padding: ".5x (1.5x - 1bw)",
 			transition: "theme"
 		},
 		Placeholder: {

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","names":["createFocusableRef","unwrapDOMRef","useControlledState","BaseProps","BlockStyleProps","CONTAINER_STYLES","ContainerStyleProps","PositionStyleProps","Styles","tasty","forwardRef","RefObject","useEffect","useImperativeHandle","useRef","useState","useEvent","useI18n","FieldBaseProps","mergeProps","useCombinedRefs","extractStyles","Action","getValidationMods","useFieldProps","ValidationIndicator","wrapWithField","AriaLabelingProps","FocusableRefValue","ChangeEvent","AriaTextFieldProps","Props","FileInputElement","qa","styles","display","position","preset","padding","gap","flow","placeItems","fill","disabled","border","valid","invalid","radius","cursor","overflow","whiteSpace","Button","pressed","color","transition","Placeholder","textOverflow","width","Value","State","ValidationIcon","$","fontSize","Input","top","right","bottom","left","opacity","zIndex","CubeFileInputProps","Omit","size","inputRef","HTMLInputElement","inputStyles","type","inputProps","accept","value","defaultValue","onChange","placeholder","extractFileNameFromValue","split","pop","undefined","FileInput","allProps","ref","_c","t","t0","Symbol","for","defaultValidationTrigger","props","id","name","inputRefProp","isDisabled","isInvalid","isValid","t1","form","otherProps","dragHover","setDragHover","currentValue","setValue","selection","setSelection","t2","fileName","reader","actionRef","t3","current","t4","t5","abort","t6","t7","event","file","target","files","name_0","commit","next","nextReader","FileReader","onload","String","result","readAsText","onLocalChange","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelId","labelProps","triggerId","chooseFileId","fileNameId","nameSource","label","t8","select","getInputElement","t9","filter","Boolean","t10","join","t11","t12","t13","selected","t14","e","key","click","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","fileInput","t27","_FileInput","displayName","_c"],"sources":["../../../../src/components/fields/FileInput/FileInput.tsx"],"sourcesContent":["import { createFocusableRef, unwrapDOMRef } from '@react-spectrum/utils';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BlockStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Action } from '../../actions';\nimport {\n  getValidationMods,\n  useFieldProps,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\n\nimport type { AriaLabelingProps, FocusableRefValue } from '@react-types/shared';\nimport type { ChangeEvent } from 'react';\nimport type { AriaTextFieldProps } from 'react-aria';\nimport type { Props } from '../../../props';\n\nconst FileInputElement = tasty(Action, {\n  qa: 'FileInputWrapper',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    preset: 't3',\n    padding: '.5x 1x',\n    gap: '1x',\n    flow: 'row',\n    placeItems: 'center start',\n    fill: {\n      '': '#surface',\n      'drag-hover': '#primary.16',\n      ':hover': '#primary.08',\n      disabled: '#disabled-surface',\n    },\n    border: {\n      '': true,\n      valid: '#success-text.50',\n      invalid: '#danger-text.50',\n      ':focus-within & :focus-visible': '#primary-text',\n    },\n    radius: true,\n    cursor: '$pointer',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n\n    Button: {\n      radius: true,\n      border: {\n        '': '#clear',\n        pressed: '#primary.30',\n      },\n      fill: '#primary.12',\n      color: {\n        '': '#primary',\n        disabled: '#dark.30',\n      },\n      padding: '.5x (1.5x - 1px)',\n      transition: 'theme',\n    },\n\n    Placeholder: {\n      color: '#dark-02',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      width: 'max 100%',\n      overflow: 'hidden',\n    },\n\n    Value: {\n      color: '#dark-02',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      width: 'max 100%',\n      overflow: 'hidden',\n    },\n\n    State: {\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    ValidationIcon: {\n      $: '> State >',\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min 2x',\n      fontSize: '$icon-size',\n    },\n\n    Input: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      radius: '$content-radius',\n      opacity: 0.01,\n      cursor: '$pointer',\n      zIndex: 10,\n    },\n  },\n});\n\nexport interface CubeFileInputProps\n  extends\n    BaseProps,\n    PositionStyleProps,\n    ContainerStyleProps,\n    BlockStyleProps,\n    Omit<AriaTextFieldProps, 'form' | 'name' | 'errorMessage'>,\n    FieldBaseProps<string | null | undefined> {\n  /**\n   * The size of the input\n   * @default default\n   */\n  size?: 'small' | 'default' | 'large' | string;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | null>;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /**\n   * The type of the input\n   * @default file\n   */\n  type?: 'file' | 'text';\n  /** Direct input props */\n  inputProps?: Props;\n  /** The file types that the input should accept */\n  accept?: string;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  placeholder?: string;\n}\n\nfunction extractFileNameFromValue(value?: string) {\n  return typeof value === 'string'\n    ? (value as string).split('\\\\')?.pop()\n    : undefined;\n}\n\nfunction FileInput(allProps: CubeFileInputProps, ref) {\n  const { t } = useI18n();\n\n  const props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onChange',\n  });\n\n  let {\n    id,\n    name,\n    qa,\n    value,\n    onChange,\n    placeholder,\n    inputRef: inputRefProp,\n    isDisabled,\n    isInvalid,\n    isValid,\n    inputStyles,\n    type = 'file',\n    inputProps,\n    accept,\n    form,\n    ...otherProps\n  } = props;\n\n  const [dragHover, setDragHover] = useState(false);\n  const [currentValue, setValue] = useControlledState(\n    value,\n    props.defaultValue ?? '',\n    onChange,\n  );\n  const [selection, setSelection] = useState<{\n    value: string;\n    name: string;\n  }>();\n  const fileName =\n    type === 'file'\n      ? extractFileNameFromValue(currentValue)\n      : currentValue === selection?.value\n        ? selection?.name\n        : undefined;\n  const reader = useRef<FileReader | null>(null);\n\n  // `Action` hands its ref a focusable handle, not the element.\n  const actionRef = useRef<FocusableRefValue<HTMLElement>>(null);\n\n  const inputRef = useCombinedRefs(inputRefProp);\n\n  useEffect(() => {\n    // Browsers only allow clearing a file input programmatically. A reset or\n    // external value replacement must also release the old native selection.\n    if (inputRef.current && currentValue !== selection?.value) {\n      inputRef.current.value = '';\n    }\n  }, [currentValue, selection, inputRef]);\n  useEffect(() => () => reader.current?.abort(), [type]);\n\n  const onLocalChange = useEvent((event: ChangeEvent<HTMLInputElement>) => {\n    reader.current?.abort();\n    const file = event.target.files?.[0];\n    const name = file?.name ?? '';\n    const commit = (next: string) => {\n      setSelection({ value: next, name });\n      setValue(next);\n    };\n    if (type === 'file') {\n      commit(event.target.value);\n    } else if (file) {\n      const nextReader = new FileReader();\n      reader.current = nextReader;\n      nextReader.onload = () => commit(String(nextReader.result ?? ''));\n      nextReader.readAsText(file);\n    } else {\n      commit('');\n    }\n  });\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  // The button is the control: the label points at the hidden native input so\n  // that clicking it opens the file dialog, but the button is what takes focus.\n  // So it names itself — the label, or its own `aria-label`, then what it says\n  // — and takes the field's description and message.\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n  } = props as AriaLabelingProps;\n  // A caller's own label id is kept: the trigger refers to whichever it is.\n  const labelId = props.labelProps?.id ?? `${id}-label`;\n  const triggerId = `${id}-trigger`;\n  const chooseFileId = `${id}-choose-file`;\n  const fileNameId = `${id}-file-name`;\n  const nameSource =\n    ariaLabelledBy ?? (props.label ? labelId : ariaLabel ? triggerId : null);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(unwrapDOMRef(actionRef), inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const fileInput = (\n    <FileInputElement\n      ref={actionRef}\n      id={triggerId}\n      aria-label={ariaLabel}\n      aria-labelledby={[nameSource, chooseFileId, fileNameId]\n        .filter(Boolean)\n        .join(' ')}\n      aria-describedby={ariaDescribedBy}\n      styles={inputStyles}\n      isDisabled={isDisabled}\n      mods={{\n        selected: !!fileName,\n        'drag-hover': dragHover,\n        ...getValidationMods({ isInvalid, isValid }),\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === 'Space') {\n          inputRef?.current?.click();\n        }\n      }}\n    >\n      <input\n        ref={inputRef}\n        id={id}\n        name={name}\n        accept={accept}\n        data-qa={qa || 'FileInput'}\n        data-input-type=\"fileinput\"\n        data-element=\"Input\"\n        disabled={isDisabled}\n        type=\"file\"\n        multiple={false}\n        tabIndex={-1}\n        onChange={onLocalChange}\n        onDragEnter={() => {\n          setDragHover(true);\n        }}\n        onDragLeave={() => {\n          setDragHover(false);\n        }}\n        onDrop={() => {\n          setDragHover(false);\n        }}\n        {...inputProps}\n      />\n      <div id={chooseFileId} data-element=\"Button\">\n        {t('fileInput.chooseFile', 'Choose file')}\n      </div>\n      <div id={fileNameId} data-element={fileName ? 'Value' : 'Placeholder'}>\n        {fileName ||\n          placeholder ||\n          t('fileInput.noFileSelected', 'No file selected')}\n      </div>\n      <ValidationIndicator isInvalid={isInvalid} isValid={isValid} />\n    </FileInputElement>\n  );\n\n  return wrapWithField(fileInput, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, { id: labelId }),\n  });\n}\n\n/**\n * FileInputs are file inputs that allow users to select local files to\n * upload them to the server.\n */\nconst _FileInput = forwardRef(FileInput);\n\n_FileInput.displayName = 'FileInput';\n\nexport { _FileInput as FileInput };\n"],"mappings":"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"}
+{"version":3,"file":"FileInput.js","names":["createFocusableRef","unwrapDOMRef","useControlledState","BaseProps","BlockStyleProps","CONTAINER_STYLES","ContainerStyleProps","PositionStyleProps","Styles","tasty","forwardRef","RefObject","useEffect","useImperativeHandle","useRef","useState","useEvent","useI18n","FieldBaseProps","mergeProps","useCombinedRefs","extractStyles","Action","getValidationMods","useFieldProps","ValidationIndicator","wrapWithField","AriaLabelingProps","FocusableRefValue","ChangeEvent","AriaTextFieldProps","Props","FileInputElement","qa","styles","display","position","preset","padding","gap","flow","placeItems","fill","disabled","border","valid","invalid","radius","cursor","overflow","whiteSpace","Button","pressed","color","transition","Placeholder","textOverflow","width","Value","State","ValidationIcon","$","fontSize","Input","top","right","bottom","left","opacity","zIndex","CubeFileInputProps","Omit","size","inputRef","HTMLInputElement","inputStyles","type","inputProps","accept","value","defaultValue","onChange","placeholder","extractFileNameFromValue","split","pop","undefined","FileInput","allProps","ref","_c","t","t0","Symbol","for","defaultValidationTrigger","props","id","name","inputRefProp","isDisabled","isInvalid","isValid","t1","form","otherProps","dragHover","setDragHover","currentValue","setValue","selection","setSelection","t2","fileName","reader","actionRef","t3","current","t4","t5","abort","t6","t7","event","file","target","files","name_0","commit","next","nextReader","FileReader","onload","String","result","readAsText","onLocalChange","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelId","labelProps","triggerId","chooseFileId","fileNameId","nameSource","label","t8","select","getInputElement","t9","filter","Boolean","t10","join","t11","t12","t13","selected","t14","e","key","click","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","fileInput","t27","_FileInput","displayName","_c"],"sources":["../../../../src/components/fields/FileInput/FileInput.tsx"],"sourcesContent":["import { createFocusableRef, unwrapDOMRef } from '@react-spectrum/utils';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BlockStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Action } from '../../actions';\nimport {\n  getValidationMods,\n  useFieldProps,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\n\nimport type { AriaLabelingProps, FocusableRefValue } from '@react-types/shared';\nimport type { ChangeEvent } from 'react';\nimport type { AriaTextFieldProps } from 'react-aria';\nimport type { Props } from '../../../props';\n\nconst FileInputElement = tasty(Action, {\n  qa: 'FileInputWrapper',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    preset: 't3',\n    padding: '.5x 1x',\n    gap: '1x',\n    flow: 'row',\n    placeItems: 'center start',\n    fill: {\n      '': '#surface',\n      'drag-hover': '#primary.16',\n      ':hover': '#primary.08',\n      disabled: '#disabled-surface',\n    },\n    border: {\n      '': true,\n      valid: '#success-text.50',\n      invalid: '#danger-text.50',\n      ':focus-within & :focus-visible': '#primary-text',\n    },\n    radius: true,\n    cursor: '$pointer',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n\n    Button: {\n      radius: true,\n      border: {\n        '': '#clear',\n        pressed: '#primary.30',\n      },\n      fill: '#primary.12',\n      color: {\n        '': '#primary',\n        disabled: '#dark.30',\n      },\n      padding: '.5x (1.5x - 1bw)',\n      transition: 'theme',\n    },\n\n    Placeholder: {\n      color: '#dark-02',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      width: 'max 100%',\n      overflow: 'hidden',\n    },\n\n    Value: {\n      color: '#dark-02',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      width: 'max 100%',\n      overflow: 'hidden',\n    },\n\n    State: {\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    ValidationIcon: {\n      $: '> State >',\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min 2x',\n      fontSize: '$icon-size',\n    },\n\n    Input: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      radius: '$content-radius',\n      opacity: 0.01,\n      cursor: '$pointer',\n      zIndex: 10,\n    },\n  },\n});\n\nexport interface CubeFileInputProps\n  extends\n    BaseProps,\n    PositionStyleProps,\n    ContainerStyleProps,\n    BlockStyleProps,\n    Omit<AriaTextFieldProps, 'form' | 'name' | 'errorMessage'>,\n    FieldBaseProps<string | null | undefined> {\n  /**\n   * The size of the input\n   * @default default\n   */\n  size?: 'small' | 'default' | 'large' | string;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | null>;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /**\n   * The type of the input\n   * @default file\n   */\n  type?: 'file' | 'text';\n  /** Direct input props */\n  inputProps?: Props;\n  /** The file types that the input should accept */\n  accept?: string;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  placeholder?: string;\n}\n\nfunction extractFileNameFromValue(value?: string) {\n  return typeof value === 'string'\n    ? (value as string).split('\\\\')?.pop()\n    : undefined;\n}\n\nfunction FileInput(allProps: CubeFileInputProps, ref) {\n  const { t } = useI18n();\n\n  const props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onChange',\n  });\n\n  let {\n    id,\n    name,\n    qa,\n    value,\n    onChange,\n    placeholder,\n    inputRef: inputRefProp,\n    isDisabled,\n    isInvalid,\n    isValid,\n    inputStyles,\n    type = 'file',\n    inputProps,\n    accept,\n    form,\n    ...otherProps\n  } = props;\n\n  const [dragHover, setDragHover] = useState(false);\n  const [currentValue, setValue] = useControlledState(\n    value,\n    props.defaultValue ?? '',\n    onChange,\n  );\n  const [selection, setSelection] = useState<{\n    value: string;\n    name: string;\n  }>();\n  const fileName =\n    type === 'file'\n      ? extractFileNameFromValue(currentValue)\n      : currentValue === selection?.value\n        ? selection?.name\n        : undefined;\n  const reader = useRef<FileReader | null>(null);\n\n  // `Action` hands its ref a focusable handle, not the element.\n  const actionRef = useRef<FocusableRefValue<HTMLElement>>(null);\n\n  const inputRef = useCombinedRefs(inputRefProp);\n\n  useEffect(() => {\n    // Browsers only allow clearing a file input programmatically. A reset or\n    // external value replacement must also release the old native selection.\n    if (inputRef.current && currentValue !== selection?.value) {\n      inputRef.current.value = '';\n    }\n  }, [currentValue, selection, inputRef]);\n  useEffect(() => () => reader.current?.abort(), [type]);\n\n  const onLocalChange = useEvent((event: ChangeEvent<HTMLInputElement>) => {\n    reader.current?.abort();\n    const file = event.target.files?.[0];\n    const name = file?.name ?? '';\n    const commit = (next: string) => {\n      setSelection({ value: next, name });\n      setValue(next);\n    };\n    if (type === 'file') {\n      commit(event.target.value);\n    } else if (file) {\n      const nextReader = new FileReader();\n      reader.current = nextReader;\n      nextReader.onload = () => commit(String(nextReader.result ?? ''));\n      nextReader.readAsText(file);\n    } else {\n      commit('');\n    }\n  });\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  // The button is the control: the label points at the hidden native input so\n  // that clicking it opens the file dialog, but the button is what takes focus.\n  // So it names itself — the label, or its own `aria-label`, then what it says\n  // — and takes the field's description and message.\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n  } = props as AriaLabelingProps;\n  // A caller's own label id is kept: the trigger refers to whichever it is.\n  const labelId = props.labelProps?.id ?? `${id}-label`;\n  const triggerId = `${id}-trigger`;\n  const chooseFileId = `${id}-choose-file`;\n  const fileNameId = `${id}-file-name`;\n  const nameSource =\n    ariaLabelledBy ?? (props.label ? labelId : ariaLabel ? triggerId : null);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(unwrapDOMRef(actionRef), inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const fileInput = (\n    <FileInputElement\n      ref={actionRef}\n      id={triggerId}\n      aria-label={ariaLabel}\n      aria-labelledby={[nameSource, chooseFileId, fileNameId]\n        .filter(Boolean)\n        .join(' ')}\n      aria-describedby={ariaDescribedBy}\n      styles={inputStyles}\n      isDisabled={isDisabled}\n      mods={{\n        selected: !!fileName,\n        'drag-hover': dragHover,\n        ...getValidationMods({ isInvalid, isValid }),\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === 'Space') {\n          inputRef?.current?.click();\n        }\n      }}\n    >\n      <input\n        ref={inputRef}\n        id={id}\n        name={name}\n        accept={accept}\n        data-qa={qa || 'FileInput'}\n        data-input-type=\"fileinput\"\n        data-element=\"Input\"\n        disabled={isDisabled}\n        type=\"file\"\n        multiple={false}\n        tabIndex={-1}\n        onChange={onLocalChange}\n        onDragEnter={() => {\n          setDragHover(true);\n        }}\n        onDragLeave={() => {\n          setDragHover(false);\n        }}\n        onDrop={() => {\n          setDragHover(false);\n        }}\n        {...inputProps}\n      />\n      <div id={chooseFileId} data-element=\"Button\">\n        {t('fileInput.chooseFile', 'Choose file')}\n      </div>\n      <div id={fileNameId} data-element={fileName ? 'Value' : 'Placeholder'}>\n        {fileName ||\n          placeholder ||\n          t('fileInput.noFileSelected', 'No file selected')}\n      </div>\n      <ValidationIndicator isInvalid={isInvalid} isValid={isValid} />\n    </FileInputElement>\n  );\n\n  return wrapWithField(fileInput, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, { id: labelId }),\n  });\n}\n\n/**\n * FileInputs are file inputs that allow users to select local files to\n * upload them to the server.\n */\nconst _FileInput = forwardRef(FileInput);\n\n_FileInput.displayName = 'FileInput';\n\nexport { _FileInput as FileInput };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -16,7 +16,7 @@ import { ListBox } from "../ListBox/ListBox.js";
 import { getListBoxOptionId } from "../ListBox/optionId.js";
 import { getEdgeVisibleKey, getNextVisibleKey, markKeyboardFocus } from "../ListBoxPopover/listNavigation.js";
 import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES } from "../TextInput/TextInputBase.js";
-import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
+import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, mergeStyles, tasty } from "@tenphi/tasty";
 import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFilter, useFocusWithin, useId as useId$1, useKeyboard } from "react-aria";
@@ -48,8 +48,7 @@ const FilterListBoxWrapperElement = tasty({ styles: {
 } });
 const SearchWrapperElement = tasty({
 	qa: "FilterListBoxSearchWrapper",
-	styles: {
-		...INPUT_WRAPPER_STYLES,
+	styles: mergeStyles(INPUT_WRAPPER_STYLES, {
 		border: "bottom",
 		radius: "1r top",
 		fill: "#clear",
@@ -60,12 +59,11 @@ const SearchWrapperElement = tasty({
 			"size=medium": "$size-md",
 			"size=large": "$size-lg"
 		}
-	}
+	})
 });
 const SearchInputElement = tasty({
 	as: "input",
-	styles: {
-		...DEFAULT_INPUT_STYLES,
+	styles: mergeStyles(DEFAULT_INPUT_STYLES, {
 		fill: "#clear",
 		padding: {
 			"": ".5x 1.5x",
@@ -73,7 +71,7 @@ const SearchInputElement = tasty({
 			suffix: ".5x .5x .5x 1.5x",
 			"prefix & suffix": "0 .5x 0 .5x"
 		}
-	}
+	})
 });
 const StyledHeaderWithoutBorder = tasty(StyledHeader, { styles: { border: false } });
 const PROP_STYLES = [