@cube-dev/ui-kit 0.206.3 → 0.208.0

package/dist/components/fields/TagInput/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","names":["Key","Node","mergeStyles","Styles","tasty","KeyboardEvent","RefObject","useRef","useFocusRing","useId","useTag","useTagGroup","Item","ListState","useListState","useI18n","CloseIcon","mergeProps","ItemAction","CubeTagProps","Tag","TagListEntry","key","label","invalidMessage","tagProps","Partial","isDisabled","TagListProps","qa","id","tags","size","isReadOnly","onRemove","keys","styles","tagStyles","listRef","HTMLDivElement","inputRef","HTMLInputElement","TagListElement","display","flow","gap","placeItems","outline","TagRowElement","minWidth","maxWidth","radius","focused","outlineOffset","transition","cursor","TagRowProps","item","state","TagRow","t0","$","_c","t","ref","t1","rowProps","gridCellProps","removeButtonProps","allowsRemoving","isFocusVisible","focusProps","invalidId","entry","value","t2","disabledKeys","has","isTagDisabled","canRemove","t3","otherTagProps","ownTagStyles","tagChildren","tagTheme","theme","t4","t5","children","t6","_isDisabled","t7","filter","Boolean","join","undefined","describedBy","e","repeat","preventDefault","onKeyDown","handleKeyDown","t8","t9","t10","t11","color","onPress","t12","t13","t14","TagList","props","localRef","tag","map","_temp","items","_temp2","String","gridProps","onGridKeyDownCapture","otherGridProps","onKeyDownCapture","input","current","isPrintable","length","ctrlKey","metaKey","altKey","disabled","nativeEvent","isComposing","stopPropagation","focus","handleKeyDownCapture","tabIndex","collection","tag_0","_c","useId","mergeProps","Tag"],"sources":["../../../../src/components/fields/TagInput/TagList.tsx"],"sourcesContent":["import { Key, Node } from '@react-types/shared';\nimport { mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, RefObject, useRef } from 'react';\nimport { useFocusRing, useId, useTag, useTagGroup } from 'react-aria';\nimport { Item, ListState, useListState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { CubeTagProps, Tag } from '../../content/Tag/Tag';\n\n/** One chip as the list renders it. */\nexport interface TagListEntry {\n  /** The value the chip stands for. Also its collection key. */\n  key: string;\n  /** The text shown on the chip. */\n  label: string;\n  /**\n   * Why the value failed `validateTag`, when it did. Paints the chip in the\n   * danger theme and becomes part of its description.\n   */\n  invalidMessage?: string;\n  /** Extra props for this chip's `Tag`, from the `tagProps` callback. */\n  tagProps?: Partial<CubeTagProps>;\n  /** Whether the chip is locked: it cannot be focused or removed. */\n  isDisabled?: boolean;\n}\n\nexport interface TagListProps {\n  qa?: string;\n  id?: string;\n  'aria-label': string;\n  /** The field's label, read after `aria-label`. */\n  'aria-labelledby'?: string;\n  tags: TagListEntry[];\n  size: CubeTagProps['size'];\n  isDisabled?: boolean;\n  /** Read-only chips render without a remove button and ignore Delete/Backspace. */\n  isReadOnly?: boolean;\n  onRemove: (keys: string[]) => void;\n  styles?: Styles;\n  tagStyles?: Styles;\n  listRef?: RefObject<HTMLDivElement | null>;\n  /** The field's input, which Escape and typing on a chip return to. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n}\n\nconst TagListElement = tasty({\n  qa: 'TagInputTags',\n  styles: {\n    display: 'flex',\n    flow: 'row wrap',\n    gap: '.5x',\n    placeItems: 'center start',\n    outline: 0,\n  },\n});\n\n// The focusable grid row. The chip inside it keeps its own look; the row only\n// contributes the focus ring, drawn on the chip's own radius.\nconst TagRowElement = tasty({\n  qa: 'TagInputTag',\n  styles: {\n    display: 'inline-flex',\n    minWidth: 0,\n    maxWidth: '100%',\n    radius: true,\n    outline: {\n      '': '0 #primary-accent-text.0',\n      focused: '$ring-width #primary-accent-text',\n    },\n    outlineOffset: '$outline-offset',\n    transition: 'theme',\n    cursor: 'default',\n  },\n});\n\ninterface TagRowProps {\n  item: Node<TagListEntry>;\n  state: ListState<TagListEntry>;\n  size: CubeTagProps['size'];\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  tagStyles?: Styles;\n}\n\nfunction TagRow({\n  item,\n  state,\n  size,\n  isDisabled,\n  isReadOnly,\n  tagStyles,\n}: TagRowProps) {\n  const { t } = useI18n();\n  const ref = useRef<HTMLDivElement>(null);\n  const { rowProps, gridCellProps, removeButtonProps, allowsRemoving } = useTag(\n    { item },\n    state,\n    ref,\n  );\n  const { isFocusVisible, focusProps } = useFocusRing();\n  const invalidId = useId();\n  const entry = item.value as TagListEntry;\n  const isTagDisabled = isDisabled || state.disabledKeys.has(item.key);\n  const canRemove = allowsRemoving && !isTagDisabled && !isReadOnly;\n  const {\n    theme: tagTheme,\n    styles: ownTagStyles,\n    children: tagChildren,\n    // Locking goes through the list's disabled keys, so the tag group skips\n    // the chip too.\n    isDisabled: _isDisabled,\n    ...otherTagProps\n  } = entry.tagProps ?? {};\n  const describedBy =\n    [rowProps['aria-describedby'], entry.invalidMessage ? invalidId : null]\n      .filter(Boolean)\n      .join(' ') || undefined;\n\n  // The tag group removes on every Delete/Backspace, auto-repeat included: a\n  // key held down would clear the whole list.\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.repeat && (e.key === 'Delete' || e.key === 'Backspace')) {\n      e.preventDefault();\n\n      return;\n    }\n\n    rowProps.onKeyDown?.(e);\n  };\n\n  return (\n    <TagRowElement\n      ref={ref}\n      {...mergeProps(rowProps, focusProps)}\n      onKeyDown={handleKeyDown}\n      aria-describedby={describedBy}\n      mods={{ focused: isFocusVisible }}\n    >\n      {entry.invalidMessage ? (\n        <span hidden id={invalidId}>\n          {entry.invalidMessage}\n        </span>\n      ) : null}\n      <Tag\n        // The cell of the grid row, not the `status` live region a standalone\n        // tag is: every chip announcing itself would drown the list.\n        {...gridCellProps}\n        size={size}\n        {...otherTagProps}\n        // An invalid value shows as one whatever theme the chip asks for.\n        theme={entry.invalidMessage ? 'danger' : (tagTheme ?? 'default')}\n        styles={ownTagStyles ? mergeStyles(tagStyles, ownTagStyles) : tagStyles}\n        isDisabled={isTagDisabled}\n        // The row takes the one Tab stop and removes on Delete/Backspace, so the\n        // remove button stays out of the Tab order.\n        disableActionsFocus\n        actions={\n          canRemove ? (\n            <ItemAction\n              id={removeButtonProps.id}\n              icon={<CloseIcon />}\n              aria-label={t('tagInput.remove', 'Remove')}\n              // Reads \"Remove, <label>\": the button's own name, then the row's.\n              aria-labelledby={removeButtonProps['aria-labelledby']}\n              styles={{ color: '#current' }}\n              onPress={removeButtonProps.onPress}\n            />\n          ) : undefined\n        }\n        role=\"gridcell\"\n      >\n        {tagChildren ?? entry.label}\n      </Tag>\n    </TagRowElement>\n  );\n}\n\n/**\n * The removable chips under a `TagInput`: a React Aria tag group, so the list\n * is one Tab stop, arrow keys move between chips, and Delete or Backspace\n * removes the focused one.\n */\nexport function TagList(props: TagListProps) {\n  const {\n    qa,\n    id,\n    tags,\n    size,\n    isDisabled,\n    isReadOnly,\n    onRemove,\n    styles,\n    tagStyles,\n    listRef,\n    inputRef,\n  } = props;\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = listRef ?? localRef;\n\n  const canRemove = !isDisabled && !isReadOnly;\n\n  const state = useListState<TagListEntry>({\n    items: tags,\n    // A disabled field's chips drop out of the Tab order along with its input,\n    // and so do locked ones.\n    disabledKeys: tags\n      .filter((tag) => isDisabled || tag.isDisabled)\n      .map((tag) => tag.key),\n    children: (entry) => (\n      <Item key={entry.key} textValue={entry.label}>\n        {entry.label}\n      </Item>\n    ),\n  });\n\n  const { gridProps } = useTagGroup(\n    {\n      id,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n      onRemove: canRemove\n        ? (keys: Set<Key>) => onRemove([...keys].map(String))\n        : undefined,\n    },\n    state,\n    ref,\n  );\n\n  // The grid's type-to-select listens here, before any chip does.\n  const { onKeyDownCapture: onGridKeyDownCapture, ...otherGridProps } =\n    gridProps;\n\n  // Leaving the chips for the input they belong to: Escape, or typing, which\n  // carries on in the input. Taken before type-to-select, so a letter does not\n  // also jump to the chip it starts.\n  const handleKeyDownCapture = (e: KeyboardEvent<HTMLDivElement>) => {\n    const input = inputRef?.current;\n    const isPrintable =\n      e.key.length === 1 &&\n      e.key !== ' ' &&\n      !e.ctrlKey &&\n      !e.metaKey &&\n      !e.altKey;\n\n    if (\n      !input ||\n      input.disabled ||\n      e.nativeEvent.isComposing ||\n      (e.key !== 'Escape' && !isPrintable)\n    ) {\n      onGridKeyDownCapture?.(e);\n\n      return;\n    }\n\n    e.stopPropagation();\n    // The character itself is left to reach the input, which has focus by the\n    // time the browser inserts it.\n    if (e.key === 'Escape') e.preventDefault();\n\n    input.focus();\n  };\n\n  return (\n    <TagListElement\n      ref={ref}\n      qa={qa}\n      {...otherGridProps}\n      onKeyDownCapture={handleKeyDownCapture}\n      // With every chip disabled or locked, the grid itself would otherwise\n      // stay a Tab stop that focuses nothing.\n      tabIndex={\n        state.disabledKeys.size === tags.length ? -1 : gridProps.tabIndex\n      }\n      styles={styles}\n    >\n      {[...state.collection].map((item) => (\n        <TagRow\n          key={item.key}\n          item={item}\n          state={state}\n          size={size}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          tagStyles={tagStyles}\n        />\n      ))}\n    </TagListElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TagList.js","names":["Key","Node","mergeStyles","Styles","tasty","KeyboardEvent","RefObject","useRef","useFocusRing","useId","useTag","useTagGroup","Item","ListState","useListState","useI18n","CloseIcon","mergeProps","ItemAction","CubeTagProps","Tag","TagListEntry","key","label","invalidMessage","tagProps","Partial","isDisabled","TagListProps","qa","id","tags","size","isReadOnly","onRemove","keys","styles","tagStyles","listRef","HTMLDivElement","inputRef","HTMLInputElement","TagListElement","display","flow","gap","placeItems","outline","TagRowElement","minWidth","maxWidth","radius","focused","outlineOffset","transition","cursor","TagRowProps","item","state","TagRow","t0","$","_c","t","ref","t1","rowProps","gridCellProps","removeButtonProps","allowsRemoving","isFocusVisible","focusProps","invalidId","entry","value","t2","disabledKeys","has","isTagDisabled","canRemove","t3","otherTagProps","ownTagStyles","tagChildren","tagTheme","theme","t4","t5","children","t6","_isDisabled","t7","filter","Boolean","join","undefined","describedBy","e","repeat","preventDefault","onKeyDown","handleKeyDown","t8","t9","t10","t11","color","onPress","t12","t13","t14","TagList","props","localRef","tag","map","_temp","items","_temp2","String","gridProps","onGridKeyDownCapture","otherGridProps","onKeyDownCapture","input","current","isPrintable","length","ctrlKey","metaKey","altKey","disabled","nativeEvent","isComposing","stopPropagation","focus","handleKeyDownCapture","tabIndex","collection","tag_0","_c","useId","mergeProps","Tag"],"sources":["../../../../src/components/fields/TagInput/TagList.tsx"],"sourcesContent":["import { Key, Node } from '@react-types/shared';\nimport { mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, RefObject, useRef } from 'react';\nimport { useFocusRing, useId, useTag, useTagGroup } from 'react-aria';\nimport { Item, ListState, useListState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { CubeTagProps, Tag } from '../../content/Tag/Tag';\n\n/** One chip as the list renders it. */\nexport interface TagListEntry {\n  /** The value the chip stands for. Also its collection key. */\n  key: string;\n  /** The text shown on the chip. */\n  label: string;\n  /**\n   * Why the value failed `validateTag`, when it did. Paints the chip in the\n   * danger theme and becomes part of its description.\n   */\n  invalidMessage?: string;\n  /** Extra props for this chip's `Tag`, from the `tagProps` callback. */\n  tagProps?: Partial<CubeTagProps>;\n  /** Whether the chip is locked: it cannot be focused or removed. */\n  isDisabled?: boolean;\n}\n\nexport interface TagListProps {\n  qa?: string;\n  id?: string;\n  'aria-label': string;\n  /** The field's label, read after `aria-label`. */\n  'aria-labelledby'?: string;\n  tags: TagListEntry[];\n  size: CubeTagProps['size'];\n  isDisabled?: boolean;\n  /** Read-only chips render without a remove button and ignore Delete/Backspace. */\n  isReadOnly?: boolean;\n  onRemove: (keys: string[]) => void;\n  styles?: Styles;\n  tagStyles?: Styles;\n  listRef?: RefObject<HTMLDivElement | null>;\n  /** The field's input, which Escape and typing on a chip return to. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n}\n\nconst TagListElement = tasty({\n  qa: 'TagInputTags',\n  styles: {\n    display: 'flex',\n    flow: 'row wrap',\n    gap: '.5x',\n    placeItems: 'center start',\n    outline: 0,\n  },\n});\n\n// The focusable grid row. The chip inside it keeps its own look; the row only\n// contributes the focus ring, drawn on the chip's own radius.\nconst TagRowElement = tasty({\n  qa: 'TagInputTag',\n  styles: {\n    display: 'inline-flex',\n    minWidth: 0,\n    maxWidth: '100%',\n    radius: true,\n    outline: {\n      '': '0 #primary-accent-text.0',\n      focused: '$ring-width #primary-accent-text',\n    },\n    outlineOffset: '$outline-offset',\n    transition: 'theme',\n    cursor: 'default',\n  },\n});\n\ninterface TagRowProps {\n  item: Node<TagListEntry>;\n  state: ListState<TagListEntry>;\n  size: CubeTagProps['size'];\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  tagStyles?: Styles;\n}\n\nfunction TagRow({\n  item,\n  state,\n  size,\n  isDisabled,\n  isReadOnly,\n  tagStyles,\n}: TagRowProps) {\n  const { t } = useI18n();\n  const ref = useRef<HTMLDivElement>(null);\n  const { rowProps, gridCellProps, removeButtonProps, allowsRemoving } = useTag(\n    { item },\n    state,\n    ref,\n  );\n  const { isFocusVisible, focusProps } = useFocusRing();\n  const invalidId = useId();\n  const entry = item.value as TagListEntry;\n  const isTagDisabled = isDisabled || state.disabledKeys.has(item.key);\n  const canRemove = allowsRemoving && !isTagDisabled && !isReadOnly;\n  const {\n    theme: tagTheme,\n    styles: ownTagStyles,\n    children: tagChildren,\n    // Locking goes through the list's disabled keys, so the tag group skips\n    // the chip too.\n    isDisabled: _isDisabled,\n    ...otherTagProps\n  } = entry.tagProps ?? {};\n  const describedBy =\n    [rowProps['aria-describedby'], entry.invalidMessage ? invalidId : null]\n      .filter(Boolean)\n      .join(' ') || undefined;\n\n  // The tag group removes on every Delete/Backspace, auto-repeat included: a\n  // key held down would clear the whole list.\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.repeat && (e.key === 'Delete' || e.key === 'Backspace')) {\n      e.preventDefault();\n\n      return;\n    }\n\n    rowProps.onKeyDown?.(e);\n  };\n\n  return (\n    <TagRowElement\n      ref={ref}\n      {...mergeProps(rowProps, focusProps)}\n      onKeyDown={handleKeyDown}\n      aria-describedby={describedBy}\n      mods={{ focused: isFocusVisible }}\n    >\n      {entry.invalidMessage ? (\n        <span hidden id={invalidId}>\n          {entry.invalidMessage}\n        </span>\n      ) : null}\n      <Tag\n        // The cell of the grid row, not the `status` live region a standalone\n        // tag is: every chip announcing itself would drown the list.\n        {...gridCellProps}\n        size={size}\n        {...otherTagProps}\n        // An invalid value shows as one whatever theme the chip asks for.\n        theme={entry.invalidMessage ? 'danger' : (tagTheme ?? 'default')}\n        styles={ownTagStyles ? mergeStyles(tagStyles, ownTagStyles) : tagStyles}\n        isDisabled={isTagDisabled}\n        // The row takes the one Tab stop and removes on Delete/Backspace, so the\n        // remove button stays out of the Tab order.\n        disableActionsFocus\n        actions={\n          canRemove ? (\n            <ItemAction\n              id={removeButtonProps.id}\n              icon={<CloseIcon />}\n              aria-label={t('tagInput.remove', 'Remove')}\n              // Reads \"Remove, <label>\": the button's own name, then the row's.\n              aria-labelledby={removeButtonProps['aria-labelledby']}\n              styles={{ color: '#current' }}\n              onPress={removeButtonProps.onPress}\n            />\n          ) : undefined\n        }\n        role=\"gridcell\"\n      >\n        {tagChildren ?? entry.label}\n      </Tag>\n    </TagRowElement>\n  );\n}\n\n/**\n * The removable chips under a `TagInput`: a React Aria tag group, so the list\n * is one Tab stop, arrow keys move between chips, and Delete or Backspace\n * removes the focused one.\n */\nexport function TagList(props: TagListProps) {\n  const {\n    qa,\n    id,\n    tags,\n    size,\n    isDisabled,\n    isReadOnly,\n    onRemove,\n    styles,\n    tagStyles,\n    listRef,\n    inputRef,\n  } = props;\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = listRef ?? localRef;\n\n  const canRemove = !isDisabled && !isReadOnly;\n\n  const state = useListState<TagListEntry>({\n    items: tags,\n    // A disabled field's chips drop out of the Tab order along with its input,\n    // and so do locked ones.\n    disabledKeys: tags\n      .filter((tag) => isDisabled || tag.isDisabled)\n      .map((tag) => tag.key),\n    children: (entry) => (\n      <Item key={entry.key} textValue={entry.label}>\n        {entry.label}\n      </Item>\n    ),\n  });\n\n  const { gridProps } = useTagGroup(\n    {\n      id,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n      onRemove: canRemove\n        ? (keys: Set<Key>) => onRemove([...keys].map(String))\n        : undefined,\n    },\n    state,\n    ref,\n  );\n\n  // The grid's type-to-select listens here, before any chip does.\n  const { onKeyDownCapture: onGridKeyDownCapture, ...otherGridProps } =\n    gridProps;\n\n  // Leaving the chips for the input they belong to: Escape, or typing, which\n  // carries on in the input. Taken before type-to-select, so a letter does not\n  // also jump to the chip it starts.\n  const handleKeyDownCapture = (e: KeyboardEvent<HTMLDivElement>) => {\n    const input = inputRef?.current;\n    const isPrintable =\n      e.key.length === 1 &&\n      e.key !== ' ' &&\n      !e.ctrlKey &&\n      !e.metaKey &&\n      !e.altKey;\n\n    if (\n      !input ||\n      input.disabled ||\n      e.nativeEvent.isComposing ||\n      (e.key !== 'Escape' && !isPrintable)\n    ) {\n      onGridKeyDownCapture?.(e);\n\n      return;\n    }\n\n    e.stopPropagation();\n    // The character itself is left to reach the input, which has focus by the\n    // time the browser inserts it.\n    if (e.key === 'Escape') e.preventDefault();\n\n    input.focus();\n  };\n\n  return (\n    <TagListElement\n      ref={ref}\n      qa={qa}\n      {...otherGridProps}\n      onKeyDownCapture={handleKeyDownCapture}\n      // With every chip disabled or locked, the grid itself would otherwise\n      // stay a Tab stop that focuses nothing.\n      tabIndex={\n        state.disabledKeys.size === tags.length ? -1 : gridProps.tabIndex\n      }\n      styles={styles}\n    >\n      {[...state.collection].map((item) => (\n        <TagRow\n          key={item.key}\n          item={item}\n          state={state}\n          size={size}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          tagStyles={tagStyles}\n        />\n      ))}\n    </TagListElement>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/TagInput/useActiveOption.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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { markKeyboardFocus } from "../ListBoxPopover/listNavigation.js";
 import { c } from "react/compiler-runtime";

package/dist/components/fields/TagInput/useTagError.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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/components/fields/TextArea/TextArea.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 { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
 import { withOverlayKeys } from "../../../utils/react/overlayKeyPropagation.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { TextInputBase as _TextInputBase } from "../TextInput/TextInputBase.js";
+import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
 import { useDisplayedValidation } from "../TextInput/displayed-validation.js";
 import { useAutoSizeTextArea } from "../TextInput/useAutoSizeTextArea.js";
 import { c } from "react/compiler-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","withOverlayKeys","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","Omit","field","inputRef","HTMLTextAreaElement","validate","onFocus","onBlur","autoSize","maxRows","rows","TextArea","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","propsInputRef","value","value_0","form","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","displayedValidation","validation","trackTouched","reset","onKeyDown","inputElementType","t10","mergedLabelProps","T0","t11","getDisplayedValidation","t12","t13","toString","_TextArea","cubeInputType","displayName","_c","mergeProps","TextInputBase"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { withOverlayKeys } from '../../../utils/react/overlayKeyPropagation';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends\n    Omit<\n      CubeTextInputBaseProps,\n      'validate' | 'inputRef' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  inputRef?: RefObject<HTMLTextAreaElement | null>;\n  validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];\n  onFocus?: AriaTextFieldProps<HTMLTextAreaElement>['onFocus'];\n  onBlur?: AriaTextFieldProps<HTMLTextAreaElement>['onBlur'];\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  rawProps: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      onKeyDown: withOverlayKeys(otherProps.onKeyDown),\n      inputElementType: 'textarea',\n    }),\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      {...displayedValidation.getDisplayedValidation(otherProps, validation)}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","castNullableStringValue","WithNullableValue","withOverlayKeys","useBufferedValue","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","Omit","field","inputRef","HTMLTextAreaElement","validate","onFocus","onBlur","autoSize","maxRows","rows","TextArea","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","propsInputRef","value","value_0","form","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","displayedValidation","validation","trackTouched","reset","onKeyDown","inputElementType","t10","mergedLabelProps","T0","t11","getDisplayedValidation","t12","t13","toString","_TextArea","cubeInputType","displayName","_c","mergeProps","TextInputBase"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { chain } from '../../../utils/react/chain';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { withOverlayKeys } from '../../../utils/react/overlayKeyPropagation';\nimport { useBufferedValue } from '../../../utils/react/useBufferedValue';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends\n    Omit<\n      CubeTextInputBaseProps,\n      'validate' | 'inputRef' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  inputRef?: RefObject<HTMLTextAreaElement | null>;\n  validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];\n  onFocus?: AriaTextFieldProps<HTMLTextAreaElement>['onFocus'];\n  onBlur?: AriaTextFieldProps<HTMLTextAreaElement>['onBlur'];\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  rawProps: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      onKeyDown: withOverlayKeys(otherProps.onKeyDown),\n      inputElementType: 'textarea',\n    }),\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      {...displayedValidation.getDisplayedValidation(otherProps, validation)}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":"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"}

package/dist/components/fields/TextInput/TextInput.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 { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
 import { withOverlayKeys } from "../../../utils/react/overlayKeyPropagation.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { TextInputBase as _TextInputBase } from "./TextInputBase.js";
+import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
 import { useDisplayedValidation } from "./displayed-validation.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef, useRef } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","withOverlayKeys","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","FieldBaseProps","TextFieldKeyboardProps","CubeTextInputProps","Omit","field","validate","TextInput","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","form","isBuffered","restProps","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","displayedValidation","validation","trackTouched","onBlur","reset","onKeyDown","inputElementType","multiLine","HTMLInputElement","t2","mergedLabelProps","T0","t3","getDisplayedValidation","t4","t5","cubeInputType","toString","_c","useTextField","mergeProps","TextInputBase"],"sources":["../../../../src/components/fields/TextInput/TextInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { withOverlayKeys } from '../../../utils/react/overlayKeyPropagation';\nimport { useFieldProps } from '../../form';\n\nimport { useDisplayedValidation } from './displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from './TextInputBase';\n\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport type CubeTextInputProps = WithNullableValue<\n  Omit<CubeTextInputBaseProps, 'validate'>\n> &\n  CubeBufferedValueProps &\n  TextFieldKeyboardProps & {\n    field?: FieldBaseProps<string | null | undefined>['field'];\n    validate?: AriaTextFieldProps['validate'];\n  };\n\nexport { useTextField };\n\nexport const TextInput = forwardRef(function TextInput(\n  rawProps: CubeTextInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    form,\n    isBuffered,\n    ...restProps\n  } = props;\n  let localInputRef = useRef<HTMLTextAreaElement | HTMLInputElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up, so a parent that echoes it\n  // back a render late can't overwrite the DOM node and throw the caret to the end.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...restProps,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(restProps.onBlur, buffered.reset),\n      onKeyDown: withOverlayKeys(restProps.onKeyDown),\n      inputElementType: restProps.multiLine ? 'textarea' : 'input',\n    }),\n    inputRef as RefObject<HTMLInputElement | null>,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      {...restProps}\n      {...displayedValidation.getDisplayedValidation(restProps, validation)}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(inputProps, userInputProps)}\n      inputRef={inputRef}\n    />\n  );\n});\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\n\n(TextInput as any).cubeInputType = 'Text';\n"],"mappings":";;;;;;;;;;;;;;AAkCA,MAAauB,YAAYtB,WAAW,SAAAsB,UAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,UAAA;EAIvBI,KAAAnB,wBAAwBe,QAAQ;EAACE,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAA5CF,WAAWA;CAAH,IAAAK;CAAA,IAAAH,EAAA,OAAAI,OAAAC,IAAA,2BAAA,GAAA;EAC4BF,KAAA;GAAAG,0BACR;GAAQC,qBACb;GAAIC,kBACPC;EAIpB;EAACT,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAED,MAAA,EAAAW,YAAAC,gBAAAC,YAAAC,gBAAAC,UAAAC,eAAAC,MAAAC,YAAA,GAAAC,cATYjC,cAAcY,UAAUK,EAgBhCO;CACJ,MAAAU,gBAAoB3C,OAA+C,IAAI;CACvE,MAAAsC,WAAeC,iBAAAI;CAIf,MAAAC,WAAevC,iBAAiBqC,UAASG,OAAQH,UAASI,UAAW;EAAAL;EAAAM,YAEvDL,UAASK;EAAWC,YACpBN,UAASM;CACvB,CAAC;CAED,MAAAC,sBAA0BvC,uBAAuB;CACjD,MAAA,EAAAwB,YAAAE,YAAA,GAAAc,eAAgDhD,eAC9C+C,oBAAmBE,aAAc;EAAA,GAC5BT;EAASG,OACLD,SAAQC;EAAMC,UACXF,SAAQE;EAASM,QACnBjD,MAAMuC,UAASU,QAASR,SAAQS,KAAM;EAACC,WACpC9C,gBAAgBkC,UAASY,SAAU;EAACC,kBAC7Bb,UAASc,YAAT,aAAA;CACpB,CAAC,GACDlB,QACF;CAAE,IAAAoB;CAAA,IAAAnC,EAAA,OAAAW,cAAAX,EAAA,OAAAY,gBAAA;EAGuBuB,KAAAtD,aAAW8B,YAAYC,cAAc;EAACZ,EAAA,KAAAW;EAAAX,EAAA,KAAAY;EAAAZ,EAAA,KAAAmC;CAAA,OAAAA,KAAAnC,EAAA;CAA/D,MAAAoC,mBAAyBD;CAGtB,MAAAE,KAAA/C;CAEK,MAAAgD,KAAAZ,oBAAmBa,uBAAwBpB,WAAWQ,UAAU;CAAC,IAAAa;CAAA,IAAAxC,EAAA,OAAAa,cAAAb,EAAA,OAAAc,gBAAA;EAGzD0B,KAAA3D,aAAWgC,YAAYC,cAAc;EAACd,EAAA,KAAAa;EAAAb,EAAA,KAAAc;EAAAd,EAAA,KAAAwC;CAAA,OAAAA,KAAAxC,EAAA;CAAA,IAAAyC;CAAA,IAAAzC,EAAA,OAAAqC,MAAArC,EAAA,QAAAe,YAAAf,EAAA,QAAAoC,oBAAApC,EAAA,QAAAD,OAAAC,EAAA,QAAAmB,aAAAnB,EAAA,QAAAsC,MAAAtC,EAAA,QAAAwC,IAAA;EALpDC,KAAA,oBAAC,IAAD;GAAc,GACRtB;GAAS,GACTmB;GACCvC;GACOqC,YAAAA;GACA,YAAAI;GACFzB;EAAQ,CAAA;EAClBf,EAAA,KAAAqC;EAAArC,EAAA,MAAAe;EAAAf,EAAA,MAAAoC;EAAApC,EAAA,MAAAD;EAAAC,EAAA,MAAAmB;EAAAnB,EAAA,MAAAsC;EAAAtC,EAAA,MAAAwC;EAAAxC,EAAA,MAAAyC;CAAA,OAAAA,KAAAzC,EAAA;CAAA,OAPFyC;AAOE,CAEL;;;;;;AAQD,UAAmBC,gBAAgB;AAnEC,SAAAjC,MAAAP,IAAA;CAQb,MAAA,EAAAoB,OAAAC,aAAArB;CAAmB,OAAM;EAAAqB;EAAAD,OAEnCA,OAAKqB,SAAiB,KAAtB;CACT;AAAC"}
+{"version":3,"file":"TextInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","castNullableStringValue","WithNullableValue","withOverlayKeys","useBufferedValue","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","FieldBaseProps","TextFieldKeyboardProps","CubeTextInputProps","Omit","field","validate","TextInput","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","form","isBuffered","restProps","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","displayedValidation","validation","trackTouched","onBlur","reset","onKeyDown","inputElementType","multiLine","HTMLInputElement","t2","mergedLabelProps","T0","t3","getDisplayedValidation","t4","t5","cubeInputType","toString","_c","useTextField","mergeProps","TextInputBase"],"sources":["../../../../src/components/fields/TextInput/TextInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { chain } from '../../../utils/react/chain';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { withOverlayKeys } from '../../../utils/react/overlayKeyPropagation';\nimport { useBufferedValue } from '../../../utils/react/useBufferedValue';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\n\nimport { useDisplayedValidation } from './displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from './TextInputBase';\n\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport type CubeTextInputProps = WithNullableValue<\n  Omit<CubeTextInputBaseProps, 'validate'>\n> &\n  CubeBufferedValueProps &\n  TextFieldKeyboardProps & {\n    field?: FieldBaseProps<string | null | undefined>['field'];\n    validate?: AriaTextFieldProps['validate'];\n  };\n\nexport { useTextField };\n\nexport const TextInput = forwardRef(function TextInput(\n  rawProps: CubeTextInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    form,\n    isBuffered,\n    ...restProps\n  } = props;\n  let localInputRef = useRef<HTMLTextAreaElement | HTMLInputElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up, so a parent that echoes it\n  // back a render late can't overwrite the DOM node and throw the caret to the end.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...restProps,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(restProps.onBlur, buffered.reset),\n      onKeyDown: withOverlayKeys(restProps.onKeyDown),\n      inputElementType: restProps.multiLine ? 'textarea' : 'input',\n    }),\n    inputRef as RefObject<HTMLInputElement | null>,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      {...restProps}\n      {...displayedValidation.getDisplayedValidation(restProps, validation)}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(inputProps, userInputProps)}\n      inputRef={inputRef}\n    />\n  );\n});\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\n\n(TextInput as any).cubeInputType = 'Text';\n"],"mappings":";;;;;;;;;;;;;;AAoCA,MAAauB,YAAYtB,WAAW,SAAAsB,UAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,UAAA;EAIvBI,KAAApB,wBAAwBgB,QAAQ;EAACE,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAA5CF,WAAWA;CAAH,IAAAK;CAAA,IAAAH,EAAA,OAAAI,OAAAC,IAAA,2BAAA,GAAA;EAC4BF,KAAA;GAAAG,0BACR;GAAQC,qBACb;GAAIC,kBACPC;EAIpB;EAACT,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAED,MAAA,EAAAW,YAAAC,gBAAAC,YAAAC,gBAAAC,UAAAC,eAAAC,MAAAC,YAAA,GAAAC,cATYjC,cAAcY,UAAUK,EAgBhCO;CACJ,MAAAU,gBAAoB3C,OAA+C,IAAI;CACvE,MAAAsC,WAAeC,iBAAAI;CAIf,MAAAC,WAAepC,iBAAiBkC,UAASG,OAAQH,UAASI,UAAW;EAAAL;EAAAM,YAEvDL,UAASK;EAAWC,YACpBN,UAASM;CACvB,CAAC;CAED,MAAAC,sBAA0BvC,uBAAuB;CACjD,MAAA,EAAAwB,YAAAE,YAAA,GAAAc,eAAgDhD,eAC9C+C,oBAAmBE,aAAc;EAAA,GAC5BT;EAASG,OACLD,SAAQC;EAAMC,UACXF,SAAQE;EAASM,QACnBjD,MAAMuC,UAASU,QAASR,SAAQS,KAAM;EAACC,WACpC/C,gBAAgBmC,UAASY,SAAU;EAACC,kBAC7Bb,UAASc,YAAT,aAAA;CACpB,CAAC,GACDlB,QACF;CAAE,IAAAoB;CAAA,IAAAnC,EAAA,OAAAW,cAAAX,EAAA,OAAAY,gBAAA;EAGuBuB,KAAAtD,aAAW8B,YAAYC,cAAc;EAACZ,EAAA,KAAAW;EAAAX,EAAA,KAAAY;EAAAZ,EAAA,KAAAmC;CAAA,OAAAA,KAAAnC,EAAA;CAA/D,MAAAoC,mBAAyBD;CAGtB,MAAAE,KAAA/C;CAEK,MAAAgD,KAAAZ,oBAAmBa,uBAAwBpB,WAAWQ,UAAU;CAAC,IAAAa;CAAA,IAAAxC,EAAA,OAAAa,cAAAb,EAAA,OAAAc,gBAAA;EAGzD0B,KAAA3D,aAAWgC,YAAYC,cAAc;EAACd,EAAA,KAAAa;EAAAb,EAAA,KAAAc;EAAAd,EAAA,KAAAwC;CAAA,OAAAA,KAAAxC,EAAA;CAAA,IAAAyC;CAAA,IAAAzC,EAAA,OAAAqC,MAAArC,EAAA,QAAAe,YAAAf,EAAA,QAAAoC,oBAAApC,EAAA,QAAAD,OAAAC,EAAA,QAAAmB,aAAAnB,EAAA,QAAAsC,MAAAtC,EAAA,QAAAwC,IAAA;EALpDC,KAAA,oBAAC,IAAD;GAAc,GACRtB;GAAS,GACTmB;GACCvC;GACOqC,YAAAA;GACA,YAAAI;GACFzB;EAAQ,CAAA;EAClBf,EAAA,KAAAqC;EAAArC,EAAA,MAAAe;EAAAf,EAAA,MAAAoC;EAAApC,EAAA,MAAAD;EAAAC,EAAA,MAAAmB;EAAAnB,EAAA,MAAAsC;EAAAtC,EAAA,MAAAwC;EAAAxC,EAAA,MAAAyC;CAAA,OAAAA,KAAAzC,EAAA;CAAA,OAPFyC;AAOE,CAEL;;;;;;AAQD,UAAmBC,gBAAgB;AAnEC,SAAAjC,MAAAP,IAAA;CAQb,MAAA,EAAAoB,OAAAC,aAAArB;CAAmB,OAAM;EAAAqB;EAAAD,OAEnCA,OAAKqB,SAAiB,KAAtB;CACT;AAAC"}

