@j2-health/design-system 0.5.0 → 0.5.2

package/dist/src/components/checkboxTree/CheckboxTree.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.cjs","sources":["../../../../src/components/checkboxTree/CheckboxTree.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport { TreeNode } from './TreeNode'\nimport { getLeafKeys, getAllLeafKeys, getAllParentKeys } from './utils'\n\nexport type CheckboxTreeDataNode = {\n  key: string | number\n  title: React.ReactNode\n  children?: CheckboxTreeDataNode[]\n  disabled?: boolean\n}\n\nexport type CheckboxTreeProps = {\n  treeData: CheckboxTreeDataNode[]\n  defaultCheckedKeys?: (string | number)[]\n  checkedKeys?: (string | number)[]\n  onCheck?: (\n    values: Record<string | number, boolean>,\n    info: {\n      checked: boolean\n      checkedLeafNodes: Record<string | number, CheckboxTreeDataNode>\n      allCheckedNodes: CheckboxTreeDataNode[]\n      node: CheckboxTreeDataNode\n    }\n  ) => void\n  disabled?: boolean\n  defaultExpandAll?: boolean\n  defaultExpandedKeys?: (string | number)[]\n  expandedKeys?: (string | number)[]\n  onExpand?: (expandedKeys: (string | number)[]) => void\n  className?: string\n  style?: React.CSSProperties\n  lazyChildren?: boolean\n}\n\nexport const CheckboxTree = ({\n  treeData,\n  defaultCheckedKeys = [],\n  checkedKeys: controlledCheckedKeys,\n  onCheck,\n  disabled = false,\n  defaultExpandAll = true,\n  defaultExpandedKeys,\n  expandedKeys: controlledExpandedKeys,\n  onExpand,\n  className,\n  style,\n  lazyChildren = false,\n}: CheckboxTreeProps) => {\n  const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData])\n  const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys])\n\n  const [internalLeafNodeValues, setInternalLeafNodeValues] = useState<\n    Record<string | number, boolean>\n  >(() => {\n    const defaultLeafKeySet = new Set(\n      defaultCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = defaultLeafKeySet.has(key)\n    }\n    return values\n  })\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<\n    (string | number)[]\n  >(() => {\n    if (defaultExpandedKeys) return defaultExpandedKeys\n    if (defaultExpandAll) return getAllParentKeys(treeData)\n    return []\n  })\n\n  // When defaultExpandAll is true and treeData changes, auto-expand new parent nodes\n  useEffect(() => {\n    if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys)\n      return\n    const allParentKeys = getAllParentKeys(treeData)\n    setInternalExpandedKeys((prev) => {\n      const prevSet = new Set(prev)\n      const newKeys = allParentKeys.filter((key) => !prevSet.has(key))\n      if (newKeys.length === 0) return prev\n      return [...prev, ...newKeys]\n    })\n  }, [treeData, defaultExpandAll, controlledExpandedKeys, defaultExpandedKeys])\n\n  const expandedKeysSet = useMemo(() => {\n    const keys = controlledExpandedKeys ?? internalExpandedKeys\n    return new Set(keys)\n  }, [controlledExpandedKeys, internalExpandedKeys])\n\n  const handleToggleExpand = useCallback(\n    (key: string | number) => {\n      const currentKeys = controlledExpandedKeys ?? internalExpandedKeys\n      const newKeys = currentKeys.includes(key)\n        ? currentKeys.filter((k) => k !== key)\n        : [...currentKeys, key]\n\n      if (!controlledExpandedKeys) {\n        setInternalExpandedKeys(newKeys)\n      }\n      onExpand?.(newKeys)\n    },\n    [controlledExpandedKeys, internalExpandedKeys, onExpand]\n  )\n\n  const leafNodeValues: Record<string | number, boolean> = useMemo(() => {\n    if (!controlledCheckedKeys) {\n      return internalLeafNodeValues\n    }\n\n    const controlledLeafKeySet = new Set(\n      controlledCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = controlledLeafKeySet.has(key)\n    }\n    return values\n  }, [allLeafKeys, leafKeySet, controlledCheckedKeys, internalLeafNodeValues])\n\n  const handleCheck = useCallback(\n    (_key: string | number, checked: boolean, node: CheckboxTreeDataNode) => {\n      const newLeafNodeValues = { ...leafNodeValues }\n\n      if (checked) {\n        // When checking, set all leaf descendants to true\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = true))\n      } else {\n        // When unchecking, set all leaf descendants to false\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = false))\n      }\n\n      if (!controlledCheckedKeys) {\n        setInternalLeafNodeValues(newLeafNodeValues)\n      }\n\n      if (onCheck) {\n        // Get all checked leaf nodes\n        const checkedLeafNodes: Record<string | number, CheckboxTreeDataNode> =\n          {}\n\n        // Get all nodes that appear checked (including parents)\n        const allCheckedNodes: CheckboxTreeDataNode[] = []\n\n        const collectChecked = (current: CheckboxTreeDataNode): boolean => {\n          let isChecked: boolean\n          if (!current.children || current.children.length === 0) {\n            isChecked = newLeafNodeValues[current.key] === true\n            if (isChecked) {\n              checkedLeafNodes[current.key] = current\n            }\n          } else {\n            isChecked = true\n            for (const child of current.children) {\n              if (!collectChecked(child)) {\n                isChecked = false\n              }\n            }\n          }\n          if (isChecked) {\n            allCheckedNodes.push(current)\n          }\n          return isChecked\n        }\n        treeData.forEach(collectChecked)\n\n        onCheck(newLeafNodeValues, {\n          checked,\n          checkedLeafNodes,\n          allCheckedNodes,\n          node,\n        })\n      }\n    },\n    [controlledCheckedKeys, onCheck, treeData, leafNodeValues]\n  )\n\n  return (\n    <div className={className} style={style}>\n      {treeData.map((node) => (\n        <TreeNode\n          key={node.key}\n          node={node}\n          level={0}\n          leafNodeValues={leafNodeValues}\n          onCheck={handleCheck}\n          disabled={disabled}\n          expandedKeys={expandedKeysSet}\n          onToggleExpand={handleToggleExpand}\n          lazyChildren={lazyChildren}\n        />\n      ))}\n    </div>\n  )\n}\n"],"names":["useMemo","getAllLeafKeys","useState","getAllParentKeys","useEffect","useCallback","getLeafKeys","jsx","TreeNode"],"mappings":"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"}
+{"version":3,"file":"CheckboxTree.cjs","names":["useMemo","getAllLeafKeys","useState","getAllParentKeys","useCallback","getLeafKeys","TreeNode"],"sources":["../../../../src/components/checkboxTree/CheckboxTree.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport { TreeNode } from './TreeNode'\nimport { getLeafKeys, getAllLeafKeys, getAllParentKeys } from './utils'\n\nexport type CheckboxTreeDataNode = {\n  key: string | number\n  title: React.ReactNode\n  children?: CheckboxTreeDataNode[]\n  disabled?: boolean\n}\n\nexport type CheckboxTreeProps = {\n  treeData: CheckboxTreeDataNode[]\n  defaultCheckedKeys?: (string | number)[]\n  checkedKeys?: (string | number)[]\n  onCheck?: (\n    values: Record<string | number, boolean>,\n    info: {\n      checked: boolean\n      checkedLeafNodes: Record<string | number, CheckboxTreeDataNode>\n      allCheckedNodes: CheckboxTreeDataNode[]\n      node: CheckboxTreeDataNode\n    }\n  ) => void\n  disabled?: boolean\n  defaultExpandAll?: boolean\n  defaultExpandedKeys?: (string | number)[]\n  expandedKeys?: (string | number)[]\n  onExpand?: (expandedKeys: (string | number)[]) => void\n  className?: string\n  style?: React.CSSProperties\n  lazyChildren?: boolean\n}\n\nexport const CheckboxTree = ({\n  treeData,\n  defaultCheckedKeys = [],\n  checkedKeys: controlledCheckedKeys,\n  onCheck,\n  disabled = false,\n  defaultExpandAll = true,\n  defaultExpandedKeys,\n  expandedKeys: controlledExpandedKeys,\n  onExpand,\n  className,\n  style,\n  lazyChildren = false,\n}: CheckboxTreeProps) => {\n  const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData])\n  const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys])\n\n  const [internalLeafNodeValues, setInternalLeafNodeValues] = useState<\n    Record<string | number, boolean>\n  >(() => {\n    const defaultLeafKeySet = new Set(\n      defaultCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = defaultLeafKeySet.has(key)\n    }\n    return values\n  })\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<\n    (string | number)[]\n  >(() => {\n    if (defaultExpandedKeys) return defaultExpandedKeys\n    if (defaultExpandAll) return getAllParentKeys(treeData)\n    return []\n  })\n\n  // When defaultExpandAll is true and treeData changes, auto-expand new parent nodes\n  useEffect(() => {\n    if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys)\n      return\n    const allParentKeys = getAllParentKeys(treeData)\n    setInternalExpandedKeys((prev) => {\n      const prevSet = new Set(prev)\n      const newKeys = allParentKeys.filter((key) => !prevSet.has(key))\n      if (newKeys.length === 0) return prev\n      return [...prev, ...newKeys]\n    })\n  }, [treeData, defaultExpandAll, controlledExpandedKeys, defaultExpandedKeys])\n\n  const expandedKeysSet = useMemo(() => {\n    const keys = controlledExpandedKeys ?? internalExpandedKeys\n    return new Set(keys)\n  }, [controlledExpandedKeys, internalExpandedKeys])\n\n  const handleToggleExpand = useCallback(\n    (key: string | number) => {\n      const currentKeys = controlledExpandedKeys ?? internalExpandedKeys\n      const newKeys = currentKeys.includes(key)\n        ? currentKeys.filter((k) => k !== key)\n        : [...currentKeys, key]\n\n      if (!controlledExpandedKeys) {\n        setInternalExpandedKeys(newKeys)\n      }\n      onExpand?.(newKeys)\n    },\n    [controlledExpandedKeys, internalExpandedKeys, onExpand]\n  )\n\n  const leafNodeValues: Record<string | number, boolean> = useMemo(() => {\n    if (!controlledCheckedKeys) {\n      return internalLeafNodeValues\n    }\n\n    const controlledLeafKeySet = new Set(\n      controlledCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = controlledLeafKeySet.has(key)\n    }\n    return values\n  }, [allLeafKeys, leafKeySet, controlledCheckedKeys, internalLeafNodeValues])\n\n  const handleCheck = useCallback(\n    (_key: string | number, checked: boolean, node: CheckboxTreeDataNode) => {\n      const newLeafNodeValues = { ...leafNodeValues }\n\n      if (checked) {\n        // When checking, set all leaf descendants to true\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = true))\n      } else {\n        // When unchecking, set all leaf descendants to false\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = false))\n      }\n\n      if (!controlledCheckedKeys) {\n        setInternalLeafNodeValues(newLeafNodeValues)\n      }\n\n      if (onCheck) {\n        // Get all checked leaf nodes\n        const checkedLeafNodes: Record<string | number, CheckboxTreeDataNode> =\n          {}\n\n        // Get all nodes that appear checked (including parents)\n        const allCheckedNodes: CheckboxTreeDataNode[] = []\n\n        const collectChecked = (current: CheckboxTreeDataNode): boolean => {\n          let isChecked: boolean\n          if (!current.children || current.children.length === 0) {\n            isChecked = newLeafNodeValues[current.key] === true\n            if (isChecked) {\n              checkedLeafNodes[current.key] = current\n            }\n          } else {\n            isChecked = true\n            for (const child of current.children) {\n              if (!collectChecked(child)) {\n                isChecked = false\n              }\n            }\n          }\n          if (isChecked) {\n            allCheckedNodes.push(current)\n          }\n          return isChecked\n        }\n        treeData.forEach(collectChecked)\n\n        onCheck(newLeafNodeValues, {\n          checked,\n          checkedLeafNodes,\n          allCheckedNodes,\n          node,\n        })\n      }\n    },\n    [controlledCheckedKeys, onCheck, treeData, leafNodeValues]\n  )\n\n  return (\n    <div className={className} style={style}>\n      {treeData.map((node) => (\n        <TreeNode\n          key={node.key}\n          node={node}\n          level={0}\n          leafNodeValues={leafNodeValues}\n          onCheck={handleCheck}\n          disabled={disabled}\n          expandedKeys={expandedKeysSet}\n          onToggleExpand={handleToggleExpand}\n          lazyChildren={lazyChildren}\n        />\n      ))}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/src/components/checkboxTree/CheckboxTree.js

@@ -1,140 +1,112 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo, useState, useEffect, useCallback } from "react";
-import { TreeNode } from "./TreeNode.js";
 import { getAllLeafKeys, getAllParentKeys, getLeafKeys } from "./utils.js";
-const CheckboxTree = ({
-  treeData,
-  defaultCheckedKeys = [],
-  checkedKeys: controlledCheckedKeys,
-  onCheck,
-  disabled = false,
-  defaultExpandAll = true,
-  defaultExpandedKeys,
-  expandedKeys: controlledExpandedKeys,
-  onExpand,
-  className,
-  style,
-  lazyChildren = false
-}) => {
-  const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData]);
-  const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys]);
-  const [internalLeafNodeValues, setInternalLeafNodeValues] = useState(() => {
-    const defaultLeafKeySet = new Set(
-      defaultCheckedKeys.filter((key) => leafKeySet.has(key))
-    );
-    const values = {};
-    for (const key of allLeafKeys) {
-      values[key] = defaultLeafKeySet.has(key);
-    }
-    return values;
-  });
-  const [internalExpandedKeys, setInternalExpandedKeys] = useState(() => {
-    if (defaultExpandedKeys) return defaultExpandedKeys;
-    if (defaultExpandAll) return getAllParentKeys(treeData);
-    return [];
-  });
-  useEffect(() => {
-    if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys)
-      return;
-    const allParentKeys = getAllParentKeys(treeData);
-    setInternalExpandedKeys((prev) => {
-      const prevSet = new Set(prev);
-      const newKeys = allParentKeys.filter((key) => !prevSet.has(key));
-      if (newKeys.length === 0) return prev;
-      return [...prev, ...newKeys];
-    });
-  }, [treeData, defaultExpandAll, controlledExpandedKeys, defaultExpandedKeys]);
-  const expandedKeysSet = useMemo(() => {
-    const keys = controlledExpandedKeys ?? internalExpandedKeys;
-    return new Set(keys);
-  }, [controlledExpandedKeys, internalExpandedKeys]);
-  const handleToggleExpand = useCallback(
-    (key) => {
-      const currentKeys = controlledExpandedKeys ?? internalExpandedKeys;
-      const newKeys = currentKeys.includes(key) ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
-      if (!controlledExpandedKeys) {
-        setInternalExpandedKeys(newKeys);
-      }
-      onExpand == null ? void 0 : onExpand(newKeys);
-    },
-    [controlledExpandedKeys, internalExpandedKeys, onExpand]
-  );
-  const leafNodeValues = useMemo(() => {
-    if (!controlledCheckedKeys) {
-      return internalLeafNodeValues;
-    }
-    const controlledLeafKeySet = new Set(
-      controlledCheckedKeys.filter((key) => leafKeySet.has(key))
-    );
-    const values = {};
-    for (const key of allLeafKeys) {
-      values[key] = controlledLeafKeySet.has(key);
-    }
-    return values;
-  }, [allLeafKeys, leafKeySet, controlledCheckedKeys, internalLeafNodeValues]);
-  const handleCheck = useCallback(
-    (_key, checked, node) => {
-      const newLeafNodeValues = { ...leafNodeValues };
-      if (checked) {
-        const leafKeys = getLeafKeys(node);
-        leafKeys.forEach((leafKey) => newLeafNodeValues[leafKey] = true);
-      } else {
-        const leafKeys = getLeafKeys(node);
-        leafKeys.forEach((leafKey) => newLeafNodeValues[leafKey] = false);
-      }
-      if (!controlledCheckedKeys) {
-        setInternalLeafNodeValues(newLeafNodeValues);
-      }
-      if (onCheck) {
-        const checkedLeafNodes = {};
-        const allCheckedNodes = [];
-        const collectChecked = (current) => {
-          let isChecked;
-          if (!current.children || current.children.length === 0) {
-            isChecked = newLeafNodeValues[current.key] === true;
-            if (isChecked) {
-              checkedLeafNodes[current.key] = current;
-            }
-          } else {
-            isChecked = true;
-            for (const child of current.children) {
-              if (!collectChecked(child)) {
-                isChecked = false;
-              }
-            }
-          }
-          if (isChecked) {
-            allCheckedNodes.push(current);
-          }
-          return isChecked;
-        };
-        treeData.forEach(collectChecked);
-        onCheck(newLeafNodeValues, {
-          checked,
-          checkedLeafNodes,
-          allCheckedNodes,
-          node
-        });
-      }
-    },
-    [controlledCheckedKeys, onCheck, treeData, leafNodeValues]
-  );
-  return /* @__PURE__ */ jsx("div", { className, style, children: treeData.map((node) => /* @__PURE__ */ jsx(
-    TreeNode,
-    {
-      node,
-      level: 0,
-      leafNodeValues,
-      onCheck: handleCheck,
-      disabled,
-      expandedKeys: expandedKeysSet,
-      onToggleExpand: handleToggleExpand,
-      lazyChildren
-    },
-    node.key
-  )) });
-};
-export {
-  CheckboxTree
+import { TreeNode } from "./TreeNode.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/checkboxTree/CheckboxTree.tsx
+var CheckboxTree = ({ treeData, defaultCheckedKeys = [], checkedKeys: controlledCheckedKeys, onCheck, disabled = false, defaultExpandAll = true, defaultExpandedKeys, expandedKeys: controlledExpandedKeys, onExpand, className, style, lazyChildren = false }) => {
+	const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData]);
+	const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys]);
+	const [internalLeafNodeValues, setInternalLeafNodeValues] = useState(() => {
+		const defaultLeafKeySet = new Set(defaultCheckedKeys.filter((key) => leafKeySet.has(key)));
+		const values = {};
+		for (const key of allLeafKeys) values[key] = defaultLeafKeySet.has(key);
+		return values;
+	});
+	const [internalExpandedKeys, setInternalExpandedKeys] = useState(() => {
+		if (defaultExpandedKeys) return defaultExpandedKeys;
+		if (defaultExpandAll) return getAllParentKeys(treeData);
+		return [];
+	});
+	useEffect(() => {
+		if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys) return;
+		const allParentKeys = getAllParentKeys(treeData);
+		setInternalExpandedKeys((prev) => {
+			const prevSet = new Set(prev);
+			const newKeys = allParentKeys.filter((key) => !prevSet.has(key));
+			if (newKeys.length === 0) return prev;
+			return [...prev, ...newKeys];
+		});
+	}, [
+		treeData,
+		defaultExpandAll,
+		controlledExpandedKeys,
+		defaultExpandedKeys
+	]);
+	const expandedKeysSet = useMemo(() => {
+		return new Set(controlledExpandedKeys ?? internalExpandedKeys);
+	}, [controlledExpandedKeys, internalExpandedKeys]);
+	const handleToggleExpand = useCallback((key) => {
+		const currentKeys = controlledExpandedKeys ?? internalExpandedKeys;
+		const newKeys = currentKeys.includes(key) ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
+		if (!controlledExpandedKeys) setInternalExpandedKeys(newKeys);
+		onExpand?.(newKeys);
+	}, [
+		controlledExpandedKeys,
+		internalExpandedKeys,
+		onExpand
+	]);
+	const leafNodeValues = useMemo(() => {
+		if (!controlledCheckedKeys) return internalLeafNodeValues;
+		const controlledLeafKeySet = new Set(controlledCheckedKeys.filter((key) => leafKeySet.has(key)));
+		const values = {};
+		for (const key of allLeafKeys) values[key] = controlledLeafKeySet.has(key);
+		return values;
+	}, [
+		allLeafKeys,
+		leafKeySet,
+		controlledCheckedKeys,
+		internalLeafNodeValues
+	]);
+	const handleCheck = useCallback((_key, checked, node) => {
+		const newLeafNodeValues = { ...leafNodeValues };
+		if (checked) getLeafKeys(node).forEach((leafKey) => newLeafNodeValues[leafKey] = true);
+		else getLeafKeys(node).forEach((leafKey) => newLeafNodeValues[leafKey] = false);
+		if (!controlledCheckedKeys) setInternalLeafNodeValues(newLeafNodeValues);
+		if (onCheck) {
+			const checkedLeafNodes = {};
+			const allCheckedNodes = [];
+			const collectChecked = (current) => {
+				let isChecked;
+				if (!current.children || current.children.length === 0) {
+					isChecked = newLeafNodeValues[current.key] === true;
+					if (isChecked) checkedLeafNodes[current.key] = current;
+				} else {
+					isChecked = true;
+					for (const child of current.children) if (!collectChecked(child)) isChecked = false;
+				}
+				if (isChecked) allCheckedNodes.push(current);
+				return isChecked;
+			};
+			treeData.forEach(collectChecked);
+			onCheck(newLeafNodeValues, {
+				checked,
+				checkedLeafNodes,
+				allCheckedNodes,
+				node
+			});
+		}
+	}, [
+		controlledCheckedKeys,
+		onCheck,
+		treeData,
+		leafNodeValues
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		style,
+		children: treeData.map((node) => /* @__PURE__ */ jsx(TreeNode, {
+			node,
+			level: 0,
+			leafNodeValues,
+			onCheck: handleCheck,
+			disabled,
+			expandedKeys: expandedKeysSet,
+			onToggleExpand: handleToggleExpand,
+			lazyChildren
+		}, node.key))
+	});
 };
