npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-c5ac550 → 0.0.0-canary-a98ac41 - Mend

@cube-dev/ui-kit 0.0.0-canary-c5ac550 → 0.0.0-canary-a98ac41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (561) hide show

package/dist/components/data/TableBase/column-menu.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";

package/dist/components/data/TableBase/column-tint.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";

package/dist/components/data/TableBase/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { CubeTableAlign, CubeTableCellContext, CubeTableColumn, CubeTableColumnHeader, CubeTableHeaderContext, CubeTableRowContext, CubeTableRowExpandInfo, CubeTableRowSection, CubeTableRowSize, CubeTableSort, CubeTableSortDirection, CubeTableTreeProps, CubeTableTreeRowState } from "./types.js";
+import { CubeTableAlign, CubeTableCellContext, CubeTableColumn, CubeTableColumnHeader, CubeTableHeaderContext, CubeTableLayoutProps, CubeTableRowContext, CubeTableRowExpandInfo, CubeTableRowSection, CubeTableRowSize, CubeTableSort, CubeTableSortDirection, CubeTableTreeProps, CubeTableTreeRowState } from "./types.js";
 import { CubeTableRowRenderProps } from "./TableView.js";
 import "./styled.js";
 import "./use-table-columns.js";

package/dist/components/data/TableBase/row-menu.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 //#region src/components/data/TableBase/row-menu.ts

package/dist/components/data/TableBase/styled.d.ts CHANGED Viewed

@@ -2,5 +2,4 @@
 import "../../content/Item/index.js";
 import "../../../data/item-themes.js";
 import "../../../index.js";
-import { Styles } from "@tenphi/tasty";
-import "react";
+import { Styles } from "@tenphi/tasty";

package/dist/components/data/TableBase/styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";

