@cube-dev/ui-kit 0.182.0 → 0.184.0

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

@@ -1,106 +1,201 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
-import { useMemo } from "react";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Item, useTreeState } from "react-stately";
 import { useControlledState } from "@react-stately/utils";
 
 //#region src/components/data/TableBase/use-table-tree-state.tsx
 function useTableTreeState(options) {
+	const $ = c(43);
 	const { roots, allNodesByKey, expandedKeys: controlledExpandedKeys, defaultExpandedKeys, forcedExpandedKeys, disabledKeys, getTextValue, onExpand, ariaLabel } = options;
 	const { t } = useI18n();
-	const [baseExpandedKeys, setBaseExpandedKeys] = useControlledState(useMemo(() => controlledExpandedKeys === void 0 ? void 0 : new Set(controlledExpandedKeys), [controlledExpandedKeys]), useMemo(() => new Set(defaultExpandedKeys ?? []), [defaultExpandedKeys]));
-	const effectiveExpandedKeys = useMemo(() => {
-		const keys = new Set(baseExpandedKeys);
+	let t0;
+	if ($[0] !== controlledExpandedKeys) {
+		t0 = controlledExpandedKeys === void 0 ? void 0 : new Set(controlledExpandedKeys);
+		$[0] = controlledExpandedKeys;
+		$[1] = t0;
+	} else t0 = $[1];
+	const controlledSet = t0;
+	let t1;
+	if ($[2] !== defaultExpandedKeys) {
+		t1 = defaultExpandedKeys ?? [];
+		$[2] = defaultExpandedKeys;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1) {
+		t2 = new Set(t1);
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const [baseExpandedKeys, setBaseExpandedKeys] = useControlledState(controlledSet, t2);
+	let keys;
+	if ($[6] !== baseExpandedKeys || $[7] !== forcedExpandedKeys) {
+		keys = new Set(baseExpandedKeys);
 		forcedExpandedKeys?.forEach((key) => keys.add(key));
-		return keys;
-	}, [baseExpandedKeys, forcedExpandedKeys]);
-	const handleExpandedChange = useEvent((next) => {
-		let toggledKey = null;
-		let expanded = false;
-		for (const key of next) if (!effectiveExpandedKeys.has(key)) {
-			toggledKey = key;
-			expanded = true;
-			break;
-		}
-		if (toggledKey == null) {
-			for (const key of effectiveExpandedKeys) if (!next.has(key)) {
-				toggledKey = key;
-				expanded = false;
+		$[6] = baseExpandedKeys;
+		$[7] = forcedExpandedKeys;
+		$[8] = keys;
+	} else keys = $[8];
+	const effectiveExpandedKeys = keys;
+	let t3;
+	if ($[9] !== allNodesByKey || $[10] !== baseExpandedKeys || $[11] !== effectiveExpandedKeys || $[12] !== forcedExpandedKeys || $[13] !== onExpand || $[14] !== setBaseExpandedKeys) {
+		t3 = (next) => {
+			let toggledKey = null;
+			let expanded = false;
+			for (const key_0 of next) if (!effectiveExpandedKeys.has(key_0)) {
+				toggledKey = key_0;
+				expanded = true;
 				break;
 			}
-		}
-		if (toggledKey == null) return;
-		if (!expanded && forcedExpandedKeys?.has(toggledKey)) return;
-		const nextBase = new Set(baseExpandedKeys);
-		if (expanded) nextBase.add(toggledKey);
-		else nextBase.delete(toggledKey);
-		setBaseExpandedKeys(nextBase);
-		const node = allNodesByKey.get(toggledKey);
-		if (!node) return;
-		onExpand?.([...nextBase], {
-			row: node.row,
-			rowKey: node.key,
-			level: node.level,
-			parentKey: node.parentKey,
-			expanded
-		});
-	});
-	const renderItem = useEvent((node) => /* @__PURE__ */ jsx(Item, {
-		textValue: getTextValue(node),
-		childItems: node.children,
-		children: getTextValue(node)
-	}, node.key));
-	const ariaProps = useMemo(() => ({
-		items: roots,
-		children: renderItem,
-		selectionMode: "none",
-		expandedKeys: effectiveExpandedKeys,
-		onExpandedChange: handleExpandedChange,
-		disabledKeys,
-		disabledBehavior: "all",
-		onAction: () => {},
-		"aria-label": ariaLabel ?? t("itemTable.table", "Table")
-	}), [
-		roots,
-		renderItem,
-		effectiveExpandedKeys,
-		handleExpandedChange,
-		disabledKeys,
-		ariaLabel,
-		t
-	]);
-	const baseState = useTreeState(ariaProps);
-	const state = useMemo(() => {
-		const collection = baseState.collection;
-		if (typeof collection.getChildren === "function") return baseState;
-		const patched = Object.create(collection);
-		patched.getChildren = (key) => {
-			const node = collection.getItem(key);
-			return node ? Array.from(node.childNodes) : [];
+			if (toggledKey == null) {
+				for (const key_1 of effectiveExpandedKeys) if (!next.has(key_1)) {
+					toggledKey = key_1;
+					expanded = false;
+					break;
+				}
+			}
+			if (toggledKey == null) return;
+			if (!expanded && forcedExpandedKeys?.has(toggledKey)) return;
+			const nextBase = new Set(baseExpandedKeys);
+			if (expanded) nextBase.add(toggledKey);
+			else nextBase.delete(toggledKey);
+			setBaseExpandedKeys(nextBase);
+			const node = allNodesByKey.get(toggledKey);
+			if (!node) return;
+			onExpand?.([...nextBase], {
+				row: node.row,
+				rowKey: node.key,
+				level: node.level,
+				parentKey: node.parentKey,
+				expanded
+			});
 		};
-		return {
-			...baseState,
-			collection: patched
+		$[9] = allNodesByKey;
+		$[10] = baseExpandedKeys;
+		$[11] = effectiveExpandedKeys;
+		$[12] = forcedExpandedKeys;
+		$[13] = onExpand;
+		$[14] = setBaseExpandedKeys;
+		$[15] = t3;
+	} else t3 = $[15];
+	const handleExpandedChange = useEvent(t3);
+	let t4;
+	if ($[16] !== getTextValue) {
+		t4 = (node_0) => /* @__PURE__ */ jsx(Item, {
+			textValue: getTextValue(node_0),
+			childItems: node_0.children,
+			children: getTextValue(node_0)
+		}, node_0.key);
+		$[16] = getTextValue;
+		$[17] = t4;
+	} else t4 = $[17];
+	const t5 = useEvent(t4);
+	let t6;
+	if ($[18] !== ariaLabel || $[19] !== t) {
+		t6 = ariaLabel ?? t("itemTable.table", "Table");
+		$[18] = ariaLabel;
+		$[19] = t;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== disabledKeys || $[22] !== effectiveExpandedKeys || $[23] !== handleExpandedChange || $[24] !== roots || $[25] !== t5 || $[26] !== t6) {
+		t7 = {
+			items: roots,
+			children: t5,
+			selectionMode: "none",
+			expandedKeys: effectiveExpandedKeys,
+			onExpandedChange: handleExpandedChange,
+			disabledKeys,
+			disabledBehavior: "all",
+			onAction: _temp,
+			"aria-label": t6
 		};
-	}, [baseState]);
-	const visibleNodes = useMemo(() => {
-		const output = [];
-		for (const key of state.collection.getKeys()) {
-			const node = state.collection.getItem(key);
-			if (node?.type === "item") output.push(node);
+		$[21] = disabledKeys;
+		$[22] = effectiveExpandedKeys;
+		$[23] = handleExpandedChange;
+		$[24] = roots;
+		$[25] = t5;
+		$[26] = t6;
+		$[27] = t7;
+	} else t7 = $[27];
+	const ariaProps = t7;
+	const baseState = useTreeState(ariaProps);
+	let t8;
+	bb0: {
+		const collection = baseState.collection;
+		if (typeof collection.getChildren === "function") {
+			t8 = baseState;
+			break bb0;
+		}
+		let patched;
+		if ($[28] !== collection) {
+			patched = Object.create(collection);
+			patched.getChildren = (key_2) => {
+				const node_1 = collection.getItem(key_2);
+				return node_1 ? Array.from(node_1.childNodes) : [];
+			};
+			$[28] = collection;
+			$[29] = patched;
+		} else patched = $[29];
+		let t9;
+		if ($[30] !== baseState || $[31] !== patched) {
+			t9 = {
+				...baseState,
+				collection: patched
+			};
+			$[30] = baseState;
+			$[31] = patched;
+			$[32] = t9;
+		} else t9 = $[32];
+		t8 = t9;
+	}
+	const state = t8;
+	let output;
+	if ($[33] !== state.collection) {
+		output = [];
+		for (const key_3 of state.collection.getKeys()) {
+			const node_2 = state.collection.getItem(key_3);
+			if (node_2?.type === "item") output.push(node_2);
 		}
-		return output;
-	}, [state.collection]);
-	return {
-		state,
-		ariaProps,
-		visibleNodes,
-		visibleEntries: useMemo(() => visibleNodes.map((node) => node.value).filter((node) => node != null), [visibleNodes]),
-		expandedKeys: effectiveExpandedKeys
-	};
+		$[33] = state.collection;
+		$[34] = output;
+	} else output = $[34];
+	const visibleNodes = output;
+	let t9;
+	if ($[35] !== visibleNodes) {
+		t9 = visibleNodes.map(_temp2).filter(_temp3);
+		$[35] = visibleNodes;
+		$[36] = t9;
+	} else t9 = $[36];
+	const visibleEntries = t9;
+	let t10;
+	if ($[37] !== ariaProps || $[38] !== effectiveExpandedKeys || $[39] !== state || $[40] !== visibleEntries || $[41] !== visibleNodes) {
+		t10 = {
+			state,
+			ariaProps,
+			visibleNodes,
+			visibleEntries,
+			expandedKeys: effectiveExpandedKeys
+		};
+		$[37] = ariaProps;
+		$[38] = effectiveExpandedKeys;
+		$[39] = state;
+		$[40] = visibleEntries;
+		$[41] = visibleNodes;
+		$[42] = t10;
+	} else t10 = $[42];
+	return t10;
+}
+function _temp3(node_4) {
+	return node_4 != null;
+}
+function _temp2(node_3) {
+	return node_3.value;
 }
+function _temp() {}
 
 //#endregion
 export { useTableTreeState };

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

@@ -1 +1 @@
-{"version":3,"file":"use-table-tree-state.js","names":[],"sources":["../../../../src/components/data/TableBase/use-table-tree-state.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useMemo } from 'react';\nimport { Item, useTreeState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { ReactElement } from 'react';\nimport type { TreeState } from 'react-stately';\nimport type { TableTreeNode } from './table-tree';\nimport type { CubeTableRowExpandInfo } from './types';\n\nexport interface UseTableTreeStateOptions<T> {\n  roots: TableTreeNode<T>[];\n  allNodesByKey: Map<Key, TableTreeNode<T>>;\n  expandedKeys?: Key[];\n  defaultExpandedKeys?: Key[];\n  forcedExpandedKeys?: ReadonlySet<Key>;\n  disabledKeys?: Key[];\n  getTextValue: (node: TableTreeNode<T>) => string;\n  onExpand?: (keys: Key[], info: CubeTableRowExpandInfo<T>) => void;\n  ariaLabel?: string;\n}\n\nexport interface TableTreeStateResult<T> {\n  state: TreeState<TableTreeNode<T>>;\n  /** Props consumed by `useTree` on the actual `<table>`. */\n  ariaProps: Record<string, any>;\n  visibleNodes: Node<TableTreeNode<T>>[];\n  visibleEntries: TableTreeNode<T>[];\n  expandedKeys: Set<Key>;\n}\n\nexport function useTableTreeState<T>(\n  options: UseTableTreeStateOptions<T>,\n): TableTreeStateResult<T> {\n  const {\n    roots,\n    allNodesByKey,\n    expandedKeys: controlledExpandedKeys,\n    defaultExpandedKeys,\n    forcedExpandedKeys,\n    disabledKeys,\n    getTextValue,\n    onExpand,\n    ariaLabel,\n  } = options;\n  const { t } = useI18n();\n\n  const controlledSet = useMemo(\n    () =>\n      controlledExpandedKeys === undefined\n        ? undefined\n        : new Set<Key>(controlledExpandedKeys),\n    [controlledExpandedKeys],\n  );\n  const defaultSet = useMemo(\n    () => new Set<Key>(defaultExpandedKeys ?? []),\n    [defaultExpandedKeys],\n  );\n  const [baseExpandedKeys, setBaseExpandedKeys] = useControlledState<Set<Key>>(\n    controlledSet as Set<Key>,\n    defaultSet,\n  );\n\n  const effectiveExpandedKeys = useMemo(() => {\n    const keys = new Set(baseExpandedKeys);\n    forcedExpandedKeys?.forEach((key) => keys.add(key));\n    return keys;\n  }, [baseExpandedKeys, forcedExpandedKeys]);\n\n  const handleExpandedChange = useEvent((next: Set<Key>) => {\n    let toggledKey: Key | null = null;\n    let expanded = false;\n\n    for (const key of next) {\n      if (!effectiveExpandedKeys.has(key)) {\n        toggledKey = key;\n        expanded = true;\n        break;\n      }\n    }\n\n    if (toggledKey == null) {\n      for (const key of effectiveExpandedKeys) {\n        if (!next.has(key)) {\n          toggledKey = key;\n          expanded = false;\n          break;\n        }\n      }\n    }\n\n    if (toggledKey == null) return;\n\n    // Search-owned expansions are derived and cannot be collapsed until the\n    // search clears. Crucially, they never leak into the consumer's state.\n    if (!expanded && forcedExpandedKeys?.has(toggledKey)) return;\n\n    const nextBase = new Set(baseExpandedKeys);\n    if (expanded) nextBase.add(toggledKey);\n    else nextBase.delete(toggledKey);\n    setBaseExpandedKeys(nextBase);\n\n    const node = allNodesByKey.get(toggledKey);\n    if (!node) return;\n\n    onExpand?.([...nextBase], {\n      row: node.row,\n      rowKey: node.key,\n      level: node.level,\n      parentKey: node.parentKey,\n      expanded,\n    });\n  });\n\n  const renderItem = useEvent(\n    (node: TableTreeNode<T>): ReactElement => (\n      <Item\n        key={node.key}\n        textValue={getTextValue(node)}\n        childItems={node.children}\n      >\n        {getTextValue(node)}\n      </Item>\n    ),\n  );\n\n  const ariaProps = useMemo(\n    () => ({\n      items: roots,\n      children: renderItem as any,\n      selectionMode: 'none' as const,\n      expandedKeys: effectiveExpandedKeys,\n      onExpandedChange: handleExpandedChange,\n      disabledKeys,\n      disabledBehavior: 'all' as const,\n      // Prevent `useTreeItem` from treating a row press as an implicit toggle.\n      // Tables keep row activation and expansion as separate interactions.\n      onAction: () => {},\n      'aria-label': ariaLabel ?? t('itemTable.table', 'Table'),\n    }),\n    [\n      roots,\n      renderItem,\n      effectiveExpandedKeys,\n      handleExpandedChange,\n      disabledKeys,\n      ariaLabel,\n      t,\n    ],\n  );\n\n  const baseState = useTreeState<TableTreeNode<T>>(ariaProps);\n\n  // Current React Stately's legacy TreeCollection omits `getChildren`, while\n  // `useTreeItem` needs it for level/set-size/expanded metadata.\n  const state = useMemo(() => {\n    const collection = baseState.collection;\n    if (typeof (collection as any).getChildren === 'function') return baseState;\n\n    const patched = Object.create(collection);\n    patched.getChildren = (key: Key) => {\n      const node = collection.getItem(key);\n      return node ? Array.from(node.childNodes) : [];\n    };\n\n    return { ...baseState, collection: patched } as typeof baseState;\n  }, [baseState]);\n\n  const visibleNodes = useMemo(() => {\n    const output: Node<TableTreeNode<T>>[] = [];\n    for (const key of state.collection.getKeys()) {\n      const node = state.collection.getItem(key);\n      if (node?.type === 'item') output.push(node);\n    }\n    return output;\n  }, [state.collection]);\n\n  const visibleEntries = useMemo(\n    () =>\n      visibleNodes\n        .map((node) => node.value)\n        .filter((node): node is TableTreeNode<T> => node != null),\n    [visibleNodes],\n  );\n\n  return {\n    state,\n    ariaProps,\n    visibleNodes,\n    visibleEntries,\n    expandedKeys: effectiveExpandedKeys,\n  };\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,kBACd,SACyB;CACzB,MAAM,EACJ,OACA,eACA,cAAc,wBACd,qBACA,oBACA,cACA,cACA,UACA,cACE;CACJ,MAAM,EAAE,MAAM,SAAS;CAavB,MAAM,CAAC,kBAAkB,uBAAuB,mBAX1B,cAElB,2BAA2B,SACvB,SACA,IAAI,IAAS,uBAAuB,EAC1C,CAAC,uBAAuB,CACzB,EACkB,cACX,IAAI,IAAS,uBAAuB,EAAE,CAAC,EAC7C,CAAC,oBAAoB,CACtB,CAIA;CAED,MAAM,wBAAwB,cAAc;EAC1C,MAAM,OAAO,IAAI,IAAI,iBAAiB;AACtC,sBAAoB,SAAS,QAAQ,KAAK,IAAI,IAAI,CAAC;AACnD,SAAO;IACN,CAAC,kBAAkB,mBAAmB,CAAC;CAE1C,MAAM,uBAAuB,UAAU,SAAmB;EACxD,IAAI,aAAyB;EAC7B,IAAI,WAAW;AAEf,OAAK,MAAM,OAAO,KAChB,KAAI,CAAC,sBAAsB,IAAI,IAAI,EAAE;AACnC,gBAAa;AACb,cAAW;AACX;;AAIJ,MAAI,cAAc,MAChB;QAAK,MAAM,OAAO,sBAChB,KAAI,CAAC,KAAK,IAAI,IAAI,EAAE;AAClB,iBAAa;AACb,eAAW;AACX;;;AAKN,MAAI,cAAc,KAAM;AAIxB,MAAI,CAAC,YAAY,oBAAoB,IAAI,WAAW,CAAE;EAEtD,MAAM,WAAW,IAAI,IAAI,iBAAiB;AAC1C,MAAI,SAAU,UAAS,IAAI,WAAW;MACjC,UAAS,OAAO,WAAW;AAChC,sBAAoB,SAAS;EAE7B,MAAM,OAAO,cAAc,IAAI,WAAW;AAC1C,MAAI,CAAC,KAAM;AAEX,aAAW,CAAC,GAAG,SAAS,EAAE;GACxB,KAAK,KAAK;GACV,QAAQ,KAAK;GACb,OAAO,KAAK;GACZ,WAAW,KAAK;GAChB;GACD,CAAC;GACF;CAEF,MAAM,aAAa,UAChB,SACC,oBAAC;EAEC,WAAW,aAAa,KAAK;EAC7B,YAAY,KAAK;YAEhB,aAAa,KAAK;IAJd,KAAK,IAKL,CAEV;CAED,MAAM,YAAY,eACT;EACL,OAAO;EACP,UAAU;EACV,eAAe;EACf,cAAc;EACd,kBAAkB;EAClB;EACA,kBAAkB;EAGlB,gBAAgB;EAChB,cAAc,aAAa,EAAE,mBAAmB,QAAQ;EACzD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,YAAY,aAA+B,UAAU;CAI3D,MAAM,QAAQ,cAAc;EAC1B,MAAM,aAAa,UAAU;AAC7B,MAAI,OAAQ,WAAmB,gBAAgB,WAAY,QAAO;EAElE,MAAM,UAAU,OAAO,OAAO,WAAW;AACzC,UAAQ,eAAe,QAAa;GAClC,MAAM,OAAO,WAAW,QAAQ,IAAI;AACpC,UAAO,OAAO,MAAM,KAAK,KAAK,WAAW,GAAG,EAAE;;AAGhD,SAAO;GAAE,GAAG;GAAW,YAAY;GAAS;IAC3C,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe,cAAc;EACjC,MAAM,SAAmC,EAAE;AAC3C,OAAK,MAAM,OAAO,MAAM,WAAW,SAAS,EAAE;GAC5C,MAAM,OAAO,MAAM,WAAW,QAAQ,IAAI;AAC1C,OAAI,MAAM,SAAS,OAAQ,QAAO,KAAK,KAAK;;AAE9C,SAAO;IACN,CAAC,MAAM,WAAW,CAAC;AAUtB,QAAO;EACL;EACA;EACA;EACA,gBAZqB,cAEnB,aACG,KAAK,SAAS,KAAK,MAAM,CACzB,QAAQ,SAAmC,QAAQ,KAAK,EAC7D,CAAC,aAAa,CACf;EAOC,cAAc;EACf"}
+{"version":3,"file":"use-table-tree-state.js","names":["useControlledState","useMemo","Item","useTreeState","useEvent","useI18n","Key","Node","ReactElement","TreeState","TableTreeNode","CubeTableRowExpandInfo","UseTableTreeStateOptions","roots","T","allNodesByKey","Map","expandedKeys","defaultExpandedKeys","forcedExpandedKeys","ReadonlySet","disabledKeys","getTextValue","node","onExpand","keys","info","ariaLabel","TableTreeStateResult","state","ariaProps","Record","visibleNodes","visibleEntries","Set","useTableTreeState","options","$","_c","controlledExpandedKeys","t","t0","undefined","controlledSet","t1","t2","defaultSet","baseExpandedKeys","setBaseExpandedKeys","forEach","key","add","effectiveExpandedKeys","t3","next","toggledKey","expanded","key_0","has","key_1","nextBase","delete","get","row","rowKey","level","parentKey","handleExpandedChange","t4","node_0","children","renderItem","t5","t6","t7","items","selectionMode","const","onExpandedChange","disabledBehavior","onAction","_temp","baseState","t8","bb0","collection","getChildren","patched","Object","create","key_2","node_1","getItem","Array","from","childNodes","t9","output","key_3","getKeys","node_2","type","push","map","_temp2","filter","_temp3","t10","node_4","node_3","value"],"sources":["../../../../src/components/data/TableBase/use-table-tree-state.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useMemo } from 'react';\nimport { Item, useTreeState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { ReactElement } from 'react';\nimport type { TreeState } from 'react-stately';\nimport type { TableTreeNode } from './table-tree';\nimport type { CubeTableRowExpandInfo } from './types';\n\nexport interface UseTableTreeStateOptions<T> {\n  roots: TableTreeNode<T>[];\n  allNodesByKey: Map<Key, TableTreeNode<T>>;\n  expandedKeys?: Key[];\n  defaultExpandedKeys?: Key[];\n  forcedExpandedKeys?: ReadonlySet<Key>;\n  disabledKeys?: Key[];\n  getTextValue: (node: TableTreeNode<T>) => string;\n  onExpand?: (keys: Key[], info: CubeTableRowExpandInfo<T>) => void;\n  ariaLabel?: string;\n}\n\nexport interface TableTreeStateResult<T> {\n  state: TreeState<TableTreeNode<T>>;\n  /** Props consumed by `useTree` on the actual `<table>`. */\n  ariaProps: Record<string, any>;\n  visibleNodes: Node<TableTreeNode<T>>[];\n  visibleEntries: TableTreeNode<T>[];\n  expandedKeys: Set<Key>;\n}\n\nexport function useTableTreeState<T>(\n  options: UseTableTreeStateOptions<T>,\n): TableTreeStateResult<T> {\n  const {\n    roots,\n    allNodesByKey,\n    expandedKeys: controlledExpandedKeys,\n    defaultExpandedKeys,\n    forcedExpandedKeys,\n    disabledKeys,\n    getTextValue,\n    onExpand,\n    ariaLabel,\n  } = options;\n  const { t } = useI18n();\n\n  const controlledSet = useMemo(\n    () =>\n      controlledExpandedKeys === undefined\n        ? undefined\n        : new Set<Key>(controlledExpandedKeys),\n    [controlledExpandedKeys],\n  );\n  const defaultSet = useMemo(\n    () => new Set<Key>(defaultExpandedKeys ?? []),\n    [defaultExpandedKeys],\n  );\n  const [baseExpandedKeys, setBaseExpandedKeys] = useControlledState<Set<Key>>(\n    controlledSet as Set<Key>,\n    defaultSet,\n  );\n\n  const effectiveExpandedKeys = useMemo(() => {\n    const keys = new Set(baseExpandedKeys);\n    forcedExpandedKeys?.forEach((key) => keys.add(key));\n    return keys;\n  }, [baseExpandedKeys, forcedExpandedKeys]);\n\n  const handleExpandedChange = useEvent((next: Set<Key>) => {\n    let toggledKey: Key | null = null;\n    let expanded = false;\n\n    for (const key of next) {\n      if (!effectiveExpandedKeys.has(key)) {\n        toggledKey = key;\n        expanded = true;\n        break;\n      }\n    }\n\n    if (toggledKey == null) {\n      for (const key of effectiveExpandedKeys) {\n        if (!next.has(key)) {\n          toggledKey = key;\n          expanded = false;\n          break;\n        }\n      }\n    }\n\n    if (toggledKey == null) return;\n\n    // Search-owned expansions are derived and cannot be collapsed until the\n    // search clears. Crucially, they never leak into the consumer's state.\n    if (!expanded && forcedExpandedKeys?.has(toggledKey)) return;\n\n    const nextBase = new Set(baseExpandedKeys);\n    if (expanded) nextBase.add(toggledKey);\n    else nextBase.delete(toggledKey);\n    setBaseExpandedKeys(nextBase);\n\n    const node = allNodesByKey.get(toggledKey);\n    if (!node) return;\n\n    onExpand?.([...nextBase], {\n      row: node.row,\n      rowKey: node.key,\n      level: node.level,\n      parentKey: node.parentKey,\n      expanded,\n    });\n  });\n\n  const renderItem = useEvent(\n    (node: TableTreeNode<T>): ReactElement => (\n      <Item\n        key={node.key}\n        textValue={getTextValue(node)}\n        childItems={node.children}\n      >\n        {getTextValue(node)}\n      </Item>\n    ),\n  );\n\n  const ariaProps = useMemo(\n    () => ({\n      items: roots,\n      children: renderItem as any,\n      selectionMode: 'none' as const,\n      expandedKeys: effectiveExpandedKeys,\n      onExpandedChange: handleExpandedChange,\n      disabledKeys,\n      disabledBehavior: 'all' as const,\n      // Prevent `useTreeItem` from treating a row press as an implicit toggle.\n      // Tables keep row activation and expansion as separate interactions.\n      onAction: () => {},\n      'aria-label': ariaLabel ?? t('itemTable.table', 'Table'),\n    }),\n    [\n      roots,\n      renderItem,\n      effectiveExpandedKeys,\n      handleExpandedChange,\n      disabledKeys,\n      ariaLabel,\n      t,\n    ],\n  );\n\n  const baseState = useTreeState<TableTreeNode<T>>(ariaProps);\n\n  // Current React Stately's legacy TreeCollection omits `getChildren`, while\n  // `useTreeItem` needs it for level/set-size/expanded metadata.\n  const state = useMemo(() => {\n    const collection = baseState.collection;\n    if (typeof (collection as any).getChildren === 'function') return baseState;\n\n    const patched = Object.create(collection);\n    patched.getChildren = (key: Key) => {\n      const node = collection.getItem(key);\n      return node ? Array.from(node.childNodes) : [];\n    };\n\n    return { ...baseState, collection: patched } as typeof baseState;\n  }, [baseState]);\n\n  const visibleNodes = useMemo(() => {\n    const output: Node<TableTreeNode<T>>[] = [];\n    for (const key of state.collection.getKeys()) {\n      const node = state.collection.getItem(key);\n      if (node?.type === 'item') output.push(node);\n    }\n    return output;\n  }, [state.collection]);\n\n  const visibleEntries = useMemo(\n    () =>\n      visibleNodes\n        .map((node) => node.value)\n        .filter((node): node is TableTreeNode<T> => node != null),\n    [visibleNodes],\n  );\n\n  return {\n    state,\n    ariaProps,\n    visibleNodes,\n    visibleEntries,\n    expandedKeys: effectiveExpandedKeys,\n  };\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 
 import { FieldBaseProps, ToggleSelectionProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
+import { CubeTooltipProviderProps } from "../../overlays/Tooltip/TooltipProvider.js";
 import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { CubeCheckboxGroupProps, _CheckboxGroup } from "./CheckboxGroup.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
@@ -22,6 +23,13 @@ interface CubeCheckboxProps extends BaseProps, ContainerStyleProps, AriaCheckbox
   inputStyles?: Styles;
   isIndeterminate?: boolean;
   value?: string;
+  /**
+   * The checkbox's own tooltip, shown on hover over the box and its inline
+   * label — also while the checkbox is disabled — and on keyboard focus. A string, or `TooltipProvider` props
+   * (`title`, `placement`, …). The info badge next to a field label is
+   * `labelTooltip`.
+   */
+  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;
 }
 declare let __Checkbox: react.ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
   isSelected?: T["isSelected"] | any;

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

@@ -1,8 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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";
+import { useAutoTooltip } from "../../content/use-auto-tooltip.js";
 import { Icon } from "../../../icons/Icon.js";
+import { mergeTooltipFocusProps, splitTooltipTriggerProps } from "../../overlays/Tooltip/split-trigger-props.js";
 import { castNullableIsSelected } from "../../../utils/react/nullableValue.js";
 import { getValidationMods, resolveValidationProps } from "../../form/validation/resolve-validation-props.js";
 import { INLINE_LABEL_STYLES, LABEL_STYLES } from "../../form/Label.js";
@@ -83,7 +85,7 @@ function Checkbox(allProps, ref) {
 		}),
 		unsafe__isDisabled: !!groupState
 	});
-	let { qa, isIndeterminate = false, isDisabled = false, insideForm, isRequired, children, label, isInvalid, isValid, labelProps, labelStyles, labelPosition, inputStyles, isHidden, form, onChange, ...otherProps } = props;
+	let { qa, isIndeterminate = false, isDisabled = false, insideForm, isRequired, children, label, isInvalid, isValid, labelProps, labelStyles, labelPosition, inputStyles, isHidden, form, tooltip, onChange: onChange_0, ...otherProps } = props;
 	let styles = extractStyles(props, CONTAINER_STYLES);
 	labelStyles = useMemo(() => ({
 		...!groupState ? LABEL_STYLES : INLINE_LABEL_STYLES,
@@ -93,6 +95,10 @@ function Checkbox(allProps, ref) {
 	let { hoverProps, isHovered } = useHover({ isDisabled });
 	let inputRef = useRef(null);
 	let domRef = useFocusableRef(ref, inputRef);
+	let { renderWithTooltip } = useAutoTooltip({
+		tooltip,
+		children: null
+	});
 	const toggleState = useToggleState(props);
 	let { inputProps } = groupState ? useCheckboxGroupItem({
 		...props,
@@ -133,52 +139,65 @@ function Checkbox(allProps, ref) {
 		"side-label": labelPosition === "side",
 		"inside-form": insideForm
 	};
-	const checkbox = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(HiddenInput, {
+	const renderCheckbox = (tooltipFocusProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(HiddenInput, {
 		qa: qa || "Checkbox",
 		"data-input-type": "checkbox",
-		...mergeProps$1(inputProps, focusProps),
+		...mergeTooltipFocusProps(mergeProps$1(inputProps, focusProps), tooltipFocusProps),
 		ref: inputRef
 	}), /* @__PURE__ */ jsx(CheckboxElement, {
 		mods,
 		styles: inputStyles,
 		children: markIcon
 	})] });
-	const checkboxField = /* @__PURE__ */ jsxs(CheckboxWrapperElement, {
-		styles,
-		isHidden,
-		mods,
-		children: [checkbox, children ? /* @__PURE__ */ jsx(Element, {
-			styles: INLINE_LABEL_STYLES,
-			mods: {
-				...getValidationMods({
-					isInvalid,
-					isValid
-				}),
-				disabled: isDisabled
-			},
-			children
-		}) : null]
-	});
-	if (!groupState) return wrapWithField(checkboxField, domRef, props);
-	return /* @__PURE__ */ jsxs(CheckboxWrapperElement, {
-		styles,
-		isHidden,
-		...hoverProps,
-		...filterBaseProps(otherProps),
-		ref: domRef,
-		children: [checkbox, label ?? children ? /* @__PURE__ */ jsx(Element, {
-			styles: labelStyles,
-			mods: {
-				...getValidationMods({
-					isInvalid,
-					isValid
-				}),
-				disabled: isDisabled
-			},
-			...labelProps ? filterBaseProps(labelProps) : void 0,
-			children: label ?? children
-		}) : null]
+	if (!groupState) return wrapWithField(renderWithTooltip((tooltipTriggerProps, tooltipRef) => {
+		const { pointerProps, focusProps: tooltipFocusProps_0 } = splitTooltipTriggerProps(tooltipTriggerProps);
+		return /* @__PURE__ */ jsxs(CheckboxWrapperElement, {
+			styles,
+			isHidden,
+			mods,
+			...pointerProps,
+			ref: tooltipRef,
+			children: [renderCheckbox(tooltipFocusProps_0), children ? /* @__PURE__ */ jsx(Element, {
+				styles: INLINE_LABEL_STYLES,
+				mods: {
+					...getValidationMods({
+						isInvalid,
+						isValid
+					}),
+					disabled: isDisabled
+				},
+				children
+			}) : null]
+		});
+	}, "top"), domRef, {
+		...props,
+		tooltip: void 0
 	});
+	return renderWithTooltip((tooltipTriggerProps_0, tooltipRef_0) => {
+		const { pointerProps: pointerProps_0, focusProps: tooltipFocusProps_1 } = splitTooltipTriggerProps(tooltipTriggerProps_0);
+		return /* @__PURE__ */ jsxs(CheckboxWrapperElement, {
+			styles,
+			isHidden,
+			...mergeProps$1(hoverProps, pointerProps_0),
+			...filterBaseProps(otherProps),
+			ref: tooltipRef_0 ? (element) => {
+				domRef.current = element;
+				tooltipRef_0.current = element;
+			} : domRef,
+			children: [renderCheckbox(tooltipFocusProps_1), label ?? children ? /* @__PURE__ */ jsx(Element, {
+				styles: labelStyles,
+				mods: {
+					...getValidationMods({
+						isInvalid,
+						isValid
+					}),
+					disabled: isDisabled
+				},
+				...labelProps ? filterBaseProps(labelProps) : void 0,
+				children: label ?? children
+			}) : null]
+		});
+	}, "top");
 }
 /**
 * Checkboxes allow users to select multiple items from a list of individual items,

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["useFocus","mergeProps","CheckboxGroup"],"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, 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 {\n  getValidationMods,\n  INLINE_LABEL_STYLES,\n  LABEL_STYLES,\n  resolveValidationProps,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nimport { CheckboxGroup } from './CheckboxGroup';\nimport { CheckboxGroupContext } from './context';\n\nimport type { FocusableRef } from '@react-types/shared';\n\nexport interface CubeCheckboxProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaCheckboxProps,\n    ToggleSelectionProps,\n    FieldBaseProps<boolean | null | undefined> {\n  /**\n   * The form instance. Redeclared so that it wins over react-aria's DOM\n   * `form: string` attribute when a consumer resolves react-aria's types for\n   * real; `Omit<AriaCheckboxProps, 'form'>` would erase every other prop\n   * in-repo, where those types resolve to `any` (see tsconfig.json).\n   */\n  form?: FieldBaseProps['form'];\n  /** Field name; modern forms also accept nested tuple paths. */\n  name?: FieldBaseProps['name'];\n  inputStyles?: Styles;\n  isIndeterminate?: boolean;\n  value?: string;\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  qa: 'Checkbox',\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    // 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({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  const toggleState = useToggleState(props);\n\n  let { inputProps } = groupState\n    ? useCheckboxGroupItem(\n        {\n          ...props,\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          ...(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  const checkbox = (\n    <>\n      <HiddenInput\n        qa={qa || 'Checkbox'}\n        data-input-type=\"checkbox\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n      />\n      <CheckboxElement mods={mods} styles={inputStyles}>\n        {markIcon}\n      </CheckboxElement>\n    </>\n  );\n\n  const checkboxField = (\n    // `styles` is forwarded here as well as in the in-group branch below —\n    // it used to be extracted from props and then dropped on this path, so\n    // `<Checkbox styles={{ … }}>` outside a group was a silent no-op.\n    <CheckboxWrapperElement styles={styles} isHidden={isHidden} mods={mods}>\n      {checkbox}\n      {children ? (\n        // Same element and preset as the in-group branch. This path used to\n        // force children through `<Text nowrap>`: `white-space: nowrap`\n        // inherits, so a label longer than a few words — or any custom node\n        // with two lines in it — could not wrap at all, and the label also\n        // 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  if (!groupState) {\n    return wrapWithField(checkboxField, domRef, props);\n  }\n\n  return (\n    <CheckboxWrapperElement\n      styles={styles}\n      isHidden={isHidden}\n      {...hoverProps}\n      {...filterBaseProps(otherProps)}\n      ref={domRef}\n    >\n      {checkbox}\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}\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","form","name","inputStyles","isIndeterminate","value","tooltip","Omit","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","otherProps","isFocused","focusProps","hoverProps","isHovered","inputRef","domRef","renderWithTooltip","toggleState","inputProps","trim","markIcon","key","console","warn","mods","checked","indeterminate","hovered","renderCheckbox","tooltipFocusProps","checkboxField","tooltipTriggerProps","tooltipRef","pointerProps","undefined","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    AriaCheckboxProps,\n    ToggleSelectionProps,\n    FieldBaseProps<boolean | null | undefined> {\n  /**\n   * The form instance. Redeclared so that it wins over react-aria's DOM\n   * `form: string` attribute when a consumer resolves react-aria's types for\n   * real; `Omit<AriaCheckboxProps, 'form'>` would erase every other prop\n   * in-repo, where those types resolve to `any` (see tsconfig.json).\n   */\n  form?: FieldBaseProps['form'];\n  /** Field name; modern forms also accept nested tuple paths. */\n  name?: FieldBaseProps['name'];\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  qa: 'Checkbox',\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({ isDisabled }, 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  let { inputProps } = groupState\n    ? useCheckboxGroupItem(\n        {\n          ...props,\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          ...(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 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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"}