package/dist/components/fields/TextInput/TextInputBase.d.ts

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

package/dist/components/fields/TextInput/TextInputBase.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 as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { getDisabledElementProps, getInertInputProps } from "../../../utils/react/disabledProps.js";
 import { mergeRefs as mergeRefs$1, useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
 import { useAutoTooltip } from "../../content/use-auto-tooltip.js";
+import { getDisabledElementProps, getInertInputProps } from "../../../utils/react/disabledProps.js";
 import { mergeTooltipFocusProps, splitTooltipTriggerProps } from "../../overlays/Tooltip/split-trigger-props.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
-import { ValidationIndicator, hasValidationIndicator } from "../../form/validation/ValidationIndicator.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { splitFieldLayout } from "../../form/field-layout.js";
+import { ValidationIndicator, hasValidationIndicator } from "../../form/validation/ValidationIndicator.js";
 import { c } from "react/compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useImperativeHandle } from "react";

package/dist/components/fields/TextInput/TextInputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputBase.js","names":["useObjectRef","createFocusableRef","BaseProps","mergeStyles","Styles","tasty","FocusEventHandler","forwardRef","MouseEvent","ReactElement","ReactNode","RefObject","useImperativeHandle","AriaNumberFieldProps","AriaTextFieldProps","useHover","FieldBaseProps","TextFieldKeyboardProps","mergeProps","mergeRefs","useCombinedRefs","getDisabledElementProps","getInertInputProps","useFocus","useAutoTooltip","getValidationMods","hasValidationIndicator","ValidationIndicator","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","mergeTooltipFocusProps","splitTooltipTriggerProps","Props","CubeTooltipProviderProps","ADD_STYLES","$","display","placeContent","placeItems","gridRows","flow","gap","cursor","opacity","disabled","INPUT_RADIUS","INPUT_WRAPPER_STYLES","position","gridColumns","prefix","suffix","fill","readonly","border","valid","invalid","focused","preset","radius","color","zIndex","boxSizing","transition","backgroundClip","height","multiline","$size","Prefix","Suffix","State","InputIcon","width","fontSize","ValidationIcon","InputWrapperElement","qa","styles","DEFAULT_INPUT_STYLES","recipe","placeSelf","padding","textAlign","flexGrow","margin","resize","userSelect","Placeholder","InputElement","INTERACTIVE_ELEMENTS","focusInputOnBoxPress","event","HTMLElement","input","HTMLInputElement","HTMLTextAreaElement","button","defaultPrevented","getAttribute","box","currentTarget","target","Element","contains","interactive","closest","preventDefault","focus","preventPointerFocus","CubeTextInputBaseProps","Omit","validate","onFocus","onBlur","icon","suffixPosition","actions","multiLine","autoFocus","inputProps","wrapperProps","inputRef","wrapperRef","HTMLDivElement","isLoading","loadingIndicator","inputStyles","rows","size","shape","autoComplete","autocomplete","tooltip","CubeBufferedValueProps","isBuffered","TextInputBase","props","ref","_c","mods","isInvalid","isValid","t0","isDisabled","isReadOnly","t1","t2","value","t3","t4","t5","t6","maxLength","minLength","form","children","otherProps","undefined","field","fillHeightOnFlex","type","ElementType","isFocused","focusProps","t7","t8","hoverProps","isHovered","domRef","t9","renderWithTooltip","isTooltipActive","select","current","getInputElement","t10","showValidationIndicator","placeholder","t11","t12","t13","t14","t15","t16","loadable","hovered","modifiers","resolvedAutoComplete","resolvedAutoFocus","hasTextSecurity","textSecurityStyles","length","fontFamily","isInputDisabled","t17","keepEvents","as","isInert","ownInputProps","excludeFromTabOrder","readOnly","onMouseDown","textField","tooltipTriggerProps","tooltipRef","pointerProps","tooltipFocusProps","labelProps","htmlFor","for","_TextInputBase","_c","useFocus","mergeProps","mergeRefs"],"sources":["../../../../src/components/fields/TextInput/TextInputBase.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { createFocusableRef } from '@react-spectrum/utils';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n} from 'react';\nimport { AriaNumberFieldProps, AriaTextFieldProps, useHover } from 'react-aria';\n\nimport { FieldBaseProps, TextFieldKeyboardProps } from '../../../shared';\nimport { mergeProps, mergeRefs, useCombinedRefs } from '../../../utils/react';\nimport {\n  getDisabledElementProps,\n  getInertInputProps,\n} from '../../../utils/react/disabledProps';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport {\n  getValidationMods,\n  hasValidationIndicator,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport {\n  mergeTooltipFocusProps,\n  splitTooltipTriggerProps,\n} from '../../overlays/Tooltip/split-trigger-props';\n\nimport type { Props } from '../../../props';\nimport type { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\n\nconst ADD_STYLES = {\n  $: '>',\n  display: 'grid',\n  placeContent: 'stretch',\n  placeItems: 'center',\n  gridRows: '1sf',\n  flow: 'column',\n  gap: 0,\n  cursor: 'inherit',\n  opacity: {\n    '': 1,\n    disabled: '$disabled-opacity',\n  },\n};\n\n// The field box and its input share the corners: a plain box is square.\nconst INPUT_RADIUS = {\n  '': true,\n  'shape=plain': 0,\n};\n\nexport const INPUT_WRAPPER_STYLES: Styles = {\n  display: 'grid',\n  flow: 'row',\n  position: 'relative',\n  gridColumns: {\n    '': '1sf',\n    prefix: 'max-content 1sf',\n    suffix: '1sf max-content',\n    'prefix & suffix': 'max-content 1sf max-content',\n  },\n  gridRows: '1sf',\n  placeItems: 'stretch',\n  fill: {\n    '': '#surface',\n    readonly: '#surface-2',\n    disabled: '#disabled-surface',\n  },\n  border: {\n    '': true,\n    readonly: '#border.5',\n    // High contrast keeps the full outline it raises for every field.\n    'readonly & @hc': true,\n    // A plain field sits flush in a container that draws its edges. Its border\n    // keeps its width, so nothing shifts, and shows only to mark focus or\n    // validity, and in high contrast.\n    'shape=plain': '#clear',\n    'shape=plain & @hc': true,\n    valid: '#success-text.50',\n    invalid: '#danger-text.50',\n    focused: '#primary-text',\n    'valid & focused': '#success-text',\n    'invalid & focused': '#danger-text',\n    disabled: true,\n    'disabled & shape=plain': '#clear',\n    'disabled & shape=plain & @hc': true,\n    // Only an input kept focusable for its tooltip is focused while disabled,\n    // and only from the keyboard: the pointer can't focus it.\n    'disabled & focused': '#primary-text',\n  },\n  preset: 't3',\n  radius: INPUT_RADIUS,\n  cursor: 'text',\n  color: {\n    '': '#dark-02',\n    focused: '#dark-02',\n    invalid: '#danger-text',\n    disabled: '#dark.30',\n  },\n  zIndex: {\n    '': 'initial',\n    focused: 1,\n  },\n  boxSizing: 'border-box',\n  transition: 'theme',\n  backgroundClip: 'content-box',\n  height: {\n    '': '$size $size',\n    multiline: 'min $size',\n  },\n\n  $size: {\n    '': '$size-md',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n  },\n\n  Prefix: ADD_STYLES,\n\n  Suffix: ADD_STYLES,\n\n  State: {\n    $: '> Suffix >',\n    display: 'flex',\n  },\n\n  InputIcon: {\n    display: 'grid',\n    placeItems: 'center',\n    width: 'min $size-sm',\n    color: 'inherit',\n    fontSize: '$icon-size',\n  },\n\n  ValidationIcon: {\n    $: '> Suffix > State >',\n    display: 'grid',\n    placeItems: 'center',\n    width: {\n      '': 'min $size-sm',\n      suffix: 'min $size-xs',\n    },\n    fontSize: '$icon-size',\n  },\n};\n\nconst InputWrapperElement = tasty({\n  qa: 'InputWrapper',\n  styles: INPUT_WRAPPER_STYLES,\n});\n\nexport const DEFAULT_INPUT_STYLES: Styles = {\n  recipe: 'reset input / input-autofill',\n  placeSelf: 'stretch',\n  width: 'initial 100% 100%',\n  transition: 'theme',\n  radius: INPUT_RADIUS,\n  padding: '$vertical-padding $right-padding $vertical-padding $left-padding',\n  textAlign: 'left',\n  preset: 't3',\n  flexGrow: 1,\n  margin: {\n    '': 0,\n    multiline: '((($size-md - 1lh) / 2) - 1bw) 0',\n    'multiline & size=small': '((($size-sm - 1lh) / 2) - 1bw) 0',\n    'multiline & size=large': '((($size-lg - 1lh) / 2) - 1bw) 0',\n  },\n  resize: 'none',\n  userSelect: 'auto',\n  // The browser's own for a disabled input, which an input kept focusable for\n  // its tooltip doesn't get: it is read-only, not natively disabled.\n  cursor: {\n    '': 'text',\n    disabled: 'default',\n  },\n\n  Placeholder: {\n    $: '&::placeholder',\n    recipe: 'input-placeholder',\n  },\n  '&::-webkit-search-cancel-button': {\n    recipe: 'input-search-cancel-button',\n  },\n\n  '$vertical-padding': 0,\n  '$left-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    prefix: '0',\n  },\n  '$right-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    suffix: '0',\n  },\n};\n\nconst InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });\n\nconst INTERACTIVE_ELEMENTS =\n  'a[href], button, input, select, textarea, [tabindex], [contenteditable]';\n\n/**\n * A press inside the field box but outside the input — the prefix or suffix area, an icon, a\n * textarea's margins — focuses the input, as a press anywhere in a native field does. Presses on\n * the input itself and on interactive children, such as a clear button or the steppers, stay\n * theirs.\n */\nfunction focusInputOnBoxPress(\n  event: MouseEvent<HTMLElement>,\n  input: HTMLInputElement | HTMLTextAreaElement | null | undefined,\n) {\n  if (event.button !== 0 || event.defaultPrevented) return;\n  // An input kept focusable for its tooltip is still disabled to the pointer.\n  if (\n    !input ||\n    input.disabled ||\n    input.getAttribute('aria-disabled') === 'true'\n  ) {\n    return;\n  }\n\n  const box = event.currentTarget;\n  const target = event.target as Element;\n\n  // React bubbles presses from a portal (a popover opened from a field action)\n  // through the box; those belong to the portal.\n  if (!box.contains(target)) return;\n\n  const interactive = target.closest(INTERACTIVE_ELEMENTS);\n\n  if (interactive && box.contains(interactive)) return;\n\n  // The default action would move focus to the press target first, blurring the input.\n  event.preventDefault();\n  input.focus();\n}\n\n/** A press doesn't focus a natively disabled input, so it doesn't focus an inert one either. */\nfunction preventPointerFocus(event: MouseEvent<HTMLElement>) {\n  event.preventDefault();\n}\n\nexport interface CubeTextInputBaseProps\n  extends\n    BaseProps,\n    FieldLayoutStyleProps,\n    Omit<\n      AriaTextFieldProps<HTMLInputElement | HTMLTextAreaElement>,\n      | 'validate'\n      | 'form'\n      | 'name'\n      | 'errorMessage'\n      | 'onKeyDown'\n      | 'onKeyUp'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    TextFieldKeyboardProps,\n    FieldBaseProps {\n  validate?: AriaTextFieldProps['validate'] | AriaNumberFieldProps['validate'];\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /** Left input icon */\n  icon?: ReactElement | null;\n  /** Input decoration before the main input */\n  prefix?: ReactNode;\n  /** Input decoration after the main input */\n  suffix?: ReactNode;\n  /** Suffix position goes before or after the validation and loading statuses */\n  suffixPosition?: 'before' | 'after';\n  /**\n   * Controls placed last in the suffix, after the validation and loading\n   * statuses and after `suffix` whatever its position, such as a popover\n   * trigger.\n   */\n  actions?: ReactNode;\n  /** Whether the input is multiline */\n  multiLine?: boolean;\n  /** Whether the input should have autofocus */\n  autoFocus?: boolean;\n  /**\n   * Direct input props. The explicit props above (`isDisabled`, `maxLength`, `minLength`,\n   * `autoFocus`, `rows`, `autoComplete`) win over the same attributes here when they are set; an\n   * unset one leaves the value given here in place.\n   */\n  inputProps?: Props;\n  /** Direct input wrapper props */\n  wrapperProps?: Props;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  /** The wrapper ref */\n  wrapperRef?: RefObject<HTMLDivElement | null>;\n  /** Whether the input has the loading status */\n  isLoading?: boolean;\n  /** Rendered in place of the default loading icon while `isLoading` is set */\n  loadingIndicator?: ReactNode;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /** The number of rows for the input. Only applies to textarea. */\n  rows?: number;\n  /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */\n  resize?: Styles['resize'];\n  /** The size of the input */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * The shape of the field box.\n   * - `default` - rounded, with a border.\n   * - `plain` - square, with no border at rest, for a field set flush in a\n   *   container that draws its edges, such as a toolbar or a panel header. The\n   *   border keeps its width, and shows on focus and in a valid or invalid\n   *   state.\n   * @default \"default\"\n   */\n  shape?: 'default' | 'plain';\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `current-password`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * @deprecated Use `autoComplete` instead. Kept as an alias so existing callers keep working;\n   * `autoComplete` wins when both are set.\n   */\n  autocomplete?: string;\n  /**\n   * The input's own tooltip: a short hint, such as what the value means or defaults to, or why the\n   * field is disabled. It opens on hover over the field box and on keyboard focus, and describes\n   * the input. A disabled input with a tooltip stays focusable, so the keyboard reaches it too. A\n   * string, or `TooltipProvider` props (`title`, `placement`, …). Never the field's name, an error\n   * or anything needed to fill the field in: touch users don't see it. The info badge next to a\n   * field label is `labelTooltip`.\n   */\n  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;\n}\n\n/**\n * Mixed into the fields that actually buffer their value — `TextInput`, `TextArea`,\n * `PasswordInput`, `SearchInput` — rather than declared on `CubeTextInputBaseProps`. Every field\n * built on that base would otherwise inherit the prop, including `NumberInput` and\n * `CommandTextArea`, which keep their own text and ignore it: a public API that accepts a flag and\n * does nothing with it.\n */\nexport interface CubeBufferedValueProps {\n  /**\n   * Whether the typed text is held locally until the controlled `value` catches up. On by default,\n   * which is what keeps the caret in place when the value round-trips through a store that\n   * re-renders a pass late. Set to `false` for a caller that must see the value snap back to its\n   * own `value` prop the instant it declines a keystroke. See `useBufferedValue`.\n   */\n  isBuffered?: boolean;\n}\n\n/**\n * The presentational base for text-like inputs. It renders the input chrome and the field wrapper, but\n * never wires form state — that is the job of the component rendering it (`TextInput`, `TextArea`,\n * `PasswordInput`, `NumberInput`, `SearchInput`, `CommandTextArea`).\n */\nfunction TextInputBase(props: CubeTextInputBaseProps, ref) {\n  let {\n    qa,\n    mods,\n    isInvalid,\n    isValid,\n    prefix,\n    isDisabled,\n    isReadOnly,\n    multiLine,\n    autoFocus,\n    inputProps,\n    wrapperProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    value,\n    inputStyles = {},\n    suffix,\n    suffixPosition = 'before',\n    actions,\n    wrapperRef,\n    rows,\n    size = 'medium',\n    shape = 'default',\n    autoComplete,\n    autocomplete,\n    icon,\n    maxLength,\n    minLength,\n    form,\n    resize,\n    tooltip,\n    children,\n    ...otherProps\n  } = props;\n\n  // A text area grows with its flex line when bare, so it fills a field\n  // sized by flex props too.\n  const { styles, field } = splitFieldLayout(props, {\n    fillHeightOnFlex: !!multiLine,\n  });\n  let type = otherProps.type;\n\n  if (resize) {\n    // oxlint-disable-next-line tasty/no-runtime-styles-mutation -- forwards the consumer's `resize` prop\n    inputStyles = mergeStyles(inputStyles, { resize });\n  }\n\n  let ElementType: 'textarea' | 'input' = multiLine ? 'textarea' : 'input';\n  let { isFocused, focusProps } = useFocus();\n  // A read-only field takes no hover state: nothing it could change would follow.\n  let { hoverProps, isHovered } = useHover({\n    isDisabled: isDisabled || isReadOnly,\n  });\n  // The input box, with or without the field chrome, so the field's ref never\n  // resolves to `null`; `wrapperRef` reaches the same element.\n  let domRef = useObjectRef(wrapperRef);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  let { renderWithTooltip, isTooltipActive } = useAutoTooltip({\n    tooltip,\n    children: null,\n  });\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const showValidationIndicator = hasValidationIndicator({\n    isInvalid,\n    isValid,\n    isLoading,\n  });\n\n  // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270\n  if (!inputProps?.placeholder) {\n    if (!inputProps) {\n      inputProps = {};\n    }\n\n    inputProps.placeholder = ' ';\n  }\n\n  if (icon) {\n    icon = <div data-element=\"InputIcon\">{icon}</div>;\n\n    if (prefix) {\n      prefix = (\n        <>\n          {icon}\n          {prefix}\n        </>\n      );\n    } else {\n      prefix = icon;\n    }\n  }\n\n  const modifiers = {\n    ...getValidationMods({ isInvalid, isValid }),\n    loadable: !!loadingIndicator,\n    focused: isFocused,\n    hovered: isHovered,\n    disabled: isDisabled,\n    readonly: !!isReadOnly,\n    multiline: multiLine,\n    prefix: !!prefix,\n    suffix: showValidationIndicator || !!suffix || !!actions,\n    shape,\n    ...mods,\n  };\n\n  // The explicit props win when they are set; an unset one falls back to the merged `inputProps`\n  // instead of overwriting it with `undefined`. For `autoComplete` that keeps both a caller's\n  // `inputProps={{ autoComplete }}` and `useNumberField`'s own `off`. `autocomplete` is the\n  // deprecated alias.\n  const resolvedAutoComplete =\n    autoComplete ?? autocomplete ?? inputProps.autoComplete;\n  const resolvedAutoFocus = autoFocus ?? inputProps.autoFocus;\n\n  const hasTextSecurity = multiLine && type === 'password';\n  const textSecurityStyles =\n    hasTextSecurity && inputProps.value?.length\n      ? {\n          fontFamily: 'text-security-disc',\n        }\n      : {};\n\n  const isInputDisabled = !!(isDisabled ?? inputProps.disabled);\n\n  // A disabled input with a tooltip keeps its focus, as `Checkbox` and `Switch` do: the tooltip is\n  // usually the reason it is disabled, and focus is how the keyboard opens it. It is\n  // `aria-disabled` and read-only instead, and the pointer still can't focus it.\n  const { isInert } = getDisabledElementProps({\n    isDisabled: isInputDisabled,\n    keepEvents: isTooltipActive,\n    as: 'input',\n  });\n\n  let ownInputProps = mergeProps(inputProps, focusProps, hoverProps);\n\n  if (isInert) {\n    ownInputProps = mergeProps(\n      getInertInputProps(\n        mergeProps(\n          // The field's own focus handlers never run on a natively disabled input, and\n          // `useNumberField` commits on blur: it would round a value the user can't edit.\n          { ...inputProps, onFocus: undefined, onBlur: undefined },\n          focusProps,\n          hoverProps,\n        ),\n        { excludeFromTabOrder: props.excludeFromTabOrder },\n      ),\n      { readOnly: true, onMouseDown: preventPointerFocus },\n    );\n  }\n\n  // The field box takes the tooltip's hover side and positions it, so it\n  // covers the prefix, suffix and steppers and never the text being typed. The\n  // input, where keyboard focus lands, takes the focus side. The box keeps the\n  // field's ref, which `wrapperRef` also reaches.\n  const textField = renderWithTooltip((tooltipTriggerProps, tooltipRef) => {\n    const { pointerProps, focusProps: tooltipFocusProps } =\n      splitTooltipTriggerProps(tooltipTriggerProps);\n\n    return (\n      <InputWrapperElement\n        ref={tooltipRef ? mergeRefs(domRef, tooltipRef) : domRef}\n        mods={modifiers}\n        data-size={size}\n        styles={styles}\n        {...mergeProps(wrapperProps, pointerProps, {\n          onMouseDown: (event: MouseEvent<HTMLElement>) =>\n            focusInputOnBoxPress(event, inputRef?.current),\n        })}\n      >\n        {prefix ? <div data-element=\"Prefix\">{prefix}</div> : null}\n        <InputElement\n          qa={qa || 'Input'}\n          as={ElementType}\n          data-input-type=\"textinput\"\n          {...mergeTooltipFocusProps(ownInputProps, tooltipFocusProps)}\n          ref={inputRef}\n          rows={multiLine ? (rows ?? inputProps.rows ?? 1) : inputProps.rows}\n          mods={modifiers}\n          // oxlint-disable-next-line tasty/no-style-prop -- `preset` owns font-family, and a `fontFamily` state map would replace the preset's in every state\n          style={textSecurityStyles}\n          {...(resolvedAutoFocus ? { 'data-autofocus': '' } : undefined)}\n          autoFocus={resolvedAutoFocus}\n          data-size={size}\n          autoComplete={resolvedAutoComplete}\n          styles={inputStyles}\n          disabled={isInputDisabled && !isInert}\n          maxLength={maxLength ?? inputProps.maxLength}\n          minLength={minLength ?? inputProps.minLength}\n        />\n        {/* Inside the box, so a parent's `:last-child` rules still see the field: `NumberInput`'s hidden form value goes here. */}\n        {children}\n        {showValidationIndicator || suffix || actions ? (\n          <div data-element=\"Suffix\">\n            {suffixPosition === 'before' ? suffix : null}\n            {isLoading && loadingIndicator ? (\n              <div data-element=\"State\">{loadingIndicator}</div>\n            ) : (\n              <ValidationIndicator\n                isInvalid={isInvalid}\n                isValid={isValid}\n                isLoading={isLoading}\n              />\n            )}\n            {suffixPosition === 'after' ? suffix : null}\n            {actions}\n          </div>\n        ) : null}\n      </InputWrapperElement>\n    );\n  }, 'top');\n\n  // `renderWithTooltip` is typed for any node; here it returns an element.\n  // `tooltip` is the input's own, not the legacy spelling of `labelTooltip`.\n  return wrapWithField(textField as ReactElement, {\n    ...props,\n    ...field,\n    tooltip: undefined,\n    // A click on its label doesn't focus a natively disabled input either. The input keeps its\n    // name through `aria-labelledby`.\n    ...(isInert\n      ? {\n          labelProps: {\n            ...props.labelProps,\n            htmlFor: undefined,\n            for: undefined,\n          },\n        }\n      : null),\n  });\n}\n\nconst _TextInputBase = forwardRef(TextInputBase);\n\nexport { _TextInputBase as TextInputBase };\nexport type { AriaTextFieldProps };\n"],"mappings":"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"}
+{"version":3,"file":"TextInputBase.js","names":["useObjectRef","createFocusableRef","BaseProps","mergeStyles","Styles","tasty","FocusEventHandler","forwardRef","MouseEvent","ReactElement","ReactNode","RefObject","useImperativeHandle","AriaNumberFieldProps","AriaTextFieldProps","useHover","FieldBaseProps","TextFieldKeyboardProps","getDisabledElementProps","getInertInputProps","useFocus","mergeProps","mergeRefs","useCombinedRefs","useAutoTooltip","FieldLayoutStyleProps","splitFieldLayout","getValidationMods","hasValidationIndicator","ValidationIndicator","wrapWithField","mergeTooltipFocusProps","splitTooltipTriggerProps","Props","CubeTooltipProviderProps","ADD_STYLES","$","display","placeContent","placeItems","gridRows","flow","gap","cursor","opacity","disabled","INPUT_RADIUS","INPUT_WRAPPER_STYLES","position","gridColumns","prefix","suffix","fill","readonly","border","valid","invalid","focused","preset","radius","color","zIndex","boxSizing","transition","backgroundClip","height","multiline","$size","Prefix","Suffix","State","InputIcon","width","fontSize","ValidationIcon","InputWrapperElement","qa","styles","DEFAULT_INPUT_STYLES","recipe","placeSelf","padding","textAlign","flexGrow","margin","resize","userSelect","Placeholder","InputElement","INTERACTIVE_ELEMENTS","focusInputOnBoxPress","event","HTMLElement","input","HTMLInputElement","HTMLTextAreaElement","button","defaultPrevented","getAttribute","box","currentTarget","target","Element","contains","interactive","closest","preventDefault","focus","preventPointerFocus","CubeTextInputBaseProps","Omit","validate","onFocus","onBlur","icon","suffixPosition","actions","multiLine","autoFocus","inputProps","wrapperProps","inputRef","wrapperRef","HTMLDivElement","isLoading","loadingIndicator","inputStyles","rows","size","shape","autoComplete","autocomplete","tooltip","CubeBufferedValueProps","isBuffered","TextInputBase","props","ref","_c","mods","isInvalid","isValid","t0","isDisabled","isReadOnly","t1","t2","value","t3","t4","t5","t6","maxLength","minLength","form","children","otherProps","undefined","field","fillHeightOnFlex","type","ElementType","isFocused","focusProps","t7","t8","hoverProps","isHovered","domRef","t9","renderWithTooltip","isTooltipActive","select","current","getInputElement","t10","showValidationIndicator","placeholder","t11","t12","t13","t14","t15","t16","loadable","hovered","modifiers","resolvedAutoComplete","resolvedAutoFocus","hasTextSecurity","textSecurityStyles","length","fontFamily","isInputDisabled","t17","keepEvents","as","isInert","ownInputProps","excludeFromTabOrder","readOnly","onMouseDown","textField","tooltipTriggerProps","tooltipRef","pointerProps","tooltipFocusProps","labelProps","htmlFor","for","_TextInputBase","_c","useFocus","mergeProps","mergeRefs"],"sources":["../../../../src/components/fields/TextInput/TextInputBase.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { createFocusableRef } from '@react-spectrum/utils';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n} from 'react';\nimport { AriaNumberFieldProps, AriaTextFieldProps, useHover } from 'react-aria';\n\nimport { FieldBaseProps, TextFieldKeyboardProps } from '../../../shared/form';\nimport {\n  getDisabledElementProps,\n  getInertInputProps,\n} from '../../../utils/react/disabledProps';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport {\n  mergeRefs,\n  useCombinedRefs,\n} from '../../../utils/react/useCombinedRefs';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport { getValidationMods } from '../../form/validation/resolve-validation-props';\nimport {\n  hasValidationIndicator,\n  ValidationIndicator,\n} from '../../form/validation/ValidationIndicator';\nimport { wrapWithField } from '../../form/wrapper';\nimport {\n  mergeTooltipFocusProps,\n  splitTooltipTriggerProps,\n} from '../../overlays/Tooltip/split-trigger-props';\n\nimport type { Props } from '../../../props';\nimport type { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\n\nconst ADD_STYLES = {\n  $: '>',\n  display: 'grid',\n  placeContent: 'stretch',\n  placeItems: 'center',\n  gridRows: '1sf',\n  flow: 'column',\n  gap: 0,\n  cursor: 'inherit',\n  opacity: {\n    '': 1,\n    disabled: '$disabled-opacity',\n  },\n};\n\n// The field box and its input share the corners: a plain box is square.\nconst INPUT_RADIUS = {\n  '': true,\n  'shape=plain': 0,\n};\n\nexport const INPUT_WRAPPER_STYLES: Styles = {\n  display: 'grid',\n  flow: 'row',\n  position: 'relative',\n  gridColumns: {\n    '': '1sf',\n    prefix: 'max-content 1sf',\n    suffix: '1sf max-content',\n    'prefix & suffix': 'max-content 1sf max-content',\n  },\n  gridRows: '1sf',\n  placeItems: 'stretch',\n  fill: {\n    '': '#surface',\n    readonly: '#surface-2',\n    disabled: '#disabled-surface',\n  },\n  border: {\n    '': true,\n    readonly: '#border.5',\n    // High contrast keeps the full outline it raises for every field.\n    'readonly & @hc': true,\n    // A plain field sits flush in a container that draws its edges. Its border\n    // keeps its width, so nothing shifts, and shows only to mark focus or\n    // validity, and in high contrast.\n    'shape=plain': '#clear',\n    'shape=plain & @hc': true,\n    valid: '#success-text.50',\n    invalid: '#danger-text.50',\n    focused: '#primary-text',\n    'valid & focused': '#success-text',\n    'invalid & focused': '#danger-text',\n    disabled: true,\n    'disabled & shape=plain': '#clear',\n    'disabled & shape=plain & @hc': true,\n    // Only an input kept focusable for its tooltip is focused while disabled,\n    // and only from the keyboard: the pointer can't focus it.\n    'disabled & focused': '#primary-text',\n  },\n  preset: 't3',\n  radius: INPUT_RADIUS,\n  cursor: 'text',\n  color: {\n    '': '#dark-02',\n    focused: '#dark-02',\n    invalid: '#danger-text',\n    disabled: '#dark.30',\n  },\n  zIndex: {\n    '': 'initial',\n    focused: 1,\n  },\n  boxSizing: 'border-box',\n  transition: 'theme',\n  backgroundClip: 'content-box',\n  height: {\n    '': '$size $size',\n    multiline: 'min $size',\n  },\n\n  $size: {\n    '': '$size-md',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n  },\n\n  Prefix: ADD_STYLES,\n\n  Suffix: ADD_STYLES,\n\n  State: {\n    $: '> Suffix >',\n    display: 'flex',\n  },\n\n  InputIcon: {\n    display: 'grid',\n    placeItems: 'center',\n    width: 'min $size-sm',\n    color: 'inherit',\n    fontSize: '$icon-size',\n  },\n\n  ValidationIcon: {\n    $: '> Suffix > State >',\n    display: 'grid',\n    placeItems: 'center',\n    width: {\n      '': 'min $size-sm',\n      suffix: 'min $size-xs',\n    },\n    fontSize: '$icon-size',\n  },\n};\n\nconst InputWrapperElement = tasty({\n  qa: 'InputWrapper',\n  styles: INPUT_WRAPPER_STYLES,\n});\n\nexport const DEFAULT_INPUT_STYLES: Styles = {\n  recipe: 'reset input / input-autofill',\n  placeSelf: 'stretch',\n  width: 'initial 100% 100%',\n  transition: 'theme',\n  radius: INPUT_RADIUS,\n  padding: '$vertical-padding $right-padding $vertical-padding $left-padding',\n  textAlign: 'left',\n  preset: 't3',\n  flexGrow: 1,\n  margin: {\n    '': 0,\n    multiline: '((($size-md - 1lh) / 2) - 1bw) 0',\n    'multiline & size=small': '((($size-sm - 1lh) / 2) - 1bw) 0',\n    'multiline & size=large': '((($size-lg - 1lh) / 2) - 1bw) 0',\n  },\n  resize: 'none',\n  userSelect: 'auto',\n  // The browser's own for a disabled input, which an input kept focusable for\n  // its tooltip doesn't get: it is read-only, not natively disabled.\n  cursor: {\n    '': 'text',\n    disabled: 'default',\n  },\n\n  Placeholder: {\n    $: '&::placeholder',\n    recipe: 'input-placeholder',\n  },\n  '&::-webkit-search-cancel-button': {\n    recipe: 'input-search-cancel-button',\n  },\n\n  '$vertical-padding': 0,\n  '$left-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    prefix: '0',\n  },\n  '$right-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    suffix: '0',\n  },\n};\n\nconst InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });\n\nconst INTERACTIVE_ELEMENTS =\n  'a[href], button, input, select, textarea, [tabindex], [contenteditable]';\n\n/**\n * A press inside the field box but outside the input — the prefix or suffix area, an icon, a\n * textarea's margins — focuses the input, as a press anywhere in a native field does. Presses on\n * the input itself and on interactive children, such as a clear button or the steppers, stay\n * theirs.\n */\nfunction focusInputOnBoxPress(\n  event: MouseEvent<HTMLElement>,\n  input: HTMLInputElement | HTMLTextAreaElement | null | undefined,\n) {\n  if (event.button !== 0 || event.defaultPrevented) return;\n  // An input kept focusable for its tooltip is still disabled to the pointer.\n  if (\n    !input ||\n    input.disabled ||\n    input.getAttribute('aria-disabled') === 'true'\n  ) {\n    return;\n  }\n\n  const box = event.currentTarget;\n  const target = event.target as Element;\n\n  // React bubbles presses from a portal (a popover opened from a field action)\n  // through the box; those belong to the portal.\n  if (!box.contains(target)) return;\n\n  const interactive = target.closest(INTERACTIVE_ELEMENTS);\n\n  if (interactive && box.contains(interactive)) return;\n\n  // The default action would move focus to the press target first, blurring the input.\n  event.preventDefault();\n  input.focus();\n}\n\n/** A press doesn't focus a natively disabled input, so it doesn't focus an inert one either. */\nfunction preventPointerFocus(event: MouseEvent<HTMLElement>) {\n  event.preventDefault();\n}\n\nexport interface CubeTextInputBaseProps\n  extends\n    BaseProps,\n    FieldLayoutStyleProps,\n    Omit<\n      AriaTextFieldProps<HTMLInputElement | HTMLTextAreaElement>,\n      | 'validate'\n      | 'form'\n      | 'name'\n      | 'errorMessage'\n      | 'onKeyDown'\n      | 'onKeyUp'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    TextFieldKeyboardProps,\n    FieldBaseProps {\n  validate?: AriaTextFieldProps['validate'] | AriaNumberFieldProps['validate'];\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /** Left input icon */\n  icon?: ReactElement | null;\n  /** Input decoration before the main input */\n  prefix?: ReactNode;\n  /** Input decoration after the main input */\n  suffix?: ReactNode;\n  /** Suffix position goes before or after the validation and loading statuses */\n  suffixPosition?: 'before' | 'after';\n  /**\n   * Controls placed last in the suffix, after the validation and loading\n   * statuses and after `suffix` whatever its position, such as a popover\n   * trigger.\n   */\n  actions?: ReactNode;\n  /** Whether the input is multiline */\n  multiLine?: boolean;\n  /** Whether the input should have autofocus */\n  autoFocus?: boolean;\n  /**\n   * Direct input props. The explicit props above (`isDisabled`, `maxLength`, `minLength`,\n   * `autoFocus`, `rows`, `autoComplete`) win over the same attributes here when they are set; an\n   * unset one leaves the value given here in place.\n   */\n  inputProps?: Props;\n  /** Direct input wrapper props */\n  wrapperProps?: Props;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  /** The wrapper ref */\n  wrapperRef?: RefObject<HTMLDivElement | null>;\n  /** Whether the input has the loading status */\n  isLoading?: boolean;\n  /** Rendered in place of the default loading icon while `isLoading` is set */\n  loadingIndicator?: ReactNode;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /** The number of rows for the input. Only applies to textarea. */\n  rows?: number;\n  /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */\n  resize?: Styles['resize'];\n  /** The size of the input */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * The shape of the field box.\n   * - `default` - rounded, with a border.\n   * - `plain` - square, with no border at rest, for a field set flush in a\n   *   container that draws its edges, such as a toolbar or a panel header. The\n   *   border keeps its width, and shows on focus and in a valid or invalid\n   *   state.\n   * @default \"default\"\n   */\n  shape?: 'default' | 'plain';\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `current-password`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * @deprecated Use `autoComplete` instead. Kept as an alias so existing callers keep working;\n   * `autoComplete` wins when both are set.\n   */\n  autocomplete?: string;\n  /**\n   * The input's own tooltip: a short hint, such as what the value means or defaults to, or why the\n   * field is disabled. It opens on hover over the field box and on keyboard focus, and describes\n   * the input. A disabled input with a tooltip stays focusable, so the keyboard reaches it too. A\n   * string, or `TooltipProvider` props (`title`, `placement`, …). Never the field's name, an error\n   * or anything needed to fill the field in: touch users don't see it. The info badge next to a\n   * field label is `labelTooltip`.\n   */\n  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;\n}\n\n/**\n * Mixed into the fields that actually buffer their value — `TextInput`, `TextArea`,\n * `PasswordInput`, `SearchInput` — rather than declared on `CubeTextInputBaseProps`. Every field\n * built on that base would otherwise inherit the prop, including `NumberInput` and\n * `CommandTextArea`, which keep their own text and ignore it: a public API that accepts a flag and\n * does nothing with it.\n */\nexport interface CubeBufferedValueProps {\n  /**\n   * Whether the typed text is held locally until the controlled `value` catches up. On by default,\n   * which is what keeps the caret in place when the value round-trips through a store that\n   * re-renders a pass late. Set to `false` for a caller that must see the value snap back to its\n   * own `value` prop the instant it declines a keystroke. See `useBufferedValue`.\n   */\n  isBuffered?: boolean;\n}\n\n/**\n * The presentational base for text-like inputs. It renders the input chrome and the field wrapper, but\n * never wires form state — that is the job of the component rendering it (`TextInput`, `TextArea`,\n * `PasswordInput`, `NumberInput`, `SearchInput`, `CommandTextArea`).\n */\nfunction TextInputBase(props: CubeTextInputBaseProps, ref) {\n  let {\n    qa,\n    mods,\n    isInvalid,\n    isValid,\n    prefix,\n    isDisabled,\n    isReadOnly,\n    multiLine,\n    autoFocus,\n    inputProps,\n    wrapperProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    value,\n    inputStyles = {},\n    suffix,\n    suffixPosition = 'before',\n    actions,\n    wrapperRef,\n    rows,\n    size = 'medium',\n    shape = 'default',\n    autoComplete,\n    autocomplete,\n    icon,\n    maxLength,\n    minLength,\n    form,\n    resize,\n    tooltip,\n    children,\n    ...otherProps\n  } = props;\n\n  // A text area grows with its flex line when bare, so it fills a field\n  // sized by flex props too.\n  const { styles, field } = splitFieldLayout(props, {\n    fillHeightOnFlex: !!multiLine,\n  });\n  let type = otherProps.type;\n\n  if (resize) {\n    // oxlint-disable-next-line tasty/no-runtime-styles-mutation -- forwards the consumer's `resize` prop\n    inputStyles = mergeStyles(inputStyles, { resize });\n  }\n\n  let ElementType: 'textarea' | 'input' = multiLine ? 'textarea' : 'input';\n  let { isFocused, focusProps } = useFocus();\n  // A read-only field takes no hover state: nothing it could change would follow.\n  let { hoverProps, isHovered } = useHover({\n    isDisabled: isDisabled || isReadOnly,\n  });\n  // The input box, with or without the field chrome, so the field's ref never\n  // resolves to `null`; `wrapperRef` reaches the same element.\n  let domRef = useObjectRef(wrapperRef);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  let { renderWithTooltip, isTooltipActive } = useAutoTooltip({\n    tooltip,\n    children: null,\n  });\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const showValidationIndicator = hasValidationIndicator({\n    isInvalid,\n    isValid,\n    isLoading,\n  });\n\n  // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270\n  if (!inputProps?.placeholder) {\n    if (!inputProps) {\n      inputProps = {};\n    }\n\n    inputProps.placeholder = ' ';\n  }\n\n  if (icon) {\n    icon = <div data-element=\"InputIcon\">{icon}</div>;\n\n    if (prefix) {\n      prefix = (\n        <>\n          {icon}\n          {prefix}\n        </>\n      );\n    } else {\n      prefix = icon;\n    }\n  }\n\n  const modifiers = {\n    ...getValidationMods({ isInvalid, isValid }),\n    loadable: !!loadingIndicator,\n    focused: isFocused,\n    hovered: isHovered,\n    disabled: isDisabled,\n    readonly: !!isReadOnly,\n    multiline: multiLine,\n    prefix: !!prefix,\n    suffix: showValidationIndicator || !!suffix || !!actions,\n    shape,\n    ...mods,\n  };\n\n  // The explicit props win when they are set; an unset one falls back to the merged `inputProps`\n  // instead of overwriting it with `undefined`. For `autoComplete` that keeps both a caller's\n  // `inputProps={{ autoComplete }}` and `useNumberField`'s own `off`. `autocomplete` is the\n  // deprecated alias.\n  const resolvedAutoComplete =\n    autoComplete ?? autocomplete ?? inputProps.autoComplete;\n  const resolvedAutoFocus = autoFocus ?? inputProps.autoFocus;\n\n  const hasTextSecurity = multiLine && type === 'password';\n  const textSecurityStyles =\n    hasTextSecurity && inputProps.value?.length\n      ? {\n          fontFamily: 'text-security-disc',\n        }\n      : {};\n\n  const isInputDisabled = !!(isDisabled ?? inputProps.disabled);\n\n  // A disabled input with a tooltip keeps its focus, as `Checkbox` and `Switch` do: the tooltip is\n  // usually the reason it is disabled, and focus is how the keyboard opens it. It is\n  // `aria-disabled` and read-only instead, and the pointer still can't focus it.\n  const { isInert } = getDisabledElementProps({\n    isDisabled: isInputDisabled,\n    keepEvents: isTooltipActive,\n    as: 'input',\n  });\n\n  let ownInputProps = mergeProps(inputProps, focusProps, hoverProps);\n\n  if (isInert) {\n    ownInputProps = mergeProps(\n      getInertInputProps(\n        mergeProps(\n          // The field's own focus handlers never run on a natively disabled input, and\n          // `useNumberField` commits on blur: it would round a value the user can't edit.\n          { ...inputProps, onFocus: undefined, onBlur: undefined },\n          focusProps,\n          hoverProps,\n        ),\n        { excludeFromTabOrder: props.excludeFromTabOrder },\n      ),\n      { readOnly: true, onMouseDown: preventPointerFocus },\n    );\n  }\n\n  // The field box takes the tooltip's hover side and positions it, so it\n  // covers the prefix, suffix and steppers and never the text being typed. The\n  // input, where keyboard focus lands, takes the focus side. The box keeps the\n  // field's ref, which `wrapperRef` also reaches.\n  const textField = renderWithTooltip((tooltipTriggerProps, tooltipRef) => {\n    const { pointerProps, focusProps: tooltipFocusProps } =\n      splitTooltipTriggerProps(tooltipTriggerProps);\n\n    return (\n      <InputWrapperElement\n        ref={tooltipRef ? mergeRefs(domRef, tooltipRef) : domRef}\n        mods={modifiers}\n        data-size={size}\n        styles={styles}\n        {...mergeProps(wrapperProps, pointerProps, {\n          onMouseDown: (event: MouseEvent<HTMLElement>) =>\n            focusInputOnBoxPress(event, inputRef?.current),\n        })}\n      >\n        {prefix ? <div data-element=\"Prefix\">{prefix}</div> : null}\n        <InputElement\n          qa={qa || 'Input'}\n          as={ElementType}\n          data-input-type=\"textinput\"\n          {...mergeTooltipFocusProps(ownInputProps, tooltipFocusProps)}\n          ref={inputRef}\n          rows={multiLine ? (rows ?? inputProps.rows ?? 1) : inputProps.rows}\n          mods={modifiers}\n          // oxlint-disable-next-line tasty/no-style-prop -- `preset` owns font-family, and a `fontFamily` state map would replace the preset's in every state\n          style={textSecurityStyles}\n          {...(resolvedAutoFocus ? { 'data-autofocus': '' } : undefined)}\n          autoFocus={resolvedAutoFocus}\n          data-size={size}\n          autoComplete={resolvedAutoComplete}\n          styles={inputStyles}\n          disabled={isInputDisabled && !isInert}\n          maxLength={maxLength ?? inputProps.maxLength}\n          minLength={minLength ?? inputProps.minLength}\n        />\n        {/* Inside the box, so a parent's `:last-child` rules still see the field: `NumberInput`'s hidden form value goes here. */}\n        {children}\n        {showValidationIndicator || suffix || actions ? (\n          <div data-element=\"Suffix\">\n            {suffixPosition === 'before' ? suffix : null}\n            {isLoading && loadingIndicator ? (\n              <div data-element=\"State\">{loadingIndicator}</div>\n            ) : (\n              <ValidationIndicator\n                isInvalid={isInvalid}\n                isValid={isValid}\n                isLoading={isLoading}\n              />\n            )}\n            {suffixPosition === 'after' ? suffix : null}\n            {actions}\n          </div>\n        ) : null}\n      </InputWrapperElement>\n    );\n  }, 'top');\n\n  // `renderWithTooltip` is typed for any node; here it returns an element.\n  // `tooltip` is the input's own, not the legacy spelling of `labelTooltip`.\n  return wrapWithField(textField as ReactElement, {\n    ...props,\n    ...field,\n    tooltip: undefined,\n    // A click on its label doesn't focus a natively disabled input either. The input keeps its\n    // name through `aria-labelledby`.\n    ...(isInert\n      ? {\n          labelProps: {\n            ...props.labelProps,\n            htmlFor: undefined,\n            for: undefined,\n          },\n        }\n      : null),\n  });\n}\n\nconst _TextInputBase = forwardRef(TextInputBase);\n\nexport { _TextInputBase as TextInputBase };\nexport type { AriaTextFieldProps };\n"],"mappings":"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"}

package/dist/components/fields/TextInput/displayed-validation.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 { chain } from "../../../utils/react/chain.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/fields/TextInput/useAutoSizeTextArea.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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 //#region src/components/fields/TextInput/useAutoSizeTextArea.ts

package/dist/components/fields/TextInput/useAutoSizeTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoSizeTextArea.js","names":["RefObject","useEffect","useLayoutEffect","useRef","useEvent","MIRROR_TYPOGRAPHY_PROPS","const","FALLBACK_LINE_HEIGHT","createMirror","HTMLTextAreaElement","mirror","document","createElement","setAttribute","readOnly","rows","Object","assign","style","position","top","left","boxSizing","margin","padding","border","height","minHeight","maxHeight","overflow","resize","visibility","pointerEvents","getContentWidth","textarea","CSSStyleDeclaration","paddingLeft","parseFloat","paddingRight","borderLeft","borderLeftWidth","borderRight","borderRightWidth","scrollbar","Math","max","round","offsetWidth","clientWidth","getBoundingClientRect","width","getLineHeight","parsed","lineHeight","Number","isFinite","previousValue","value","measured","scrollHeight","AutoSizeTextAreaOptions","inputRef","autoSize","maxRows","useAutoSizeTextArea","mirrorRef","adjustHeight","current","body","appendChild","getComputedStyle","contentWidth","prop","contentRows","targetRows","min","paddingTop","paddingBottom","borderTop","borderTopWidth","borderBottom","borderBottomWidth","box","nextHeight","useEnvironmentalEffect","window","resizeObserver","ResizeObserver","observe","disconnect","remove"],"sources":["../../../../src/components/fields/TextInput/useAutoSizeTextArea.ts"],"sourcesContent":["import { RefObject, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/index';\n\n/**\n * Computed properties that decide where text wraps and how tall a line box is.\n * Copied onto the mirror so it wraps exactly like the live textarea.\n */\nconst MIRROR_TYPOGRAPHY_PROPS = [\n  'direction',\n  'fontFamily',\n  'fontFeatureSettings',\n  'fontKerning',\n  'fontSize',\n  'fontStretch',\n  'fontStyle',\n  'fontVariant',\n  'fontVariationSettings',\n  'fontWeight',\n  'letterSpacing',\n  'lineHeight',\n  'overflowWrap',\n  'tabSize',\n  'textIndent',\n  'textTransform',\n  'whiteSpace',\n  'wordBreak',\n  'wordSpacing',\n] as const;\n\nconst FALLBACK_LINE_HEIGHT = 20;\n\n/**\n * An off-screen textarea used to measure how tall the content wants to be.\n *\n * It carries no padding and no border, and its width is set to the live\n * element's *content* width, so `scrollHeight` is the content height and\n * nothing else. `height: 0` is what makes shrinking measurable: a textarea's\n * `scrollHeight` never drops below its own client height, so measuring the live\n * element can only ever report \"at least what it already is\".\n */\nfunction createMirror(): HTMLTextAreaElement {\n  const mirror = document.createElement('textarea');\n\n  mirror.setAttribute('aria-hidden', 'true');\n  mirror.setAttribute('tabindex', '-1');\n  mirror.readOnly = true;\n  mirror.rows = 1;\n\n  Object.assign(mirror.style, {\n    position: 'absolute',\n    top: '0',\n    left: '-9999px',\n    boxSizing: 'content-box',\n    margin: '0',\n    padding: '0',\n    border: '0',\n    height: '0',\n    minHeight: '0',\n    maxHeight: 'none',\n    overflow: 'hidden',\n    resize: 'none',\n    visibility: 'hidden',\n    pointerEvents: 'none',\n  });\n\n  return mirror;\n}\n\n/** The width the text actually has to wrap in, scrollbar and padding removed. */\nfunction getContentWidth(\n  textarea: HTMLTextAreaElement,\n  style: CSSStyleDeclaration,\n): number {\n  const paddingLeft = parseFloat(style.paddingLeft) || 0;\n  const paddingRight = parseFloat(style.paddingRight) || 0;\n  const borderLeft = parseFloat(style.borderLeftWidth) || 0;\n  const borderRight = parseFloat(style.borderRightWidth) || 0;\n  // A classic (space-taking) scrollbar narrows the text; overlay scrollbars\n  // report 0 here.\n  const scrollbar = Math.max(\n    0,\n    Math.round(\n      textarea.offsetWidth - textarea.clientWidth - borderLeft - borderRight,\n    ),\n  );\n\n  return Math.max(\n    0,\n    textarea.getBoundingClientRect().width -\n      borderLeft -\n      borderRight -\n      scrollbar -\n      paddingLeft -\n      paddingRight,\n  );\n}\n\n/** `line-height: normal` has no px value to read, so measure one line instead. */\nfunction getLineHeight(\n  style: CSSStyleDeclaration,\n  mirror: HTMLTextAreaElement,\n): number {\n  const parsed = parseFloat(style.lineHeight);\n\n  if (Number.isFinite(parsed) && parsed > 0) return parsed;\n\n  const previousValue = mirror.value;\n\n  mirror.value = 'x';\n\n  const measured = mirror.scrollHeight;\n\n  mirror.value = previousValue;\n\n  return measured > 0 ? measured : FALLBACK_LINE_HEIGHT;\n}\n\nexport interface AutoSizeTextAreaOptions {\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  /** Whether the textarea resizes to fit its content. */\n  autoSize: boolean;\n  /** Minimum number of visible rows. */\n  rows: number;\n  /** Maximum number of visible rows. */\n  maxRows: number;\n  /** The rendered value. A change re-measures, so buffered drafts count too. */\n  value: unknown;\n}\n\n/**\n * Keeps an `autoSize` textarea's height in step with its content, and returns\n * the `adjustHeight` callback so a change handler can resize in the same tick\n * as the keystroke.\n *\n * The height is derived from an off-screen mirror rather than from the live\n * element. Measuring the live element — `height: auto`, read `scrollHeight`,\n * restore — re-lays out every ancestor mid-keystroke: in a chat-style column\n * the input box collapses to one row and the scroll viewport grows by the\n * difference, and the browser's scroll anchoring has to undo that. It does so\n * imperfectly, which is visible as the whole conversation bouncing by a pixel\n * on every keystroke (CUB-4042). Measuring off-screen touches no ancestor, so\n * there is nothing to undo.\n */\nexport function useAutoSizeTextArea({\n  inputRef,\n  autoSize,\n  rows,\n  maxRows,\n  value,\n}: AutoSizeTextAreaOptions) {\n  const mirrorRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const adjustHeight = useEvent(() => {\n    const textarea = inputRef.current;\n\n    if (!textarea || !autoSize) return;\n\n    let mirror = mirrorRef.current;\n\n    if (!mirror) {\n      mirror = createMirror();\n      mirrorRef.current = mirror;\n      document.body.appendChild(mirror);\n    }\n\n    const style = getComputedStyle(textarea);\n    const contentWidth = getContentWidth(textarea, style);\n\n    // Nothing to wrap into: the field is display:none, or has not been laid out\n    // yet. Measuring at zero width would wrap every character onto its own line\n    // and pin the height at `maxRows`; keep the current height instead and wait\n    // for the ResizeObserver to report a real one.\n    if (contentWidth === 0) return;\n\n    for (const prop of MIRROR_TYPOGRAPHY_PROPS) {\n      mirror.style[prop] = style[prop];\n    }\n\n    mirror.style.width = `${contentWidth}px`;\n    mirror.value = textarea.value;\n\n    const lineHeight = getLineHeight(style, mirror);\n    // A textarea lays every line out at `line-height`, so the content height is\n    // a whole number of lines — `round` keeps a fractional line height (a zoomed\n    // page, a percentage preset) from adding a phantom row.\n    const contentRows = Math.max(\n      1,\n      Math.round(mirror.scrollHeight / lineHeight),\n    );\n    const targetRows = Math.max(Math.min(contentRows, maxRows), rows);\n\n    const paddingTop = parseFloat(style.paddingTop) || 0;\n    const paddingBottom = parseFloat(style.paddingBottom) || 0;\n    const borderTop = parseFloat(style.borderTopWidth) || 0;\n    const borderBottom = parseFloat(style.borderBottomWidth) || 0;\n    // `height` covers padding and border under `border-box` only.\n    const box =\n      style.boxSizing === 'border-box'\n        ? paddingTop + paddingBottom + borderTop + borderBottom\n        : 0;\n\n    const nextHeight = `${targetRows * lineHeight + box}px`;\n\n    // Writing an unchanged height would wake the ResizeObserver below for\n    // nothing.\n    if (textarea.style.height !== nextHeight) {\n      textarea.style.height = nextHeight;\n    }\n  });\n\n  const useEnvironmentalEffect =\n    typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n  // Re-measure on element resize as that can affect wrapping.\n  useEnvironmentalEffect(() => {\n    if (!autoSize || !inputRef.current) return;\n\n    adjustHeight();\n\n    const resizeObserver = new ResizeObserver(adjustHeight);\n\n    resizeObserver.observe(inputRef.current);\n\n    return () => resizeObserver.disconnect();\n  }, [autoSize, inputRef.current]);\n\n  // Adjust when the value changes programmatically (controlled mode).\n  useEnvironmentalEffect(() => {\n    if (autoSize && inputRef.current) {\n      adjustHeight();\n    }\n  }, [value]);\n\n  useEffect(\n    () => () => {\n      mirrorRef.current?.remove();\n      mirrorRef.current = null;\n    },\n    [],\n  );\n\n  return adjustHeight;\n}\n"],"mappings":"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"}
+{"version":3,"file":"useAutoSizeTextArea.js","names":["RefObject","useEffect","useLayoutEffect","useRef","useEvent","MIRROR_TYPOGRAPHY_PROPS","const","FALLBACK_LINE_HEIGHT","createMirror","HTMLTextAreaElement","mirror","document","createElement","setAttribute","readOnly","rows","Object","assign","style","position","top","left","boxSizing","margin","padding","border","height","minHeight","maxHeight","overflow","resize","visibility","pointerEvents","getContentWidth","textarea","CSSStyleDeclaration","paddingLeft","parseFloat","paddingRight","borderLeft","borderLeftWidth","borderRight","borderRightWidth","scrollbar","Math","max","round","offsetWidth","clientWidth","getBoundingClientRect","width","getLineHeight","parsed","lineHeight","Number","isFinite","previousValue","value","measured","scrollHeight","AutoSizeTextAreaOptions","inputRef","autoSize","maxRows","useAutoSizeTextArea","mirrorRef","adjustHeight","current","body","appendChild","getComputedStyle","contentWidth","prop","contentRows","targetRows","min","paddingTop","paddingBottom","borderTop","borderTopWidth","borderBottom","borderBottomWidth","box","nextHeight","useEnvironmentalEffect","window","resizeObserver","ResizeObserver","observe","disconnect","remove"],"sources":["../../../../src/components/fields/TextInput/useAutoSizeTextArea.ts"],"sourcesContent":["import { RefObject, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\n\n/**\n * Computed properties that decide where text wraps and how tall a line box is.\n * Copied onto the mirror so it wraps exactly like the live textarea.\n */\nconst MIRROR_TYPOGRAPHY_PROPS = [\n  'direction',\n  'fontFamily',\n  'fontFeatureSettings',\n  'fontKerning',\n  'fontSize',\n  'fontStretch',\n  'fontStyle',\n  'fontVariant',\n  'fontVariationSettings',\n  'fontWeight',\n  'letterSpacing',\n  'lineHeight',\n  'overflowWrap',\n  'tabSize',\n  'textIndent',\n  'textTransform',\n  'whiteSpace',\n  'wordBreak',\n  'wordSpacing',\n] as const;\n\nconst FALLBACK_LINE_HEIGHT = 20;\n\n/**\n * An off-screen textarea used to measure how tall the content wants to be.\n *\n * It carries no padding and no border, and its width is set to the live\n * element's *content* width, so `scrollHeight` is the content height and\n * nothing else. `height: 0` is what makes shrinking measurable: a textarea's\n * `scrollHeight` never drops below its own client height, so measuring the live\n * element can only ever report \"at least what it already is\".\n */\nfunction createMirror(): HTMLTextAreaElement {\n  const mirror = document.createElement('textarea');\n\n  mirror.setAttribute('aria-hidden', 'true');\n  mirror.setAttribute('tabindex', '-1');\n  mirror.readOnly = true;\n  mirror.rows = 1;\n\n  Object.assign(mirror.style, {\n    position: 'absolute',\n    top: '0',\n    left: '-9999px',\n    boxSizing: 'content-box',\n    margin: '0',\n    padding: '0',\n    border: '0',\n    height: '0',\n    minHeight: '0',\n    maxHeight: 'none',\n    overflow: 'hidden',\n    resize: 'none',\n    visibility: 'hidden',\n    pointerEvents: 'none',\n  });\n\n  return mirror;\n}\n\n/** The width the text actually has to wrap in, scrollbar and padding removed. */\nfunction getContentWidth(\n  textarea: HTMLTextAreaElement,\n  style: CSSStyleDeclaration,\n): number {\n  const paddingLeft = parseFloat(style.paddingLeft) || 0;\n  const paddingRight = parseFloat(style.paddingRight) || 0;\n  const borderLeft = parseFloat(style.borderLeftWidth) || 0;\n  const borderRight = parseFloat(style.borderRightWidth) || 0;\n  // A classic (space-taking) scrollbar narrows the text; overlay scrollbars\n  // report 0 here.\n  const scrollbar = Math.max(\n    0,\n    Math.round(\n      textarea.offsetWidth - textarea.clientWidth - borderLeft - borderRight,\n    ),\n  );\n\n  return Math.max(\n    0,\n    textarea.getBoundingClientRect().width -\n      borderLeft -\n      borderRight -\n      scrollbar -\n      paddingLeft -\n      paddingRight,\n  );\n}\n\n/** `line-height: normal` has no px value to read, so measure one line instead. */\nfunction getLineHeight(\n  style: CSSStyleDeclaration,\n  mirror: HTMLTextAreaElement,\n): number {\n  const parsed = parseFloat(style.lineHeight);\n\n  if (Number.isFinite(parsed) && parsed > 0) return parsed;\n\n  const previousValue = mirror.value;\n\n  mirror.value = 'x';\n\n  const measured = mirror.scrollHeight;\n\n  mirror.value = previousValue;\n\n  return measured > 0 ? measured : FALLBACK_LINE_HEIGHT;\n}\n\nexport interface AutoSizeTextAreaOptions {\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  /** Whether the textarea resizes to fit its content. */\n  autoSize: boolean;\n  /** Minimum number of visible rows. */\n  rows: number;\n  /** Maximum number of visible rows. */\n  maxRows: number;\n  /** The rendered value. A change re-measures, so buffered drafts count too. */\n  value: unknown;\n}\n\n/**\n * Keeps an `autoSize` textarea's height in step with its content, and returns\n * the `adjustHeight` callback so a change handler can resize in the same tick\n * as the keystroke.\n *\n * The height is derived from an off-screen mirror rather than from the live\n * element. Measuring the live element — `height: auto`, read `scrollHeight`,\n * restore — re-lays out every ancestor mid-keystroke: in a chat-style column\n * the input box collapses to one row and the scroll viewport grows by the\n * difference, and the browser's scroll anchoring has to undo that. It does so\n * imperfectly, which is visible as the whole conversation bouncing by a pixel\n * on every keystroke (CUB-4042). Measuring off-screen touches no ancestor, so\n * there is nothing to undo.\n */\nexport function useAutoSizeTextArea({\n  inputRef,\n  autoSize,\n  rows,\n  maxRows,\n  value,\n}: AutoSizeTextAreaOptions) {\n  const mirrorRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const adjustHeight = useEvent(() => {\n    const textarea = inputRef.current;\n\n    if (!textarea || !autoSize) return;\n\n    let mirror = mirrorRef.current;\n\n    if (!mirror) {\n      mirror = createMirror();\n      mirrorRef.current = mirror;\n      document.body.appendChild(mirror);\n    }\n\n    const style = getComputedStyle(textarea);\n    const contentWidth = getContentWidth(textarea, style);\n\n    // Nothing to wrap into: the field is display:none, or has not been laid out\n    // yet. Measuring at zero width would wrap every character onto its own line\n    // and pin the height at `maxRows`; keep the current height instead and wait\n    // for the ResizeObserver to report a real one.\n    if (contentWidth === 0) return;\n\n    for (const prop of MIRROR_TYPOGRAPHY_PROPS) {\n      mirror.style[prop] = style[prop];\n    }\n\n    mirror.style.width = `${contentWidth}px`;\n    mirror.value = textarea.value;\n\n    const lineHeight = getLineHeight(style, mirror);\n    // A textarea lays every line out at `line-height`, so the content height is\n    // a whole number of lines — `round` keeps a fractional line height (a zoomed\n    // page, a percentage preset) from adding a phantom row.\n    const contentRows = Math.max(\n      1,\n      Math.round(mirror.scrollHeight / lineHeight),\n    );\n    const targetRows = Math.max(Math.min(contentRows, maxRows), rows);\n\n    const paddingTop = parseFloat(style.paddingTop) || 0;\n    const paddingBottom = parseFloat(style.paddingBottom) || 0;\n    const borderTop = parseFloat(style.borderTopWidth) || 0;\n    const borderBottom = parseFloat(style.borderBottomWidth) || 0;\n    // `height` covers padding and border under `border-box` only.\n    const box =\n      style.boxSizing === 'border-box'\n        ? paddingTop + paddingBottom + borderTop + borderBottom\n        : 0;\n\n    const nextHeight = `${targetRows * lineHeight + box}px`;\n\n    // Writing an unchanged height would wake the ResizeObserver below for\n    // nothing.\n    if (textarea.style.height !== nextHeight) {\n      textarea.style.height = nextHeight;\n    }\n  });\n\n  const useEnvironmentalEffect =\n    typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n  // Re-measure on element resize as that can affect wrapping.\n  useEnvironmentalEffect(() => {\n    if (!autoSize || !inputRef.current) return;\n\n    adjustHeight();\n\n    const resizeObserver = new ResizeObserver(adjustHeight);\n\n    resizeObserver.observe(inputRef.current);\n\n    return () => resizeObserver.disconnect();\n  }, [autoSize, inputRef.current]);\n\n  // Adjust when the value changes programmatically (controlled mode).\n  useEnvironmentalEffect(() => {\n    if (autoSize && inputRef.current) {\n      adjustHeight();\n    }\n  }, [value]);\n\n  useEffect(\n    () => () => {\n      mirrorRef.current?.remove();\n      mirrorRef.current = null;\n    },\n    [],\n  );\n\n  return adjustHeight;\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,5 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
-import "../../../shared/index.js";
 import { ComponentType } from "react";
 //#region src/components/fields/TextInputMapper/TextInputMapper.d.ts
 export interface CubeTextInputMapperProps extends FieldBaseProps<Record<string, string> | null | undefined> {

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,15 +1,15 @@
-/** @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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Space } from "../../layout/Space.js";
-import { Button } from "../../actions/index.js";
+import { Button } from "../../actions/Button/Button.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
-import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
+import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { PasswordInput as _PasswordInput } from "../PasswordInput/PasswordInput.js";
 import { TextArea as _TextArea } from "../TextArea/TextArea.js";
 import { TextInput } from "../TextInput/TextInput.js";