@cube-dev/ui-kit 0.193.1 → 0.194.0

package/dist/components/data/TableBase/use-column-window.js

@@ -0,0 +1,219 @@
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
+import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { c } from "react/compiler-runtime";
+import { CONTAINER_STYLES } from "@tenphi/tasty";
+import { useLayoutEffect, useState } from "react";
+
+//#region src/components/data/TableBase/use-column-window.ts
+const COLUMN_OVERSCAN = 300;
+const MAX_REFILL_COLUMNS = 1;
+const SAFE_FRAME_STYLES = new Set(CONTAINER_STYLES.filter((key) => ![
+	"font",
+	"preset",
+	"whiteSpace"
+].includes(key)));
+function sameRange(left, right) {
+	if (left == null || right == null) return left === right;
+	return left.first === right.first && left.last === right.last;
+}
+/** Arbitrary body styling and DOM spans need the complete intrinsic layout. */
+function canWindowColumns(columns, styles) {
+	return columns.every((column) => column.width != null && column.width > 0 && Number.isFinite(column.width) && !column.cellProps) && Object.keys(styles ?? {}).every((key) => SAFE_FRAME_STYLES.has(key));
+}
+function getColumnWindowRange(layout, offset, viewportWidth, overscanStart = COLUMN_OVERSCAN, overscanEnd = COLUMN_OVERSCAN) {
+	const start = Math.max(0, offset + layout.pinnedStartWidth - overscanStart);
+	const end = offset + viewportWidth - layout.pinnedEndWidth + overscanEnd;
+	let position = 0;
+	let first = layout.columns.length;
+	let last = -1;
+	for (const column of layout.columns) {
+		const next = position + column.width;
+		if (next > start && position < end) {
+			first = Math.min(first, column.index);
+			last = column.index;
+		}
+		position = next;
+	}
+	return {
+		first,
+		last
+	};
+}
+/** Refill the moving edge without rebuilding rows at every column boundary. */
+function getBufferedColumnWindowRange(layout, previous, offset, viewportWidth) {
+	const required = getColumnWindowRange(layout, offset, viewportWidth);
+	if (!previous) return required;
+	if (offset <= 0 || offset >= layout.totalWidth - viewportWidth - 1) return required;
+	const extendsStart = required.first < previous.first;
+	const extendsEnd = required.last > previous.last;
+	if (!extendsStart && !extendsEnd) {
+		const first = Math.max(previous.first, required.first - MAX_REFILL_COLUMNS);
+		const last = Math.min(previous.last, required.last + MAX_REFILL_COLUMNS);
+		return first === previous.first && last === previous.last ? previous : {
+			first,
+			last
+		};
+	}
+	if (extendsStart && extendsEnd) return required;
+	const refilled = getColumnWindowRange(layout, offset, viewportWidth, extendsStart ? COLUMN_OVERSCAN * 2 : COLUMN_OVERSCAN, extendsEnd ? COLUMN_OVERSCAN * 2 : COLUMN_OVERSCAN);
+	return {
+		first: Math.max(refilled.first, required.first - MAX_REFILL_COLUMNS),
+		last: Math.min(refilled.last, required.last + MAX_REFILL_COLUMNS)
+	};
+}
+/** Preserve height-bearing cells, native controls and row naming offscreen. */
+function retainColumn(column, treeColumnKey) {
+	return column.pin != null || column.isStructural || column.isRowHeader || column.key === treeColumnKey || column.autoHeight || column.render != null || column.cellStyles != null;
+}
+function getColumnWindowSegments(columns, range, treeColumnKey) {
+	const segments = [];
+	let omitted = 0;
+	let firstOmittedKey = "";
+	function flushGap() {
+		if (!omitted) return;
+		segments.push({
+			key: `column-gap:${firstOmittedKey}`,
+			span: omitted
+		});
+		omitted = 0;
+	}
+	for (const column of columns) if (range == null || column.index >= range.first && column.index <= range.last || retainColumn(column, treeColumnKey)) {
+		flushGap();
+		segments.push({
+			key: `column-cell:${column.key}`,
+			column
+		});
+	} else {
+		if (!omitted) firstOmittedKey = column.key;
+		omitted++;
+		if (omitted === 1e3) flushGap();
+	}
+	flushGap();
+	return segments;
+}
+function useColumnWindow(layout, scroller, isEnabled, treeColumnKey) {
+	const $ = c(26);
+	let t0;
+	if ($[0] !== isEnabled || $[1] !== layout.columns || $[2] !== treeColumnKey) {
+		t0 = isEnabled && layout.columns.some((column) => !retainColumn(column, treeColumnKey));
+		$[0] = isEnabled;
+		$[1] = layout.columns;
+		$[2] = treeColumnKey;
+		$[3] = t0;
+	} else t0 = $[3];
+	const isWindowEnabled = t0;
+	const [range, setRange] = useState(null);
+	const [fitsRow, setFitsRow] = useState(false);
+	let t1;
+	if ($[4] !== isWindowEnabled || $[5] !== layout || $[6] !== scroller) {
+		t1 = () => {
+			const width = scroller?.clientWidth ?? 0;
+			const next = isWindowEnabled && scroller && width > 0 && layout.totalWidth > width ? getColumnWindowRange(layout, Math.abs(scroller.scrollLeft), width) : null;
+			setRange((previous) => sameRange(previous, next) ? previous : next);
+		};
+		$[4] = isWindowEnabled;
+		$[5] = layout;
+		$[6] = scroller;
+		$[7] = t1;
+	} else t1 = $[7];
+	const resetRange = t1;
+	let t2;
+	if ($[8] !== isWindowEnabled || $[9] !== layout.totalWidth || $[10] !== scroller) {
+		t2 = () => {
+			if (!isWindowEnabled || !scroller || scroller.clientWidth <= 0 || layout.totalWidth <= scroller.clientWidth) return;
+			const table = scroller?.querySelector("table");
+			if (!table) return;
+			const computed = getComputedStyle(table);
+			const rowHeight = computed.getPropertyValue("--row-height").trim();
+			const height = parseFloat(rowHeight);
+			const lineHeight = parseFloat(computed.lineHeight);
+			setFitsRow(rowHeight === `${height}px` && Number.isFinite(height) && height >= lineHeight);
+		};
+		$[8] = isWindowEnabled;
+		$[9] = layout.totalWidth;
+		$[10] = scroller;
+		$[11] = t2;
+	} else t2 = $[11];
+	const refreshAppearance = useEvent(t2);
+	let t3;
+	let t4;
+	if ($[12] !== isWindowEnabled || $[13] !== layout || $[14] !== refreshAppearance || $[15] !== scroller) {
+		t3 = () => {
+			if (!isWindowEnabled || !scroller) return;
+			const update = (t5) => {
+				const reset = t5 === void 0 ? false : t5;
+				const width_0 = scroller.clientWidth;
+				const offset = Math.abs(scroller.scrollLeft);
+				setRange((previous_0) => {
+					const next_0 = width_0 > 0 && layout.totalWidth > width_0 ? getBufferedColumnWindowRange(layout, reset ? null : previous_0, offset, width_0) : null;
+					return sameRange(previous_0, next_0) ? previous_0 : next_0;
+				});
+			};
+			let lastOffset = Math.abs(scroller.scrollLeft);
+			let lastVerticalOffset = scroller.scrollTop;
+			const onScroll = () => {
+				const offset_0 = Math.abs(scroller.scrollLeft);
+				const verticalOffset = scroller.scrollTop;
+				const reset_0 = verticalOffset !== lastVerticalOffset;
+				lastVerticalOffset = verticalOffset;
+				if (offset_0 === lastOffset && !reset_0) return;
+				lastOffset = offset_0;
+				update(reset_0);
+			};
+			refreshAppearance();
+			update(true);
+			const observer = new ResizeObserver(() => {
+				refreshAppearance();
+				update(true);
+			});
+			observer.observe(scroller);
+			scroller.addEventListener("scroll", onScroll, { passive: true });
+			return () => {
+				observer.disconnect();
+				scroller.removeEventListener("scroll", onScroll);
+			};
+		};
+		t4 = [
+			isWindowEnabled,
+			layout,
+			refreshAppearance,
+			scroller
+		];
+		$[12] = isWindowEnabled;
+		$[13] = layout;
+		$[14] = refreshAppearance;
+		$[15] = scroller;
+		$[16] = t3;
+		$[17] = t4;
+	} else {
+		t3 = $[16];
+		t4 = $[17];
+	}
+	useLayoutEffect(t3, t4);
+	const t5 = isWindowEnabled && fitsRow ? range : null;
+	let t6;
+	if ($[18] !== layout.columns || $[19] !== t5 || $[20] !== treeColumnKey) {
+		t6 = getColumnWindowSegments(layout.columns, t5, treeColumnKey);
+		$[18] = layout.columns;
+		$[19] = t5;
+		$[20] = treeColumnKey;
+		$[21] = t6;
+	} else t6 = $[21];
+	let t7;
+	if ($[22] !== refreshAppearance || $[23] !== resetRange || $[24] !== t6) {
+		t7 = {
+			resetRange,
+			segments: t6,
+			refreshAppearance
+		};
+		$[22] = refreshAppearance;
+		$[23] = resetRange;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	return t7;
+}
+
+//#endregion
+export { canWindowColumns, useColumnWindow };
+//# sourceMappingURL=use-column-window.js.map

package/dist/components/data/TableBase/use-column-window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-column-window.js","names":["CONTAINER_STYLES","useLayoutEffect","useState","useEvent","Styles","CubeResolvedColumn","CubeTableColumnLayout","COLUMN_OVERSCAN","MAX_REFILL_COLUMNS","SAFE_FRAME_STYLES","Set","filter","key","includes","ColumnWindowRange","first","last","sameRange","left","right","ColumnWindowSegment","column","T","span","canWindowColumns","columns","styles","every","width","Number","isFinite","cellProps","Object","keys","has","getColumnWindowRange","layout","offset","viewportWidth","overscanStart","overscanEnd","start","Math","max","pinnedStartWidth","end","pinnedEndWidth","position","length","next","min","index","getBufferedColumnWindowRange","previous","required","totalWidth","extendsStart","extendsEnd","refilled","retainColumn","treeColumnKey","pin","isStructural","isRowHeader","autoHeight","render","cellStyles","getColumnWindowSegments","range","segments","omitted","firstOmittedKey","flushGap","push","useColumnWindow","scroller","isEnabled","$","_c","t0","some","isWindowEnabled","setRange","fitsRow","setFitsRow","t1","clientWidth","abs","scrollLeft","resetRange","t2","table","querySelector","computed","getComputedStyle","rowHeight","getPropertyValue","trim","height","parseFloat","lineHeight","refreshAppearance","t3","t4","update","t5","reset","undefined","width_0","previous_0","next_0","lastOffset","lastVerticalOffset","scrollTop","onScroll","offset_0","verticalOffset","reset_0","observer","ResizeObserver","observe","addEventListener","passive","disconnect","removeEventListener","t6","t7"],"sources":["../../../../src/components/data/TableBase/use-column-window.ts"],"sourcesContent":["import { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeResolvedColumn, CubeTableColumnLayout } from './types';\n\n// Keep nearby cells ready for a horizontal flick without multiplying the\n// mounted row window by the entire column collection.\nconst COLUMN_OVERSCAN = 300;\nconst MAX_REFILL_COLUMNS = 1;\nconst SAFE_FRAME_STYLES = new Set<string>(\n  CONTAINER_STYLES.filter(\n    (key) => !['font', 'preset', 'whiteSpace'].includes(key),\n  ),\n);\n\nexport interface ColumnWindowRange {\n  first: number;\n  last: number;\n}\n\nfunction sameRange(\n  left: ColumnWindowRange | null,\n  right: ColumnWindowRange | null,\n) {\n  if (left == null || right == null) return left === right;\n  return left.first === right.first && left.last === right.last;\n}\n\nexport type ColumnWindowSegment<T> =\n  | { column: CubeResolvedColumn<T>; key: string }\n  | { column?: undefined; key: string; span: number };\n\n/** Arbitrary body styling and DOM spans need the complete intrinsic layout. */\nexport function canWindowColumns<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  styles?: Styles,\n) {\n  return (\n    columns.every(\n      (column) =>\n        column.width != null &&\n        column.width > 0 &&\n        Number.isFinite(column.width) &&\n        !column.cellProps,\n    ) && Object.keys(styles ?? {}).every((key) => SAFE_FRAME_STYLES.has(key))\n  );\n}\n\nexport function getColumnWindowRange<T>(\n  layout: CubeTableColumnLayout<T>,\n  offset: number,\n  viewportWidth: number,\n  overscanStart = COLUMN_OVERSCAN,\n  overscanEnd = COLUMN_OVERSCAN,\n): ColumnWindowRange {\n  const start = Math.max(0, offset + layout.pinnedStartWidth - overscanStart);\n  const end = offset + viewportWidth - layout.pinnedEndWidth + overscanEnd;\n  let position = 0;\n  let first = layout.columns.length;\n  let last = -1;\n\n  for (const column of layout.columns) {\n    const next = position + column.width!;\n    if (next > start && position < end) {\n      first = Math.min(first, column.index);\n      last = column.index;\n    }\n    position = next;\n  }\n\n  return { first, last };\n}\n\n/** Refill the moving edge without rebuilding rows at every column boundary. */\nexport function getBufferedColumnWindowRange<T>(\n  layout: CubeTableColumnLayout<T>,\n  previous: ColumnWindowRange | null,\n  offset: number,\n  viewportWidth: number,\n): ColumnWindowRange {\n  const required = getColumnWindowRange(layout, offset, viewportWidth);\n  if (!previous) return required;\n  // Native scroll extents round fractional widths; no ahead buffer is\n  // needed within a pixel of either endpoint.\n  if (offset <= 0 || offset >= layout.totalWidth! - viewportWidth - 1)\n    return required;\n  const extendsStart = required.first < previous.first;\n  const extendsEnd = required.last > previous.last;\n  if (!extendsStart && !extendsEnd) {\n    const first = Math.max(previous.first, required.first - MAX_REFILL_COLUMNS);\n    const last = Math.min(previous.last, required.last + MAX_REFILL_COLUMNS);\n    return first === previous.first && last === previous.last\n      ? previous\n      : { first, last };\n  }\n  // Both edges moving means the viewport/layout changed, not one scroll edge.\n  if (extendsStart && extendsEnd) return required;\n  const refilled = getColumnWindowRange(\n    layout,\n    offset,\n    viewportWidth,\n    extendsStart ? COLUMN_OVERSCAN * 2 : COLUMN_OVERSCAN,\n    extendsEnd ? COLUMN_OVERSCAN * 2 : COLUMN_OVERSCAN,\n  );\n  // A pixel-only refill retains too many narrow cells during diagonal scroll.\n  return {\n    first: Math.max(refilled.first, required.first - MAX_REFILL_COLUMNS),\n    last: Math.min(refilled.last, required.last + MAX_REFILL_COLUMNS),\n  };\n}\n\n/** Preserve height-bearing cells, native controls and row naming offscreen. */\nfunction retainColumn<T>(\n  column: CubeResolvedColumn<T>,\n  treeColumnKey?: string,\n) {\n  return (\n    column.pin != null ||\n    column.isStructural ||\n    column.isRowHeader ||\n    column.key === treeColumnKey ||\n    column.autoHeight ||\n    column.render != null ||\n    column.cellStyles != null\n  );\n}\n\nexport function getColumnWindowSegments<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  range: ColumnWindowRange | null,\n  treeColumnKey?: string,\n): ColumnWindowSegment<T>[] {\n  const segments: ColumnWindowSegment<T>[] = [];\n  let omitted = 0;\n  let firstOmittedKey = '';\n\n  function flushGap() {\n    if (!omitted) return;\n    segments.push({ key: `column-gap:${firstOmittedKey}`, span: omitted });\n    omitted = 0;\n  }\n\n  for (const column of columns) {\n    if (\n      range == null ||\n      (column.index >= range.first && column.index <= range.last) ||\n      retainColumn(column, treeColumnKey)\n    ) {\n      flushGap();\n      segments.push({ key: `column-cell:${column.key}`, column });\n    } else {\n      if (!omitted) firstOmittedKey = column.key;\n      omitted++;\n      // Native table cells clamp colSpan to 1000.\n      if (omitted === 1000) flushGap();\n    }\n  }\n  flushGap();\n  return segments;\n}\n\nexport function useColumnWindow<T>(\n  layout: CubeTableColumnLayout<T>,\n  scroller: HTMLDivElement | null,\n  isEnabled: boolean,\n  treeColumnKey?: string,\n) {\n  const isWindowEnabled =\n    isEnabled &&\n    layout.columns.some((column) => !retainColumn(column, treeColumnKey));\n  const [range, setRange] = useState<ColumnWindowRange | null>(null);\n  const [fitsRow, setFitsRow] = useState(false);\n  const resetRange = () => {\n    const width = scroller?.clientWidth ?? 0;\n    const next =\n      isWindowEnabled && scroller && width > 0 && layout.totalWidth! > width\n        ? getColumnWindowRange(layout, Math.abs(scroller.scrollLeft), width)\n        : null;\n    setRange((previous) => (sameRange(previous, next) ? previous : next));\n  };\n  const refreshAppearance = useEvent(() => {\n    if (\n      !isWindowEnabled ||\n      !scroller ||\n      scroller.clientWidth <= 0 ||\n      layout.totalWidth! <= scroller.clientWidth\n    ) {\n      return;\n    }\n    const table = scroller?.querySelector('table');\n    if (!table) return;\n    const computed = getComputedStyle(table);\n    const rowHeight = computed.getPropertyValue('--row-height').trim();\n    const height = parseFloat(rowHeight);\n    const lineHeight = parseFloat(computed.lineHeight);\n    // Empty default cells can be shorter than text. Measure the inherited\n    // tokens, since Root can override both typography and the size scale.\n    setFitsRow(\n      rowHeight === `${height}px` &&\n        Number.isFinite(height) &&\n        height >= lineHeight,\n    );\n  });\n\n  useLayoutEffect(() => {\n    if (!isWindowEnabled || !scroller) {\n      return;\n    }\n\n    const update = (reset = false) => {\n      const width = scroller.clientWidth;\n      const offset = Math.abs(scroller.scrollLeft);\n      // Only changed bands add a render. New rows use the ordinary band,\n      // so diagonal scrolling does not multiply the extra refill cells.\n      setRange((previous) => {\n        const next =\n          width > 0 && layout.totalWidth! > width\n            ? getBufferedColumnWindowRange(\n                layout,\n                reset ? null : previous,\n                offset,\n                width,\n              )\n            : null;\n        return sameRange(previous, next) ? previous : next;\n      });\n    };\n    let lastOffset = Math.abs(scroller.scrollLeft);\n    let lastVerticalOffset = scroller.scrollTop;\n    const onScroll = () => {\n      const offset = Math.abs(scroller.scrollLeft);\n      const verticalOffset = scroller.scrollTop;\n      const reset = verticalOffset !== lastVerticalOffset;\n      lastVerticalOffset = verticalOffset;\n      if (offset === lastOffset && !reset) return;\n      lastOffset = offset;\n      update(reset);\n    };\n    refreshAppearance();\n    update(true);\n    const observer = new ResizeObserver(() => {\n      refreshAppearance();\n      update(true);\n    });\n    observer.observe(scroller);\n    scroller.addEventListener('scroll', onScroll, { passive: true });\n    return () => {\n      observer.disconnect();\n      scroller.removeEventListener('scroll', onScroll);\n    };\n  }, [isWindowEnabled, layout, refreshAppearance, scroller]);\n\n  return {\n    resetRange,\n    segments: getColumnWindowSegments(\n      layout.columns,\n      isWindowEnabled && fitsRow ? range : null,\n      treeColumnKey,\n    ),\n    refreshAppearance,\n  };\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 
 //#region src/components/data/TableBase/use-table-columns.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.js";
 import { getColumnText } from "./use-table-columns.js";
 import { c } from "react/compiler-runtime";

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getColumnText, getColumnValue } from "./use-table-columns.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { sortRows } from "./use-table-sort.js";
 import { c } from "react/compiler-runtime";

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { refreshAutoTooltipsWithin } from "../../content/use-auto-tooltip.js";
 import { c } from "react/compiler-runtime";
 import { useEffect } from "react";
