@cube-dev/ui-kit 0.181.0 → 0.183.0

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

@@ -1,106 +1,201 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.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.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { _Text } from "../../content/Text.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
 import { Icon } from "../../../icons/Icon.js";
 import { castNullableIsSelected } from "../../../utils/react/nullableValue.js";
@@ -84,7 +83,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, onChange: onChange_0, ...otherProps } = props;
 	let styles = extractStyles(props, CONTAINER_STYLES);
 	labelStyles = useMemo(() => ({
 		...!groupState ? LABEL_STYLES : INLINE_LABEL_STYLES,
@@ -145,12 +144,20 @@ function Checkbox(allProps, ref) {
 		children: markIcon
 	})] });
 	const checkboxField = /* @__PURE__ */ jsxs(CheckboxWrapperElement, {
+		styles,
 		isHidden,
 		mods,
-		children: [checkbox, children && /* @__PURE__ */ jsx(_Text, {
-			nowrap: true,
+		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, {

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["useFocus","mergeProps","Text","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 { Text } from '../../content/Text';\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    <CheckboxWrapperElement isHidden={isHidden} mods={mods}>\n      {checkbox}\n      {children && <Text nowrap>{children}</Text>}\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","useContext","useMemo","useRef","AriaCheckboxProps","useCheckbox","useCheckboxGroupItem","useHover","useToggleState","Icon","FieldBaseProps","ToggleSelectionProps","mergeProps","useFocus","castNullableIsSelected","WithNullableSelected","extractStyles","getValidationMods","INLINE_LABEL_STYLES","LABEL_STYLES","resolveValidationProps","useFieldProps","wrapWithField","HiddenInput","CheckboxGroup","CheckboxGroupContext","FocusableRef","CubeCheckboxProps","form","name","inputStyles","isIndeterminate","value","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","toggleState","inputProps","trim","markIcon","key","console","warn","mods","checked","indeterminate","hovered","checkbox","checkboxField","undefined","_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, 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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.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";
@@ -6,6 +6,7 @@ import { FormScopeMask } from "../../form/Form/Form.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { CheckboxGroupContext } from "./context.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -31,44 +32,111 @@ const CheckGroupElement = tasty({
 	}
 });
 function CheckboxGroup(props, ref) {
-	props = castNullableArrayValue(props);
-	props = useFieldProps(props, {
-		defaultValidationTrigger: "onChange",
-		valuePropsMapper: ({ value, onChange }) => ({
-			value: value != null ? value : [],
-			onChange
-		})
-	});
-	let { id, isDisabled, isRequired, necessityIndicator, label, extra, isInvalid, isValid, children, orientation = "vertical", message, description, labelStyles, tooltip, labelProps: baseLabelProps, labelSuffix, inputStyles, form, ...otherProps } = props;
-	let domRef = useObjectRef(ref);
+	const $ = c(27);
+	let t0;
+	if ($[0] !== props) {
+		t0 = castNullableArrayValue(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	props = t0;
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			defaultValidationTrigger: "onChange",
+			valuePropsMapper: _temp
+		};
+		$[2] = t1;
+	} else t1 = $[2];
+	props = useFieldProps(props, t1);
+	const { id, isDisabled, isRequired, necessityIndicator, label, extra, isInvalid, isValid, children, orientation: t2, message, description, labelStyles, tooltip, labelProps: baseLabelProps, labelSuffix, inputStyles, form, ...otherProps } = props;
+	const orientation = t2 === void 0 ? "vertical" : t2;
+	const domRef = useObjectRef(ref);
 	extractStyles(otherProps, CONTAINER_STYLES);
-	let state = useCheckboxGroupState(props);
-	let { groupProps, labelProps } = useCheckboxGroup(props, state);
-	return wrapWithField(/* @__PURE__ */ jsx(CheckGroupElement, {
-		id,
-		styles: inputStyles,
-		mods: { horizontal: orientation === "horizontal" },
-		children: /* @__PURE__ */ jsx(FormScopeMask, {
-			value: {
-				isDisabled,
-				isInvalid,
-				isValid
-			},
-			children: /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
-				value: state,
-				children
-			})
-		})
-	}), domRef, {
-		...props,
-		fieldProps: groupProps,
-		labelProps: mergeProps$1(baseLabelProps, labelProps)
-	});
+	const state = useCheckboxGroupState(props);
+	const { groupProps, labelProps } = useCheckboxGroup(props, state);
+	const t3 = orientation === "horizontal";
+	let t4;
+	if ($[3] !== t3) {
+		t4 = { horizontal: t3 };
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== isDisabled || $[6] !== isInvalid || $[7] !== isValid) {
+		t5 = {
+			isDisabled,
+			isInvalid,
+			isValid
+		};
+		$[5] = isDisabled;
+		$[6] = isInvalid;
+		$[7] = isValid;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== children || $[10] !== state) {
+		t6 = /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
+			value: state,
+			children
+		});
+		$[9] = children;
+		$[10] = state;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== t5 || $[13] !== t6) {
+		t7 = /* @__PURE__ */ jsx(FormScopeMask, {
+			value: t5,
+			children: t6
+		});
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== id || $[16] !== inputStyles || $[17] !== t4 || $[18] !== t7) {
+		t8 = /* @__PURE__ */ jsx(CheckGroupElement, {
+			id,
+			styles: inputStyles,
+			mods: t4,
+			children: t7
+		});
+		$[15] = id;
+		$[16] = inputStyles;
+		$[17] = t4;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	const radioGroup = t8;
+	let t9;
+	if ($[20] !== baseLabelProps || $[21] !== domRef || $[22] !== groupProps || $[23] !== labelProps || $[24] !== props || $[25] !== radioGroup) {
+		t9 = wrapWithField(radioGroup, domRef, {
+			...props,
+			fieldProps: groupProps,
+			labelProps: mergeProps$1(baseLabelProps, labelProps)
+		});
+		$[20] = baseLabelProps;
+		$[21] = domRef;
+		$[22] = groupProps;
+		$[23] = labelProps;
+		$[24] = props;
+		$[25] = radioGroup;
+		$[26] = t9;
+	} else t9 = $[26];
+	return t9;
 }
 /**
 * Checkbox groups allow users to select a single option from a list of mutually exclusive options.
 * All possible options are exposed up front for users to compare.
 */
+function _temp(t0) {
+	const { value, onChange } = t0;
+	return {
+		value: value != null ? value : [],
+		onChange
+	};
+}
 const _CheckboxGroup = forwardRef(CheckboxGroup);
 _CheckboxGroup.cubeInputType = "CheckboxGroup";
 _CheckboxGroup.displayName = "CheckboxGroup";

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","names":["mergeProps"],"sources":["../../../../src/components/fields/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { AriaCheckboxGroupProps, useCheckboxGroup } from 'react-aria';\nimport { useCheckboxGroupState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableArrayValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { extractStyles } from '../../../utils/styles';\nimport { FormScopeMask, useFieldProps, wrapWithField } from '../../form';\n\nimport { CheckboxGroupContext } from './context';\n\nconst CheckGroupElement = tasty({\n  qa: 'CheckboxGroup',\n  styles: {\n    display: 'flex',\n    placeItems: 'start',\n    placeContent: 'start',\n    flow: {\n      '': 'column',\n      horizontal: 'row wrap',\n    },\n    gap: {\n      '': '1x',\n      horizontal: '1x 2x',\n    },\n  },\n});\n\nexport interface CubeCheckboxGroupProps\n  extends BaseProps,\n    Omit<AriaCheckboxGroupProps, 'errorMessage' | 'form' | 'name'>,\n    FieldBaseProps<readonly string[] | null | undefined>,\n    ContainerStyleProps {\n  orientation?: 'vertical' | 'horizontal';\n  inputStyles?: Styles;\n}\n\nfunction CheckboxGroup(props: WithNullableValue<CubeCheckboxGroupProps>, ref) {\n  props = castNullableArrayValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value != null ? value : [],\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    id,\n    isDisabled,\n    isRequired,\n    necessityIndicator,\n    label,\n    extra,\n    isInvalid,\n    isValid,\n    children,\n    orientation = 'vertical',\n    message,\n    description,\n    labelStyles,\n    tooltip,\n    labelProps: baseLabelProps,\n    labelSuffix,\n    inputStyles,\n    form,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let state = useCheckboxGroupState(props);\n  let { groupProps, labelProps } = useCheckboxGroup(props, state);\n\n  let radioGroup = (\n    <CheckGroupElement\n      id={id}\n      styles={inputStyles}\n      mods={{\n        horizontal: orientation === 'horizontal',\n      }}\n    >\n      <FormScopeMask\n        value={{\n          isDisabled,\n          isInvalid,\n          isValid,\n        }}\n      >\n        <CheckboxGroupContext.Provider value={state}>\n          {children}\n        </CheckboxGroupContext.Provider>\n      </FormScopeMask>\n    </CheckGroupElement>\n  );\n\n  return wrapWithField(radioGroup, domRef, {\n    ...props,\n    fieldProps: groupProps,\n    labelProps: mergeProps(baseLabelProps, labelProps),\n  });\n}\n\n/**\n * Checkbox groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _CheckboxGroup = forwardRef(CheckboxGroup);\n\n(_CheckboxGroup as any).cubeInputType = 'CheckboxGroup';\n_CheckboxGroup.displayName = 'CheckboxGroup';\n\nexport { _CheckboxGroup as CheckboxGroup };\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAM,oBAAoB,MAAM;CAC9B,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,cAAc;EACd,MAAM;GACJ,IAAI;GACJ,YAAY;GACb;EACD,KAAK;GACH,IAAI;GACJ,YAAY;GACb;EACF;CACF,CAAC;AAWF,SAAS,cAAc,OAAkD,KAAK;AAC5E,SAAQ,uBAAuB,MAAM;AACrC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C,OAAO,SAAS,OAAO,QAAQ,EAAE;GACvB;GACX;EACF,CAAC;CAEF,IAAI,EACF,IACA,YACA,YACA,oBACA,OACA,OACA,WACA,SACA,UACA,cAAc,YACd,SACA,aACA,aACA,SACA,YAAY,gBACZ,aACA,aACA,MACA,GAAG,eACD;CACJ,IAAI,SAAS,aAAa,IAAI;AAEjB,eAAc,YAAY,iBAAiB;CAExD,IAAI,QAAQ,sBAAsB,MAAM;CACxC,IAAI,EAAE,YAAY,eAAe,iBAAiB,OAAO,MAAM;AAwB/D,QAAO,cArBL,oBAAC;EACK;EACJ,QAAQ;EACR,MAAM,EACJ,YAAY,gBAAgB,cAC7B;YAED,oBAAC;GACC,OAAO;IACL;IACA;IACA;IACD;aAED,oBAAC,qBAAqB;IAAS,OAAO;IACnC;KAC6B;IAClB;GACE,EAGW,QAAQ;EACvC,GAAG;EACH,YAAY;EACZ,YAAYA,aAAW,gBAAgB,WAAW;EACnD,CAAC;;;;;;AAOJ,MAAM,iBAAiB,WAAW,cAAc;AAEhD,AAAC,eAAuB,gBAAgB;AACxC,eAAe,cAAc"}
+{"version":3,"file":"CheckboxGroup.js","names":["useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","AriaCheckboxGroupProps","useCheckboxGroup","useCheckboxGroupState","FieldBaseProps","mergeProps","castNullableArrayValue","WithNullableValue","extractStyles","FormScopeMask","useFieldProps","wrapWithField","CheckboxGroupContext","CheckGroupElement","qa","styles","display","placeItems","placeContent","flow","horizontal","gap","CubeCheckboxGroupProps","Omit","orientation","inputStyles","CheckboxGroup","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","id","isDisabled","isRequired","necessityIndicator","label","extra","isInvalid","isValid","children","t2","message","description","labelStyles","tooltip","labelProps","baseLabelProps","labelSuffix","form","otherProps","undefined","domRef","state","groupProps","t3","t4","t5","t6","t7","t8","radioGroup","t9","fieldProps","value","onChange","_CheckboxGroup","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { AriaCheckboxGroupProps, useCheckboxGroup } from 'react-aria';\nimport { useCheckboxGroupState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableArrayValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { extractStyles } from '../../../utils/styles';\nimport { FormScopeMask, useFieldProps, wrapWithField } from '../../form';\n\nimport { CheckboxGroupContext } from './context';\n\nconst CheckGroupElement = tasty({\n  qa: 'CheckboxGroup',\n  styles: {\n    display: 'flex',\n    placeItems: 'start',\n    placeContent: 'start',\n    flow: {\n      '': 'column',\n      horizontal: 'row wrap',\n    },\n    gap: {\n      '': '1x',\n      horizontal: '1x 2x',\n    },\n  },\n});\n\nexport interface CubeCheckboxGroupProps\n  extends BaseProps,\n    Omit<AriaCheckboxGroupProps, 'errorMessage' | 'form' | 'name'>,\n    FieldBaseProps<readonly string[] | null | undefined>,\n    ContainerStyleProps {\n  orientation?: 'vertical' | 'horizontal';\n  inputStyles?: Styles;\n}\n\nfunction CheckboxGroup(props: WithNullableValue<CubeCheckboxGroupProps>, ref) {\n  props = castNullableArrayValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value != null ? value : [],\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    id,\n    isDisabled,\n    isRequired,\n    necessityIndicator,\n    label,\n    extra,\n    isInvalid,\n    isValid,\n    children,\n    orientation = 'vertical',\n    message,\n    description,\n    labelStyles,\n    tooltip,\n    labelProps: baseLabelProps,\n    labelSuffix,\n    inputStyles,\n    form,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let state = useCheckboxGroupState(props);\n  let { groupProps, labelProps } = useCheckboxGroup(props, state);\n\n  let radioGroup = (\n    <CheckGroupElement\n      id={id}\n      styles={inputStyles}\n      mods={{\n        horizontal: orientation === 'horizontal',\n      }}\n    >\n      <FormScopeMask\n        value={{\n          isDisabled,\n          isInvalid,\n          isValid,\n        }}\n      >\n        <CheckboxGroupContext.Provider value={state}>\n          {children}\n        </CheckboxGroupContext.Provider>\n      </FormScopeMask>\n    </CheckGroupElement>\n  );\n\n  return wrapWithField(radioGroup, domRef, {\n    ...props,\n    fieldProps: groupProps,\n    labelProps: mergeProps(baseLabelProps, labelProps),\n  });\n}\n\n/**\n * Checkbox groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _CheckboxGroup = forwardRef(CheckboxGroup);\n\n(_CheckboxGroup as any).cubeInputType = 'CheckboxGroup';\n_CheckboxGroup.displayName = 'CheckboxGroup';\n\nexport { _CheckboxGroup as CheckboxGroup };\n"],"mappings":"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"}