package/dist/components/data/TableBase/table-tree.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 //#region src/components/data/TableBase/table-tree.ts
 /** Build identity and parent/child indexes without modifying consumer rows. */
 function buildTableTree(rows, getChildren, getKey) {

package/dist/components/data/TableBase/types.d.ts CHANGED Viewed

@@ -37,6 +37,17 @@ interface CubeTableRowExpandInfo<T = any> {
   parentKey: Key$1 | null;
   expanded: boolean;
 }
+/** Shared root sizing contract used by both table adapters. */
+interface CubeTableLayoutProps {
+  /**
+   * Shrink-wraps the frame to its rendered rows instead of filling the
+   * available flex pane. This mode disables virtualization because there is no
+   * bounded vertical viewport to virtualize against.
+   *
+   * @default false
+   */
+  isAutoHeight?: boolean;
+}
 /** Shared opt-in hierarchy contract used by both table adapters. */
 interface CubeTableTreeProps<T = any> {
   /**
@@ -288,5 +299,5 @@ type CubeTableSelectionMode = 'none' | 'single' | 'multiple';
  */
 type CubeTableSelectAllMode = 'page' | 'filtered' | 'all';
 //#endregion
-export { CubeTableAlign, CubeTableCellContext, CubeTableCellRange, CubeTableColumn, CubeTableColumnHeader, CubeTableHeaderContext, CubeTableLoadingIndicator, CubeTableRowContext, CubeTableRowExpandInfo, CubeTableRowSection, CubeTableRowSize, CubeTableSelectAllMode, CubeTableSelectionMode, CubeTableSort, CubeTableSortDirection, CubeTableTreeProps, CubeTableTreeRowState };
+export { CubeTableAlign, CubeTableCellContext, CubeTableCellRange, CubeTableColumn, CubeTableColumnHeader, CubeTableHeaderContext, CubeTableLayoutProps, CubeTableLoadingIndicator, CubeTableRowContext, CubeTableRowExpandInfo, CubeTableRowSection, CubeTableRowSize, CubeTableSelectAllMode, CubeTableSelectionMode, CubeTableSort, CubeTableSortDirection, CubeTableTreeProps, CubeTableTreeRowState };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/data/TableBase/types.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 //#region src/components/data/TableBase/types.ts
 /**
 * `asc | desc` rather than React Aria's `ascending | descending`: we do not use

package/dist/components/data/TableBase/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/data/TableBase/types.ts"],"sourcesContent":["import type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\nimport type { CubeItemProps } from '../../content/Item';\n\nexport type CubeTableSortDirection = 'asc' \| 'desc';\n/*\n Named row heights: 28px, 32px and 40px.\n \n A subset of the kit's size scale, and the same three steps `size` would give —\n * but `rowSize` moves only the ROWS. `size` also drives the header, so reaching\n * for a denser body through it drags the header down too.\n /\nexport type CubeTableRowSize = 'small' \| 'medium' \| 'large';\nexport type CubeTableAlign = 'start' \| 'center' \| 'end';\nexport type CubeTableRowSection = 'body' \| 'pinnedTop' \| 'pinnedBottom';\n\n/\n `asc \| desc` rather than React Aria's `ascending \| descending`: we do not use\n * `useTableState`, so there is no `SortDescriptor` interop to preserve, and\n * every consumer and server query parameter already speaks `asc\|desc`.\n * `aria-sort` is a one-line map in the header cell.\n /\n/\n A rectangular block of cells, stored as two opposite corners.\n \n Corners rather than a set of keys so the selection survives a re-sort or a\n * page change the way a keyed row selection does: \"the block between these two\n * cells\" is re-resolved against the current order every render.\n /\n/\n The key a cell range identifies a row by.\n \n Not the consumer's row key: a pinned total is commonly the SAME record at the\n * top and the bottom (`id: 'total'`), and one flat key space collapsed the two\n * into whichever `indexOf` found first — so a range aimed at the footer total\n * resolved against the header one. The section is part of the identity here,\n * and only here; `ctx.rowKey` stays the consumer's own.\n /\nexport function selectionRowKey(\n section: CubeTableRowSection,\n rowKey: Key,\n): Key {\n return section === 'body' ? rowKey : `${section}:${rowKey}`;\n}\n\nexport interface CubeTableCellRange {\n fromRowKey: Key;\n toRowKey: Key;\n fromColumnKey: string;\n toColumnKey: string;\n}\n\nexport interface CubeTableTreeRowState {\n /* Zero-based depth in the hierarchy. /\n level: number;\n parentKey: Key \| null;\n hasChildren: boolean;\n isExpanded: boolean;\n}\n\nexport interface CubeTableRowExpandInfo<T = any> {\n row: T;\n rowKey: Key;\n level: number;\n parentKey: Key \| null;\n expanded: boolean;\n}\n\n/* Shared opt-in hierarchy contract used by both table adapters. /\nexport interface CubeTableTreeProps<T = any> {\n /\n Returns a row's already-loaded children. Supplying this enables tree mode\n * and makes `data` the top-level row collection.\n /\n getRowChildren?: (row: T) => readonly T[] \| undefined;\n /* Column that owns the indentation and disclosure control. /\n treeColumnKey?: string;\n /* Controlled expanded row keys. /\n expandedKeys?: Key[];\n /* Initially expanded row keys. /\n defaultExpandedKeys?: Key[];\n /* Called after a user expands or collapses a row. /\n onExpand?: (keys: Key[], info: CubeTableRowExpandInfo<T>) => void;\n}\n\nexport interface CubeTableSort {\n /* `key` of the sorted column. /\n columnKey: string;\n direction: CubeTableSortDirection;\n}\n\n/ ── render contexts ─────────────────────────────────────────────────────── /\n\nexport interface CubeTableCellContext<T = any> {\n row: T;\n rowKey: Key;\n rowIndex: number;\n columnKey: string;\n columnIndex: number;\n section: CubeTableRowSection;\n /* Whether the ROW is selected, matching `isRowFocused` below. /\n isSelected: boolean;\n /\n Not yet wired — always absent.\n \n Optional rather than `boolean`, because there is nowhere honest to compute\n * them from where this context is built. Focus lives in the DOM, and drop\n * state comes out of `useDropIndicator`, a hook that can only run inside the\n * row component — so populating either means moving the `render` / `cellStyles`\n * call sites into `TableRow`. Declaring them required and passing `false`\n * would just be a documented lie.\n /\n isRowFocused?: boolean;\n isDropTarget?: boolean;\n /* Present only when `getRowChildren` enables tree mode. /\n tree?: CubeTableTreeRowState;\n}\n\nexport interface CubeTableRowContext<T = any> {\n row: T;\n rowKey: Key;\n rowIndex: number;\n section: CubeTableRowSection;\n isSelected: boolean;\n /* Not yet wired — always absent. See `CubeTableCellContext` for why. /\n isFocused?: boolean;\n isDropTarget?: boolean;\n /* Present only when `getRowChildren` enables tree mode. /\n tree?: CubeTableTreeRowState;\n}\n\nexport interface CubeTableHeaderContext {\n columnKey: string;\n columnIndex: number;\n sort: CubeTableSortDirection \| null;\n isSortable: boolean;\n isResizing: boolean;\n width: number \| null;\n}\n\n/* Presentational path entry used to build multi-row column headers. /\nexport interface CubeTableColumnGroupHeader {\n key: string;\n title?: ReactNode;\n}\n\n/ ── column ──────────────────────────────────────────────────────────────── /\n\n/\n Rich header content. Every slot except `menu` maps 1:1 onto the `Item`\n * rendered inside the header `<th>`, so a header gets icon / description /\n * tooltip / suffix / actions for free; `menu` is mounted into that `Item`'s\n * `actions` slot behind a `⋮` trigger.\n /\nexport interface CubeTableColumnHeader {\n icon?: CubeItemProps['icon'];\n rightIcon?: CubeItemProps['rightIcon'];\n prefix?: ReactNode;\n suffix?: ReactNode;\n description?: ReactNode;\n descriptionPlacement?: CubeItemProps['descriptionPlacement'];\n /* `true` = auto tooltip when the label is truncated. /\n tooltip?: CubeItemProps['tooltip'];\n actions?: ReactNode;\n /* Hide `actions` until hover/focus. @default true /\n autoHideActions?: boolean;\n /\n A column menu, opened from a `⋮` trigger in the header's actions slot and —\n * unless the table says otherwise — by right-click or Shift+F10.\n \n `Menu.Item` children. Opaque: the table mounts the node and reports the\n * pressed key back through `onColumnMenuAction`, so what a \"pin\" or a \"drill\n * down\" means stays in the consuming app. The exception is the reserved sort\n * keys (`sort-asc`, `sort-desc`, `clear-sort`), which the table labels,\n * disables when redundant, and applies itself before telling the consumer.\n \n An empty menu renders no trigger at all, rather than one that opens nothing.\n * Ignored when `header.render` takes the cell over.\n /\n menu?: ReactNode;\n /* Props for the `⋮` trigger. Merged over the table's `columnMenuTriggerProps`. /\n menuTriggerProps?: Record<string, any>;\n /* Props for the `Menu`. Merged over the table's `columnMenuProps`. /\n menuProps?: Record<string, any>;\n /* Called before the table-level `onColumnMenuAction`. /\n onMenuAction?: (action: string) => void;\n theme?: CubeItemProps['theme'];\n /\n Full takeover of the header cell's content. Overrides `title` and every\n * slot — including `actions` and `menu`, which are simply not rendered. A\n * takeover that wants a menu owns the trigger too.\n /\n render?: (ctx: CubeTableHeaderContext) => ReactNode;\n /* Overrides `column.align` for the header only. /\n align?: CubeTableAlign;\n styles?: Styles;\n}\n\n/ ── column colour ───────────────────────────────────────────────────────── /\n\n/\n A palette theme a column can borrow its tint from.\n \n Resolved through the same runtime generator as a custom colour, seeded from the\n * theme's own hue and saturation in `palette-config` — so it tracks a re-seeded\n * palette, and it gets the banding step the palette itself does not define.\n \n `special` is absent deliberately: it is a standalone `mode: 'fixed'` theme with\n * no tinted-surface ramp to borrow.\n /\nexport type CubeTableColumnTheme =\n \| 'primary'\n \| 'purple'\n \| 'success'\n \| 'danger'\n \| 'warning'\n \| 'note';\n\n/\n How a column is tinted.\n \n Every form but the last is derived: only a hue and a saturation are kept, and\n * the tone ramp plus an `AA`/`AAA` text floor are re-solved per colour scheme. So\n * a column stays readable in light, dark and high contrast without the caller\n * checking — which is the part hand-picked hex pairs get wrong.\n /\nexport type CubeTableColumnColor =\n /* A palette theme name. /\n \| CubeTableColumnTheme\n /* Any colour Glaze parses — hex, `rgb()`, `hsl()`, `okhsl()`, `oklch()`. /\n \| (string & {})\n /* The seed said directly. `saturation` is 0–100. /\n \| { hue: number; saturation?: number }\n /\n Full manual control, as tasty colour strings (`'#note-surface'`, `'#purple.10'`).\n \n Nothing is derived and nothing is contrast-checked — this is the escape\n * hatch, and readability in every scheme becomes the caller's problem.\n * `fillBand` defaults to `fill`, which turns banding off for the column.\n /\n \| { fill: string; fillBand?: string; text?: string };\n\n/\n Which parts of a column `color` reaches.\n \n @default ['header','body','totals']\n /\nexport type CubeTableColumnColorScope = 'header' \| 'body' \| 'totals';\n\nexport interface CubeTableColumn<T = any> {\n /\n Column id. Also the default data path — dot notation is supported\n * (`'owner.name'`). Anything beyond a path needs `getValue`.\n /\n key: string;\n /* Header label. Shorthand for `header` with no extra slots. /\n title?: ReactNode;\n header?: CubeTableColumnHeader;\n /\n Renders `<th scope=\"row\">` instead of `<td>`, names the row for screen\n * readers, and hosts the `rowLink` anchor. Defaults to the first\n * non-structural column when a row link is present.\n /\n isRowHeader?: boolean;\n\n / sizing /\n /* Fixed width in px. Mutually exclusive with `flex`. /\n width?: number;\n /* Weight for the leftover space. @default 1 when `width` is unset /\n flex?: number;\n /* @default 150 /\n minWidth?: number;\n maxWidth?: number;\n /* Inherits the table's `isResizable`. /\n isResizable?: boolean;\n /\n Inherits the table's `isColumnReorderable`; `false` pins this column in\n * place while the others still move around it.\n /\n isReorderable?: boolean;\n /* Stick to the start/end edge during horizontal scroll. /\n pin?: 'start' \| 'end';\n /* Hide without losing width or order state. /\n isHidden?: boolean;\n\n / value pipeline /\n /* @default (row) => get(row, key) /\n getValue?: (row: T, rowIndex: number) => unknown;\n /* Raw value → display text. Feeds client sort, client search and TSV copy. /\n format?: (value: any, row: T, rowIndex: number) => string;\n /* Client-side comparator over raw `getValue` results. /\n compare?: (a: any, b: any, rowA: T, rowB: T) => number;\n\n / rendering /\n /* A returned string is wrapped in a truncating `TextItem`. /\n render?: (\n value: any,\n row: T,\n rowIndex: number,\n ctx: CubeTableCellContext<T>,\n ) => ReactNode;\n cellStyles?: Styles \| ((ctx: CubeTableCellContext<T>) => Styles \| undefined);\n cellProps?: (ctx: CubeTableCellContext<T>) => Record<string, any> \| undefined;\n\n /\n Tints the column — header, cells and pinned totals — with an adaptive fill\n * and a text colour solved to stay readable on it in every scheme.\n \n Row banding survives: the tint carries its own band one tone step away, so\n * the stripe still reads down the column instead of being painted over.\n /\n color?: CubeTableColumnColor;\n /* Narrows what `color` reaches. @default ['header','body','totals'] /\n colorScope?: readonly CubeTableColumnColorScope[];\n\n / behaviour /\n align?: CubeTableAlign;\n /\n Opt IN, per column — a table is not sortable until at least one column says\n * so, and `sortMode` then defaults to `'client'`.\n \n (This read `@default true` for a long time, which was never what the code\n * did: `TableView` requires `isSortable === true` before a header becomes a\n * control at all.)\n \n @default false\n /\n isSortable?: boolean;\n /* Two-state cycling (asc ↔ desc), never back to unsorted. @default false /\n disallowSortRemoval?: boolean;\n /* Include in the built-in client search. @default true /\n isSearchable?: boolean;\n /* Include in TSV copy. @default true /\n isCopyable?: boolean;\n /* Wrap text and let the row grow to fit. /\n autoHeight?: boolean;\n\n /* Consumer-owned bag. Never reaches the DOM. /\n meta?: Record<string, unknown>;\n}\n\n/ ── resolved layout (internal, but exported for adapters) ───────────────── /\n\nexport interface CubeResolvedColumn<T = any>\n // `width`, `minWidth`, `maxWidth`, `flex` and `align` are all resolved here,\n // so they narrow from optional to definite and must be replaced, not extended.\n extends Omit<\n CubeTableColumn<T>,\n 'width' \| 'minWidth' \| 'maxWidth' \| 'flex' \| 'align'\n > {\n /* Position among the visible leaf columns, 0-based. /\n index: number;\n /* `aria-colindex`, 1-based and document-absolute. /\n ariaColIndex: number;\n /* Resolved pixel width, or `null` while the container is unmeasured. /\n width: number \| null;\n minWidth: number;\n maxWidth: number \| null;\n flex: number \| null;\n align: CubeTableAlign;\n /* Cumulative sticky offset in px for a pinned column. /\n pinOffset: number \| null;\n /* `true` for the last pinned-start / first pinned-end column. /\n isPinEdge: boolean;\n /* Structural columns (selection, drag handle, row menu) never enter sorting,\n * search, copy, or the value pipeline. /\n isStructural: boolean;\n}\n\nexport interface CubeTableColumnLayout<T = any> {\n columns: CubeResolvedColumn<T>[];\n pinnedStartWidth: number;\n pinnedEndWidth: number;\n /* Sum of resolved widths, or `null` while unmeasured. /\n totalWidth: number \| null;\n /* `true` when the columns cannot fit and the table scrolls horizontally. /\n isOverflowing: boolean;\n}\n\n/\n How a refresh over an existing result is presented.\n \n - `overlay` — keep the previous rows visible, dimmed, behind a spinner. A\n * server page or a re-sort never blanks the table.\n * - `skeleton` — discard the previous rows and show placeholders.\n * - `none` — no visuals beyond `aria-busy`; the page owns the indicator.\n /\nexport type CubeTableLoadingIndicator = 'overlay' \| 'skeleton' \| 'none';\n\nexport type CubeTableSelectionMode = 'none' \| 'single' \| 'multiple';\n\n/\n What the header checkbox acts on.\n \n - `page` — the rows on the current page.\n * - `filtered` — every row passing the current search/filter, across pages.\n * - `all` — emits the `'all'` sentinel, meaning \"everything, including rows the\n * client has not loaded\". The consumer decides what that means for its query.\n */\nexport type CubeTableSelectAllMode = 'page' \| 'filtered' \| 'all';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,gBACd,SACA,QACK;AACL,QAAO,YAAY,SAAS,SAAS,GAAG,QAAQ,GAAG"}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/data/TableBase/types.ts"],"sourcesContent":["import type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\nimport type { CubeItemProps } from '../../content/Item';\n\nexport type CubeTableSortDirection = 'asc' \| 'desc';\n/*\n Named row heights: 28px, 32px and 40px.\n \n A subset of the kit's size scale, and the same three steps `size` would give —\n * but `rowSize` moves only the ROWS. `size` also drives the header, so reaching\n * for a denser body through it drags the header down too.\n /\nexport type CubeTableRowSize = 'small' \| 'medium' \| 'large';\nexport type CubeTableAlign = 'start' \| 'center' \| 'end';\nexport type CubeTableRowSection = 'body' \| 'pinnedTop' \| 'pinnedBottom';\n\n/\n `asc \| desc` rather than React Aria's `ascending \| descending`: we do not use\n * `useTableState`, so there is no `SortDescriptor` interop to preserve, and\n * every consumer and server query parameter already speaks `asc\|desc`.\n * `aria-sort` is a one-line map in the header cell.\n /\n/\n A rectangular block of cells, stored as two opposite corners.\n \n Corners rather than a set of keys so the selection survives a re-sort or a\n * page change the way a keyed row selection does: \"the block between these two\n * cells\" is re-resolved against the current order every render.\n /\n/\n The key a cell range identifies a row by.\n \n Not the consumer's row key: a pinned total is commonly the SAME record at the\n * top and the bottom (`id: 'total'`), and one flat key space collapsed the two\n * into whichever `indexOf` found first — so a range aimed at the footer total\n * resolved against the header one. The section is part of the identity here,\n * and only here; `ctx.rowKey` stays the consumer's own.\n /\nexport function selectionRowKey(\n section: CubeTableRowSection,\n rowKey: Key,\n): Key {\n return section === 'body' ? rowKey : `${section}:${rowKey}`;\n}\n\nexport interface CubeTableCellRange {\n fromRowKey: Key;\n toRowKey: Key;\n fromColumnKey: string;\n toColumnKey: string;\n}\n\nexport interface CubeTableTreeRowState {\n /* Zero-based depth in the hierarchy. /\n level: number;\n parentKey: Key \| null;\n hasChildren: boolean;\n isExpanded: boolean;\n}\n\nexport interface CubeTableRowExpandInfo<T = any> {\n row: T;\n rowKey: Key;\n level: number;\n parentKey: Key \| null;\n expanded: boolean;\n}\n\n/* Shared root sizing contract used by both table adapters. /\nexport interface CubeTableLayoutProps {\n /\n Shrink-wraps the frame to its rendered rows instead of filling the\n * available flex pane. This mode disables virtualization because there is no\n * bounded vertical viewport to virtualize against.\n \n @default false\n /\n isAutoHeight?: boolean;\n}\n\n/* Shared opt-in hierarchy contract used by both table adapters. /\nexport interface CubeTableTreeProps<T = any> {\n /\n Returns a row's already-loaded children. Supplying this enables tree mode\n * and makes `data` the top-level row collection.\n /\n getRowChildren?: (row: T) => readonly T[] \| undefined;\n /* Column that owns the indentation and disclosure control. /\n treeColumnKey?: string;\n /* Controlled expanded row keys. /\n expandedKeys?: Key[];\n /* Initially expanded row keys. /\n defaultExpandedKeys?: Key[];\n /* Called after a user expands or collapses a row. /\n onExpand?: (keys: Key[], info: CubeTableRowExpandInfo<T>) => void;\n}\n\nexport interface CubeTableSort {\n /* `key` of the sorted column. /\n columnKey: string;\n direction: CubeTableSortDirection;\n}\n\n/ ── render contexts ─────────────────────────────────────────────────────── /\n\nexport interface CubeTableCellContext<T = any> {\n row: T;\n rowKey: Key;\n rowIndex: number;\n columnKey: string;\n columnIndex: number;\n section: CubeTableRowSection;\n /* Whether the ROW is selected, matching `isRowFocused` below. /\n isSelected: boolean;\n /\n Not yet wired — always absent.\n \n Optional rather than `boolean`, because there is nowhere honest to compute\n * them from where this context is built. Focus lives in the DOM, and drop\n * state comes out of `useDropIndicator`, a hook that can only run inside the\n * row component — so populating either means moving the `render` / `cellStyles`\n * call sites into `TableRow`. Declaring them required and passing `false`\n * would just be a documented lie.\n /\n isRowFocused?: boolean;\n isDropTarget?: boolean;\n /* Present only when `getRowChildren` enables tree mode. /\n tree?: CubeTableTreeRowState;\n}\n\nexport interface CubeTableRowContext<T = any> {\n row: T;\n rowKey: Key;\n rowIndex: number;\n section: CubeTableRowSection;\n isSelected: boolean;\n /* Not yet wired — always absent. See `CubeTableCellContext` for why. /\n isFocused?: boolean;\n isDropTarget?: boolean;\n /* Present only when `getRowChildren` enables tree mode. /\n tree?: CubeTableTreeRowState;\n}\n\nexport interface CubeTableHeaderContext {\n columnKey: string;\n columnIndex: number;\n sort: CubeTableSortDirection \| null;\n isSortable: boolean;\n isResizing: boolean;\n width: number \| null;\n}\n\n/* Presentational path entry used to build multi-row column headers. /\nexport interface CubeTableColumnGroupHeader {\n key: string;\n title?: ReactNode;\n}\n\n/ ── column ──────────────────────────────────────────────────────────────── /\n\n/\n Rich header content. Every slot except `menu` maps 1:1 onto the `Item`\n * rendered inside the header `<th>`, so a header gets icon / description /\n * tooltip / suffix / actions for free; `menu` is mounted into that `Item`'s\n * `actions` slot behind a `⋮` trigger.\n /\nexport interface CubeTableColumnHeader {\n icon?: CubeItemProps['icon'];\n rightIcon?: CubeItemProps['rightIcon'];\n prefix?: ReactNode;\n suffix?: ReactNode;\n description?: ReactNode;\n descriptionPlacement?: CubeItemProps['descriptionPlacement'];\n /* `true` = auto tooltip when the label is truncated. /\n tooltip?: CubeItemProps['tooltip'];\n actions?: ReactNode;\n /* Hide `actions` until hover/focus. @default true /\n autoHideActions?: boolean;\n /\n A column menu, opened from a `⋮` trigger in the header's actions slot and —\n * unless the table says otherwise — by right-click or Shift+F10.\n \n `Menu.Item` children. Opaque: the table mounts the node and reports the\n * pressed key back through `onColumnMenuAction`, so what a \"pin\" or a \"drill\n * down\" means stays in the consuming app. The exception is the reserved sort\n * keys (`sort-asc`, `sort-desc`, `clear-sort`), which the table labels,\n * disables when redundant, and applies itself before telling the consumer.\n \n An empty menu renders no trigger at all, rather than one that opens nothing.\n * Ignored when `header.render` takes the cell over.\n /\n menu?: ReactNode;\n /* Props for the `⋮` trigger. Merged over the table's `columnMenuTriggerProps`. /\n menuTriggerProps?: Record<string, any>;\n /* Props for the `Menu`. Merged over the table's `columnMenuProps`. /\n menuProps?: Record<string, any>;\n /* Called before the table-level `onColumnMenuAction`. /\n onMenuAction?: (action: string) => void;\n theme?: CubeItemProps['theme'];\n /\n Full takeover of the header cell's content. Overrides `title` and every\n * slot — including `actions` and `menu`, which are simply not rendered. A\n * takeover that wants a menu owns the trigger too.\n /\n render?: (ctx: CubeTableHeaderContext) => ReactNode;\n /* Overrides `column.align` for the header only. /\n align?: CubeTableAlign;\n styles?: Styles;\n}\n\n/ ── column colour ───────────────────────────────────────────────────────── /\n\n/\n A palette theme a column can borrow its tint from.\n \n Resolved through the same runtime generator as a custom colour, seeded from the\n * theme's own hue and saturation in `palette-config` — so it tracks a re-seeded\n * palette, and it gets the banding step the palette itself does not define.\n \n `special` is absent deliberately: it is a standalone `mode: 'fixed'` theme with\n * no tinted-surface ramp to borrow.\n /\nexport type CubeTableColumnTheme =\n \| 'primary'\n \| 'purple'\n \| 'success'\n \| 'danger'\n \| 'warning'\n \| 'note';\n\n/\n How a column is tinted.\n \n Every form but the last is derived: only a hue and a saturation are kept, and\n * the tone ramp plus an `AA`/`AAA` text floor are re-solved per colour scheme. So\n * a column stays readable in light, dark and high contrast without the caller\n * checking — which is the part hand-picked hex pairs get wrong.\n /\nexport type CubeTableColumnColor =\n /* A palette theme name. /\n \| CubeTableColumnTheme\n /* Any colour Glaze parses — hex, `rgb()`, `hsl()`, `okhsl()`, `oklch()`. /\n \| (string & {})\n /* The seed said directly. `saturation` is 0–100. /\n \| { hue: number; saturation?: number }\n /\n Full manual control, as tasty colour strings (`'#note-surface'`, `'#purple.10'`).\n \n Nothing is derived and nothing is contrast-checked — this is the escape\n * hatch, and readability in every scheme becomes the caller's problem.\n * `fillBand` defaults to `fill`, which turns banding off for the column.\n /\n \| { fill: string; fillBand?: string; text?: string };\n\n/\n Which parts of a column `color` reaches.\n \n @default ['header','body','totals']\n /\nexport type CubeTableColumnColorScope = 'header' \| 'body' \| 'totals';\n\nexport interface CubeTableColumn<T = any> {\n /\n Column id. Also the default data path — dot notation is supported\n * (`'owner.name'`). Anything beyond a path needs `getValue`.\n /\n key: string;\n /* Header label. Shorthand for `header` with no extra slots. /\n title?: ReactNode;\n header?: CubeTableColumnHeader;\n /\n Renders `<th scope=\"row\">` instead of `<td>`, names the row for screen\n * readers, and hosts the `rowLink` anchor. Defaults to the first\n * non-structural column when a row link is present.\n /\n isRowHeader?: boolean;\n\n / sizing /\n /* Fixed width in px. Mutually exclusive with `flex`. /\n width?: number;\n /* Weight for the leftover space. @default 1 when `width` is unset /\n flex?: number;\n /* @default 150 /\n minWidth?: number;\n maxWidth?: number;\n /* Inherits the table's `isResizable`. /\n isResizable?: boolean;\n /\n Inherits the table's `isColumnReorderable`; `false` pins this column in\n * place while the others still move around it.\n /\n isReorderable?: boolean;\n /* Stick to the start/end edge during horizontal scroll. /\n pin?: 'start' \| 'end';\n /* Hide without losing width or order state. /\n isHidden?: boolean;\n\n / value pipeline /\n /* @default (row) => get(row, key) /\n getValue?: (row: T, rowIndex: number) => unknown;\n /* Raw value → display text. Feeds client sort, client search and TSV copy. /\n format?: (value: any, row: T, rowIndex: number) => string;\n /* Client-side comparator over raw `getValue` results. /\n compare?: (a: any, b: any, rowA: T, rowB: T) => number;\n\n / rendering /\n /* A returned string is wrapped in a truncating `TextItem`. /\n render?: (\n value: any,\n row: T,\n rowIndex: number,\n ctx: CubeTableCellContext<T>,\n ) => ReactNode;\n cellStyles?: Styles \| ((ctx: CubeTableCellContext<T>) => Styles \| undefined);\n cellProps?: (ctx: CubeTableCellContext<T>) => Record<string, any> \| undefined;\n\n /\n Tints the column — header, cells and pinned totals — with an adaptive fill\n * and a text colour solved to stay readable on it in every scheme.\n \n Row banding survives: the tint carries its own band one tone step away, so\n * the stripe still reads down the column instead of being painted over.\n /\n color?: CubeTableColumnColor;\n /* Narrows what `color` reaches. @default ['header','body','totals'] /\n colorScope?: readonly CubeTableColumnColorScope[];\n\n / behaviour /\n align?: CubeTableAlign;\n /\n Opt IN, per column — a table is not sortable until at least one column says\n * so, and `sortMode` then defaults to `'client'`.\n \n (This read `@default true` for a long time, which was never what the code\n * did: `TableView` requires `isSortable === true` before a header becomes a\n * control at all.)\n \n @default false\n /\n isSortable?: boolean;\n /* Two-state cycling (asc ↔ desc), never back to unsorted. @default false /\n disallowSortRemoval?: boolean;\n /* Include in the built-in client search. @default true /\n isSearchable?: boolean;\n /* Include in TSV copy. @default true /\n isCopyable?: boolean;\n /* Wrap text and let the row grow to fit. /\n autoHeight?: boolean;\n\n /* Consumer-owned bag. Never reaches the DOM. /\n meta?: Record<string, unknown>;\n}\n\n/ ── resolved layout (internal, but exported for adapters) ───────────────── /\n\nexport interface CubeResolvedColumn<T = any>\n // `width`, `minWidth`, `maxWidth`, `flex` and `align` are all resolved here,\n // so they narrow from optional to definite and must be replaced, not extended.\n extends Omit<\n CubeTableColumn<T>,\n 'width' \| 'minWidth' \| 'maxWidth' \| 'flex' \| 'align'\n > {\n /* Position among the visible leaf columns, 0-based. /\n index: number;\n /* `aria-colindex`, 1-based and document-absolute. /\n ariaColIndex: number;\n /* Resolved pixel width, or `null` while the container is unmeasured. /\n width: number \| null;\n minWidth: number;\n maxWidth: number \| null;\n flex: number \| null;\n align: CubeTableAlign;\n /* Cumulative sticky offset in px for a pinned column. /\n pinOffset: number \| null;\n /* `true` for the last pinned-start / first pinned-end column. /\n isPinEdge: boolean;\n /* Structural columns (selection, drag handle, row menu) never enter sorting,\n * search, copy, or the value pipeline. /\n isStructural: boolean;\n}\n\nexport interface CubeTableColumnLayout<T = any> {\n columns: CubeResolvedColumn<T>[];\n pinnedStartWidth: number;\n pinnedEndWidth: number;\n /* Sum of resolved widths, or `null` while unmeasured. /\n totalWidth: number \| null;\n /* `true` when the columns cannot fit and the table scrolls horizontally. /\n isOverflowing: boolean;\n}\n\n/\n How a refresh over an existing result is presented.\n \n - `overlay` — keep the previous rows visible, dimmed, behind a spinner. A\n * server page or a re-sort never blanks the table.\n * - `skeleton` — discard the previous rows and show placeholders.\n * - `none` — no visuals beyond `aria-busy`; the page owns the indicator.\n /\nexport type CubeTableLoadingIndicator = 'overlay' \| 'skeleton' \| 'none';\n\nexport type CubeTableSelectionMode = 'none' \| 'single' \| 'multiple';\n\n/\n What the header checkbox acts on.\n \n - `page` — the rows on the current page.\n * - `filtered` — every row passing the current search/filter, across pages.\n * - `all` — emits the `'all'` sentinel, meaning \"everything, including rows the\n * client has not loaded\". The consumer decides what that means for its query.\n */\nexport type CubeTableSelectAllMode = 'page' \| 'filtered' \| 'all';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,gBACd,SACA,QACK;AACL,QAAO,YAAY,SAAS,SAAS,GAAG,QAAQ,GAAG"}

package/dist/components/data/TableBase/use-cell-selection.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 import "./types.js";
-import "react";
 import { Key as Key$1 } from "@react-types/shared";

package/dist/components/data/TableBase/use-cell-selection.js CHANGED Viewed

Binary file

package/dist/components/data/TableBase/use-column-order.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useMemo, useState } from "react";
 import { useControlledState } from "@react-stately/utils";