-//# sourceMappingURL=CheckboxTree.js.map
+//#endregion
+export { CheckboxTree };
+
+//# sourceMappingURL=CheckboxTree.js.map

package/dist/src/components/checkboxTree/CheckboxTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.js","sources":["../../../../src/components/checkboxTree/CheckboxTree.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport { TreeNode } from './TreeNode'\nimport { getLeafKeys, getAllLeafKeys, getAllParentKeys } from './utils'\n\nexport type CheckboxTreeDataNode = {\n  key: string | number\n  title: React.ReactNode\n  children?: CheckboxTreeDataNode[]\n  disabled?: boolean\n}\n\nexport type CheckboxTreeProps = {\n  treeData: CheckboxTreeDataNode[]\n  defaultCheckedKeys?: (string | number)[]\n  checkedKeys?: (string | number)[]\n  onCheck?: (\n    values: Record<string | number, boolean>,\n    info: {\n      checked: boolean\n      checkedLeafNodes: Record<string | number, CheckboxTreeDataNode>\n      allCheckedNodes: CheckboxTreeDataNode[]\n      node: CheckboxTreeDataNode\n    }\n  ) => void\n  disabled?: boolean\n  defaultExpandAll?: boolean\n  defaultExpandedKeys?: (string | number)[]\n  expandedKeys?: (string | number)[]\n  onExpand?: (expandedKeys: (string | number)[]) => void\n  className?: string\n  style?: React.CSSProperties\n  lazyChildren?: boolean\n}\n\nexport const CheckboxTree = ({\n  treeData,\n  defaultCheckedKeys = [],\n  checkedKeys: controlledCheckedKeys,\n  onCheck,\n  disabled = false,\n  defaultExpandAll = true,\n  defaultExpandedKeys,\n  expandedKeys: controlledExpandedKeys,\n  onExpand,\n  className,\n  style,\n  lazyChildren = false,\n}: CheckboxTreeProps) => {\n  const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData])\n  const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys])\n\n  const [internalLeafNodeValues, setInternalLeafNodeValues] = useState<\n    Record<string | number, boolean>\n  >(() => {\n    const defaultLeafKeySet = new Set(\n      defaultCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = defaultLeafKeySet.has(key)\n    }\n    return values\n  })\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<\n    (string | number)[]\n  >(() => {\n    if (defaultExpandedKeys) return defaultExpandedKeys\n    if (defaultExpandAll) return getAllParentKeys(treeData)\n    return []\n  })\n\n  // When defaultExpandAll is true and treeData changes, auto-expand new parent nodes\n  useEffect(() => {\n    if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys)\n      return\n    const allParentKeys = getAllParentKeys(treeData)\n    setInternalExpandedKeys((prev) => {\n      const prevSet = new Set(prev)\n      const newKeys = allParentKeys.filter((key) => !prevSet.has(key))\n      if (newKeys.length === 0) return prev\n      return [...prev, ...newKeys]\n    })\n  }, [treeData, defaultExpandAll, controlledExpandedKeys, defaultExpandedKeys])\n\n  const expandedKeysSet = useMemo(() => {\n    const keys = controlledExpandedKeys ?? internalExpandedKeys\n    return new Set(keys)\n  }, [controlledExpandedKeys, internalExpandedKeys])\n\n  const handleToggleExpand = useCallback(\n    (key: string | number) => {\n      const currentKeys = controlledExpandedKeys ?? internalExpandedKeys\n      const newKeys = currentKeys.includes(key)\n        ? currentKeys.filter((k) => k !== key)\n        : [...currentKeys, key]\n\n      if (!controlledExpandedKeys) {\n        setInternalExpandedKeys(newKeys)\n      }\n      onExpand?.(newKeys)\n    },\n    [controlledExpandedKeys, internalExpandedKeys, onExpand]\n  )\n\n  const leafNodeValues: Record<string | number, boolean> = useMemo(() => {\n    if (!controlledCheckedKeys) {\n      return internalLeafNodeValues\n    }\n\n    const controlledLeafKeySet = new Set(\n      controlledCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = controlledLeafKeySet.has(key)\n    }\n    return values\n  }, [allLeafKeys, leafKeySet, controlledCheckedKeys, internalLeafNodeValues])\n\n  const handleCheck = useCallback(\n    (_key: string | number, checked: boolean, node: CheckboxTreeDataNode) => {\n      const newLeafNodeValues = { ...leafNodeValues }\n\n      if (checked) {\n        // When checking, set all leaf descendants to true\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = true))\n      } else {\n        // When unchecking, set all leaf descendants to false\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = false))\n      }\n\n      if (!controlledCheckedKeys) {\n        setInternalLeafNodeValues(newLeafNodeValues)\n      }\n\n      if (onCheck) {\n        // Get all checked leaf nodes\n        const checkedLeafNodes: Record<string | number, CheckboxTreeDataNode> =\n          {}\n\n        // Get all nodes that appear checked (including parents)\n        const allCheckedNodes: CheckboxTreeDataNode[] = []\n\n        const collectChecked = (current: CheckboxTreeDataNode): boolean => {\n          let isChecked: boolean\n          if (!current.children || current.children.length === 0) {\n            isChecked = newLeafNodeValues[current.key] === true\n            if (isChecked) {\n              checkedLeafNodes[current.key] = current\n            }\n          } else {\n            isChecked = true\n            for (const child of current.children) {\n              if (!collectChecked(child)) {\n                isChecked = false\n              }\n            }\n          }\n          if (isChecked) {\n            allCheckedNodes.push(current)\n          }\n          return isChecked\n        }\n        treeData.forEach(collectChecked)\n\n        onCheck(newLeafNodeValues, {\n          checked,\n          checkedLeafNodes,\n          allCheckedNodes,\n          node,\n        })\n      }\n    },\n    [controlledCheckedKeys, onCheck, treeData, leafNodeValues]\n  )\n\n  return (\n    <div className={className} style={style}>\n      {treeData.map((node) => (\n        <TreeNode\n          key={node.key}\n          node={node}\n          level={0}\n          leafNodeValues={leafNodeValues}\n          onCheck={handleCheck}\n          disabled={disabled}\n          expandedKeys={expandedKeysSet}\n          onToggleExpand={handleToggleExpand}\n          lazyChildren={lazyChildren}\n        />\n      ))}\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CheckboxTree.js","names":[],"sources":["../../../../src/components/checkboxTree/CheckboxTree.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport { TreeNode } from './TreeNode'\nimport { getLeafKeys, getAllLeafKeys, getAllParentKeys } from './utils'\n\nexport type CheckboxTreeDataNode = {\n  key: string | number\n  title: React.ReactNode\n  children?: CheckboxTreeDataNode[]\n  disabled?: boolean\n}\n\nexport type CheckboxTreeProps = {\n  treeData: CheckboxTreeDataNode[]\n  defaultCheckedKeys?: (string | number)[]\n  checkedKeys?: (string | number)[]\n  onCheck?: (\n    values: Record<string | number, boolean>,\n    info: {\n      checked: boolean\n      checkedLeafNodes: Record<string | number, CheckboxTreeDataNode>\n      allCheckedNodes: CheckboxTreeDataNode[]\n      node: CheckboxTreeDataNode\n    }\n  ) => void\n  disabled?: boolean\n  defaultExpandAll?: boolean\n  defaultExpandedKeys?: (string | number)[]\n  expandedKeys?: (string | number)[]\n  onExpand?: (expandedKeys: (string | number)[]) => void\n  className?: string\n  style?: React.CSSProperties\n  lazyChildren?: boolean\n}\n\nexport const CheckboxTree = ({\n  treeData,\n  defaultCheckedKeys = [],\n  checkedKeys: controlledCheckedKeys,\n  onCheck,\n  disabled = false,\n  defaultExpandAll = true,\n  defaultExpandedKeys,\n  expandedKeys: controlledExpandedKeys,\n  onExpand,\n  className,\n  style,\n  lazyChildren = false,\n}: CheckboxTreeProps) => {\n  const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData])\n  const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys])\n\n  const [internalLeafNodeValues, setInternalLeafNodeValues] = useState<\n    Record<string | number, boolean>\n  >(() => {\n    const defaultLeafKeySet = new Set(\n      defaultCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = defaultLeafKeySet.has(key)\n    }\n    return values\n  })\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<\n    (string | number)[]\n  >(() => {\n    if (defaultExpandedKeys) return defaultExpandedKeys\n    if (defaultExpandAll) return getAllParentKeys(treeData)\n    return []\n  })\n\n  // When defaultExpandAll is true and treeData changes, auto-expand new parent nodes\n  useEffect(() => {\n    if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys)\n      return\n    const allParentKeys = getAllParentKeys(treeData)\n    setInternalExpandedKeys((prev) => {\n      const prevSet = new Set(prev)\n      const newKeys = allParentKeys.filter((key) => !prevSet.has(key))\n      if (newKeys.length === 0) return prev\n      return [...prev, ...newKeys]\n    })\n  }, [treeData, defaultExpandAll, controlledExpandedKeys, defaultExpandedKeys])\n\n  const expandedKeysSet = useMemo(() => {\n    const keys = controlledExpandedKeys ?? internalExpandedKeys\n    return new Set(keys)\n  }, [controlledExpandedKeys, internalExpandedKeys])\n\n  const handleToggleExpand = useCallback(\n    (key: string | number) => {\n      const currentKeys = controlledExpandedKeys ?? internalExpandedKeys\n      const newKeys = currentKeys.includes(key)\n        ? currentKeys.filter((k) => k !== key)\n        : [...currentKeys, key]\n\n      if (!controlledExpandedKeys) {\n        setInternalExpandedKeys(newKeys)\n      }\n      onExpand?.(newKeys)\n    },\n    [controlledExpandedKeys, internalExpandedKeys, onExpand]\n  )\n\n  const leafNodeValues: Record<string | number, boolean> = useMemo(() => {\n    if (!controlledCheckedKeys) {\n      return internalLeafNodeValues\n    }\n\n    const controlledLeafKeySet = new Set(\n      controlledCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = controlledLeafKeySet.has(key)\n    }\n    return values\n  }, [allLeafKeys, leafKeySet, controlledCheckedKeys, internalLeafNodeValues])\n\n  const handleCheck = useCallback(\n    (_key: string | number, checked: boolean, node: CheckboxTreeDataNode) => {\n      const newLeafNodeValues = { ...leafNodeValues }\n\n      if (checked) {\n        // When checking, set all leaf descendants to true\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = true))\n      } else {\n        // When unchecking, set all leaf descendants to false\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = false))\n      }\n\n      if (!controlledCheckedKeys) {\n        setInternalLeafNodeValues(newLeafNodeValues)\n      }\n\n      if (onCheck) {\n        // Get all checked leaf nodes\n        const checkedLeafNodes: Record<string | number, CheckboxTreeDataNode> =\n          {}\n\n        // Get all nodes that appear checked (including parents)\n        const allCheckedNodes: CheckboxTreeDataNode[] = []\n\n        const collectChecked = (current: CheckboxTreeDataNode): boolean => {\n          let isChecked: boolean\n          if (!current.children || current.children.length === 0) {\n            isChecked = newLeafNodeValues[current.key] === true\n            if (isChecked) {\n              checkedLeafNodes[current.key] = current\n            }\n          } else {\n            isChecked = true\n            for (const child of current.children) {\n              if (!collectChecked(child)) {\n                isChecked = false\n              }\n            }\n          }\n          if (isChecked) {\n            allCheckedNodes.push(current)\n          }\n          return isChecked\n        }\n        treeData.forEach(collectChecked)\n\n        onCheck(newLeafNodeValues, {\n          checked,\n          checkedLeafNodes,\n          allCheckedNodes,\n          node,\n        })\n      }\n    },\n    [controlledCheckedKeys, onCheck, treeData, leafNodeValues]\n  )\n\n  return (\n    <div className={className} style={style}>\n      {treeData.map((node) => (\n        <TreeNode\n          key={node.key}\n          node={node}\n          level={0}\n          leafNodeValues={leafNodeValues}\n          onCheck={handleCheck}\n          disabled={disabled}\n          expandedKeys={expandedKeysSet}\n          onToggleExpand={handleToggleExpand}\n          lazyChildren={lazyChildren}\n        />\n      ))}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/src/components/checkboxTree/TreeNode.cjs