@@ -15,31 +15,41 @@ const APPEARANCE_ELEMENTS = new Set([
 	"Row",
 	"Cell"
 ]);
-function useTableTooltipRefresh(scroller, isScrolling) {
-	const $ = c(7);
+function useTableTooltipRefresh(scroller, isScrolling, onAppearanceChange, onRest) {
+	const $ = c(11);
 	let t0;
-	if ($[0] !== isScrolling || $[1] !== scroller?.parentElement) {
+	if ($[0] !== isScrolling || $[1] !== onAppearanceChange || $[2] !== onRest || $[3] !== scroller?.parentElement) {
 		t0 = () => {
 			const root = scroller?.parentElement;
-			if (root && !isScrolling) refreshAutoTooltipsWithin(root);
+			if (root && !isScrolling) {
+				onAppearanceChange?.();
+				onRest?.();
+				refreshAutoTooltipsWithin(root);
+			}
 		};
 		$[0] = isScrolling;
-		$[1] = scroller?.parentElement;
-		$[2] = t0;
-	} else t0 = $[2];
+		$[1] = onAppearanceChange;
+		$[2] = onRest;
+		$[3] = scroller?.parentElement;
+		$[4] = t0;
+	} else t0 = $[4];
 	useEffect(t0);
 	let t1;
-	if ($[3] !== scroller?.parentElement) {
+	if ($[5] !== onAppearanceChange || $[6] !== scroller?.parentElement) {
 		t1 = () => {
 			const root_0 = scroller?.parentElement;
 			if (!root_0) return;
+			const refresh = () => {
+				onAppearanceChange?.();
+				refreshAutoTooltipsWithin(root_0);
+			};
+			window.addEventListener("resize", refresh, { passive: true });
 			const observer = new MutationObserver((records) => {
 				if (records.some((t2) => {
 					const { target } = t2;
 					return target === root_0 || !root_0.contains(target) || target instanceof HTMLElement && APPEARANCE_ELEMENTS.has(target.dataset.element ?? "");
-				})) refreshAutoTooltipsWithin(root_0);
+				})) refresh();
 			});
-			const refresh = () => refreshAutoTooltipsWithin(root_0);
 			document.fonts?.addEventListener("loadingdone", refresh);
 			observer.observe(root_0, {
 				attributes: true,
@@ -48,18 +58,21 @@ function useTableTooltipRefresh(scroller, isScrolling) {
 			for (let parent = root_0.parentElement; parent; parent = parent.parentElement) observer.observe(parent, { attributes: true });
 			return () => {
 				observer.disconnect();
+				window.removeEventListener("resize", refresh);
 				document.fonts?.removeEventListener("loadingdone", refresh);
 			};
 		};
-		$[3] = scroller?.parentElement;
-		$[4] = t1;
-	} else t1 = $[4];
+		$[5] = onAppearanceChange;
+		$[6] = scroller?.parentElement;
+		$[7] = t1;
+	} else t1 = $[7];
 	let t2;
-	if ($[5] !== scroller) {
-		t2 = [scroller];
-		$[5] = scroller;
-		$[6] = t2;
-	} else t2 = $[6];
+	if ($[8] !== onAppearanceChange || $[9] !== scroller) {
+		t2 = [onAppearanceChange, scroller];
+		$[8] = onAppearanceChange;
+		$[9] = scroller;
+		$[10] = t2;
+	} else t2 = $[10];
 	useEffect(t1, t2);
 }
 

package/dist/components/data/TableBase/use-table-tooltip-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-tooltip-refresh.js","names":["useEffect","refreshAutoTooltipsWithin","APPEARANCE_ELEMENTS","Set","useTableTooltipRefresh","scroller","isScrolling","$","_c","t0","parentElement","root","t1","root_0","observer","MutationObserver","records","some","t2","target","contains","HTMLElement","has","dataset","element","refresh","document","fonts","addEventListener","observe","attributes","subtree","parent","disconnect","removeEventListener"],"sources":["../../../../src/components/data/TableBase/use-table-tooltip-refresh.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { refreshAutoTooltipsWithin } from '../../content/use-auto-tooltip';\n\n// These elements own inherited table typography and its state selectors.\nconst APPEARANCE_ELEMENTS = new Set([\n  'Scroller',\n  'Table',\n  'Head',\n  'HeadRow',\n  'HeaderCell',\n  'HeaderGroupCell',\n  'Body',\n  'Row',\n  'Cell',\n]);\n\nexport function useTableTooltipRefresh(\n  scroller: HTMLDivElement | null,\n  isScrolling: boolean,\n) {\n  // A commit can change inherited appearance without changing the box or\n  // font-set size. Refresh at rest, including the commit that settles scroll.\n  useEffect(() => {\n    const root = scroller?.parentElement;\n    if (root && !isScrolling) refreshAutoTooltipsWithin(root);\n  });\n\n  useEffect(() => {\n    const root = scroller?.parentElement;\n    if (!root) return;\n\n    const observer = new MutationObserver((records) => {\n      if (\n        records.some(\n          ({ target }) =>\n            target === root ||\n            !root.contains(target) ||\n            (target instanceof HTMLElement &&\n              APPEARANCE_ELEMENTS.has(target.dataset.element ?? '')),\n        )\n      ) {\n        // One scan per delivery also covers sibling/state selector changes.\n        // Spacer height and tooltip-trigger mutations need no refresh.\n        refreshAutoTooltipsWithin(root);\n      }\n    });\n    const refresh = () => refreshAutoTooltipsWithin(root);\n    document.fonts?.addEventListener('loadingdone', refresh);\n    observer.observe(root, { attributes: true, subtree: true });\n    for (\n      let parent = root.parentElement;\n      parent;\n      parent = parent.parentElement\n    ) {\n      observer.observe(parent, { attributes: true });\n    }\n    return () => {\n      observer.disconnect();\n      document.fonts?.removeEventListener('loadingdone', refresh);\n    };\n  }, [scroller]);\n}\n"],"mappings":";;;;;;AAKA,MAAME,sBAAsB,IAAIC,IAAI;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAOC,uBAAAC,UAAAC,aAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,eAAAC,EAAA,OAAAF,UAAAK,eAAA;AAMKD,aAAA;GACR,MAAAE,OAAaN,UAAQK;AACrB,OAAIC,QAAA,CAASL,YAAaL,2BAA0BU,KAAK;;AAC1DJ,IAAA,KAAAD;AAAAC,IAAA,KAAAF,UAAAK;AAAAH,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAHDP,WAAUS,GAGR;CAAA,IAAAG;AAAA,KAAAL,EAAA,OAAAF,UAAAK,eAAA;AAEQE,aAAA;GACR,MAAAC,SAAaR,UAAQK;AACrB,OAAI,CAACC,OAAI;GAET,MAAAG,WAAiB,IAAIC,kBAAiBC,YAAA;AACpC,QACEA,QAAOC,MACLC,OAAA;KAAC,MAAA,EAAAC,WAAAD;AAAU,YACTC,WAAWR,UAAX,CACCA,OAAIS,SAAUD,OAEyC,IADvDA,kBAAkBE,eACjBnB,oBAAmBoB,IAAKH,OAAMI,QAAQC,WAAd,GAA8B;MAC3D,CAIDvB,2BAA0BU,OAAK;KAEjC;GACF,MAAAc,gBAAsBxB,0BAA0BU,OAAK;AACrDe,YAAQC,OAAwBC,iBAAC,eAAeH,QAAQ;AACxDX,YAAQe,QAASlB,QAAM;IAAAmB,YAAc;IAAIC,SAAW;IAAM,CAAC;AAC3D,QAAA,IAAAC,SACerB,OAAID,eACjBsB,QAFFA,SAGWA,OAAMtB,cAEfI,UAAQe,QAASG,QAAQ,EAAAF,YAAc,MAAM,CAAC;AAC/C,gBACM;AACLhB,aAAQmB,YAAa;AACrBP,aAAQC,OAA2BO,oBAAC,eAAeT,QAAQ;;;AAE9DlB,IAAA,KAAAF,UAAAK;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAF,UAAA;AAAEa,OAAA,CAACb,SAAS;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAW;OAAAA,MAAAX,EAAA;AAjCbP,WAAUY,IAiCPM,GAAW"}
+{"version":3,"file":"use-table-tooltip-refresh.js","names":["useEffect","refreshAutoTooltipsWithin","APPEARANCE_ELEMENTS","Set","useTableTooltipRefresh","scroller","isScrolling","onAppearanceChange","onRest","$","_c","t0","parentElement","root","t1","root_0","refresh","window","addEventListener","passive","observer","MutationObserver","records","some","t2","target","contains","HTMLElement","has","dataset","element","document","fonts","observe","attributes","subtree","parent","disconnect","removeEventListener"],"sources":["../../../../src/components/data/TableBase/use-table-tooltip-refresh.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { refreshAutoTooltipsWithin } from '../../content/use-auto-tooltip';\n\n// These elements own inherited table typography and its state selectors.\nconst APPEARANCE_ELEMENTS = new Set([\n  'Scroller',\n  'Table',\n  'Head',\n  'HeadRow',\n  'HeaderCell',\n  'HeaderGroupCell',\n  'Body',\n  'Row',\n  'Cell',\n]);\n\nexport function useTableTooltipRefresh(\n  scroller: HTMLDivElement | null,\n  isScrolling: boolean,\n  onAppearanceChange?: () => void,\n  onRest?: () => void,\n) {\n  // A commit can change inherited appearance without changing the box or\n  // font-set size. Refresh at rest, including the commit that settles scroll.\n  useEffect(() => {\n    const root = scroller?.parentElement;\n    if (root && !isScrolling) {\n      onAppearanceChange?.();\n      // Range buffers settle here, separately from mid-gesture appearance.\n      onRest?.();\n      refreshAutoTooltipsWithin(root);\n    }\n  });\n\n  useEffect(() => {\n    const root = scroller?.parentElement;\n    if (!root) return;\n\n    const refresh = () => {\n      onAppearanceChange?.();\n      refreshAutoTooltipsWithin(root);\n    };\n    window.addEventListener('resize', refresh, { passive: true });\n    const observer = new MutationObserver((records) => {\n      if (\n        records.some(\n          ({ target }) =>\n            target === root ||\n            !root.contains(target) ||\n            (target instanceof HTMLElement &&\n              APPEARANCE_ELEMENTS.has(target.dataset.element ?? '')),\n        )\n      ) {\n        // One scan per delivery also covers sibling/state selector changes.\n        // Spacer height and tooltip-trigger mutations need no refresh.\n        refresh();\n      }\n    });\n    document.fonts?.addEventListener('loadingdone', refresh);\n    observer.observe(root, { attributes: true, subtree: true });\n    for (\n      let parent = root.parentElement;\n      parent;\n      parent = parent.parentElement\n    ) {\n      observer.observe(parent, { attributes: true });\n    }\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('resize', refresh);\n      document.fonts?.removeEventListener('loadingdone', refresh);\n    };\n  }, [onAppearanceChange, scroller]);\n}\n"],"mappings":";;;;;;AAKA,MAAME,sBAAsB,IAAIC,IAAI;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAOC,uBAAAC,UAAAC,aAAAC,oBAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAH,eAAAG,EAAA,OAAAF,sBAAAE,EAAA,OAAAD,UAAAC,EAAA,OAAAJ,UAAAO,eAAA;AAQKD,aAAA;GACR,MAAAE,OAAaR,UAAQO;AACrB,OAAIC,QAAA,CAASP,aAAW;AACtBC,0BAAsB;AAEtBC,cAAU;AACVP,8BAA0BY,KAAK;;;AAElCJ,IAAA,KAAAH;AAAAG,IAAA,KAAAF;AAAAE,IAAA,KAAAD;AAAAC,IAAA,KAAAJ,UAAAO;AAAAH,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AARDT,WAAUW,GAQR;CAAA,IAAAG;AAAA,KAAAL,EAAA,OAAAF,sBAAAE,EAAA,OAAAJ,UAAAO,eAAA;AAEQE,aAAA;GACR,MAAAC,SAAaV,UAAQO;AACrB,OAAI,CAACC,OAAI;GAET,MAAAG,gBAAgB;AACdT,0BAAsB;AACtBN,8BAA0BY,OAAK;;AAEjCI,UAAMC,iBAAkB,UAAUF,SAAS,EAAAG,SAAW,MAAM,CAAC;GAC7D,MAAAC,WAAiB,IAAIC,kBAAiBC,YAAA;AACpC,QACEA,QAAOC,MACLC,OAAA;KAAC,MAAA,EAAAC,WAAAD;AAAU,YACTC,WAAWZ,UAAX,CACCA,OAAIa,SAAUD,OAEyC,IADvDA,kBAAkBE,eACjBzB,oBAAmB0B,IAAKH,OAAMI,QAAQC,WAAd,GAA8B;MAC3D,CAIDd,UAAS;KAEX;AACFe,YAAQC,OAAwBd,iBAAC,eAAeF,QAAQ;AACxDI,YAAQa,QAASpB,QAAM;IAAAqB,YAAc;IAAIC,SAAW;IAAM,CAAC;AAC3D,QAAA,IAAAC,SACevB,OAAID,eACjBwB,QAFFA,SAGWA,OAAMxB,cAEfQ,UAAQa,QAASG,QAAQ,EAAAF,YAAc,MAAM,CAAC;AAC/C,gBACM;AACLd,aAAQiB,YAAa;AACrBpB,WAAMqB,oBAAqB,UAAUtB,QAAQ;AAC7Ce,aAAQC,OAA2BM,oBAAC,eAAetB,QAAQ;;;AAE9DP,IAAA,KAAAF;AAAAE,IAAA,KAAAJ,UAAAO;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAF,sBAAAE,EAAA,OAAAJ,UAAA;AAAEmB,OAAA,CAACjB,oBAAoBF,SAAS;AAAAI,IAAA,KAAAF;AAAAE,IAAA,KAAAJ;AAAAI,IAAA,MAAAe;OAAAA,MAAAf,EAAA;AAtCjCT,WAAUc,IAsCPU,GAA+B"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
@@ -111,10 +111,12 @@ function Checkbox(allProps, ref) {
 	let markIcon = isIndeterminate ? /* @__PURE__ */ jsx(Icon, {
 		size: 12,
 		stroke: 3,
+		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsx(IconMinus, {})
 	}) : /* @__PURE__ */ jsx(Icon, {
 		size: 12,
 		stroke: 3,
+		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsx(IconCheck, {})
 	});
 	if (groupState) {

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["useFocusableRef","IconCheck","IconMinus","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Element","filterBaseProps","Styles","tasty","forwardRef","ReactElement","useContext","useMemo","useRef","AriaCheckboxProps","useCheckbox","useCheckboxGroupItem","useHover","useToggleState","Icon","FieldBaseProps","ToggleSelectionProps","mergeProps","useFocus","castNullableIsSelected","WithNullableSelected","extractStyles","useAutoTooltip","getValidationMods","INLINE_LABEL_STYLES","LABEL_STYLES","resolveValidationProps","useFieldProps","wrapWithField","HiddenInput","mergeTooltipFocusProps","splitTooltipTriggerProps","TooltipFocusProps","CheckboxGroup","CheckboxGroupContext","FocusableRef","CubeTooltipProviderProps","CubeCheckboxProps","Omit","inputStyles","isIndeterminate","value","tooltip","CheckboxWrapperElement","as","qa","styles","position","display","placeItems","placeContent","gap","flow","preset","cursor","width","color","CheckboxElement","radius","fill","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","Checkbox","allProps","ref","groupState","originalProps","props","defaultValidationTrigger","valuePropsMapper","onChange","isSelected","unsafe__isDisabled","isDisabled","insideForm","isRequired","children","label","isInvalid","isValid","labelProps","labelStyles","labelPosition","isHidden","form","otherProps","isFocused","focusProps","hoverProps","isHovered","inputRef","domRef","renderWithTooltip","toggleState","inputProps","undefined","trim","markIcon","key","console","warn","mods","checked","indeterminate","hovered","renderCheckbox","tooltipFocusProps","checkboxField","tooltipTriggerProps","tooltipRef","pointerProps","element","HTMLLabelElement","current","HTMLElement","_Checkbox","cubeInputType","__Checkbox","Object","assign","Group","displayName"],"sources":["../../../../src/components/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { IconCheck, IconMinus } from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, useContext, useMemo, useRef } from 'react';\nimport {\n  AriaCheckboxProps,\n  useCheckbox,\n  useCheckboxGroupItem,\n  useHover,\n} from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { Icon } from '../../../icons/Icon';\nimport { FieldBaseProps, ToggleSelectionProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { extractStyles } from '../../../utils/styles';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport {\n  getValidationMods,\n  INLINE_LABEL_STYLES,\n  LABEL_STYLES,\n  resolveValidationProps,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\nimport {\n  mergeTooltipFocusProps,\n  splitTooltipTriggerProps,\n  TooltipFocusProps,\n} from '../../overlays/Tooltip/split-trigger-props';\n\nimport { CheckboxGroup } from './CheckboxGroup';\nimport { CheckboxGroupContext } from './context';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\n\nexport interface CubeCheckboxProps\n  extends BaseProps,\n    ContainerStyleProps,\n    Omit<AriaCheckboxProps, 'form' | 'name'>,\n    ToggleSelectionProps,\n    FieldBaseProps<boolean | null | undefined> {\n  inputStyles?: Styles;\n  isIndeterminate?: boolean;\n  value?: string;\n  /**\n   * The checkbox's own tooltip, shown on hover over the box and its inline\n   * label — also while the checkbox is disabled — and on keyboard focus. A string, or `TooltipProvider` props\n   * (`title`, `placement`, …). The info badge next to a field label is\n   * `labelTooltip`.\n   */\n  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;\n}\n\nconst CheckboxWrapperElement = tasty({\n  as: 'label',\n  qa: 'CheckboxWrapper',\n  styles: {\n    position: 'relative',\n    display: 'flex',\n    placeItems: 'center start',\n    placeContent: 'baseline',\n    gap: '1x',\n    flow: 'row',\n    preset: 'default',\n    cursor: '$pointer',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst CheckboxElement = tasty({\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    radius: '.5r',\n    fill: {\n      '': '#surface',\n      'checked | indeterminate': '#primary',\n      'invalid & !checked': '#surface',\n      'invalid & checked': '#danger',\n      'valid & !checked': '#surface',\n      'valid & checked': '#success',\n      disabled: '#dark.12',\n    },\n    // The check / minus icon is always rendered inside the box, so the\n    // default color must be transparent when the checkbox is neither\n    // checked nor indeterminate — otherwise the white stroke shows through\n    // the dark `#surface` fill in dark schemes (it used to be hidden\n    // accidentally by the legacy white-on-white `fill: '#white'`).\n    color: {\n      '': '#clear',\n      'checked | indeterminate': '#white',\n    },\n    border: {\n      '': '#dark.30',\n      invalid: '#danger',\n      valid: '#success',\n      'disabled | ((indeterminate | checked) & !invalid & !valid)': '#clear',\n    },\n    width: '(2x - 2bw)',\n    height: '(2x - 2bw)',\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n  },\n});\n\nfunction Checkbox(\n  allProps: WithNullableSelected<CubeCheckboxProps>,\n  ref: FocusableRef,\n) {\n  // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.\n  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,\n  // but since the checkbox won't move in and out of a group, it should be safe.\n  let groupState = useContext(CheckboxGroupContext);\n\n  const originalProps = castNullableIsSelected(allProps);\n\n  const props = useFieldProps(originalProps, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value ?? false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n    unsafe__isDisabled: !!groupState,\n  });\n\n  let {\n    qa,\n    isIndeterminate = false,\n    isDisabled = false,\n    insideForm,\n    isRequired,\n    children,\n    label,\n    isInvalid,\n    isValid,\n    labelProps,\n    labelStyles,\n    labelPosition,\n    inputStyles,\n    isHidden,\n    form,\n    tooltip,\n    // Pulled out so it stays off the `<label>` spread below. The Aria hooks read\n    // it from `props` directly; `filterBaseProps` already dropped it at runtime,\n    // but it typed as a DOM `FormEventHandler` there, which it is not.\n    onChange,\n    ...otherProps\n  } = props;\n\n  let styles: Styles = extractStyles(props, CONTAINER_STYLES);\n\n  labelStyles = useMemo(\n    () => ({\n      ...(!groupState ? LABEL_STYLES : INLINE_LABEL_STYLES),\n      ...labelStyles,\n    }),\n    [groupState, labelStyles],\n  );\n\n  let { isFocused, focusProps } = useFocus(true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  // Triggered by the wrapper rather than the input, so a disabled checkbox —\n  // whose input ignores the pointer — still shows it.\n  let { renderWithTooltip } = useAutoTooltip({ tooltip, children: null });\n\n  const toggleState = useToggleState(props);\n\n  // React Aria writes `form` onto the input as the id of its `<form>`, so the\n  // form instance would render as `form=\"[object Object]\"` and detach it.\n  let { inputProps } = groupState\n    ? useCheckboxGroupItem(\n        {\n          ...props,\n          form: undefined,\n          // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n          // it's passed explicitly here to avoid typescript error (requires strictNullChecks disabled).\n          value: props.value || '',\n          // Only pass isRequired and the validation state to react-aria if they came from\n          // the props for this individual checkbox, and not from the group via context.\n          isRequired: originalProps.isRequired,\n          isInvalid: resolveValidationProps(originalProps).isInvalid,\n        },\n        groupState,\n        inputRef,\n      )\n    : useCheckbox(\n        {\n          ...props,\n          form: undefined,\n          ...(typeof label === 'string' && label.trim()\n            ? { 'aria-label': label }\n            : {}),\n        },\n        toggleState,\n        inputRef,\n      );\n\n  let markIcon = isIndeterminate ? (\n    <Icon size={12} stroke={3}>\n      <IconMinus />\n    </Icon>\n  ) : (\n    <Icon size={12} stroke={3}>\n      <IconCheck />\n    </Icon>\n  );\n\n  if (groupState) {\n    for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {\n      if (originalProps[key] != null) {\n        console.warn(\n          `CubeUIKit: ${key} is unsupported on individual <Checkbox> elements within a <CheckboxGroup>. Please apply these props to the group instead.`,\n        );\n      }\n    }\n    if (props.value == null) {\n      console.warn(\n        'CubeUIKit: A <Checkbox> element within a <CheckboxGroup> requires a `value` property.',\n      );\n    }\n  }\n\n  const mods = {\n    checked: inputProps.checked,\n    indeterminate: isIndeterminate,\n    ...getValidationMods({ isInvalid, isValid }),\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    'side-label': labelPosition === 'side',\n    'inside-form': insideForm,\n  };\n\n  // The input, where keyboard focus lands, takes the tooltip's focus-side\n  // trigger props; the wrapper keeps the hover side and positions the tooltip.\n  const renderCheckbox = (tooltipFocusProps?: TooltipFocusProps) => (\n    <>\n      <HiddenInput\n        qa={qa || 'Checkbox'}\n        data-input-type=\"checkbox\"\n        {...mergeTooltipFocusProps(\n          mergeProps(inputProps, focusProps),\n          tooltipFocusProps,\n        )}\n        ref={inputRef}\n      />\n      <CheckboxElement data-element=\"Input\" mods={mods} styles={inputStyles}>\n        {markIcon}\n      </CheckboxElement>\n    </>\n  );\n\n  if (!groupState) {\n    const checkboxField = renderWithTooltip(\n      (tooltipTriggerProps, tooltipRef) => {\n        const { pointerProps, focusProps: tooltipFocusProps } =\n          splitTooltipTriggerProps(tooltipTriggerProps);\n\n        return (\n          // `styles` is forwarded here as well as in the in-group branch\n          // below — it used to be extracted from props and then dropped on\n          // this path, so `<Checkbox styles={{ … }}>` outside a group was a\n          // silent no-op.\n          <CheckboxWrapperElement\n            styles={styles}\n            isHidden={isHidden}\n            mods={mods}\n            {...pointerProps}\n            ref={tooltipRef}\n          >\n            {renderCheckbox(tooltipFocusProps)}\n            {children ? (\n              // Same element and preset as the in-group branch. This path used\n              // to force children through `<Text nowrap>`: `white-space:\n              // nowrap` inherits, so a label longer than a few words — or any\n              // custom node with two lines in it — could not wrap at all, and\n              // the label also missed the preset a grouped one picks up.\n              <Element\n                styles={INLINE_LABEL_STYLES}\n                mods={{\n                  ...getValidationMods({ isInvalid, isValid }),\n                  disabled: isDisabled,\n                }}\n              >\n                {children}\n              </Element>\n            ) : null}\n          </CheckboxWrapperElement>\n        );\n      },\n      'top',\n    );\n\n    // `tooltip` is the checkbox's own here, not a legacy label badge.\n    // `renderWithTooltip` is typed for any node; here it returns an element.\n    return wrapWithField(checkboxField as ReactElement, domRef, {\n      ...props,\n      tooltip: undefined,\n    });\n  }\n\n  return renderWithTooltip((tooltipTriggerProps, tooltipRef) => {\n    const { pointerProps, focusProps: tooltipFocusProps } =\n      splitTooltipTriggerProps(tooltipTriggerProps);\n\n    return (\n      <CheckboxWrapperElement\n        styles={styles}\n        isHidden={isHidden}\n        {...mergeProps(hoverProps, pointerProps)}\n        {...filterBaseProps(otherProps)}\n        ref={\n          tooltipRef\n            ? // Written only when React attaches the node, never during render.\n              (element: HTMLLabelElement | null) => {\n                (domRef as { current: HTMLElement | null }).current = element;\n                (tooltipRef as { current: HTMLElement | null }).current =\n                  element;\n              }\n            : domRef\n        }\n      >\n        {renderCheckbox(tooltipFocusProps)}\n        {label ?? children ? (\n          <Element\n            styles={labelStyles}\n            mods={{\n              ...getValidationMods({ isInvalid, isValid }),\n              disabled: isDisabled,\n            }}\n            {...(labelProps ? filterBaseProps(labelProps) : undefined)}\n          >\n            {label ?? children}\n          </Element>\n        ) : null}\n      </CheckboxWrapperElement>\n    );\n  }, 'top');\n}\n\n/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\n\n(_Checkbox as any).cubeInputType = 'Checkbox';\nlet __Checkbox = Object.assign(\n  _Checkbox as typeof _Checkbox & { Group: typeof CheckboxGroup },\n  { Group: CheckboxGroup },\n);\n\n__Checkbox.displayName = 'Checkbox';\n\nexport { __Checkbox as Checkbox };\nexport type { AriaCheckboxProps };\nexport { useCheckbox };\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["useFocusableRef","IconCheck","IconMinus","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Element","filterBaseProps","Styles","tasty","forwardRef","ReactElement","useContext","useMemo","useRef","AriaCheckboxProps","useCheckbox","useCheckboxGroupItem","useHover","useToggleState","Icon","FieldBaseProps","ToggleSelectionProps","mergeProps","useFocus","castNullableIsSelected","WithNullableSelected","extractStyles","useAutoTooltip","getValidationMods","INLINE_LABEL_STYLES","LABEL_STYLES","resolveValidationProps","useFieldProps","wrapWithField","HiddenInput","mergeTooltipFocusProps","splitTooltipTriggerProps","TooltipFocusProps","CheckboxGroup","CheckboxGroupContext","FocusableRef","CubeTooltipProviderProps","CubeCheckboxProps","Omit","inputStyles","isIndeterminate","value","tooltip","CheckboxWrapperElement","as","qa","styles","position","display","placeItems","placeContent","gap","flow","preset","cursor","width","color","CheckboxElement","radius","fill","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","Checkbox","allProps","ref","groupState","originalProps","props","defaultValidationTrigger","valuePropsMapper","onChange","isSelected","unsafe__isDisabled","isDisabled","insideForm","isRequired","children","label","isInvalid","isValid","labelProps","labelStyles","labelPosition","isHidden","form","otherProps","isFocused","focusProps","hoverProps","isHovered","inputRef","domRef","renderWithTooltip","toggleState","inputProps","undefined","trim","markIcon","key","console","warn","mods","checked","indeterminate","hovered","renderCheckbox","tooltipFocusProps","checkboxField","tooltipTriggerProps","tooltipRef","pointerProps","element","HTMLLabelElement","current","HTMLElement","_Checkbox","cubeInputType","__Checkbox","Object","assign","Group","displayName"],"sources":["../../../../src/components/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { IconCheck, IconMinus } from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, useContext, useMemo, useRef } from 'react';\nimport {\n  AriaCheckboxProps,\n  useCheckbox,\n  useCheckboxGroupItem,\n  useHover,\n} from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { Icon } from '../../../icons/Icon';\nimport { FieldBaseProps, ToggleSelectionProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { extractStyles } from '../../../utils/styles';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport {\n  getValidationMods,\n  INLINE_LABEL_STYLES,\n  LABEL_STYLES,\n  resolveValidationProps,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\nimport {\n  mergeTooltipFocusProps,\n  splitTooltipTriggerProps,\n  TooltipFocusProps,\n} from '../../overlays/Tooltip/split-trigger-props';\n\nimport { CheckboxGroup } from './CheckboxGroup';\nimport { CheckboxGroupContext } from './context';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\n\nexport interface CubeCheckboxProps\n  extends BaseProps,\n    ContainerStyleProps,\n    Omit<AriaCheckboxProps, 'form' | 'name'>,\n    ToggleSelectionProps,\n    FieldBaseProps<boolean | null | undefined> {\n  inputStyles?: Styles;\n  isIndeterminate?: boolean;\n  value?: string;\n  /**\n   * The checkbox's own tooltip, shown on hover over the box and its inline\n   * label — also while the checkbox is disabled — and on keyboard focus. A string, or `TooltipProvider` props\n   * (`title`, `placement`, …). The info badge next to a field label is\n   * `labelTooltip`.\n   */\n  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;\n}\n\nconst CheckboxWrapperElement = tasty({\n  as: 'label',\n  qa: 'CheckboxWrapper',\n  styles: {\n    position: 'relative',\n    display: 'flex',\n    placeItems: 'center start',\n    placeContent: 'baseline',\n    gap: '1x',\n    flow: 'row',\n    preset: 'default',\n    cursor: '$pointer',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst CheckboxElement = tasty({\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    radius: '.5r',\n    fill: {\n      '': '#surface',\n      'checked | indeterminate': '#primary',\n      'invalid & !checked': '#surface',\n      'invalid & checked': '#danger',\n      'valid & !checked': '#surface',\n      'valid & checked': '#success',\n      disabled: '#dark.12',\n    },\n    // The check / minus icon is always rendered inside the box, so the\n    // default color must be transparent when the checkbox is neither\n    // checked nor indeterminate — otherwise the white stroke shows through\n    // the dark `#surface` fill in dark schemes (it used to be hidden\n    // accidentally by the legacy white-on-white `fill: '#white'`).\n    color: {\n      '': '#clear',\n      'checked | indeterminate': '#white',\n    },\n    border: {\n      '': '#dark.30',\n      invalid: '#danger',\n      valid: '#success',\n      'disabled | ((indeterminate | checked) & !invalid & !valid)': '#clear',\n    },\n    width: '(2x - 2bw)',\n    height: '(2x - 2bw)',\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n  },\n});\n\nfunction Checkbox(\n  allProps: WithNullableSelected<CubeCheckboxProps>,\n  ref: FocusableRef,\n) {\n  // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.\n  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,\n  // but since the checkbox won't move in and out of a group, it should be safe.\n  let groupState = useContext(CheckboxGroupContext);\n\n  const originalProps = castNullableIsSelected(allProps);\n\n  const props = useFieldProps(originalProps, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value ?? false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n    unsafe__isDisabled: !!groupState,\n  });\n\n  let {\n    qa,\n    isIndeterminate = false,\n    isDisabled = false,\n    insideForm,\n    isRequired,\n    children,\n    label,\n    isInvalid,\n    isValid,\n    labelProps,\n    labelStyles,\n    labelPosition,\n    inputStyles,\n    isHidden,\n    form,\n    tooltip,\n    // Pulled out so it stays off the `<label>` spread below. The Aria hooks read\n    // it from `props` directly; `filterBaseProps` already dropped it at runtime,\n    // but it typed as a DOM `FormEventHandler` there, which it is not.\n    onChange,\n    ...otherProps\n  } = props;\n\n  let styles: Styles = extractStyles(props, CONTAINER_STYLES);\n\n  labelStyles = useMemo(\n    () => ({\n      ...(!groupState ? LABEL_STYLES : INLINE_LABEL_STYLES),\n      ...labelStyles,\n    }),\n    [groupState, labelStyles],\n  );\n\n  let { isFocused, focusProps } = useFocus(true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  // Triggered by the wrapper rather than the input, so a disabled checkbox —\n  // whose input ignores the pointer — still shows it.\n  let { renderWithTooltip } = useAutoTooltip({ tooltip, children: null });\n\n  const toggleState = useToggleState(props);\n\n  // React Aria writes `form` onto the input as the id of its `<form>`, so the\n  // form instance would render as `form=\"[object Object]\"` and detach it.\n  let { inputProps } = groupState\n    ? useCheckboxGroupItem(\n        {\n          ...props,\n          form: undefined,\n          // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n          // it's passed explicitly here to avoid typescript error (requires strictNullChecks disabled).\n          value: props.value || '',\n          // Only pass isRequired and the validation state to react-aria if they came from\n          // the props for this individual checkbox, and not from the group via context.\n          isRequired: originalProps.isRequired,\n          isInvalid: resolveValidationProps(originalProps).isInvalid,\n        },\n        groupState,\n        inputRef,\n      )\n    : useCheckbox(\n        {\n          ...props,\n          form: undefined,\n          ...(typeof label === 'string' && label.trim()\n            ? { 'aria-label': label }\n            : {}),\n        },\n        toggleState,\n        inputRef,\n      );\n\n  // Decorative: the input already announces checked, unchecked and mixed.\n  let markIcon = isIndeterminate ? (\n    <Icon size={12} stroke={3} aria-hidden=\"true\">\n      <IconMinus />\n    </Icon>\n  ) : (\n    <Icon size={12} stroke={3} aria-hidden=\"true\">\n      <IconCheck />\n    </Icon>\n  );\n\n  if (groupState) {\n    for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {\n      if (originalProps[key] != null) {\n        console.warn(\n          `CubeUIKit: ${key} is unsupported on individual <Checkbox> elements within a <CheckboxGroup>. Please apply these props to the group instead.`,\n        );\n      }\n    }\n    if (props.value == null) {\n      console.warn(\n        'CubeUIKit: A <Checkbox> element within a <CheckboxGroup> requires a `value` property.',\n      );\n    }\n  }\n\n  const mods = {\n    checked: inputProps.checked,\n    indeterminate: isIndeterminate,\n    ...getValidationMods({ isInvalid, isValid }),\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    'side-label': labelPosition === 'side',\n    'inside-form': insideForm,\n  };\n\n  // The input, where keyboard focus lands, takes the tooltip's focus-side\n  // trigger props; the wrapper keeps the hover side and positions the tooltip.\n  const renderCheckbox = (tooltipFocusProps?: TooltipFocusProps) => (\n    <>\n      <HiddenInput\n        qa={qa || 'Checkbox'}\n        data-input-type=\"checkbox\"\n        {...mergeTooltipFocusProps(\n          mergeProps(inputProps, focusProps),\n          tooltipFocusProps,\n        )}\n        ref={inputRef}\n      />\n      <CheckboxElement data-element=\"Input\" mods={mods} styles={inputStyles}>\n        {markIcon}\n      </CheckboxElement>\n    </>\n  );\n\n  if (!groupState) {\n    const checkboxField = renderWithTooltip(\n      (tooltipTriggerProps, tooltipRef) => {\n        const { pointerProps, focusProps: tooltipFocusProps } =\n          splitTooltipTriggerProps(tooltipTriggerProps);\n\n        return (\n          // `styles` is forwarded here as well as in the in-group branch\n          // below — it used to be extracted from props and then dropped on\n          // this path, so `<Checkbox styles={{ … }}>` outside a group was a\n          // silent no-op.\n          <CheckboxWrapperElement\n            styles={styles}\n            isHidden={isHidden}\n            mods={mods}\n            {...pointerProps}\n            ref={tooltipRef}\n          >\n            {renderCheckbox(tooltipFocusProps)}\n            {children ? (\n              // Same element and preset as the in-group branch. This path used\n              // to force children through `<Text nowrap>`: `white-space:\n              // nowrap` inherits, so a label longer than a few words — or any\n              // custom node with two lines in it — could not wrap at all, and\n              // the label also missed the preset a grouped one picks up.\n              <Element\n                styles={INLINE_LABEL_STYLES}\n                mods={{\n                  ...getValidationMods({ isInvalid, isValid }),\n                  disabled: isDisabled,\n                }}\n              >\n                {children}\n              </Element>\n            ) : null}\n          </CheckboxWrapperElement>\n        );\n      },\n      'top',\n    );\n\n    // `tooltip` is the checkbox's own here, not a legacy label badge.\n    // `renderWithTooltip` is typed for any node; here it returns an element.\n    return wrapWithField(checkboxField as ReactElement, domRef, {\n      ...props,\n      tooltip: undefined,\n    });\n  }\n\n  return renderWithTooltip((tooltipTriggerProps, tooltipRef) => {\n    const { pointerProps, focusProps: tooltipFocusProps } =\n      splitTooltipTriggerProps(tooltipTriggerProps);\n\n    return (\n      <CheckboxWrapperElement\n        styles={styles}\n        isHidden={isHidden}\n        {...mergeProps(hoverProps, pointerProps)}\n        {...filterBaseProps(otherProps)}\n        ref={\n          tooltipRef\n            ? // Written only when React attaches the node, never during render.\n              (element: HTMLLabelElement | null) => {\n                (domRef as { current: HTMLElement | null }).current = element;\n                (tooltipRef as { current: HTMLElement | null }).current =\n                  element;\n              }\n            : domRef\n        }\n      >\n        {renderCheckbox(tooltipFocusProps)}\n        {label ?? children ? (\n          <Element\n            styles={labelStyles}\n            mods={{\n              ...getValidationMods({ isInvalid, isValid }),\n              disabled: isDisabled,\n            }}\n            {...(labelProps ? filterBaseProps(labelProps) : undefined)}\n          >\n            {label ?? children}\n          </Element>\n        ) : null}\n      </CheckboxWrapperElement>\n    );\n  }, 'top');\n}\n\n/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\n\n(_Checkbox as any).cubeInputType = 'Checkbox';\nlet __Checkbox = Object.assign(\n  _Checkbox as typeof _Checkbox & { Group: typeof CheckboxGroup },\n  { Group: CheckboxGroup },\n);\n\n__Checkbox.displayName = 'Checkbox';\n\nexport { __Checkbox as Checkbox };\nexport type { AriaCheckboxProps };\nexport { useCheckbox };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { castNullableArrayValue } from "../../../utils/react/nullableValue.js";
@@ -104,30 +104,30 @@ function CheckboxGroup(rawProps, ref) {
 		$[16] = t8;
 	} else t8 = $[16];
 	let t9;
-	if ($[17] !== id || $[18] !== inputStyles || $[19] !== t5 || $[20] !== t8) {
+	if ($[17] !== groupProps || $[18] !== id || $[19] !== inputStyles || $[20] !== t5 || $[21] !== t8) {
 		t9 = /* @__PURE__ */ jsx(CheckGroupElement, {
+			...groupProps,
 			id,
 			styles: inputStyles,
 			mods: t5,
 			children: t8
 		});
-		$[17] = id;
-		$[18] = inputStyles;
-		$[19] = t5;
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
+		$[17] = groupProps;
+		$[18] = id;
+		$[19] = inputStyles;
+		$[20] = t5;
+		$[21] = t8;
+		$[22] = t9;
+	} else t9 = $[22];
 	const radioGroup = t9;
 	let t10;
-	if ($[22] !== baseLabelProps || $[23] !== domRef || $[24] !== groupProps || $[25] !== labelProps || $[26] !== props || $[27] !== radioGroup) {
+	if ($[23] !== baseLabelProps || $[24] !== domRef || $[25] !== labelProps || $[26] !== props || $[27] !== radioGroup) {
 		t10 = wrapWithField(radioGroup, domRef, {
 			...props,
-			fieldProps: groupProps,
 			labelProps: mergeProps$1(baseLabelProps, labelProps)
 		});
-		$[22] = baseLabelProps;
-		$[23] = domRef;
-		$[24] = groupProps;
+		$[23] = baseLabelProps;
+		$[24] = domRef;
 		$[25] = labelProps;
 		$[26] = props;
 		$[27] = radioGroup;