package/dist/components/data/TableBase/use-container-width.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useLayoutEffect, useState } from "react";
 //#region src/components/data/TableBase/use-container-width.ts

package/dist/components/data/TableBase/use-row-move-animation.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useLayoutEffect, useRef } from "react";
 //#region src/components/data/TableBase/use-row-move-animation.ts

package/dist/components/data/TableBase/use-scrollability.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useLayoutEffect, useState } from "react";
 //#region src/components/data/TableBase/use-scrollability.ts

package/dist/components/data/TableBase/use-table-columns.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useMemo } from "react";
 //#region src/components/data/TableBase/use-table-columns.ts

package/dist/components/data/TableBase/use-table-search.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.js";
 import { getColumnText } from "./use-table-columns.js";

package/dist/components/data/TableBase/use-table-selection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { RowCollection } from "./RowCollection.js";
 import { useCallback, useMemo, useRef } from "react";

package/dist/components/data/TableBase/use-table-sort.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getColumnText, getColumnValue } from "./use-table-columns.js";
 import { useMemo } from "react";

package/dist/components/data/TableBase/use-table-sorts.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { compareByColumn } from "./use-table-sort.js";
 import { useMemo } from "react";

package/dist/components/data/TableBase/use-table-storage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useCallback, useRef, useState } from "react";
 //#region src/components/data/TableBase/use-table-storage.ts

package/dist/components/data/TableBase/use-table-tree-state.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useMemo } from "react";

package/dist/components/data/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { CubeTableAlign, CubeTableCellContext, CubeTableColumn, CubeTableColumnHeader, CubeTableHeaderContext, CubeTableRowContext, CubeTableRowExpandInfo, CubeTableRowSection, CubeTableRowSize, CubeTableSort, CubeTableSortDirection, CubeTableTreeProps, CubeTableTreeRowState } from "./TableBase/types.js";
+import { CubeTableAlign, CubeTableCellContext, CubeTableColumn, CubeTableColumnHeader, CubeTableHeaderContext, CubeTableLayoutProps, CubeTableRowContext, CubeTableRowExpandInfo, CubeTableRowSection, CubeTableRowSize, CubeTableSort, CubeTableSortDirection, CubeTableTreeProps, CubeTableTreeRowState } from "./TableBase/types.js";
 import { CubeDataTableColumn, CubeDataTableColumnDefinition, CubeDataTableColumnGroup, CubeDataTableProps } from "./DataTable/types.js";
 import { _DataTable } from "./DataTable/DataTable.js";
 import "./DataTable/index.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/Checkbox/CheckboxGroup.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { FormContext } from "../../form/Form/Form.js";

package/dist/components/fields/Checkbox/context.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { createContext } from "react";
 //#region src/components/fields/Checkbox/context.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { parseColor, toHex } from "../color/color.js";
 import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -8,6 +8,7 @@ import { generateRandomId } from "../../../utils/random.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
 import { TextInputBase } from "../TextInput/TextInputBase.js";
+import { useAutoSizeTextArea } from "../TextInput/useAutoSizeTextArea.js";
 import { ListBoxPopover } from "../ListBoxPopover/ListBoxPopover.js";
 import { useCompositeFocus } from "../ListBoxPopover/useCompositeFocus.js";
 import { collectVisibleKeys, filterCollectionNodes, getEdgeVisibleKey, getNextVisibleKey, markKeyboardFocus } from "../ListBoxPopover/listNavigation.js";
@@ -145,20 +146,12 @@ function CommandTextArea(props, ref) {
 		value: effectiveValue,
 		isActive: shouldShowPopover
 	});