@@ -1,92 +1,59 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("@phosphor-icons/react");
-const utils = require("./utils.cjs");
-const Checkbox = require("../checkbox/Checkbox.cjs");
-const TreeNode = ({
-  node,
-  level,
-  leafNodeValues,
-  onCheck,
-  disabled,
-  expandedKeys,
-  onToggleExpand,
-  lazyChildren
-}) => {
-  const { checked: isChecked, indeterminate } = utils.getNodeCheckState(
-    node,
-    leafNodeValues
-  );
-  const isIndeterminate = lazyChildren && indeterminate;
-  const isDisabled = disabled || node.disabled;
-  const hasChildren = node.children && node.children.length > 0;
-  const isExpanded = expandedKeys.has(node.key);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "flex items-center min-h-6 mb-1",
-        style: { paddingLeft: level * 20 },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Checkbox.Checkbox,
-            {
-              checked: isChecked,
-              indeterminate: isIndeterminate,
-              disabled: isDisabled,
-              onChange: (e) => onCheck(node.key, e.target.checked, node),
-              children: node.title
-            }
-          ),
-          hasChildren && !isDisabled && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onToggleExpand(node.key),
-              className: "flex items-center justify-center ml-auto cursor-pointer bg-transparent border-none p-0",
-              "aria-expanded": isExpanded,
-              "aria-label": `${isExpanded ? "Collapse" : "Expand"}${typeof node.title === "string" ? ` ${node.title}` : ""}`,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                react.CaretDownIcon,
-                {
-                  size: 14,
-                  style: {
-                    transform: `rotate(${isExpanded ? 0 : -90}deg)`,
-                    transition: "transform 150ms ease"
-                  }
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: {
-          display: "grid",
-          gridTemplateRows: isExpanded ? "1fr" : "0fr",
-          transition: "grid-template-rows 150ms ease"
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden" }, children: (!lazyChildren || isExpanded) && node.children.map((childNode) => /* @__PURE__ */ jsxRuntime.jsx(
-          TreeNode,
-          {
-            node: childNode,
-            level: level + 1,
-            leafNodeValues,
-            onCheck,
-            disabled,
-            expandedKeys,
-            onToggleExpand,
-            lazyChildren
-          },
-          childNode.key
-        )) })
-      }
-    )
-  ] });
+const require_Checkbox = require("../checkbox/Checkbox.cjs");
+const require_utils = require("./utils.cjs");
+let _phosphor_icons_react = require("@phosphor-icons/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/checkboxTree/TreeNode.tsx
+var TreeNode = ({ node, level, leafNodeValues, onCheck, disabled, expandedKeys, onToggleExpand, lazyChildren }) => {
+	const { checked: isChecked, indeterminate } = require_utils.getNodeCheckState(node, leafNodeValues);
+	const isIndeterminate = lazyChildren && indeterminate;
+	const isDisabled = disabled || node.disabled;
+	const hasChildren = node.children && node.children.length > 0;
+	const isExpanded = expandedKeys.has(node.key);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center min-h-6 mb-1",
+		style: { paddingLeft: level * 20 },
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.Checkbox, {
+			checked: isChecked,
+			indeterminate: isIndeterminate,
+			disabled: isDisabled,
+			onChange: (e) => onCheck(node.key, e.target.checked, node),
+			children: node.title
+		}), hasChildren && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			onClick: () => onToggleExpand(node.key),
+			className: "flex items-center justify-center ml-auto cursor-pointer bg-transparent border-none p-0",
+			"aria-expanded": isExpanded,
+			"aria-label": `${isExpanded ? "Collapse" : "Expand"}${typeof node.title === "string" ? ` ${node.title}` : ""}`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CaretDownIcon, {
+				size: 14,
+				style: {
+					transform: `rotate(${isExpanded ? 0 : -90}deg)`,
+					transition: "transform 150ms ease"
+				}
+			})
+		})]
+	}), hasChildren && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: {
+			display: "grid",
+			gridTemplateRows: isExpanded ? "1fr" : "0fr",
+			transition: "grid-template-rows 150ms ease"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: { overflow: "hidden" },
+			children: (!lazyChildren || isExpanded) && node.children.map((childNode) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeNode, {
+				node: childNode,
+				level: level + 1,
+				leafNodeValues,
+				onCheck,
+				disabled,
+				expandedKeys,
+				onToggleExpand,
+				lazyChildren
+			}, childNode.key))
+		})
+	})] });
 };
