@cube-dev/ui-kit 0.0.0-canary-a818f8a → 0.0.0-canary-d05b057

package/dist/utils/react/sharedStore.js

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

package/dist/utils/react/useBufferedValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";
 

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

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

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { useCallback, useContext, useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a818f8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d05b057 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-a818f8a";
+const VERSION = "0.0.0-canary-d05b057";
 const TASTY_VERSION = "3.0.2";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/Usage.md

@@ -423,7 +423,10 @@ numbering, selection, and drag/drop limits.
 DataTable also accepts nested column definitions for already-shaped pivot
 results. Group nodes create accessible multi-row headers with native column
 spans, while sorting, resizing, ranges and copying continue to operate on their
-leaf columns.
+leaf columns. Both tables fill an available flex pane by default; use
+`isAutoHeight` for a compact result whose frame should end at its last rendered
+row. Auto-height renders every row, so bounded tables remain the right choice
+for large results.
 
 ## Form System
 

package/docs/components/data/DataTable.md

@@ -77,6 +77,9 @@ Cloud's column-header menu, and everything it knows about the query, in Cloud.
 - **`isStriped`** `boolean` (default: `true`) — Banding is what makes a wide row readable across.
 - **`isHeaderHidden`** `boolean`
 - **`isHeaderSticky`** `boolean` (default: `true`)
+- **`isAutoHeight`** `boolean` (default: `false`) — Shrink-wraps the frame to
+  the rendered rows instead of filling its flex pane. It takes precedence over
+  root height/flex sizing and disables virtualization.
 - **`isRowMoveAnimated`** `boolean` (default: `true`) — Slide rows to their new positions when the order changes, instead of teleporting them. Respects `prefers-reduced-motion`.
 - **`showRowNumbers`** `boolean` (default: `false`) — A continuous count down the side, which stays continuous across pages.
 
@@ -137,7 +140,7 @@ see [Column Colors](#column-colors) for the last two.
 
 #### Virtualization
 
-- **`isVirtualized`** `boolean | 'auto'` (default: `'auto'`) — On when the grid is height-bounded and has more rows than the threshold.
+- **`isVirtualized`** `boolean | 'auto'` (default: `'auto'`) — On when the grid is height-bounded and has more rows than the threshold. Ignored when `isAutoHeight` is enabled.
 - **`virtualizeThreshold`** `number`
 - **`overscan`** `number`
 
@@ -245,7 +248,7 @@ const columns = [
   },
 ];
 
-<DataTable data={pivotRows} columns={columns} />;
+<DataTable data={pivotRows} columns={columns} isAutoHeight />;
 ```
 
 The data/query layer still owns the pivot calculation. DataTable only renders
@@ -321,6 +324,20 @@ competing for a position.
 Above `virtualizeThreshold` a bounded grid virtualizes on its own, so
 `paginationMode="off"` is a reasonable default for a result the user scrolls.
 
+For a compact result that should participate in normal page flow, set
+`isAutoHeight`. The frame then ends at the last rendered row rather than filling
+its flex pane. This renders the complete result and disables virtualization, so
+keep larger results bounded instead.
+
+```jsx
+<DataTable
+  data={summaryRows}
+  columns={columns}
+  paginationMode="off"
+  isAutoHeight
+/>
+```
+
 ### Sorting Moves Rows
 
 When a sort reorders rows, they slide to their new positions over 120ms rather

package/docs/components/data/ItemTable.md

@@ -73,6 +73,9 @@ pivots, totals. Use `ListBox` when there is only one column.
   row and drops it from `aria-rowcount`.
 - **`isHeaderSticky`** `boolean` (default: `true`) — Pins the column header
   while the body scrolls.
+- **`isAutoHeight`** `boolean` (default: `false`) — Shrink-wraps the frame to
+  the rendered rows instead of filling its flex pane. It takes precedence over
+  root height/flex sizing and disables virtualization.
 - **`sortMode`** `'client' | 'server' | 'off'` (default: `'client'` when any
   column is sortable, else `'off'`) — `client` reorders `data` itself; `server`
   only reflects `sort` and fires `onSortChange`; `off` removes the affordance.
@@ -104,7 +107,8 @@ pivots, totals. Use `ListBox` when there is only one column.
   toolbar.
 - **`isVirtualized`** `boolean | 'auto'` (default: `'auto'`) — `'auto'` turns
   virtualization on once the row count passes `virtualizeThreshold`. It needs a
-  bounded height to have a viewport to work against.
+  bounded height to have a viewport to work against and is ignored when
+  `isAutoHeight` is enabled.
 - **`virtualizeThreshold`** `number` (default: `50`) — Row count above which
   `'auto'` virtualizes.
 - **`overscan`** `number` (default: `12`) — Rows mounted beyond each viewport
@@ -718,6 +722,14 @@ DOM and the styles are identical either way — only the number of mounted rows
 changes, so sorting, search, pinned columns and the sticky header all behave the
 same.
 
+For a compact list in normal page flow, set `isAutoHeight`. Its frame then ends
+at the final rendered row instead of filling the surrounding flex pane. The
+complete result is rendered, so keep large lists bounded and virtualized.
+
+```jsx
+<ItemTable data={recentRows} columns={columns} paginationMode="off" isAutoHeight />
+```
+
 ```jsx
 <ItemTable height="420px" paginationMode="off" data={tenThousandRows} columns={columns} />
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-a818f8a",
+  "version": "0.0.0-canary-d05b057",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {