@j2-health/design-system 0.5.0 → 0.5.2

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

@@ -1,92 +1,59 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { CaretDownIcon } from "@phosphor-icons/react";
-import { getNodeCheckState } from "./utils.js";
 import { Checkbox } from "../checkbox/Checkbox.js";
-const TreeNode = ({
-  node,
-  level,
-  leafNodeValues,
-  onCheck,
-  disabled,
-  expandedKeys,
-  onToggleExpand,
-  lazyChildren
-}) => {
-  const { checked: isChecked, indeterminate } = 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__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex items-center min-h-6 mb-1",
-        style: { paddingLeft: level * 20 },
-        children: [
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              checked: isChecked,
-              indeterminate: isIndeterminate,
-              disabled: isDisabled,
-              onChange: (e) => onCheck(node.key, e.target.checked, node),
-              children: node.title
-            }
-          ),
-          hasChildren && !isDisabled && /* @__PURE__ */ 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__ */ jsx(
-                CaretDownIcon,
-                {
-                  size: 14,
-                  style: {
-                    transform: `rotate(${isExpanded ? 0 : -90}deg)`,
-                    transition: "transform 150ms ease"
-                  }
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    hasChildren && /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          display: "grid",
-          gridTemplateRows: isExpanded ? "1fr" : "0fr",
-          transition: "grid-template-rows 150ms ease"
-        },
-        children: /* @__PURE__ */ jsx("div", { style: { overflow: "hidden" }, children: (!lazyChildren || isExpanded) && node.children.map((childNode) => /* @__PURE__ */ jsx(
-          TreeNode,
-          {
-            node: childNode,
-            level: level + 1,
-            leafNodeValues,
-            onCheck,
-            disabled,
-            expandedKeys,
-            onToggleExpand,
-            lazyChildren
-          },
-          childNode.key
-        )) })
-      }
-    )
-  ] });
-};
-export {
-  TreeNode
+import { getNodeCheckState } from "./utils.js";
+import { CaretDownIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/checkboxTree/TreeNode.tsx
+var TreeNode = ({ node, level, leafNodeValues, onCheck, disabled, expandedKeys, onToggleExpand, lazyChildren }) => {
+	const { checked: isChecked, indeterminate } = 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__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex items-center min-h-6 mb-1",
+		style: { paddingLeft: level * 20 },
+		children: [/* @__PURE__ */ jsx(Checkbox, {
+			checked: isChecked,
+			indeterminate: isIndeterminate,
+			disabled: isDisabled,
+			onChange: (e) => onCheck(node.key, e.target.checked, node),
+			children: node.title
+		}), hasChildren && !isDisabled && /* @__PURE__ */ 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__ */ jsx(CaretDownIcon, {
+				size: 14,
+				style: {
+					transform: `rotate(${isExpanded ? 0 : -90}deg)`,
+					transition: "transform 150ms ease"
+				}
+			})
+		})]
+	}), hasChildren && /* @__PURE__ */ jsx("div", {
+		style: {
+			display: "grid",
+			gridTemplateRows: isExpanded ? "1fr" : "0fr",
+			transition: "grid-template-rows 150ms ease"
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			style: { overflow: "hidden" },
+			children: (!lazyChildren || isExpanded) && node.children.map((childNode) => /* @__PURE__ */ jsx(TreeNode, {
+				node: childNode,
+				level: level + 1,
+				leafNodeValues,
+				onCheck,
+				disabled,
+				expandedKeys,
+				onToggleExpand,
+				lazyChildren
+			}, childNode.key))
+		})
+	})] });
 };
-//# sourceMappingURL=TreeNode.js.map
+//#endregion
+export { TreeNode };
+
+//# sourceMappingURL=TreeNode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","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":[],"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,IAAkB;AAAA,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,8BACG,OAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,QAAQ,GAAA;AAAA,QAE9B,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,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,cACf;AAAA,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,UAAA;AAAA,gBAAC;AAAA,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,eACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,SAAS;AAAA,UACT,kBAAkB,aAAa,QAAQ;AAAA,UACvC,YAAY;AAAA,QAAA;AAAA,QAGd,UAAA,oBAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YACpB,WAAA,CAAC,gBAAgB,eACjB,KAAK,SAAU,IAAI,CAAC,cAClB;AAAA,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.js","names":[],"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,kBAAkB,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,qBAAC,OAAD,EAAA,UAAA,CACE,qBAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,aAAa,QAAQ,GAAG;EAFnC,UAAA,CAIE,oBAAC,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,oBAAC,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,oBAAC,eAAD;IACE,MAAM;IACN,OAAO;KACL,WAAW,UAAU,aAAa,IAAI,IAAI;KAC1C,YAAY;IACd;GACD,CAAA;EACK,CAAA,CAEP;CAEJ,CAAA,GAAA,eACC,oBAAC,OAAD;EACE,OAAO;GACL,SAAS;GACT,kBAAkB,aAAa,QAAQ;GACvC,YAAY;EACd;EAEA,UAAA,oBAAC,OAAD;GAAK,OAAO,EAAE,UAAU,SAAS;GAC7B,WAAA,CAAC,gBAAgB,eACjB,KAAK,SAAU,KAAK,cAClB,oBAAC,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/utils.cjs