-	const adjustHeight = useEvent(() => {
-		const textarea = inputRef.current;
-		if (!textarea || !autoSize) return;
-		textarea.style.height = "auto";
-		const computedStyle = getComputedStyle(textarea);
-		const paddingTop = parseFloat(computedStyle.paddingTop) || 0;
-		const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;
-		const borderTop = parseFloat(computedStyle.borderTopWidth) || 0;
-		const borderBottom = parseFloat(computedStyle.borderBottomWidth) || 0;
-		const lineHeight = parseInt(computedStyle.lineHeight) || 20;
-		const contentHeight = textarea.scrollHeight - paddingTop - paddingBottom;
-		const computedRows = Math.ceil(contentHeight / lineHeight);
-		const totalHeight = Math.max(Math.min(computedRows, maxRows), rows) * lineHeight + paddingTop + paddingBottom + borderTop + borderBottom;
-		textarea.style.height = `${totalHeight}px`;
+	const adjustHeight = useAutoSizeTextArea({
+		inputRef,
+		autoSize,
+		rows,
+		maxRows,
+		value: effectiveValue
 	});
 	let { labelProps, inputProps } = useTextField({
 		...otherProps,
@@ -172,16 +165,6 @@ function CommandTextArea(props, ref) {
 	}, inputRef);
 	const mergedLabelProps = mergeProps$1(labelProps, userLabelProps);
 	const useEnvironmentalEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-	useEnvironmentalEffect(() => {
-		if (!autoSize || !inputRef.current) return;
-		adjustHeight();
-		const resizeObserver = new ResizeObserver(adjustHeight);
-		resizeObserver.observe(inputRef.current);
-		return () => resizeObserver.disconnect();
-	}, [autoSize, inputRef.current]);
-	useEnvironmentalEffect(() => {
-		if (autoSize && inputRef.current) adjustHeight();
-	}, [effectiveValue]);
 	const pendingCaretRef = useRef(null);
 	useEnvironmentalEffect(() => {
 		const el = inputRef.current;

package/dist/components/fields/CommandTextArea/CommandTextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandTextArea.js","names":["mergeProps","BaseSection"],"sources":["../../../../src/components/fields/CommandTextArea/CommandTextArea.tsx"],"sourcesContent":["import { Key } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport React, {\n ForwardedRef,\n forwardRef,\n ReactElement,\n ReactNode,\n RefObject,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useFilter, useTextField } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { chain, mergeProps, useCombinedRefs } from '../../../utils/react';\nimport {\n castNullableStringValue,\n WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useFieldProps } from '../../form';\nimport {\n collectVisibleKeys,\n filterCollectionNodes,\n getEdgeVisibleKey,\n getNextVisibleKey,\n ListBoxPopover,\n ListStateLike,\n markKeyboardFocus,\n TextFilterFn,\n useCompositeFocus,\n} from '../ListBoxPopover';\nimport {\n CubeTextInputBaseProps,\n TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport { useCaretAnchor } from './useCaretAnchor';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single trigger character with optional placement constraint. /\nexport interface CommandTrigger {\n /* The character that opens the autocomplete (e.g. `/` or `@`). /\n char: string;\n /\n When true, the trigger token must start at the beginning of the line the\n * caret is on (right after a newline, or at the very start of the input) —\n * i.e. line-scoped slash commands. When false, the token may appear after\n * any whitespace, anywhere in the text (Slack/Notion-style).\n /\n atLineStart?: boolean;\n}\n\n/* Result of scanning the textarea for an active trigger token. /\nexport interface ActiveToken {\n /* The matched trigger descriptor. /\n trigger: CommandTrigger;\n /* The active token text, INCLUDING the trigger char (e.g. `/cle`). /\n token: string;\n /* Inclusive start index of the token in the textarea value. /\n start: number;\n /* Exclusive end index of the token (caret position while typing). /\n end: number;\n}\n\nexport type CommandTextAreaFilterFn = TextFilterFn;\n\nexport interface CubeCommandTextAreaProps<T>\n extends Omit<CubeTextInputBaseProps, 'children' \| 'multiLine'> {\n /* Whether the textarea should resize to fit its content. /\n autoSize?: boolean;\n /* Max visible rows when `autoSize` is true. Defaults to 10. /\n maxRows?: number;\n /* Number of visible rows. Defaults to 3. /\n rows?: number;\n\n /* Command/option source (alternative to JSX children). /\n items?: Iterable<T>;\n /* Static items or a render function (same shape as ComboBox/ListBox). /\n children?: ReactNode \| ((item: T) => ReactElement);\n /\n Triggers that open the autocomplete. Defaults to a single slash command\n * that must start at the beginning of the input.\n /\n triggers?: CommandTrigger[];\n /\n Custom filter. Pass `false` to disable internal filtering (server-side).\n /\n filter?: CommandTextAreaFilterFn \| false;\n /\n Fired when the user picks a command (Enter/Tab/click). The option's\n * `textValue` is also inserted into the textarea regardless.\n /\n onCommand?: (key: Key, item: { textValue: string; [k: string]: any }) => void;\n /* Insert a trailing space after the chosen command. Defaults to true. /\n insertSpaceAfter?: boolean;\n /* Keys of disabled options. /\n disabledKeys?: Iterable<Key>;\n /* Popover placement. Chat inputs usually want `top`. Defaults to `top`. /\n direction?: 'bottom' \| 'top';\n /* Whether the popover should flip when overflowing. Defaults to true. /\n shouldFlip?: boolean;\n /* Offset between the textarea and the popover. /\n overlayOffset?: number;\n /* Padding between the popover and the viewport edge. /\n containerPadding?: number;\n\n // Refs\n /* Ref for the textarea element. /\n inputRef?: RefObject<HTMLTextAreaElement>;\n /* Ref for the wrapper element (popover anchor). /\n wrapperRef?: RefObject<HTMLDivElement>;\n /* Ref for the popover overlay element. /\n popoverRef?: RefObject<HTMLDivElement>;\n /* Ref for the listbox element. /\n listBoxRef?: RefObject<HTMLDivElement>;\n /* Ref through which the internal list state is exposed. /\n listStateRef?: RefObject<ListStateLike \| null>;\n\n // Style props\n overlayStyles?: any;\n listBoxStyles?: any;\n optionStyles?: any;\n sectionStyles?: any;\n headingStyles?: any;\n}\n\nconst DEFAULT_TRIGGERS: CommandTrigger[] = [{ char: '/', atLineStart: true }];\n\n// ---------------------------------------------------------------------------\n// Trigger parsing\n// ---------------------------------------------------------------------------\n\n/\n Inspect the textarea contents up to the caret and find the active trigger\n * token, if any. The token includes the trigger character and ends at the\n * caret (so it grows as the user types). A token ends at whitespace or the end\n * of the input.\n /\nexport function parseActiveToken(\n value: string,\n caret: number,\n triggers: CommandTrigger[],\n): ActiveToken \| null {\n if (!triggers.length) return null;\n const before = value.slice(0, caret);\n const after = value.slice(caret);\n\n for (const trigger of triggers) {\n const ch = trigger.char;\n if (trigger.atLineStart) {\n // Line-start command: the trigger char must sit at the start of the line\n // the caret is on (right after a newline, or at index 0), with no\n // whitespace between it and the caret. On a single-line input with no\n // newlines this is equivalent to \"index 0 of the whole input\".\n const lineStart = before.lastIndexOf('\\n') + 1;\n const linePrefix = before.slice(lineStart);\n if (linePrefix[0] !== ch) continue;\n // No whitespace allowed within the token (after the trigger char).\n const wsIndex = linePrefix.slice(1).search(/\\s/);\n if (wsIndex !== -1) continue;\n if (!linePrefix) continue;\n return { trigger, token: linePrefix, start: lineStart, end: caret };\n }\n\n // Caret-token mode: find the last trigger char that begins a token at or\n // after a line start / whitespace boundary, with no whitespace between it\n // and the caret.\n const match = /(?:^\|\\s)([\\S]+)$/.exec(before);\n if (!match) continue;\n const candidate = match[1];\n if (candidate[0] !== ch) continue;\n // Ensure the token hasn't already been closed by whitespace after caret.\n // (If there's non-whitespace after the caret, the user is mid-token.)\n const start = caret - candidate.length;\n // If immediately after the caret there's whitespace (or end), the token is\n // \"complete\" — still offer completions as long as the caret sits on the\n // token. We accept it.\n void after;\n return { trigger, token: candidate, start, end: caret };\n }\n\n return null;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nfunction CommandTextArea<T extends object>(\n props: WithNullableValue<CubeCommandTextAreaProps<T>>,\n ref: ForwardedRef<HTMLElement>,\n) {\n props = castNullableStringValue(props);\n props = useFieldProps(props, {\n defaultValidationTrigger: 'onBlur',\n valuePropsMapper: ({ value, onChange }) => ({\n onChange,\n value: value?.toString() ?? '',\n }),\n });\n\n let {\n qa,\n autoSize = false,\n isDisabled = false,\n isReadOnly = false,\n isRequired = false,\n onChange,\n maxRows = 10,\n rows = 3,\n labelProps: userLabelProps,\n inputRef: propsInputRef,\n value,\n defaultValue,\n placeholder,\n // command props\n items,\n children: renderChildren,\n triggers = DEFAULT_TRIGGERS,\n filter,\n onCommand,\n insertSpaceAfter = true,\n disabledKeys,\n direction = 'top',\n shouldFlip = true,\n overlayOffset = 8,\n containerPadding = 8,\n overlayStyles,\n listBoxStyles,\n optionStyles,\n sectionStyles,\n headingStyles,\n wrapperRef: propsWrapperRef,\n popoverRef: propsPopoverRef,\n listBoxRef: propsListBoxRef,\n listStateRef: propsListStateRef,\n onKeyDown,\n onFocus,\n onBlur,\n ...otherProps\n } = props;\n\n rows = Math.max(rows, 1);\n maxRows = Math.max(maxRows, rows);\n\n // ---- refs -------------------------------------------------------------\n const localInputRef = useRef<HTMLTextAreaElement>(null);\n const inputRef = (propsInputRef ??\n localInputRef) as RefObject<HTMLTextAreaElement>;\n const wrapperRef = useCombinedRefs(propsWrapperRef);\n const popoverRef = useCombinedRefs(propsPopoverRef);\n const listBoxRef = useCombinedRefs(propsListBoxRef);\n const localListStateRef = useRef<ListStateLike \| null>(null);\n const listStateRef = (propsListStateRef ??\n localListStateRef) as RefObject<ListStateLike \| null>;\n\n const commandTextAreaId = useMemo(() => generateRandomId(), []);\n\n // ---- controlled / uncontrolled value ----------------------------------\n // When no `value` is provided (standalone, no form), track the text\n // internally so trigger detection and commit still work.\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState<string>(\n (value as string) ?? (defaultValue as string) ?? '',\n );\n const effectiveValue: string = isControlled\n ? (value as string)\n : internalValue;\n const handleChange = useEvent((next: string) => {\n if (!isControlled) setInternalValue(next);\n onChange?.(next);\n });\n\n // ---- children / items normalization -----------------------------------\n let children: ReactNode = renderChildren as ReactNode;\n const renderFn = renderChildren as unknown;\n if (items && typeof renderFn === 'function') {\n const itemsArray = Array.from(items as Iterable<any>);\n children = itemsArray.map((item, idx) => {\n const rendered = (renderFn as (it: any) => ReactNode)(item);\n if (\n React.isValidElement(rendered) &&\n (rendered as ReactElement).key == null\n ) {\n return React.cloneElement(rendered as ReactElement, {\n key: (rendered as any)?.key ?? item?.key ?? idx,\n });\n }\n return rendered as ReactNode;\n });\n }\n\n // ---- caret tracking ---------------------------------------------------\n // The caret drives trigger detection. We keep it in state so a caret move\n // (arrow keys without typing) re-renders and recomputes the active token.\n const [caret, setCaret] = useState(() => effectiveValue.length);\n const syncCaret = useEvent(() => {\n const el = inputRef.current;\n if (!el) return;\n setCaret(el.selectionStart ?? el.value.length);\n });\n\n // ---- trigger detection ------------------------------------------------\n const activeToken = useMemo(\n () =>\n parseActiveToken(\n effectiveValue,\n Math.min(caret, effectiveValue.length),\n triggers,\n ),\n [effectiveValue, caret, triggers],\n );\n\n // The active token includes the trigger char (e.g. `/co`). Strip it before\n // filtering so the query is matched against the meaningful text — this lets\n // options match by their label/description (which don't contain the trigger\n // char) as well as by their `textValue`.\n const term = useMemo(() => {\n if (!activeToken) return '';\n const { token, trigger } = activeToken;\n return token.startsWith(trigger.char)\n ? token.slice(trigger.char.length)\n : token;\n }, [activeToken]);\n\n // ---- filtering --------------------------------------------------------\n const { contains } = useFilter({ sensitivity: 'base' });\n const textFilterFn = useMemo<CommandTextAreaFilterFn>(\n () => (filter === false ? () => true : filter \|\| contains),\n [filter, contains],\n );\n\n // Local collection used to read option textValues and to count matches.\n const localCollectionState = useListState({\n children: children as any,\n items: items as any,\n selectionMode: 'none',\n });\n\n const filterFn = useCallback(\n (nodes: Iterable<any>) =>\n filterCollectionNodes(nodes, term, textFilterFn, {\n matchExtraFields: true,\n }),\n [term, textFilterFn],\n );\n\n // Keys of the currently visible (filtered) options, in display order.\n // Derived from our own local collection + filter (rather than the ListBox's\n // exposed state ref) so it is always in sync with the current token — the\n // ListBox's `stateRef.collection` can momentarily lag by a render right after\n // the token narrows, which would otherwise leave virtual focus on (and commit)\n // an option that is no longer visible.\n const visibleFilteredKeys = useMemo<Key[]>(() => {\n if (!activeToken) return [];\n const keys: Key[] = [];\n const disabled = disabledKeys ? new Set<Key>(disabledKeys) : undefined;\n collectVisibleKeys(\n filterFn(localCollectionState.collection),\n keys,\n disabled,\n );\n return keys;\n }, [activeToken, filterFn, localCollectionState.collection, disabledKeys]);\n\n const filteredCount = visibleFilteredKeys.length;\n\n // ---- dismiss handling (Escape keeps the text but hides the popover) ---\n const [dismissedToken, setDismissedToken] = useState<string \| null>(null);\n // Bumped whenever we move the virtual focus so the textarea's\n // `aria-activedescendant` (read from the ListBox's stateRef at render time)\n // stays in sync — the ListBox's own state update does not re-render us.\n const [, setFocusTick] = useState(0);\n const bumpFocus = useEvent(() => setFocusTick((t) => t + 1));\n // Reset dismissal whenever the active token changes (user typed/backspaced).\n useEffect(() => {\n setDismissedToken((prev) =>\n prev != null && activeToken?.token !== prev ? null : prev,\n );\n }, [activeToken?.token]);\n\n const isCommandMode = !!activeToken && activeToken.token !== dismissedToken;\n const shouldShowPopover = isCommandMode && filteredCount > 0;\n\n // ---- caret-anchored popover ------------------------------------------\n // A zero-size element positioned at the caret (both axes) drives the\n // popover's geometry; the wrapper remains the dismiss/outside-click trigger.\n const { anchorRef: caretAnchorRef, positionApiRef } = useCaretAnchor({\n inputRef: inputRef as RefObject<HTMLTextAreaElement>,\n wrapperRef: wrapperRef as RefObject<HTMLElement>,\n caret,\n value: effectiveValue,\n isActive: shouldShowPopover,\n });\n\n // ---- height autosize (mirrors TextArea) -------------------------------\n const adjustHeight = useEvent(() => {\n const textarea = inputRef.current;\n if (!textarea \|\| !autoSize) return;\n\n textarea.style.height = 'auto';\n const computedStyle = getComputedStyle(textarea);\n const paddingTop = parseFloat(computedStyle.paddingTop) \|\| 0;\n const paddingBottom = parseFloat(computedStyle.paddingBottom) \|\| 0;\n const borderTop = parseFloat(computedStyle.borderTopWidth) \|\| 0;\n const borderBottom = parseFloat(computedStyle.borderBottomWidth) \|\| 0;\n const lineHeight = parseInt(computedStyle.lineHeight) \|\| 20;\n const contentHeight = textarea.scrollHeight - paddingTop - paddingBottom;\n const computedRows = Math.ceil(contentHeight / lineHeight);\n const targetRows = Math.max(Math.min(computedRows, maxRows), rows);\n const totalHeight =\n targetRows lineHeight +\n paddingTop +\n paddingBottom +\n borderTop +\n borderBottom;\n textarea.style.height = `${totalHeight}px`;\n });\n\n // ---- useTextField (ARIA wiring for the textarea) ----------------------\n let { labelProps, inputProps } = useTextField(\n {\n ...otherProps,\n value: effectiveValue,\n placeholder,\n isDisabled,\n isReadOnly,\n isRequired,\n onChange: chain(handleChange, adjustHeight),\n inputElementType: 'textarea',\n } as any,\n inputRef as any,\n );\n\n const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n const useEnvironmentalEffect =\n typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n useEnvironmentalEffect(() => {\n if (!autoSize \|\| !inputRef.current) return;\n adjustHeight();\n const resizeObserver = new ResizeObserver(adjustHeight);\n resizeObserver.observe(inputRef.current);\n return () => resizeObserver.disconnect();\n }, [autoSize, inputRef.current]);\n\n useEnvironmentalEffect(() => {\n if (autoSize && inputRef.current) {\n adjustHeight();\n }\n }, [effectiveValue]);\n\n // ---- caret restore after commit --------------------------------------\n const pendingCaretRef = useRef<number \| null>(null);\n useEnvironmentalEffect(() => {\n const el = inputRef.current;\n if (!el) return;\n\n if (pendingCaretRef.current != null) {\n // Restore caret after we programmatically inserted a command.\n const pos = pendingCaretRef.current;\n pendingCaretRef.current = null;\n el.focus();\n el.setSelectionRange(pos, pos);\n setCaret(pos);\n return;\n }\n\n // The value changed without our own commit (controlled update from\n // outside, form reset, or defaultValue seeding). Resync the caret from\n // the DOM selection so trigger parsing works off a valid index instead of\n // a stale one. We intentionally do not steal focus here.\n const domCaret = el.selectionStart ?? el.value.length;\n setCaret((prev) => (prev === domCaret ? prev : domCaret));\n }, [effectiveValue]);\n\n // ---- helpers ----------------------------------------------------------\n const getItemTextValue = useCallback(\n (key: Key): string => {\n const item = localCollectionState?.collection?.getItem(key);\n return item?.textValue \|\| String(key);\n },\n [localCollectionState?.collection],\n );\n\n // ---- commit (insert the chosen option's literal value) ---------------\n const commit = useEvent((key: Key) => {\n const listState = listStateRef.current;\n // Guard against committing a stale key that has been filtered out of the\n // visible list (e.g. the token was narrowed after focus landed on it).\n // Fall back to the first still-visible option so the inserted command\n // always matches what the user can see.\n if (visibleFilteredKeys.length > 0 && !visibleFilteredKeys.includes(key)) {\n key = visibleFilteredKeys[0];\n }\n const textValue = getItemTextValue(key);\n const token = activeToken;\n const el = inputRef.current;\n\n if (token) {\n const next =\n effectiveValue.slice(0, token.start) +\n textValue +\n (insertSpaceAfter ? ' ' : '') +\n effectiveValue.slice(token.end);\n const caretPos =\n token.start + textValue.length + (insertSpaceAfter ? 1 : 0);\n pendingCaretRef.current = caretPos;\n handleChange(next);\n // If controlled, caret is restored by the effect above; if not, set now.\n if (el) {\n el.focus();\n try {\n el.setSelectionRange(caretPos, caretPos);\n } catch {\n /* noop */\n }\n }\n } else if (el) {\n // Fallback: insert at caret.\n const start = el.selectionStart ?? effectiveValue.length;\n const end = el.selectionEnd ?? effectiveValue.length;\n const next =\n effectiveValue.slice(0, start) +\n textValue +\n (insertSpaceAfter ? ' ' : '') +\n effectiveValue.slice(end);\n const caretPos = start + textValue.length + (insertSpaceAfter ? 1 : 0);\n pendingCaretRef.current = caretPos;\n handleChange(next);\n }\n\n setDismissedToken(null);\n onCommand?.(key, {\n textValue,\n ...(listState?.collection?.getItem(key)?.props ?? {}),\n });\n });\n\n // ---- keyboard navigation (only while the popover is open) -------------\n const onKeyDownHandler = useCallback(\n (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n onKeyDown?.(e);\n if (e.defaultPrevented) return;\n\n if (!shouldShowPopover) {\n // While not in command mode, the textarea behaves normally; but clear\n // any dismissal when the user edits.\n return;\n }\n\n const listState = listStateRef.current;\n\n if (e.key === 'ArrowDown' \|\| e.key === 'ArrowUp') {\n if (!listState) return;\n e.preventDefault();\n const nextKey = getNextVisibleKey(\n listState,\n e.key === 'ArrowDown' ? 1 : -1,\n );\n if (nextKey != null) {\n markKeyboardFocus(listState);\n listState.selectionManager.setFocusedKey(nextKey);\n bumpFocus();\n }\n } else if (e.key === 'Home' \|\| e.key === 'End') {\n if (!listState) return;\n e.preventDefault();\n const edgeKey = getEdgeVisibleKey(\n listState,\n e.key === 'Home' ? 'first' : 'last',\n );\n if (edgeKey != null) {\n markKeyboardFocus(listState);\n listState.selectionManager.setFocusedKey(edgeKey);\n bumpFocus();\n }\n } else if (e.key === 'Enter' \|\| e.key === 'Tab') {\n if (!listState) return;\n const focused = listState.selectionManager.focusedKey;\n if (focused != null) {\n e.preventDefault();\n commit(focused);\n }\n // Otherwise pass through (newline / form submit / tab navigation).\n } else if (e.key === 'Escape') {\n e.preventDefault();\n if (activeToken) {\n setDismissedToken(activeToken.token);\n }\n }\n },\n [shouldShowPopover, activeToken, commit, onKeyDown, listStateRef],\n );\n\n // ---- initial focus on the first option when the popover opens ---------\n const focusInitAttemptsRef = useRef(0);\n useLayoutEffect(() => {\n if (!shouldShowPopover) return;\n focusInitAttemptsRef.current = 0;\n\n const tick = () => {\n if (!shouldShowPopover) return;\n const listState = listStateRef.current;\n if (!listState) {\n focusInitAttemptsRef.current += 1;\n if (focusInitAttemptsRef.current < 8) {\n requestAnimationFrame(tick);\n }\n return;\n }\n if (listState.selectionManager.focusedKey == null) {\n const first = getEdgeVisibleKey(listState, 'first');\n if (first != null) {\n markKeyboardFocus(listState);\n listState.selectionManager.setFocusedKey(first);\n bumpFocus();\n }\n }\n };\n\n requestAnimationFrame(() => requestAnimationFrame(tick));\n }, [shouldShowPopover]);\n\n // ---- keep virtual focus valid as the filtered list narrows -----------\n // When the user narrows the token, the previously focused option may drop\n // out of the filtered list. Move focus to the first still-visible option so\n // the highlight and any Enter/Tab commit stay in sync with what's shown.\n useLayoutEffect(() => {\n if (!shouldShowPopover) return;\n const listState = listStateRef.current;\n if (!listState) return;\n\n if (visibleFilteredKeys.length === 0) return;\n\n const focused = listState.selectionManager.focusedKey;\n if (focused == null \|\| !visibleFilteredKeys.includes(focused)) {\n markKeyboardFocus(listState);\n listState.selectionManager.setFocusedKey(visibleFilteredKeys[0]);\n bumpFocus();\n }\n }, [visibleFilteredKeys, shouldShowPopover]);\n\n // ---- composite focus (wrapper + portaled popover) ---------------------\n const { compositeFocusProps } = useCompositeFocus({\n wrapperRef: wrapperRef as RefObject<HTMLElement>,\n popoverRef: popoverRef as RefObject<HTMLElement>,\n onFocus,\n onBlur,\n isDisabled,\n });\n\n // ---- aria-activedescendant -------------------------------------------\n const focusedKey = listStateRef.current?.selectionManager.focusedKey ?? null;\n const listBoxId = `CommandTextAreaListBox-${commandTextAreaId}`;\n\n // ---- popover width ----------------------------------------------------\n // The popover is anchored to the caret (a point), so it must not be sized to\n // the textarea. We use the same default as the shared `ListBoxPopover` /\n // `Picker` popovers: a `30x` floor (240px), `max-content` preferred, `50vw`\n // cap. The concrete floor keeps the virtualized ListBox from collapsing to a\n // sliver (it has no intrinsic width), and `max-content` lets short option\n // lists size to their content. The user's `overlayStyles` still win on top.\n const popoverOverlayStyles: Styles = {\n width: '30x max-content 50vw',\n ...overlayStyles,\n };\n\n // ---- assemble input props ---------------------------------------------\n const commandInputProps = mergeProps(inputProps, {\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': shouldShowPopover,\n 'aria-haspopup': 'listbox',\n 'aria-controls': shouldShowPopover ? listBoxId : undefined,\n 'aria-activedescendant':\n shouldShowPopover && focusedKey != null\n ? `ListBoxItem-${focusedKey}`\n : undefined,\n onKeyDown: onKeyDownHandler,\n onSelect: syncCaret,\n onKeyUp: syncCaret,\n onClick: syncCaret,\n 'data-input-type': 'command-textarea',\n });\n\n // ---- render -----------------------------------------------------------\n const field = (\n <TextInputBase\n ref={ref as any}\n {...otherProps}\n multiLine\n qa={qa}\n inputRef={inputRef}\n wrapperRef={wrapperRef}\n wrapperProps={compositeFocusProps}\n labelProps={mergedLabelProps}\n inputProps={commandInputProps}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isRequired={isRequired}\n rows={rows}\n />\n );\n\n return (\n <>\n {field}\n <ListBoxPopover\n isOpen={shouldShowPopover}\n triggerRef={wrapperRef as RefObject<HTMLElement>}\n positionTargetRef={caretAnchorRef as RefObject<Element \| null>}\n positionApiRef={positionApiRef}\n popoverRef={popoverRef}\n listBoxRef={listBoxRef}\n direction={direction}\n shouldFlip={shouldFlip}\n overlayOffset={overlayOffset}\n containerPadding={containerPadding}\n listBoxId={listBoxId}\n overlayStyles={popoverOverlayStyles}\n listBoxStyles={listBoxStyles}\n optionStyles={optionStyles}\n optionHighlight={term}\n sectionStyles={sectionStyles}\n headingStyles={headingStyles}\n isDisabled={isDisabled}\n disabledKeys={disabledKeys}\n items={items as any}\n listStateRef={listStateRef}\n ariaLabel={\n (props as any)['aria-label'] \|\|\n (typeof otherProps.label === 'string' ? otherProps.label : 'Commands')\n }\n compositeFocusProps={compositeFocusProps}\n filter={filterFn}\n onClose={() => {\n if (activeToken) setDismissedToken(activeToken.token);\n }}\n onSelectionChange={(selection) => {\n const key = Array.isArray(selection) ? selection[0] : selection;\n if (key != null) commit(key);\n }}\n >\n {children as any}\n </ListBoxPopover>\n </>\n );\n}\n\nconst _CommandTextArea = forwardRef(CommandTextArea) as unknown as (<T>(\n props: CubeCommandTextAreaProps<T> & {\n ref?: ForwardedRef<HTMLElement>;\n },\n) => ReactElement) & {\n Item: typeof Item;\n Section: typeof BaseSection;\n};\n\nObject.assign(_CommandTextArea, {\n Item,\n Section: BaseSection,\n displayName: 'CommandTextArea',\n});\n\nObject.defineProperty(_CommandTextArea, 'cubeInputType', {\n value: 'CommandTextArea',\n enumerable: false,\n configurable: false,\n});\n\nexport { _CommandTextArea as CommandTextArea };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwIA,MAAM,mBAAqC,CAAC;CAAE,MAAM;CAAK,aAAa;CAAM,CAAC;;;;;;;AAY7E,SAAgB,iBACd,OACA,OACA,UACoB;AACpB,KAAI,CAAC,SAAS,OAAQ,QAAO;CAC7B,MAAM,SAAS,MAAM,MAAM,GAAG,MAAM;AACtB,OAAM,MAAM,MAAM;AAEhC,MAAK,MAAM,WAAW,UAAU;EAC9B,MAAM,KAAK,QAAQ;AACnB,MAAI,QAAQ,aAAa;GAKvB,MAAM,YAAY,OAAO,YAAY,KAAK,GAAG;GAC7C,MAAM,aAAa,OAAO,MAAM,UAAU;AAC1C,OAAI,WAAW,OAAO,GAAI;AAG1B,OADgB,WAAW,MAAM,EAAE,CAAC,OAAO,KAAK,KAChC,GAAI;AACpB,OAAI,CAAC,WAAY;AACjB,UAAO;IAAE;IAAS,OAAO;IAAY,OAAO;IAAW,KAAK;IAAO;;EAMrE,MAAM,QAAQ,mBAAmB,KAAK,OAAO;AAC7C,MAAI,CAAC,MAAO;EACZ,MAAM,YAAY,MAAM;AACxB,MAAI,UAAU,OAAO,GAAI;AAQzB,SAAO;GAAE;GAAS,OAAO;GAAW,OALtB,QAAQ,UAAU;GAKW,KAAK;GAAO;;AAGzD,QAAO;;AAOT,SAAS,gBACP,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C;GACA,OAAO,OAAO,UAAU,IAAI;GAC7B;EACF,CAAC;CAEF,IAAI,EACF,IACA,WAAW,OACX,aAAa,OACb,aAAa,OACb,aAAa,OACb,UACA,UAAU,IACV,OAAO,GACP,YAAY,gBACZ,UAAU,eACV,OACA,cACA,aAEA,OACA,UAAU,gBACV,WAAW,kBACX,QACA,WACA,mBAAmB,MACnB,cACA,YAAY,OACZ,aAAa,MACb,gBAAgB,GAChB,mBAAmB,GACnB,eACA,eACA,cACA,eACA,eACA,YAAY,iBACZ,YAAY,iBACZ,YAAY,iBACZ,cAAc,mBACd,WACA,SACA,QACA,GAAG,eACD;AAEJ,QAAO,KAAK,IAAI,MAAM,EAAE;AACxB,WAAU,KAAK,IAAI,SAAS,KAAK;CAGjC,MAAM,gBAAgB,OAA4B,KAAK;CACvD,MAAM,WAAY,iBAChB;CACF,MAAM,aAAa,gBAAgB,gBAAgB;CACnD,MAAM,aAAa,gBAAgB,gBAAgB;CACnD,MAAM,aAAa,gBAAgB,gBAAgB;CACnD,MAAM,oBAAoB,OAA6B,KAAK;CAC5D,MAAM,eAAgB,qBACpB;CAEF,MAAM,oBAAoB,cAAc,kBAAkB,EAAE,EAAE,CAAC;CAK/D,MAAM,eAAe,UAAU;CAC/B,MAAM,CAAC,eAAe,oBAAoB,SACvC,SAAqB,gBAA2B,GAClD;CACD,MAAM,iBAAyB,eAC1B,QACD;CACJ,MAAM,eAAe,UAAU,SAAiB;AAC9C,MAAI,CAAC,aAAc,kBAAiB,KAAK;AACzC,aAAW,KAAK;GAChB;CAGF,IAAI,WAAsB;CAC1B,MAAM,WAAW;AACjB,KAAI,SAAS,OAAO,aAAa,WAE/B,YADmB,MAAM,KAAK,MAAuB,CAC/B,KAAK,MAAM,QAAQ;EACvC,MAAM,WAAY,SAAoC,KAAK;AAC3D,MACE,MAAM,eAAe,SAAS,IAC7B,SAA0B,OAAO,KAElC,QAAO,MAAM,aAAa,UAA0B,EAClD,KAAM,UAAkB,OAAO,MAAM,OAAO,KAC7C,CAAC;AAEJ,SAAO;GACP;CAMJ,MAAM,CAAC,OAAO,YAAY,eAAe,eAAe,OAAO;CAC/D,MAAM,YAAY,eAAe;EAC/B,MAAM,KAAK,SAAS;AACpB,MAAI,CAAC,GAAI;AACT,WAAS,GAAG,kBAAkB,GAAG,MAAM,OAAO;GAC9C;CAGF,MAAM,cAAc,cAEhB,iBACE,gBACA,KAAK,IAAI,OAAO,eAAe,OAAO,EACtC,SACD,EACH;EAAC;EAAgB;EAAO;EAAS,CAClC;CAMD,MAAM,OAAO,cAAc;AACzB,MAAI,CAAC,YAAa,QAAO;EACzB,MAAM,EAAE,OAAO,YAAY;AAC3B,SAAO,MAAM,WAAW,QAAQ,KAAK,GACjC,MAAM,MAAM,QAAQ,KAAK,OAAO,GAChC;IACH,CAAC,YAAY,CAAC;CAGjB,MAAM,EAAE,aAAa,UAAU,EAAE,aAAa,QAAQ,CAAC;CACvD,MAAM,eAAe,cACZ,WAAW,cAAc,OAAO,UAAU,UACjD,CAAC,QAAQ,SAAS,CACnB;CAGD,MAAM,uBAAuB,aAAa;EAC9B;EACH;EACP,eAAe;EAChB,CAAC;CAEF,MAAM,WAAW,aACd,UACC,sBAAsB,OAAO,MAAM,cAAc,EAC/C,kBAAkB,MACnB,CAAC,EACJ,CAAC,MAAM,aAAa,CACrB;CAQD,MAAM,sBAAsB,cAAqB;AAC/C,MAAI,CAAC,YAAa,QAAO,EAAE;EAC3B,MAAM,OAAc,EAAE;EACtB,MAAM,WAAW,eAAe,IAAI,IAAS,aAAa,GAAG;AAC7D,qBACE,SAAS,qBAAqB,WAAW,EACzC,MACA,SACD;AACD,SAAO;IACN;EAAC;EAAa;EAAU,qBAAqB;EAAY;EAAa,CAAC;CAE1E,MAAM,gBAAgB,oBAAoB;CAG1C,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CAIzE,MAAM,GAAG,gBAAgB,SAAS,EAAE;CACpC,MAAM,YAAY,eAAe,cAAc,MAAM,IAAI,EAAE,CAAC;AAE5D,iBAAgB;AACd,qBAAmB,SACjB,QAAQ,QAAQ,aAAa,UAAU,OAAO,OAAO,KACtD;IACA,CAAC,aAAa,MAAM,CAAC;CAGxB,MAAM,oBADgB,CAAC,CAAC,eAAe,YAAY,UAAU,kBAClB,gBAAgB;CAK3D,MAAM,EAAE,WAAW,gBAAgB,mBAAmB,eAAe;EACzD;EACE;EACZ;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAGF,MAAM,eAAe,eAAe;EAClC,MAAM,WAAW,SAAS;AAC1B,MAAI,CAAC,YAAY,CAAC,SAAU;AAE5B,WAAS,MAAM,SAAS;EACxB,MAAM,gBAAgB,iBAAiB,SAAS;EAChD,MAAM,aAAa,WAAW,cAAc,WAAW,IAAI;EAC3D,MAAM,gBAAgB,WAAW,cAAc,cAAc,IAAI;EACjE,MAAM,YAAY,WAAW,cAAc,eAAe,IAAI;EAC9D,MAAM,eAAe,WAAW,cAAc,kBAAkB,IAAI;EACpE,MAAM,aAAa,SAAS,cAAc,WAAW,IAAI;EACzD,MAAM,gBAAgB,SAAS,eAAe,aAAa;EAC3D,MAAM,eAAe,KAAK,KAAK,gBAAgB,WAAW;EAE1D,MAAM,cADa,KAAK,IAAI,KAAK,IAAI,cAAc,QAAQ,EAAE,KAAK,GAEnD,aACb,aACA,gBACA,YACA;AACF,WAAS,MAAM,SAAS,GAAG,YAAY;GACvC;CAGF,IAAI,EAAE,YAAY,eAAe,aAC/B;EACE,GAAG;EACH,OAAO;EACP;EACA;EACA;EACA;EACA,UAAU,MAAM,cAAc,aAAa;EAC3C,kBAAkB;EACnB,EACD,SACD;CAED,MAAM,mBAAmBA,aAAW,YAAY,eAAe;CAE/D,MAAM,yBACJ,OAAO,WAAW,cAAc,kBAAkB;AAEpD,8BAA6B;AAC3B,MAAI,CAAC,YAAY,CAAC,SAAS,QAAS;AACpC,gBAAc;EACd,MAAM,iBAAiB,IAAI,eAAe,aAAa;AACvD,iBAAe,QAAQ,SAAS,QAAQ;AACxC,eAAa,eAAe,YAAY;IACvC,CAAC,UAAU,SAAS,QAAQ,CAAC;AAEhC,8BAA6B;AAC3B,MAAI,YAAY,SAAS,QACvB,eAAc;IAEf,CAAC,eAAe,CAAC;CAGpB,MAAM,kBAAkB,OAAsB,KAAK;AACnD,8BAA6B;EAC3B,MAAM,KAAK,SAAS;AACpB,MAAI,CAAC,GAAI;AAET,MAAI,gBAAgB,WAAW,MAAM;GAEnC,MAAM,MAAM,gBAAgB;AAC5B,mBAAgB,UAAU;AAC1B,MAAG,OAAO;AACV,MAAG,kBAAkB,KAAK,IAAI;AAC9B,YAAS,IAAI;AACb;;EAOF,MAAM,WAAW,GAAG,kBAAkB,GAAG,MAAM;AAC/C,YAAU,SAAU,SAAS,WAAW,OAAO,SAAU;IACxD,CAAC,eAAe,CAAC;CAGpB,MAAM,mBAAmB,aACtB,QAAqB;AAEpB,UADa,sBAAsB,YAAY,QAAQ,IAAI,GAC9C,aAAa,OAAO,IAAI;IAEvC,CAAC,sBAAsB,WAAW,CACnC;CAGD,MAAM,SAAS,UAAU,QAAa;EACpC,MAAM,YAAY,aAAa;AAK/B,MAAI,oBAAoB,SAAS,KAAK,CAAC,oBAAoB,SAAS,IAAI,CACtE,OAAM,oBAAoB;EAE5B,MAAM,YAAY,iBAAiB,IAAI;EACvC,MAAM,QAAQ;EACd,MAAM,KAAK,SAAS;AAEpB,MAAI,OAAO;GACT,MAAM,OACJ,eAAe,MAAM,GAAG,MAAM,MAAM,GACpC,aACC,mBAAmB,MAAM,MAC1B,eAAe,MAAM,MAAM,IAAI;GACjC,MAAM,WACJ,MAAM,QAAQ,UAAU,UAAU,mBAAmB,IAAI;AAC3D,mBAAgB,UAAU;AAC1B,gBAAa,KAAK;AAElB,OAAI,IAAI;AACN,OAAG,OAAO;AACV,QAAI;AACF,QAAG,kBAAkB,UAAU,SAAS;YAClC;;aAID,IAAI;GAEb,MAAM,QAAQ,GAAG,kBAAkB,eAAe;GAClD,MAAM,MAAM,GAAG,gBAAgB,eAAe;GAC9C,MAAM,OACJ,eAAe,MAAM,GAAG,MAAM,GAC9B,aACC,mBAAmB,MAAM,MAC1B,eAAe,MAAM,IAAI;AAE3B,mBAAgB,UADC,QAAQ,UAAU,UAAU,mBAAmB,IAAI;AAEpE,gBAAa,KAAK;;AAGpB,oBAAkB,KAAK;AACvB,cAAY,KAAK;GACf;GACA,GAAI,WAAW,YAAY,QAAQ,IAAI,EAAE,SAAS,EAAE;GACrD,CAAC;GACF;CAGF,MAAM,mBAAmB,aACtB,MAAgD;AAC/C,cAAY,EAAE;AACd,MAAI,EAAE,iBAAkB;AAExB,MAAI,CAAC,kBAGH;EAGF,MAAM,YAAY,aAAa;AAE/B,MAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,OAAI,CAAC,UAAW;AAChB,KAAE,gBAAgB;GAClB,MAAM,UAAU,kBACd,WACA,EAAE,QAAQ,cAAc,IAAI,GAC7B;AACD,OAAI,WAAW,MAAM;AACnB,sBAAkB,UAAU;AAC5B,cAAU,iBAAiB,cAAc,QAAQ;AACjD,eAAW;;aAEJ,EAAE,QAAQ,UAAU,EAAE,QAAQ,OAAO;AAC9C,OAAI,CAAC,UAAW;AAChB,KAAE,gBAAgB;GAClB,MAAM,UAAU,kBACd,WACA,EAAE,QAAQ,SAAS,UAAU,OAC9B;AACD,OAAI,WAAW,MAAM;AACnB,sBAAkB,UAAU;AAC5B,cAAU,iBAAiB,cAAc,QAAQ;AACjD,eAAW;;aAEJ,EAAE,QAAQ,WAAW,EAAE,QAAQ,OAAO;AAC/C,OAAI,CAAC,UAAW;GAChB,MAAM,UAAU,UAAU,iBAAiB;AAC3C,OAAI,WAAW,MAAM;AACnB,MAAE,gBAAgB;AAClB,WAAO,QAAQ;;aAGR,EAAE,QAAQ,UAAU;AAC7B,KAAE,gBAAgB;AAClB,OAAI,YACF,mBAAkB,YAAY,MAAM;;IAI1C;EAAC;EAAmB;EAAa;EAAQ;EAAW;EAAa,CAClE;CAGD,MAAM,uBAAuB,OAAO,EAAE;AACtC,uBAAsB;AACpB,MAAI,CAAC,kBAAmB;AACxB,uBAAqB,UAAU;EAE/B,MAAM,aAAa;AACjB,OAAI,CAAC,kBAAmB;GACxB,MAAM,YAAY,aAAa;AAC/B,OAAI,CAAC,WAAW;AACd,yBAAqB,WAAW;AAChC,QAAI,qBAAqB,UAAU,EACjC,uBAAsB,KAAK;AAE7B;;AAEF,OAAI,UAAU,iBAAiB,cAAc,MAAM;IACjD,MAAM,QAAQ,kBAAkB,WAAW,QAAQ;AACnD,QAAI,SAAS,MAAM;AACjB,uBAAkB,UAAU;AAC5B,eAAU,iBAAiB,cAAc,MAAM;AAC/C,gBAAW;;;;AAKjB,8BAA4B,sBAAsB,KAAK,CAAC;IACvD,CAAC,kBAAkB,CAAC;AAMvB,uBAAsB;AACpB,MAAI,CAAC,kBAAmB;EACxB,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;AAEhB,MAAI,oBAAoB,WAAW,EAAG;EAEtC,MAAM,UAAU,UAAU,iBAAiB;AAC3C,MAAI,WAAW,QAAQ,CAAC,oBAAoB,SAAS,QAAQ,EAAE;AAC7D,qBAAkB,UAAU;AAC5B,aAAU,iBAAiB,cAAc,oBAAoB,GAAG;AAChE,cAAW;;IAEZ,CAAC,qBAAqB,kBAAkB,CAAC;CAG5C,MAAM,EAAE,wBAAwB,kBAAkB;EACpC;EACA;EACZ;EACA;EACA;EACD,CAAC;CAGF,MAAM,aAAa,aAAa,SAAS,iBAAiB,cAAc;CACxE,MAAM,YAAY,0BAA0B;CAS5C,MAAM,uBAA+B;EACnC,OAAO;EACP,GAAG;EACJ;CAGD,MAAM,oBAAoBA,aAAW,YAAY;EAC/C,MAAM;EACN,qBAAqB;EACrB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB,oBAAoB,YAAY;EACjD,yBACE,qBAAqB,cAAc,OAC/B,eAAe,eACf;EACN,WAAW;EACX,UAAU;EACV,SAAS;EACT,SAAS;EACT,mBAAmB;EACpB,CAAC;AAqBF,QACE,8CAlBA,oBAAC;EACM;EACL,GAAI;EACJ;EACI;EACM;EACE;EACZ,cAAc;EACd,YAAY;EACZ,YAAY;EACA;EACA;EACA;EACN;GACN,EAMA,oBAAC;EACC,QAAQ;EACR,YAAY;EACZ,mBAAmB;EACH;EACJ;EACA;EACD;EACC;EACG;EACG;EACP;EACX,eAAe;EACA;EACD;EACd,iBAAiB;EACF;EACA;EACH;EACE;EACP;EACO;EACd,WACG,MAAc,kBACd,OAAO,WAAW,UAAU,WAAW,WAAW,QAAQ;EAExC;EACrB,QAAQ;EACR,eAAe;AACb,OAAI,YAAa,mBAAkB,YAAY,MAAM;;EAEvD,oBAAoB,cAAc;GAChC,MAAM,MAAM,MAAM,QAAQ,UAAU,GAAG,UAAU,KAAK;AACtD,OAAI,OAAO,KAAM,QAAO,IAAI;;EAG7B;GACc,IAChB;;AAIP,MAAM,mBAAmB,WAAW,gBAAgB;AASpD,OAAO,OAAO,kBAAkB;CAC9B;CACSC;CACT,aAAa;CACd,CAAC;AAEF,OAAO,eAAe,kBAAkB,iBAAiB;CACvD,OAAO;CACP,YAAY;CACZ,cAAc;CACf,CAAC"}
1	+ {"version":3,"file":"CommandTextArea.js","names":["mergeProps","BaseSection"],"sources":["../../../../src/components/fields/CommandTextArea/CommandTextArea.tsx"],"sourcesContent":["import { Key } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport React, {\n ForwardedRef,\n forwardRef,\n ReactElement,\n ReactNode,\n RefObject,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useFilter, useTextField } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { chain, mergeProps, useCombinedRefs } from '../../../utils/react';\nimport {\n castNullableStringValue,\n WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useFieldProps } from '../../form';\nimport {\n collectVisibleKeys,\n filterCollectionNodes,\n getEdgeVisibleKey,\n getNextVisibleKey,\n ListBoxPopover,\n ListStateLike,\n markKeyboardFocus,\n TextFilterFn,\n useCompositeFocus,\n} from '../ListBoxPopover';\nimport {\n CubeTextInputBaseProps,\n TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport { useCaretAnchor } from './useCaretAnchor';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single trigger character with optional placement constraint. /\nexport interface CommandTrigger {\n /* The character that opens the autocomplete (e.g. `/` or `@`). /\n char: string;\n /\n When true, the trigger token must start at the beginning of the line the\n * caret is on (right after a newline, or at the very start of the input) —\n * i.e. line-scoped slash commands. When false, the token may appear after\n * any whitespace, anywhere in the text (Slack/Notion-style).\n /\n atLineStart?: boolean;\n}\n\n/* Result of scanning the textarea for an active trigger token. /\nexport interface ActiveToken {\n /* The matched trigger descriptor. /\n trigger: CommandTrigger;\n /* The active token text, INCLUDING the trigger char (e.g. `/cle`). /\n token: string;\n /* Inclusive start index of the token in the textarea value. /\n start: number;\n /* Exclusive end index of the token (caret position while typing). /\n end: number;\n}\n\nexport type CommandTextAreaFilterFn = TextFilterFn;\n\nexport interface CubeCommandTextAreaProps<T>\n extends Omit<CubeTextInputBaseProps, 'children' \| 'multiLine'> {\n /* Whether the textarea should resize to fit its content. /\n autoSize?: boolean;\n /* Max visible rows when `autoSize` is true. Defaults to 10. /\n maxRows?: number;\n /* Number of visible rows. Defaults to 3. /\n rows?: number;\n\n /* Command/option source (alternative to JSX children). /\n items?: Iterable<T>;\n /* Static items or a render function (same shape as ComboBox/ListBox). /\n children?: ReactNode \| ((item: T) => ReactElement);\n /\n Triggers that open the autocomplete. Defaults to a single slash command\n * that must start at the beginning of the input.\n /\n triggers?: CommandTrigger[];\n /\n Custom filter. Pass `false` to disable internal filtering (server-side).\n /\n filter?: CommandTextAreaFilterFn \| false;\n /\n Fired when the user picks a command (Enter/Tab/click). The option's\n * `textValue` is also inserted into the textarea regardless.\n /\n onCommand?: (key: Key, item: { textValue: string; [k: string]: any }) => void;\n /* Insert a trailing space after the chosen command. Defaults to true. /\n insertSpaceAfter?: boolean;\n /* Keys of disabled options. /\n disabledKeys?: Iterable<Key>;\n /* Popover placement. Chat inputs usually want `top`. Defaults to `top`. /\n direction?: 'bottom' \| 'top';\n /* Whether the popover should flip when overflowing. Defaults to true. /\n shouldFlip?: boolean;\n /* Offset between the textarea and the popover. /\n overlayOffset?: number;\n /* Padding between the popover and the viewport edge. /\n containerPadding?: number;\n\n // Refs\n /* Ref for the textarea element. /\n inputRef?: RefObject<HTMLTextAreaElement>;\n /* Ref for the wrapper element (popover anchor). /\n wrapperRef?: RefObject<HTMLDivElement>;\n /* Ref for the popover overlay element. /\n popoverRef?: RefObject<HTMLDivElement>;\n /* Ref for the listbox element. /\n listBoxRef?: RefObject<HTMLDivElement>;\n /* Ref through which the internal list state is exposed. /\n listStateRef?: RefObject<ListStateLike \| null>;\n\n // Style props\n overlayStyles?: any;\n listBoxStyles?: any;\n optionStyles?: any;\n sectionStyles?: any;\n headingStyles?: any;\n}\n\nconst DEFAULT_TRIGGERS: CommandTrigger[] = [{ char: '/', atLineStart: true }];\n\n// ---------------------------------------------------------------------------\n// Trigger parsing\n// ---------------------------------------------------------------------------\n\n/\n Inspect the textarea contents up to the caret and find the active trigger\n * token, if any. The token includes the trigger character and ends at the\n * caret (so it grows as the user types). A token ends at whitespace or the end\n * of the input.\n /\nexport function parseActiveToken(\n value: string,\n caret: number,\n triggers: CommandTrigger[],\n): ActiveToken \| null {\n if (!triggers.length) return null;\n const before = value.slice(0, caret);\n const after = value.slice(caret);\n\n for (const trigger of triggers) {\n const ch = trigger.char;\n if (trigger.atLineStart) {\n // Line-start command: the trigger char must sit at the start of the line\n // the caret is on (right after a newline, or at index 0), with no\n // whitespace between it and the caret. On a single-line input with no\n // newlines this is equivalent to \"index 0 of the whole input\".\n const lineStart = before.lastIndexOf('\\n') + 1;\n const linePrefix = before.slice(lineStart);\n if (linePrefix[0] !== ch) continue;\n // No whitespace allowed within the token (after the trigger char).\n const wsIndex = linePrefix.slice(1).search(/\\s/);\n if (wsIndex !== -1) continue;\n if (!linePrefix) continue;\n return { trigger, token: linePrefix, start: lineStart, end: caret };\n }\n\n // Caret-token mode: find the last trigger char that begins a token at or\n // after a line start / whitespace boundary, with no whitespace between it\n // and the caret.\n const match = /(?:^\|\\s)([\\S]+)$/.exec(before);\n if (!match) continue;\n const candidate = match[1];\n if (candidate[0] !== ch) continue;\n // Ensure the token hasn't already been closed by whitespace after caret.\n // (If there's non-whitespace after the caret, the user is mid-token.)\n const start = caret - candidate.length;\n // If immediately after the caret there's whitespace (or end), the token is\n // \"complete\" — still offer completions as long as the caret sits on the\n // token. We accept it.\n void after;\n return { trigger, token: candidate, start, end: caret };\n }\n\n return null;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nfunction CommandTextArea<T extends object>(\n props: WithNullableValue<CubeCommandTextAreaProps<T>>,\n ref: ForwardedRef<HTMLElement>,\n) {\n props = castNullableStringValue(props);\n props = useFieldProps(props, {\n defaultValidationTrigger: 'onBlur',\n valuePropsMapper: ({ value, onChange }) => ({\n onChange,\n value: value?.toString() ?? '',\n }),\n });\n\n let {\n qa,\n autoSize = false,\n isDisabled = false,\n isReadOnly = false,\n isRequired = false,\n onChange,\n maxRows = 10,\n rows = 3,\n labelProps: userLabelProps,\n inputRef: propsInputRef,\n value,\n defaultValue,\n placeholder,\n // command props\n items,\n children: renderChildren,\n triggers = DEFAULT_TRIGGERS,\n filter,\n onCommand,\n insertSpaceAfter = true,\n disabledKeys,\n direction = 'top',\n shouldFlip = true,\n overlayOffset = 8,\n containerPadding = 8,\n overlayStyles,\n listBoxStyles,\n optionStyles,\n sectionStyles,\n headingStyles,\n wrapperRef: propsWrapperRef,\n popoverRef: propsPopoverRef,\n listBoxRef: propsListBoxRef,\n listStateRef: propsListStateRef,\n onKeyDown,\n onFocus,\n onBlur,\n ...otherProps\n } = props;\n\n rows = Math.max(rows, 1);\n maxRows = Math.max(maxRows, rows);\n\n // ---- refs -------------------------------------------------------------\n const localInputRef = useRef<HTMLTextAreaElement>(null);\n const inputRef = (propsInputRef ??\n localInputRef) as RefObject<HTMLTextAreaElement>;\n const wrapperRef = useCombinedRefs(propsWrapperRef);\n const popoverRef = useCombinedRefs(propsPopoverRef);\n const listBoxRef = useCombinedRefs(propsListBoxRef);\n const localListStateRef = useRef<ListStateLike \| null>(null);\n const listStateRef = (propsListStateRef ??\n localListStateRef) as RefObject<ListStateLike \| null>;\n\n const commandTextAreaId = useMemo(() => generateRandomId(), []);\n\n // ---- controlled / uncontrolled value ----------------------------------\n // When no `value` is provided (standalone, no form), track the text\n // internally so trigger detection and commit still work.\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState<string>(\n (value as string) ?? (defaultValue as string) ?? '',\n );\n const effectiveValue: string = isControlled\n ? (value as string)\n : internalValue;\n const handleChange = useEvent((next: string) => {\n if (!isControlled) setInternalValue(next);\n onChange?.(next);\n });\n\n // ---- children / items normalization -----------------------------------\n let children: ReactNode = renderChildren as ReactNode;\n const renderFn = renderChildren as unknown;\n if (items && typeof renderFn === 'function') {\n const itemsArray = Array.from(items as Iterable<any>);\n children = itemsArray.map((item, idx) => {\n const rendered = (renderFn as (it: any) => ReactNode)(item);\n if (\n React.isValidElement(rendered) &&\n (rendered as ReactElement).key == null\n ) {\n return React.cloneElement(rendered as ReactElement, {\n key: (rendered as any)?.key ?? item?.key ?? idx,\n });\n }\n return rendered as ReactNode;\n });\n }\n\n // ---- caret tracking ---------------------------------------------------\n // The caret drives trigger detection. We keep it in state so a caret move\n // (arrow keys without typing) re-renders and recomputes the active token.\n const [caret, setCaret] = useState(() => effectiveValue.length);\n const syncCaret = useEvent(() => {\n const el = inputRef.current;\n if (!el) return;\n setCaret(el.selectionStart ?? el.value.length);\n });\n\n // ---- trigger detection ------------------------------------------------\n const activeToken = useMemo(\n () =>\n parseActiveToken(\n effectiveValue,\n Math.min(caret, effectiveValue.length),\n triggers,\n ),\n [effectiveValue, caret, triggers],\n );\n\n // The active token includes the trigger char (e.g. `/co`). Strip it before\n // filtering so the query is matched against the meaningful text — this lets\n // options match by their label/description (which don't contain the trigger\n // char) as well as by their `textValue`.\n const term = useMemo(() => {\n if (!activeToken) return '';\n const { token, trigger } = activeToken;\n return token.startsWith(trigger.char)\n ? token.slice(trigger.char.length)\n : token;\n }, [activeToken]);\n\n // ---- filtering --------------------------------------------------------\n const { contains } = useFilter({ sensitivity: 'base' });\n const textFilterFn = useMemo<CommandTextAreaFilterFn>(\n () => (filter === false ? () => true : filter \|\| contains),\n [filter, contains],\n );\n\n // Local collection used to read option textValues and to count matches.\n const localCollectionState = useListState({\n children: children as any,\n items: items as any,\n selectionMode: 'none',\n });\n\n const filterFn = useCallback(\n (nodes: Iterable<any>) =>\n filterCollectionNodes(nodes, term, textFilterFn, {\n matchExtraFields: true,\n }),\n [term, textFilterFn],\n );\n\n // Keys of the currently visible (filtered) options, in display order.\n // Derived from our own local collection + filter (rather than the ListBox's\n // exposed state ref) so it is always in sync with the current token — the\n // ListBox's `stateRef.collection` can momentarily lag by a render right after\n // the token narrows, which would otherwise leave virtual focus on (and commit)\n // an option that is no longer visible.\n const visibleFilteredKeys = useMemo<Key[]>(() => {\n if (!activeToken) return [];\n const keys: Key[] = [];\n const disabled = disabledKeys ? new Set<Key>(disabledKeys) : undefined;\n collectVisibleKeys(\n filterFn(localCollectionState.collection),\n keys,\n disabled,\n );\n return keys;\n }, [activeToken, filterFn, localCollectionState.collection, disabledKeys]);\n\n const filteredCount = visibleFilteredKeys.length;\n\n // ---- dismiss handling (Escape keeps the text but hides the popover) ---\n const [dismissedToken, setDismissedToken] = useState<string \| null>(null);\n // Bumped whenever we move the virtual focus so the textarea's\n // `aria-activedescendant` (read from the ListBox's stateRef at render time)\n // stays in sync — the ListBox's own state update does not re-render us.\n const [, setFocusTick] = useState(0);\n const bumpFocus = useEvent(() => setFocusTick((t) => t + 1));\n // Reset dismissal whenever the active token changes (user typed/backspaced).\n useEffect(() => {\n setDismissedToken((prev) =>\n prev != null && activeToken?.token !== prev ? null : prev,\n );\n }, [activeToken?.token]);\n\n const isCommandMode = !!activeToken && activeToken.token !== dismissedToken;\n const shouldShowPopover = isCommandMode && filteredCount > 0;\n\n // ---- caret-anchored popover ------------------------------------------\n // A zero-size element positioned at the caret (both axes) drives the\n // popover's geometry; the wrapper remains the dismiss/outside-click trigger.\n const { anchorRef: caretAnchorRef, positionApiRef } = useCaretAnchor({\n inputRef: inputRef as RefObject<HTMLTextAreaElement>,\n wrapperRef: wrapperRef as RefObject<HTMLElement>,\n caret,\n value: effectiveValue,\n isActive: shouldShowPopover,\n });\n\n // ---- height autosize (shared with TextArea) ---------------------------\n const adjustHeight = useAutoSizeTextArea({\n inputRef,\n autoSize,\n rows,\n maxRows,\n value: effectiveValue,\n });\n\n // ---- useTextField (ARIA wiring for the textarea) ----------------------\n let { labelProps, inputProps } = useTextField(\n {\n ...otherProps,\n value: effectiveValue,\n placeholder,\n isDisabled,\n isReadOnly,\n isRequired,\n onChange: chain(handleChange, adjustHeight),\n inputElementType: 'textarea',\n } as any,\n inputRef as any,\n );\n\n const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n const useEnvironmentalEffect =\n typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n // ---- caret restore after commit --------------------------------------\n const pendingCaretRef = useRef<number \| null>(null);\n useEnvironmentalEffect(() => {\n const el = inputRef.current;\n if (!el) return;\n\n if (pendingCaretRef.current != null) {\n // Restore caret after we programmatically inserted a command.\n const pos = pendingCaretRef.current;\n pendingCaretRef.current = null;\n el.focus();\n el.setSelectionRange(pos, pos);\n setCaret(pos);\n return;\n }\n\n // The value changed without our own commit (controlled update from\n // outside, form reset, or defaultValue seeding). Resync the caret from\n // the DOM selection so trigger parsing works off a valid index instead of\n // a stale one. We intentionally do not steal focus here.\n const domCaret = el.selectionStart ?? el.value.length;\n setCaret((prev) => (prev === domCaret ? prev : domCaret));\n }, [effectiveValue]);\n\n // ---- helpers ----------------------------------------------------------\n const getItemTextValue = useCallback(\n (key: Key): string => {\n const item = localCollectionState?.collection?.getItem(key);\n return item?.textValue \|\| String(key);\n },\n [localCollectionState?.collection],\n );\n\n // ---- commit (insert the chosen option's literal value) ---------------\n const commit = useEvent((key: Key) => {\n const listState = listStateRef.current;\n // Guard against committing a stale key that has been filtered out of the\n // visible list (e.g. the token was narrowed after focus landed on it).\n // Fall back to the first still-visible option so the inserted command\n // always matches what the user can see.\n if (visibleFilteredKeys.length > 0 && !visibleFilteredKeys.includes(key)) {\n key = visibleFilteredKeys[0];\n }\n const textValue = getItemTextValue(key);\n const token = activeToken;\n const el = inputRef.current;\n\n if (token) {\n const next =\n effectiveValue.slice(0, token.start) +\n textValue +\n (insertSpaceAfter ? ' ' : '') +\n effectiveValue.slice(token.end);\n const caretPos =\n token.start + textValue.length + (insertSpaceAfter ? 1 : 0);\n pendingCaretRef.current = caretPos;\n handleChange(next);\n // If controlled, caret is restored by the effect above; if not, set now.\n if (el) {\n el.focus();\n try {\n el.setSelectionRange(caretPos, caretPos);\n } catch {\n / noop */\n }\n }\n } else if (el) {\n // Fallback: insert at caret.\n const start = el.selectionStart ?? effectiveValue.length;\n const end = el.selectionEnd ?? effectiveValue.length;\n const next =\n effectiveValue.slice(0, start) +\n textValue +\n (insertSpaceAfter ? ' ' : '') +\n effectiveValue.slice(end);\n const caretPos = start + textValue.length + (insertSpaceAfter ? 1 : 0);\n pendingCaretRef.current = caretPos;\n handleChange(next);\n }\n\n setDismissedToken(null);\n onCommand?.(key, {\n textValue,\n ...(listState?.collection?.getItem(key)?.props ?? {}),\n });\n });\n\n // ---- keyboard navigation (only while the popover is open) -------------\n const onKeyDownHandler = useCallback(\n (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n onKeyDown?.(e);\n if (e.defaultPrevented) return;\n\n if (!shouldShowPopover) {\n // While not in command mode, the textarea behaves normally; but clear\n // any dismissal when the user edits.\n return;\n }\n\n const listState = listStateRef.current;\n\n if (e.key === 'ArrowDown' \|\| e.key === 'ArrowUp') {\n if (!listState) return;\n e.preventDefault();\n const nextKey = getNextVisibleKey(\n listState,\n e.key === 'ArrowDown' ? 1 : -1,\n );\n if (nextKey != null) {\n markKeyboardFocus(listState);\n listState.selectionManager.setFocusedKey(nextKey);\n bumpFocus();\n }\n } else if (e.key === 'Home' \|\| e.key === 'End') {\n if (!listState) return;\n e.preventDefault();\n const edgeKey = getEdgeVisibleKey(\n listState,\n e.key === 'Home' ? 'first' : 'last',\n );\n if (edgeKey != null) {\n markKeyboardFocus(listState);\n listState.selectionManager.setFocusedKey(edgeKey);\n bumpFocus();\n }\n } else if (e.key === 'Enter' \|\| e.key === 'Tab') {\n if (!listState) return;\n const focused = listState.selectionManager.focusedKey;\n if (focused != null) {\n e.preventDefault();\n commit(focused);\n }\n // Otherwise pass through (newline / form submit / tab navigation).\n } else if (e.key === 'Escape') {\n e.preventDefault();\n if (activeToken) {\n setDismissedToken(activeToken.token);\n }\n }\n },\n [shouldShowPopover, activeToken, commit, onKeyDown, listStateRef],\n );\n\n // ---- initial focus on the first option when the popover opens ---------\n const focusInitAttemptsRef = useRef(0);\n useLayoutEffect(() => {\n if (!shouldShowPopover) return;\n focusInitAttemptsRef.current = 0;\n\n const tick = () => {\n if (!shouldShowPopover) return;\n const listState = listStateRef.current;\n if (!listState) {\n focusInitAttemptsRef.current += 1;\n if (focusInitAttemptsRef.current < 8) {\n requestAnimationFrame(tick);\n }\n return;\n }\n if (listState.selectionManager.focusedKey == null) {\n const first = getEdgeVisibleKey(listState, 'first');\n if (first != null) {\n markKeyboardFocus(listState);\n listState.selectionManager.setFocusedKey(first);\n bumpFocus();\n }\n }\n };\n\n requestAnimationFrame(() => requestAnimationFrame(tick));\n }, [shouldShowPopover]);\n\n // ---- keep virtual focus valid as the filtered list narrows -----------\n // When the user narrows the token, the previously focused option may drop\n // out of the filtered list. Move focus to the first still-visible option so\n // the highlight and any Enter/Tab commit stay in sync with what's shown.\n useLayoutEffect(() => {\n if (!shouldShowPopover) return;\n const listState = listStateRef.current;\n if (!listState) return;\n\n if (visibleFilteredKeys.length === 0) return;\n\n const focused = listState.selectionManager.focusedKey;\n if (focused == null \|\| !visibleFilteredKeys.includes(focused)) {\n markKeyboardFocus(listState);\n listState.selectionManager.setFocusedKey(visibleFilteredKeys[0]);\n bumpFocus();\n }\n }, [visibleFilteredKeys, shouldShowPopover]);\n\n // ---- composite focus (wrapper + portaled popover) ---------------------\n const { compositeFocusProps } = useCompositeFocus({\n wrapperRef: wrapperRef as RefObject<HTMLElement>,\n popoverRef: popoverRef as RefObject<HTMLElement>,\n onFocus,\n onBlur,\n isDisabled,\n });\n\n // ---- aria-activedescendant -------------------------------------------\n const focusedKey = listStateRef.current?.selectionManager.focusedKey ?? null;\n const listBoxId = `CommandTextAreaListBox-${commandTextAreaId}`;\n\n // ---- popover width ----------------------------------------------------\n // The popover is anchored to the caret (a point), so it must not be sized to\n // the textarea. We use the same default as the shared `ListBoxPopover` /\n // `Picker` popovers: a `30x` floor (240px), `max-content` preferred, `50vw`\n // cap. The concrete floor keeps the virtualized ListBox from collapsing to a\n // sliver (it has no intrinsic width), and `max-content` lets short option\n // lists size to their content. The user's `overlayStyles` still win on top.\n const popoverOverlayStyles: Styles = {\n width: '30x max-content 50vw',\n ...overlayStyles,\n };\n\n // ---- assemble input props ---------------------------------------------\n const commandInputProps = mergeProps(inputProps, {\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': shouldShowPopover,\n 'aria-haspopup': 'listbox',\n 'aria-controls': shouldShowPopover ? listBoxId : undefined,\n 'aria-activedescendant':\n shouldShowPopover && focusedKey != null\n ? `ListBoxItem-${focusedKey}`\n : undefined,\n onKeyDown: onKeyDownHandler,\n onSelect: syncCaret,\n onKeyUp: syncCaret,\n onClick: syncCaret,\n 'data-input-type': 'command-textarea',\n });\n\n // ---- render -----------------------------------------------------------\n const field = (\n <TextInputBase\n ref={ref as any}\n {...otherProps}\n multiLine\n qa={qa}\n inputRef={inputRef}\n wrapperRef={wrapperRef}\n wrapperProps={compositeFocusProps}\n labelProps={mergedLabelProps}\n inputProps={commandInputProps}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isRequired={isRequired}\n rows={rows}\n />\n );\n\n return (\n <>\n {field}\n <ListBoxPopover\n isOpen={shouldShowPopover}\n triggerRef={wrapperRef as RefObject<HTMLElement>}\n positionTargetRef={caretAnchorRef as RefObject<Element \| null>}\n positionApiRef={positionApiRef}\n popoverRef={popoverRef}\n listBoxRef={listBoxRef}\n direction={direction}\n shouldFlip={shouldFlip}\n overlayOffset={overlayOffset}\n containerPadding={containerPadding}\n listBoxId={listBoxId}\n overlayStyles={popoverOverlayStyles}\n listBoxStyles={listBoxStyles}\n optionStyles={optionStyles}\n optionHighlight={term}\n sectionStyles={sectionStyles}\n headingStyles={headingStyles}\n isDisabled={isDisabled}\n disabledKeys={disabledKeys}\n items={items as any}\n listStateRef={listStateRef}\n ariaLabel={\n (props as any)['aria-label'] \|\|\n (typeof otherProps.label === 'string' ? otherProps.label : 'Commands')\n }\n compositeFocusProps={compositeFocusProps}\n filter={filterFn}\n onClose={() => {\n if (activeToken) setDismissedToken(activeToken.token);\n }}\n onSelectionChange={(selection) => {\n const key = Array.isArray(selection) ? selection[0] : selection;\n if (key != null) commit(key);\n }}\n >\n {children as any}\n </ListBoxPopover>\n </>\n );\n}\n\nconst _CommandTextArea = forwardRef(CommandTextArea) as unknown as (<T>(\n props: CubeCommandTextAreaProps<T> & {\n ref?: ForwardedRef<HTMLElement>;\n },\n) => ReactElement) & {\n Item: typeof Item;\n Section: typeof BaseSection;\n};\n\nObject.assign(_CommandTextArea, {\n Item,\n Section: BaseSection,\n displayName: 'CommandTextArea',\n});\n\nObject.defineProperty(_CommandTextArea, 'cubeInputType', {\n value: 'CommandTextArea',\n enumerable: false,\n configurable: false,\n});\n\nexport { _CommandTextArea as CommandTextArea };\n"],"mappings":"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"}

package/dist/components/fields/CommandTextArea/caretPosition.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 //#region src/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",

package/dist/components/fields/CommandTextArea/useCaretAnchor.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { getCaretRect } from "./caretPosition.js";
 import { useEffect, useLayoutEffect, useRef } from "react";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";