+//#endregion
 exports.TreeNode = TreeNode;
-//# sourceMappingURL=TreeNode.cjs.map
+
+//# sourceMappingURL=TreeNode.cjs.map

package/dist/src/components/checkboxTree/TreeNode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.cjs","sources":["../../../../src/components/checkboxTree/TreeNode.tsx"],"sourcesContent":["import { CaretDownIcon } from '@phosphor-icons/react'\nimport { Checkbox } from '../checkbox'\nimport { CheckboxTreeDataNode } from './CheckboxTree'\nimport { getNodeCheckState } from './utils'\n\ntype TreeNodeProps = {\n  node: CheckboxTreeDataNode\n  level: number\n  leafNodeValues: Record<string | number, boolean>\n  onCheck: (\n    key: string | number,\n    checked: boolean,\n    node: CheckboxTreeDataNode\n  ) => void\n  disabled: boolean\n  expandedKeys: Set<string | number>\n  onToggleExpand: (key: string | number) => void\n  lazyChildren: boolean\n}\n\nexport const TreeNode = ({\n  node,\n  level,\n  leafNodeValues,\n  onCheck,\n  disabled,\n  expandedKeys,\n  onToggleExpand,\n  lazyChildren,\n}: TreeNodeProps) => {\n  const { checked: isChecked, indeterminate } = getNodeCheckState(\n    node,\n    leafNodeValues\n  )\n  const isIndeterminate = lazyChildren && indeterminate\n  const isDisabled = disabled || node.disabled\n  const hasChildren = node.children && node.children.length > 0\n  const isExpanded = expandedKeys.has(node.key)\n\n  return (\n    <div>\n      <div\n        className=\"flex items-center min-h-6 mb-1\"\n        style={{ paddingLeft: level * 20 }}\n      >\n        <Checkbox\n          checked={isChecked}\n          indeterminate={isIndeterminate}\n          disabled={isDisabled}\n          onChange={(e) => onCheck(node.key, e.target.checked, node)}\n        >\n          {node.title}\n        </Checkbox>\n        {hasChildren && !isDisabled && (\n          <button\n            type=\"button\"\n            onClick={() => onToggleExpand(node.key)}\n            className=\"flex items-center justify-center ml-auto cursor-pointer bg-transparent border-none p-0\"\n            aria-expanded={isExpanded}\n            aria-label={`${isExpanded ? 'Collapse' : 'Expand'}${typeof node.title === 'string' ? ` ${node.title}` : ''}`}\n          >\n            <CaretDownIcon\n              size={14}\n              style={{\n                transform: `rotate(${isExpanded ? 0 : -90}deg)`,\n                transition: 'transform 150ms ease',\n              }}\n            />\n          </button>\n        )}\n      </div>\n\n      {hasChildren && (\n        <div\n          style={{\n            display: 'grid',\n            gridTemplateRows: isExpanded ? '1fr' : '0fr',\n            transition: 'grid-template-rows 150ms ease',\n          }}\n        >\n          <div style={{ overflow: 'hidden' }}>\n            {(!lazyChildren || isExpanded) &&\n              node.children!.map((childNode) => (\n                <TreeNode\n                  key={childNode.key}\n                  node={childNode}\n                  level={level + 1}\n                  leafNodeValues={leafNodeValues}\n                  onCheck={onCheck}\n                  disabled={disabled}\n                  expandedKeys={expandedKeys}\n                  onToggleExpand={onToggleExpand}\n                  lazyChildren={lazyChildren}\n                />\n              ))}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getNodeCheckState","jsxs","jsx","Checkbox","CaretDownIcon"],"mappings":";;;;;;AAoBO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,EAAE,SAAS,WAAW,cAAA,IAAkBA,MAAAA;AAAAA,IAC5C;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,kBAAkB,gBAAgB;AACxC,QAAM,aAAa,YAAY,KAAK;AACpC,QAAM,cAAc,KAAK,YAAY,KAAK,SAAS,SAAS;AAC5D,QAAM,aAAa,aAAa,IAAI,KAAK,GAAG;AAE5C,yCACG,OAAA,EACC,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,QAAQ,GAAA;AAAA,QAE9B,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAACC,SAAAA;AAAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,eAAe;AAAA,cACf,UAAU;AAAA,cACV,UAAU,CAAC,MAAM,QAAQ,KAAK,KAAK,EAAE,OAAO,SAAS,IAAI;AAAA,cAExD,UAAA,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEP,eAAe,CAAC,cACfD,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,eAAe,KAAK,GAAG;AAAA,cACtC,WAAU;AAAA,cACV,iBAAe;AAAA,cACf,cAAY,GAAG,aAAa,aAAa,QAAQ,GAAG,OAAO,KAAK,UAAU,WAAW,IAAI,KAAK,KAAK,KAAK,EAAE;AAAA,cAE1G,UAAAA,2BAAAA;AAAAA,gBAACE,MAAAA;AAAAA,gBAAA;AAAA,kBACC,MAAM;AAAA,kBACN,OAAO;AAAA,oBACL,WAAW,UAAU,aAAa,IAAI,GAAG;AAAA,oBACzC,YAAY;AAAA,kBAAA;AAAA,gBACd;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,eACCF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,SAAS;AAAA,UACT,kBAAkB,aAAa,QAAQ;AAAA,UACvC,YAAY;AAAA,QAAA;AAAA,QAGd,UAAAA,2BAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YACpB,WAAA,CAAC,gBAAgB,eACjB,KAAK,SAAU,IAAI,CAAC,cAClBA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAM;AAAA,YACN,OAAO,QAAQ;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UARK,UAAU;AAAA,QAAA,CAUlB,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;;"}
+{"version":3,"file":"TreeNode.cjs","names":["getNodeCheckState","Checkbox","CaretDownIcon"],"sources":["../../../../src/components/checkboxTree/TreeNode.tsx"],"sourcesContent":["import { CaretDownIcon } from '@phosphor-icons/react'\nimport { Checkbox } from '../checkbox'\nimport { CheckboxTreeDataNode } from './CheckboxTree'\nimport { getNodeCheckState } from './utils'\n\ntype TreeNodeProps = {\n  node: CheckboxTreeDataNode\n  level: number\n  leafNodeValues: Record<string | number, boolean>\n  onCheck: (\n    key: string | number,\n    checked: boolean,\n    node: CheckboxTreeDataNode\n  ) => void\n  disabled: boolean\n  expandedKeys: Set<string | number>\n  onToggleExpand: (key: string | number) => void\n  lazyChildren: boolean\n}\n\nexport const TreeNode = ({\n  node,\n  level,\n  leafNodeValues,\n  onCheck,\n  disabled,\n  expandedKeys,\n  onToggleExpand,\n  lazyChildren,\n}: TreeNodeProps) => {\n  const { checked: isChecked, indeterminate } = getNodeCheckState(\n    node,\n    leafNodeValues\n  )\n  const isIndeterminate = lazyChildren && indeterminate\n  const isDisabled = disabled || node.disabled\n  const hasChildren = node.children && node.children.length > 0\n  const isExpanded = expandedKeys.has(node.key)\n\n  return (\n    <div>\n      <div\n        className=\"flex items-center min-h-6 mb-1\"\n        style={{ paddingLeft: level * 20 }}\n      >\n        <Checkbox\n          checked={isChecked}\n          indeterminate={isIndeterminate}\n          disabled={isDisabled}\n          onChange={(e) => onCheck(node.key, e.target.checked, node)}\n        >\n          {node.title}\n        </Checkbox>\n        {hasChildren && !isDisabled && (\n          <button\n            type=\"button\"\n            onClick={() => onToggleExpand(node.key)}\n            className=\"flex items-center justify-center ml-auto cursor-pointer bg-transparent border-none p-0\"\n            aria-expanded={isExpanded}\n            aria-label={`${isExpanded ? 'Collapse' : 'Expand'}${typeof node.title === 'string' ? ` ${node.title}` : ''}`}\n          >\n            <CaretDownIcon\n              size={14}\n              style={{\n                transform: `rotate(${isExpanded ? 0 : -90}deg)`,\n                transition: 'transform 150ms ease',\n              }}\n            />\n          </button>\n        )}\n      </div>\n\n      {hasChildren && (\n        <div\n          style={{\n            display: 'grid',\n            gridTemplateRows: isExpanded ? '1fr' : '0fr',\n            transition: 'grid-template-rows 150ms ease',\n          }}\n        >\n          <div style={{ overflow: 'hidden' }}>\n            {(!lazyChildren || isExpanded) &&\n              node.children!.map((childNode) => (\n                <TreeNode\n                  key={childNode.key}\n                  node={childNode}\n                  level={level + 1}\n                  leafNodeValues={leafNodeValues}\n                  onCheck={onCheck}\n                  disabled={disabled}\n                  expandedKeys={expandedKeys}\n                  onToggleExpand={onToggleExpand}\n                  lazyChildren={lazyChildren}\n                />\n              ))}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAoBA,IAAa,YAAY,EACvB,MACA,OACA,gBACA,SACA,UACA,cACA,gBACA,mBACmB;CACnB,MAAM,EAAE,SAAS,WAAW,kBAAkBA,cAAAA,kBAC5C,MACA,cACF;CACA,MAAM,kBAAkB,gBAAgB;CACxC,MAAM,aAAa,YAAY,KAAK;CACpC,MAAM,cAAc,KAAK,YAAY,KAAK,SAAS,SAAS;CAC5D,MAAM,aAAa,aAAa,IAAI,KAAK,GAAG;CAE5C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,aAAa,QAAQ,GAAG;EAFnC,UAAA,CAIE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;GACE,SAAS;GACT,eAAe;GACf,UAAU;GACV,WAAW,MAAM,QAAQ,KAAK,KAAK,EAAE,OAAO,SAAS,IAAI;GAExD,UAAA,KAAK;EACE,CAAA,GACT,eAAe,CAAC,cACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GACE,MAAK;GACL,eAAe,eAAe,KAAK,GAAG;GACtC,WAAU;GACV,iBAAe;GACf,cAAY,GAAG,aAAa,aAAa,WAAW,OAAO,KAAK,UAAU,WAAW,IAAI,KAAK,UAAU;GAExG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,eAAD;IACE,MAAM;IACN,OAAO;KACL,WAAW,UAAU,aAAa,IAAI,IAAI;KAC1C,YAAY;IACd;GACD,CAAA;EACK,CAAA,CAEP;CAEJ,CAAA,GAAA,eACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,OAAO;GACL,SAAS;GACT,kBAAkB,aAAa,QAAQ;GACvC,YAAY;EACd;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,OAAO,EAAE,UAAU,SAAS;GAC7B,WAAA,CAAC,gBAAgB,eACjB,KAAK,SAAU,KAAK,cAClB,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAEE,MAAM;IACN,OAAO,QAAQ;IACC;IACP;IACC;IACI;IACE;IACF;GACf,GATM,UAAU,GAShB,CACF;EACA,CAAA;CACF,CAAA,CAEJ,EAAA,CAAA;AAET"}

package/dist/src/components/checkboxTree/TreeNode.d.ts

@@ -9,5 +9,5 @@ type TreeNodeProps = {
     onToggleExpand: (key: string | number) => void;
     lazyChildren: boolean;
 };
-export declare const TreeNode: ({ node, level, leafNodeValues, onCheck, disabled, expandedKeys, onToggleExpand, lazyChildren, }: TreeNodeProps) => import("react").JSX.Element;
+export declare const TreeNode: ({ node, level, leafNodeValues, onCheck, disabled, expandedKeys, onToggleExpand, lazyChildren, }: TreeNodeProps) => import('react').JSX.Element;
 export {};