@@ -1,59 +1,54 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const getLeafKeys = (node) => {
-  const keys = [];
-  const traverse = (currentNode) => {
-    if (!currentNode.children || currentNode.children.length === 0) {
-      keys.push(currentNode.key);
-    } else {
-      currentNode.children.forEach((child) => traverse(child));
-    }
-  };
-  traverse(node);
-  return keys;
+//#region src/components/checkboxTree/utils.ts
+var getLeafKeys = (node) => {
+	const keys = [];
+	const traverse = (currentNode) => {
+		if (!currentNode.children || currentNode.children.length === 0) keys.push(currentNode.key);
+		else currentNode.children.forEach((child) => traverse(child));
+	};
+	traverse(node);
+	return keys;
 };
-const getAllLeafKeys = (nodes) => {
-  const keys = [];
-  nodes.forEach((node) => {
-    keys.push(...getLeafKeys(node));
-  });
-  return keys;
+var getAllLeafKeys = (nodes) => {
+	const keys = [];
+	nodes.forEach((node) => {
+		keys.push(...getLeafKeys(node));
+	});
+	return keys;
 };
-const getNodeCheckState = (node, leafNodeStates) => {
-  let hasChecked = false;
-  let hasUnchecked = false;
-  const visit = (current) => {
-    if (!current.children || current.children.length === 0) {
-      if (leafNodeStates[current.key] === true) {
-        hasChecked = true;
-      } else {
-        hasUnchecked = true;
-      }
-      return hasChecked && hasUnchecked;
-    }
-    return current.children.some(visit);
-  };
-  visit(node);
-  return {
-    checked: hasChecked && !hasUnchecked,
-    indeterminate: hasChecked && hasUnchecked
-  };
+var getNodeCheckState = (node, leafNodeStates) => {
+	let hasChecked = false;
+	let hasUnchecked = false;
+	const visit = (current) => {
+		if (!current.children || current.children.length === 0) {
+			if (leafNodeStates[current.key] === true) hasChecked = true;
+			else hasUnchecked = true;
+			return hasChecked && hasUnchecked;
+		}
+		return current.children.some(visit);
+	};
+	visit(node);
+	return {
+		checked: hasChecked && !hasUnchecked,
+		indeterminate: hasChecked && hasUnchecked
+	};
 };
-const getAllParentKeys = (nodes) => {
-  const keys = [];
-  const traverse = (currentNodes) => {
-    currentNodes.forEach((node) => {
-      if (node.children && node.children.length > 0) {
-        keys.push(node.key);
-        traverse(node.children);
-      }
-    });
-  };
-  traverse(nodes);
-  return keys;
+var getAllParentKeys = (nodes) => {
+	const keys = [];
+	const traverse = (currentNodes) => {
+		currentNodes.forEach((node) => {
+			if (node.children && node.children.length > 0) {
+				keys.push(node.key);
+				traverse(node.children);
+			}
+		});
+	};
+	traverse(nodes);
+	return keys;
 };
+//#endregion
 exports.getAllLeafKeys = getAllLeafKeys;
 exports.getAllParentKeys = getAllParentKeys;
 exports.getLeafKeys = getLeafKeys;
 exports.getNodeCheckState = getNodeCheckState;
-//# sourceMappingURL=utils.cjs.map
+
+//# sourceMappingURL=utils.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/checkboxTree/utils.ts"],"sourcesContent":["import { CheckboxTreeDataNode } from './CheckboxTree'\n\nexport const getLeafKeys = (\n  node: CheckboxTreeDataNode\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  const traverse = (currentNode: CheckboxTreeDataNode) => {\n    if (!currentNode.children || currentNode.children.length === 0) {\n      // This is a leaf node\n      keys.push(currentNode.key)\n    } else {\n      // This is a parent node, traverse children\n      currentNode.children.forEach((child) => traverse(child))\n    }\n  }\n  traverse(node)\n  return keys\n}\n\nexport const getAllLeafKeys = (\n  nodes: CheckboxTreeDataNode[]\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  nodes.forEach((node) => {\n    keys.push(...getLeafKeys(node))\n  })\n  return keys\n}\n\nexport const getNodeCheckState = (\n  node: CheckboxTreeDataNode,\n  leafNodeStates: Record<string | number, boolean>\n): { checked: boolean; indeterminate: boolean } => {\n  let hasChecked = false\n  let hasUnchecked = false\n  const visit = (current: CheckboxTreeDataNode): boolean => {\n    if (!current.children || current.children.length === 0) {\n      if (leafNodeStates[current.key] === true) {\n        hasChecked = true\n      } else {\n        hasUnchecked = true\n      }\n      return hasChecked && hasUnchecked\n    }\n    return current.children.some(visit)\n  }\n  visit(node)\n  return {\n    checked: hasChecked && !hasUnchecked,\n    indeterminate: hasChecked && hasUnchecked,\n  }\n}\n\nexport const getAllParentKeys = (\n  nodes: CheckboxTreeDataNode[]\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  const traverse = (currentNodes: CheckboxTreeDataNode[]) => {\n    currentNodes.forEach((node) => {\n      if (node.children && node.children.length > 0) {\n        keys.push(node.key)\n        traverse(node.children)\n      }\n    })\n  }\n  traverse(nodes)\n  return keys\n}\n\nexport const findNode = (\n  key: string | number,\n  nodes: CheckboxTreeDataNode[]\n): CheckboxTreeDataNode | null => {\n  for (const node of nodes) {\n    if (node.key === key) {\n      return node\n    }\n    if (node.children) {\n      const found = findNode(key, node.children)\n      if (found) return found\n    }\n  }\n  return null\n}\n"],"names":[],"mappings":";;AAEO,MAAM,cAAc,CACzB,SACwB;AACxB,QAAM,OAA4B,CAAA;AAClC,QAAM,WAAW,CAAC,gBAAsC;AACtD,QAAI,CAAC,YAAY,YAAY,YAAY,SAAS,WAAW,GAAG;AAE9D,WAAK,KAAK,YAAY,GAAG;AAAA,IAC3B,OAAO;AAEL,kBAAY,SAAS,QAAQ,CAAC,UAAU,SAAS,KAAK,CAAC;AAAA,IACzD;AAAA,EACF;AACA,WAAS,IAAI;AACb,SAAO;AACT;AAEO,MAAM,iBAAiB,CAC5B,UACwB;AACxB,QAAM,OAA4B,CAAA;AAClC,QAAM,QAAQ,CAAC,SAAS;AACtB,SAAK,KAAK,GAAG,YAAY,IAAI,CAAC;AAAA,EAChC,CAAC;AACD,SAAO;AACT;AAEO,MAAM,oBAAoB,CAC/B,MACA,mBACiD;AACjD,MAAI,aAAa;AACjB,MAAI,eAAe;AACnB,QAAM,QAAQ,CAAC,YAA2C;AACxD,QAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACtD,UAAI,eAAe,QAAQ,GAAG,MAAM,MAAM;AACxC,qBAAa;AAAA,MACf,OAAO;AACL,uBAAe;AAAA,MACjB;AACA,aAAO,cAAc;AAAA,IACvB;AACA,WAAO,QAAQ,SAAS,KAAK,KAAK;AAAA,EACpC;AACA,QAAM,IAAI;AACV,SAAO;AAAA,IACL,SAAS,cAAc,CAAC;AAAA,IACxB,eAAe,cAAc;AAAA,EAAA;AAEjC;AAEO,MAAM,mBAAmB,CAC9B,UACwB;AACxB,QAAM,OAA4B,CAAA;AAClC,QAAM,WAAW,CAAC,iBAAyC;AACzD,iBAAa,QAAQ,CAAC,SAAS;AAC7B,UAAI,KAAK,YAAY,KAAK,SAAS,SAAS,GAAG;AAC7C,aAAK,KAAK,KAAK,GAAG;AAClB,iBAAS,KAAK,QAAQ;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACH;AACA,WAAS,KAAK;AACd,SAAO;AACT;;;;;"}
+{"version":3,"file":"utils.cjs","names":[],"sources":["../../../../src/components/checkboxTree/utils.ts"],"sourcesContent":["import { CheckboxTreeDataNode } from './CheckboxTree'\n\nexport const getLeafKeys = (\n  node: CheckboxTreeDataNode\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  const traverse = (currentNode: CheckboxTreeDataNode) => {\n    if (!currentNode.children || currentNode.children.length === 0) {\n      // This is a leaf node\n      keys.push(currentNode.key)\n    } else {\n      // This is a parent node, traverse children\n      currentNode.children.forEach((child) => traverse(child))\n    }\n  }\n  traverse(node)\n  return keys\n}\n\nexport const getAllLeafKeys = (\n  nodes: CheckboxTreeDataNode[]\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  nodes.forEach((node) => {\n    keys.push(...getLeafKeys(node))\n  })\n  return keys\n}\n\nexport const getNodeCheckState = (\n  node: CheckboxTreeDataNode,\n  leafNodeStates: Record<string | number, boolean>\n): { checked: boolean; indeterminate: boolean } => {\n  let hasChecked = false\n  let hasUnchecked = false\n  const visit = (current: CheckboxTreeDataNode): boolean => {\n    if (!current.children || current.children.length === 0) {\n      if (leafNodeStates[current.key] === true) {\n        hasChecked = true\n      } else {\n        hasUnchecked = true\n      }\n      return hasChecked && hasUnchecked\n    }\n    return current.children.some(visit)\n  }\n  visit(node)\n  return {\n    checked: hasChecked && !hasUnchecked,\n    indeterminate: hasChecked && hasUnchecked,\n  }\n}\n\nexport const getAllParentKeys = (\n  nodes: CheckboxTreeDataNode[]\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  const traverse = (currentNodes: CheckboxTreeDataNode[]) => {\n    currentNodes.forEach((node) => {\n      if (node.children && node.children.length > 0) {\n        keys.push(node.key)\n        traverse(node.children)\n      }\n    })\n  }\n  traverse(nodes)\n  return keys\n}\n\nexport const findNode = (\n  key: string | number,\n  nodes: CheckboxTreeDataNode[]\n): CheckboxTreeDataNode | null => {\n  for (const node of nodes) {\n    if (node.key === key) {\n      return node\n    }\n    if (node.children) {\n      const found = findNode(key, node.children)\n      if (found) return found\n    }\n  }\n  return null\n}\n"],"mappings":";AAEA,IAAa,eACX,SACwB;CACxB,MAAM,OAA4B,CAAC;CACnC,MAAM,YAAY,gBAAsC;EACtD,IAAI,CAAC,YAAY,YAAY,YAAY,SAAS,WAAW,GAE3D,KAAK,KAAK,YAAY,GAAG;OAGzB,YAAY,SAAS,SAAS,UAAU,SAAS,KAAK,CAAC;CAE3D;CACA,SAAS,IAAI;CACb,OAAO;AACT;AAEA,IAAa,kBACX,UACwB;CACxB,MAAM,OAA4B,CAAC;CACnC,MAAM,SAAS,SAAS;EACtB,KAAK,KAAK,GAAG,YAAY,IAAI,CAAC;CAChC,CAAC;CACD,OAAO;AACT;AAEA,IAAa,qBACX,MACA,mBACiD;CACjD,IAAI,aAAa;CACjB,IAAI,eAAe;CACnB,MAAM,SAAS,YAA2C;EACxD,IAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;GACtD,IAAI,eAAe,QAAQ,SAAS,MAClC,aAAa;QAEb,eAAe;GAEjB,OAAO,cAAc;EACvB;EACA,OAAO,QAAQ,SAAS,KAAK,KAAK;CACpC;CACA,MAAM,IAAI;CACV,OAAO;EACL,SAAS,cAAc,CAAC;EACxB,eAAe,cAAc;CAC/B;AACF;AAEA,IAAa,oBACX,UACwB;CACxB,MAAM,OAA4B,CAAC;CACnC,MAAM,YAAY,iBAAyC;EACzD,aAAa,SAAS,SAAS;GAC7B,IAAI,KAAK,YAAY,KAAK,SAAS,SAAS,GAAG;IAC7C,KAAK,KAAK,KAAK,GAAG;IAClB,SAAS,KAAK,QAAQ;GACxB;EACF,CAAC;CACH;CACA,SAAS,KAAK;CACd,OAAO;AACT"}

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

@@ -1,59 +1,51 @@
-const getLeafKeys = (node) => {
-  const keys = [];
-  const traverse = (currentNode) => {
-    if (!currentNode.children || currentNode.children.length === 0) {
-      keys.push(currentNode.key);
-    } else {
-      currentNode.children.forEach((child) => traverse(child));
-    }
-  };
-  traverse(node);
-  return keys;
+//#region src/components/checkboxTree/utils.ts
+var getLeafKeys = (node) => {
+	const keys = [];
+	const traverse = (currentNode) => {
+		if (!currentNode.children || currentNode.children.length === 0) keys.push(currentNode.key);
+		else currentNode.children.forEach((child) => traverse(child));
+	};
+	traverse(node);
+	return keys;
 };
-const getAllLeafKeys = (nodes) => {
-  const keys = [];
-  nodes.forEach((node) => {
-    keys.push(...getLeafKeys(node));
-  });
-  return keys;
+var getAllLeafKeys = (nodes) => {
+	const keys = [];
+	nodes.forEach((node) => {
+		keys.push(...getLeafKeys(node));
+	});
+	return keys;
 };
-const getNodeCheckState = (node, leafNodeStates) => {
-  let hasChecked = false;
-  let hasUnchecked = false;
-  const visit = (current) => {
-    if (!current.children || current.children.length === 0) {
-      if (leafNodeStates[current.key] === true) {
-        hasChecked = true;
-      } else {
-        hasUnchecked = true;
-      }
-      return hasChecked && hasUnchecked;
-    }
-    return current.children.some(visit);
-  };
-  visit(node);
-  return {
-    checked: hasChecked && !hasUnchecked,
-    indeterminate: hasChecked && hasUnchecked
-  };
+var getNodeCheckState = (node, leafNodeStates) => {
+	let hasChecked = false;
+	let hasUnchecked = false;
+	const visit = (current) => {
+		if (!current.children || current.children.length === 0) {
+			if (leafNodeStates[current.key] === true) hasChecked = true;
+			else hasUnchecked = true;
+			return hasChecked && hasUnchecked;
+		}
+		return current.children.some(visit);
+	};
+	visit(node);
+	return {
+		checked: hasChecked && !hasUnchecked,
+		indeterminate: hasChecked && hasUnchecked
+	};
 };
-const getAllParentKeys = (nodes) => {
-  const keys = [];
-  const traverse = (currentNodes) => {
-    currentNodes.forEach((node) => {
-      if (node.children && node.children.length > 0) {
-        keys.push(node.key);
-        traverse(node.children);
-      }
-    });
-  };
-  traverse(nodes);
-  return keys;
+var getAllParentKeys = (nodes) => {
+	const keys = [];
+	const traverse = (currentNodes) => {
+		currentNodes.forEach((node) => {
+			if (node.children && node.children.length > 0) {
+				keys.push(node.key);
+				traverse(node.children);
+			}
+		});
+	};
+	traverse(nodes);
+	return keys;
 };
-export {
-  getAllLeafKeys,
-  getAllParentKeys,
-  getLeafKeys,
-  getNodeCheckState
-};
-//# sourceMappingURL=utils.js.map
+//#endregion
+export { getAllLeafKeys, getAllParentKeys, getLeafKeys, getNodeCheckState };
+
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/checkboxTree/utils.ts"],"sourcesContent":["import { CheckboxTreeDataNode } from './CheckboxTree'\n\nexport const getLeafKeys = (\n  node: CheckboxTreeDataNode\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  const traverse = (currentNode: CheckboxTreeDataNode) => {\n    if (!currentNode.children || currentNode.children.length === 0) {\n      // This is a leaf node\n      keys.push(currentNode.key)\n    } else {\n      // This is a parent node, traverse children\n      currentNode.children.forEach((child) => traverse(child))\n    }\n  }\n  traverse(node)\n  return keys\n}\n\nexport const getAllLeafKeys = (\n  nodes: CheckboxTreeDataNode[]\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  nodes.forEach((node) => {\n    keys.push(...getLeafKeys(node))\n  })\n  return keys\n}\n\nexport const getNodeCheckState = (\n  node: CheckboxTreeDataNode,\n  leafNodeStates: Record<string | number, boolean>\n): { checked: boolean; indeterminate: boolean } => {\n  let hasChecked = false\n  let hasUnchecked = false\n  const visit = (current: CheckboxTreeDataNode): boolean => {\n    if (!current.children || current.children.length === 0) {\n      if (leafNodeStates[current.key] === true) {\n        hasChecked = true\n      } else {\n        hasUnchecked = true\n      }\n      return hasChecked && hasUnchecked\n    }\n    return current.children.some(visit)\n  }\n  visit(node)\n  return {\n    checked: hasChecked && !hasUnchecked,\n    indeterminate: hasChecked && hasUnchecked,\n  }\n}\n\nexport const getAllParentKeys = (\n  nodes: CheckboxTreeDataNode[]\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  const traverse = (currentNodes: CheckboxTreeDataNode[]) => {\n    currentNodes.forEach((node) => {\n      if (node.children && node.children.length > 0) {\n        keys.push(node.key)\n        traverse(node.children)\n      }\n    })\n  }\n  traverse(nodes)\n  return keys\n}\n\nexport const findNode = (\n  key: string | number,\n  nodes: CheckboxTreeDataNode[]\n): CheckboxTreeDataNode | null => {\n  for (const node of nodes) {\n    if (node.key === key) {\n      return node\n    }\n    if (node.children) {\n      const found = findNode(key, node.children)\n      if (found) return found\n    }\n  }\n  return null\n}\n"],"names":[],"mappings":"AAEO,MAAM,cAAc,CACzB,SACwB;AACxB,QAAM,OAA4B,CAAA;AAClC,QAAM,WAAW,CAAC,gBAAsC;AACtD,QAAI,CAAC,YAAY,YAAY,YAAY,SAAS,WAAW,GAAG;AAE9D,WAAK,KAAK,YAAY,GAAG;AAAA,IAC3B,OAAO;AAEL,kBAAY,SAAS,QAAQ,CAAC,UAAU,SAAS,KAAK,CAAC;AAAA,IACzD;AAAA,EACF;AACA,WAAS,IAAI;AACb,SAAO;AACT;AAEO,MAAM,iBAAiB,CAC5B,UACwB;AACxB,QAAM,OAA4B,CAAA;AAClC,QAAM,QAAQ,CAAC,SAAS;AACtB,SAAK,KAAK,GAAG,YAAY,IAAI,CAAC;AAAA,EAChC,CAAC;AACD,SAAO;AACT;AAEO,MAAM,oBAAoB,CAC/B,MACA,mBACiD;AACjD,MAAI,aAAa;AACjB,MAAI,eAAe;AACnB,QAAM,QAAQ,CAAC,YAA2C;AACxD,QAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACtD,UAAI,eAAe,QAAQ,GAAG,MAAM,MAAM;AACxC,qBAAa;AAAA,MACf,OAAO;AACL,uBAAe;AAAA,MACjB;AACA,aAAO,cAAc;AAAA,IACvB;AACA,WAAO,QAAQ,SAAS,KAAK,KAAK;AAAA,EACpC;AACA,QAAM,IAAI;AACV,SAAO;AAAA,IACL,SAAS,cAAc,CAAC;AAAA,IACxB,eAAe,cAAc;AAAA,EAAA;AAEjC;AAEO,MAAM,mBAAmB,CAC9B,UACwB;AACxB,QAAM,OAA4B,CAAA;AAClC,QAAM,WAAW,CAAC,iBAAyC;AACzD,iBAAa,QAAQ,CAAC,SAAS;AAC7B,UAAI,KAAK,YAAY,KAAK,SAAS,SAAS,GAAG;AAC7C,aAAK,KAAK,KAAK,GAAG;AAClB,iBAAS,KAAK,QAAQ;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACH;AACA,WAAS,KAAK;AACd,SAAO;AACT;"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/components/checkboxTree/utils.ts"],"sourcesContent":["import { CheckboxTreeDataNode } from './CheckboxTree'\n\nexport const getLeafKeys = (\n  node: CheckboxTreeDataNode\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  const traverse = (currentNode: CheckboxTreeDataNode) => {\n    if (!currentNode.children || currentNode.children.length === 0) {\n      // This is a leaf node\n      keys.push(currentNode.key)\n    } else {\n      // This is a parent node, traverse children\n      currentNode.children.forEach((child) => traverse(child))\n    }\n  }\n  traverse(node)\n  return keys\n}\n\nexport const getAllLeafKeys = (\n  nodes: CheckboxTreeDataNode[]\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  nodes.forEach((node) => {\n    keys.push(...getLeafKeys(node))\n  })\n  return keys\n}\n\nexport const getNodeCheckState = (\n  node: CheckboxTreeDataNode,\n  leafNodeStates: Record<string | number, boolean>\n): { checked: boolean; indeterminate: boolean } => {\n  let hasChecked = false\n  let hasUnchecked = false\n  const visit = (current: CheckboxTreeDataNode): boolean => {\n    if (!current.children || current.children.length === 0) {\n      if (leafNodeStates[current.key] === true) {\n        hasChecked = true\n      } else {\n        hasUnchecked = true\n      }\n      return hasChecked && hasUnchecked\n    }\n    return current.children.some(visit)\n  }\n  visit(node)\n  return {\n    checked: hasChecked && !hasUnchecked,\n    indeterminate: hasChecked && hasUnchecked,\n  }\n}\n\nexport const getAllParentKeys = (\n  nodes: CheckboxTreeDataNode[]\n): (string | number)[] => {\n  const keys: (string | number)[] = []\n  const traverse = (currentNodes: CheckboxTreeDataNode[]) => {\n    currentNodes.forEach((node) => {\n      if (node.children && node.children.length > 0) {\n        keys.push(node.key)\n        traverse(node.children)\n      }\n    })\n  }\n  traverse(nodes)\n  return keys\n}\n\nexport const findNode = (\n  key: string | number,\n  nodes: CheckboxTreeDataNode[]\n): CheckboxTreeDataNode | null => {\n  for (const node of nodes) {\n    if (node.key === key) {\n      return node\n    }\n    if (node.children) {\n      const found = findNode(key, node.children)\n      if (found) return found\n    }\n  }\n  return null\n}\n"],"mappings":";AAEA,IAAa,eACX,SACwB;CACxB,MAAM,OAA4B,CAAC;CACnC,MAAM,YAAY,gBAAsC;EACtD,IAAI,CAAC,YAAY,YAAY,YAAY,SAAS,WAAW,GAE3D,KAAK,KAAK,YAAY,GAAG;OAGzB,YAAY,SAAS,SAAS,UAAU,SAAS,KAAK,CAAC;CAE3D;CACA,SAAS,IAAI;CACb,OAAO;AACT;AAEA,IAAa,kBACX,UACwB;CACxB,MAAM,OAA4B,CAAC;CACnC,MAAM,SAAS,SAAS;EACtB,KAAK,KAAK,GAAG,YAAY,IAAI,CAAC;CAChC,CAAC;CACD,OAAO;AACT;AAEA,IAAa,qBACX,MACA,mBACiD;CACjD,IAAI,aAAa;CACjB,IAAI,eAAe;CACnB,MAAM,SAAS,YAA2C;EACxD,IAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;GACtD,IAAI,eAAe,QAAQ,SAAS,MAClC,aAAa;QAEb,eAAe;GAEjB,OAAO,cAAc;EACvB;EACA,OAAO,QAAQ,SAAS,KAAK,KAAK;CACpC;CACA,MAAM,IAAI;CACV,OAAO;EACL,SAAS,cAAc,CAAC;EACxB,eAAe,cAAc;CAC/B;AACF;AAEA,IAAa,oBACX,UACwB;CACxB,MAAM,OAA4B,CAAC;CACnC,MAAM,YAAY,iBAAyC;EACzD,aAAa,SAAS,SAAS;GAC7B,IAAI,KAAK,YAAY,KAAK,SAAS,SAAS,GAAG;IAC7C,KAAK,KAAK,KAAK,GAAG;IAClB,SAAS,KAAK,QAAQ;GACxB;EACF,CAAC;CACH;CACA,SAAS,KAAK;CACd,OAAO;AACT"}

package/dist/src/components/collapse/Collapse.cjs

@@ -1,81 +1,57 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const antd = require("antd");
-const react = require("@phosphor-icons/react");
-const Collapse_module = require("./Collapse.module.css.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const stateConfig = {
-  default: {
-    className: Collapse_module.default.default,
-    Icon: react.InfoIcon,
-    color: "var(--j2-color-text)"
-  },
-  warning: {
-    className: Collapse_module.default.warning,
-    Icon: react.WarningCircleIcon,
-    color: "var(--j2-color-warning-text)"
-  },
-  error: {
-    className: Collapse_module.default.error,
-    Icon: react.XCircleIcon,
-    color: "var(--j2-color-error-text)"
-  }
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_Collapse_module = require("./Collapse.module.css.cjs");
+let react = require("react");
+let react$1 = require_runtime.__toESM(react, 1);
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+let _phosphor_icons_react = require("@phosphor-icons/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/collapse/Collapse.tsx
+var stateConfig = {
+	default: {
+		className: require_Collapse_module.default.default,
+		Icon: _phosphor_icons_react.InfoIcon,
+		color: "var(--j2-color-text)"
+	},
+	warning: {
+		className: require_Collapse_module.default.warning,
+		Icon: _phosphor_icons_react.WarningCircleIcon,
+		color: "var(--j2-color-warning-text)"
+	},
+	error: {
+		className: require_Collapse_module.default.error,
+		Icon: _phosphor_icons_react.XCircleIcon,
+		color: "var(--j2-color-error-text)"
+	}
 };
-const Collapse = ({
-  state = "default",
-  showIcon = false,
-  className,
-  items,
-  ...props
-}) => {
-  const { className: stateClass, Icon, color } = stateConfig[state];
-  const icon = React__namespace.useMemo(() => {
-    if (!showIcon) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 14, fill: color, style: { flexShrink: 0 } });
-  }, [state, showIcon]);
-  const itemsWithIcon = React__namespace.useMemo(() => {
-    if (!icon || !items) return items;
-    return items.map((item) => ({
-      ...item,
-      label: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon,
-        item.label
-      ] })
-    }));
-  }, [items, icon]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Collapse,
-    {
-      ...props,
-      items: itemsWithIcon,
-      className: [stateClass, className].filter(Boolean).join(" "),
-      expandIcon: ({ isActive }) => /* @__PURE__ */ jsxRuntime.jsx(
-        react.CaretDownIcon,
-        {
-          size: 14,
-          style: { transform: `rotate(${isActive ? 0 : -90}deg)` }
-        }
-      )
-    }
-  );
+var Collapse = ({ state = "default", showIcon = false, className, items, ...props }) => {
+	const { className: stateClass, Icon, color } = stateConfig[state];
+	const icon = react$1.useMemo(() => {
+		if (!showIcon) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+			size: 14,
+			fill: color,
+			style: { flexShrink: 0 }
+		});
+	}, [state, showIcon]);
+	const itemsWithIcon = react$1.useMemo(() => {
+		if (!icon || !items) return items;
+		return items.map((item) => ({
+			...item,
+			label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [icon, item.label] })
+		}));
+	}, [items, icon]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Collapse, {
+		...props,
+		items: itemsWithIcon,
+		className: [stateClass, className].filter(Boolean).join(" "),
+		expandIcon: ({ isActive }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CaretDownIcon, {
+			size: 14,
+			style: { transform: `rotate(${isActive ? 0 : -90}deg)` }
+		})
+	});
 };
+//#endregion
 exports.Collapse = Collapse;
-//# sourceMappingURL=Collapse.cjs.map
+
+//# sourceMappingURL=Collapse.cjs.map

package/dist/src/components/collapse/Collapse.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.cjs","sources":["../../../../src/components/collapse/Collapse.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Collapse as AntdCollapse, CollapseProps } from 'antd'\nimport {\n  CaretDownIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport styles from './Collapse.module.css'\n\nexport type CollapseState = 'default' | 'warning' | 'error'\n\nexport type Props = Expand<CollapseProps> & {\n  state?: CollapseState\n  showIcon?: boolean\n}\n\nconst stateConfig: Record<\n  CollapseState,\n  { className: string; Icon: React.ElementType; color: string }\n> = {\n  default: {\n    className: styles.default,\n    Icon: InfoIcon,\n    color: 'var(--j2-color-text)',\n  },\n  warning: {\n    className: styles.warning,\n    Icon: WarningCircleIcon,\n    color: 'var(--j2-color-warning-text)',\n  },\n  error: {\n    className: styles.error,\n    Icon: XCircleIcon,\n    color: 'var(--j2-color-error-text)',\n  },\n}\n\nconst Collapse = ({\n  state = 'default',\n  showIcon = false,\n  className,\n  items,\n  ...props\n}: Props) => {\n  const { className: stateClass, Icon, color } = stateConfig[state]\n\n  const icon = React.useMemo(() => {\n    if (!showIcon) return null\n    return <Icon size={14} fill={color} style={{ flexShrink: 0 }} />\n  }, [state, showIcon])\n\n  const itemsWithIcon = React.useMemo(() => {\n    if (!icon || !items) return items\n    return (items as NonNullable<CollapseProps['items']>).map((item) => ({\n      ...item,\n      label: (\n        <>\n          {icon}\n          {item.label}\n        </>\n      ),\n    }))\n  }, [items, icon])\n\n  return (\n    <AntdCollapse\n      {...props}\n      items={itemsWithIcon}\n      className={[stateClass, className].filter(Boolean).join(' ')}\n      expandIcon={({ isActive }) => (\n        <CaretDownIcon\n          size={14}\n          style={{ transform: `rotate(${isActive ? 0 : -90}deg)` }}\n        />\n      )}\n    />\n  )\n}\n\nexport { Collapse }\n"],"names":["styles","InfoIcon","WarningCircleIcon","XCircleIcon","React","jsx","jsxs","Fragment","AntdCollapse","CaretDownIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,cAGF;AAAA,EACF,SAAS;AAAA,IACP,WAAWA,gBAAAA,QAAO;AAAA,IAClB,MAAMC,MAAAA;AAAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,SAAS;AAAA,IACP,WAAWD,gBAAAA,QAAO;AAAA,IAClB,MAAME,MAAAA;AAAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,WAAWF,gBAAAA,QAAO;AAAA,IAClB,MAAMG,MAAAA;AAAAA,IACN,OAAO;AAAA,EAAA;AAEX;AAEA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,EAAE,WAAW,YAAY,MAAM,MAAA,IAAU,YAAY,KAAK;AAEhE,QAAM,OAAOC,iBAAM,QAAQ,MAAM;AAC/B,QAAI,CAAC,SAAU,QAAO;AACtB,WAAOC,+BAAC,MAAA,EAAK,MAAM,IAAI,MAAM,OAAO,OAAO,EAAE,YAAY,EAAA,EAAE,CAAG;AAAA,EAChE,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAM,gBAAgBD,iBAAM,QAAQ,MAAM;AACxC,QAAI,CAAC,QAAQ,CAAC,MAAO,QAAO;AAC5B,WAAQ,MAA8C,IAAI,CAAC,UAAU;AAAA,MACnE,GAAG;AAAA,MACH,OACEE,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,QAAA;AAAA,QACA,KAAK;AAAA,MAAA,EAAA,CACR;AAAA,IAAA,EAEF;AAAA,EACJ,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,SACEF,2BAAAA;AAAAA,IAACG,KAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,MACP,WAAW,CAAC,YAAY,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC3D,YAAY,CAAC,EAAE,SAAA,MACbH,2BAAAA;AAAAA,QAACI,MAAAA;AAAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,OAAO,EAAE,WAAW,UAAU,WAAW,IAAI,GAAG,OAAA;AAAA,QAAO;AAAA,MAAA;AAAA,IACzD;AAAA,EAAA;AAIR;;"}
+{"version":3,"file":"Collapse.cjs","names":["styles","InfoIcon","WarningCircleIcon","XCircleIcon","React","_Fragment","AntdCollapse","CaretDownIcon"],"sources":["../../../../src/components/collapse/Collapse.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Collapse as AntdCollapse, CollapseProps } from 'antd'\nimport {\n  CaretDownIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport styles from './Collapse.module.css'\n\nexport type CollapseState = 'default' | 'warning' | 'error'\n\nexport type Props = Expand<CollapseProps> & {\n  state?: CollapseState\n  showIcon?: boolean\n}\n\nconst stateConfig: Record<\n  CollapseState,\n  { className: string; Icon: React.ElementType; color: string }\n> = {\n  default: {\n    className: styles.default,\n    Icon: InfoIcon,\n    color: 'var(--j2-color-text)',\n  },\n  warning: {\n    className: styles.warning,\n    Icon: WarningCircleIcon,\n    color: 'var(--j2-color-warning-text)',\n  },\n  error: {\n    className: styles.error,\n    Icon: XCircleIcon,\n    color: 'var(--j2-color-error-text)',\n  },\n}\n\nconst Collapse = ({\n  state = 'default',\n  showIcon = false,\n  className,\n  items,\n  ...props\n}: Props) => {\n  const { className: stateClass, Icon, color } = stateConfig[state]\n\n  const icon = React.useMemo(() => {\n    if (!showIcon) return null\n    return <Icon size={14} fill={color} style={{ flexShrink: 0 }} />\n  }, [state, showIcon])\n\n  const itemsWithIcon = React.useMemo(() => {\n    if (!icon || !items) return items\n    return (items as NonNullable<CollapseProps['items']>).map((item) => ({\n      ...item,\n      label: (\n        <>\n          {icon}\n          {item.label}\n        </>\n      ),\n    }))\n  }, [items, icon])\n\n  return (\n    <AntdCollapse\n      {...props}\n      items={itemsWithIcon}\n      className={[stateClass, className].filter(Boolean).join(' ')}\n      expandIcon={({ isActive }) => (\n        <CaretDownIcon\n          size={14}\n          style={{ transform: `rotate(${isActive ? 0 : -90}deg)` }}\n        />\n      )}\n    />\n  )\n}\n\nexport { Collapse }\n"],"mappings":";;;;;;;;;AAiBA,IAAM,cAGF;CACF,SAAS;EACP,WAAWA,wBAAAA,QAAO;EAClB,MAAMC,sBAAAA;EACN,OAAO;CACT;CACA,SAAS;EACP,WAAWD,wBAAAA,QAAO;EAClB,MAAME,sBAAAA;EACN,OAAO;CACT;CACA,OAAO;EACL,WAAWF,wBAAAA,QAAO;EAClB,MAAMG,sBAAAA;EACN,OAAO;CACT;AACF;AAEA,IAAM,YAAY,EAChB,QAAQ,WACR,WAAW,OACX,WACA,OACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,YAAY,MAAM,UAAU,YAAY;CAE3D,MAAM,OAAOC,QAAM,cAAc;EAC/B,IAAI,CAAC,UAAU,OAAO;EACtB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;GAAM,MAAM;GAAI,MAAM;GAAO,OAAO,EAAE,YAAY,EAAE;EAAI,CAAA;CACjE,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,MAAM,gBAAgBA,QAAM,cAAc;EACxC,IAAI,CAAC,QAAQ,CAAC,OAAO,OAAO;EAC5B,OAAQ,MAA8C,KAAK,UAAU;GACnE,GAAG;GACH,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACG,MACA,KAAK,KACN,EAAA,CAAA;EAEN,EAAE;CACJ,GAAG,CAAC,OAAO,IAAI,CAAC;CAEhB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,KAAAA,UAAD;EACE,GAAI;EACJ,OAAO;EACP,WAAW,CAAC,YAAY,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAC3D,aAAa,EAAE,eACb,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,eAAD;GACE,MAAM;GACN,OAAO,EAAE,WAAW,UAAU,WAAW,IAAI,IAAI,MAAM;EACxD,CAAA;CAEJ,CAAA;AAEL"}