@deepnoid/ui 0.1.200 → 0.1.202

package/dist/components/tree/index.js

@@ -5184,13 +5184,17 @@ var TreeNodeItemBase = (0, import_react.forwardRef)(
     const slots = (0, import_react.useMemo)(() => treeStyle(), []);
     const hasSelectedInChildren = (0, import_react.useCallback)(
       (children2) => {
-        if (!children2) return false;
+        if (!children2 || !selectedName) return false;
         return children2.some((child) => child.selectedName === selectedName || hasSelectedInChildren(child.children));
       },
       [selectedName]
     );
     const [children, setChildren] = (0, import_react.useState)(node.children);
-    const [isOpen, setIsOpen] = (0, import_react.useState)(() => hasSelectedInChildren(node.children));
+    const [isOpen, setIsOpen] = (0, import_react.useState)(() => {
+      if (!selectedName) return false;
+      return hasSelectedInChildren(node.children);
+    });
+    const hasOpenedInitially = (0, import_react.useRef)(false);
     const hasMore = (0, import_react.useMemo)(() => {
       if (node.isLeaf) return false;
       if (Array.isArray(children)) return children.length > 0;
@@ -5218,11 +5222,13 @@ var TreeNodeItemBase = (0, import_react.forwardRef)(
       (_a = node.onRightClick) == null ? void 0 : _a.call(node, e);
     };
     (0, import_react.useEffect)(() => {
-      const shouldOpen = hasSelectedInChildren(children);
-      if (shouldOpen !== isOpen) {
+      if (!selectedName) return;
+      if (!hasOpenedInitially.current) {
+        const shouldOpen = hasSelectedInChildren(children);
         setIsOpen(shouldOpen);
+        hasOpenedInitially.current = true;
       }
-    }, [selectedName, children, hasSelectedInChildren, isOpen]);
+    }, [selectedName, children, hasSelectedInChildren]);
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {

package/dist/components/tree/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-VXO7B27Q.mjs";
+} from "../../chunk-F6BQCZ54.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-YEYUS6DW.mjs";
 import "../../chunk-5BT37SLM.mjs";

package/dist/components/tree/tree.js

@@ -5184,13 +5184,17 @@ var TreeNodeItemBase = (0, import_react.forwardRef)(
     const slots = (0, import_react.useMemo)(() => treeStyle(), []);
     const hasSelectedInChildren = (0, import_react.useCallback)(
       (children2) => {
-        if (!children2) return false;
+        if (!children2 || !selectedName) return false;
         return children2.some((child) => child.selectedName === selectedName || hasSelectedInChildren(child.children));
       },
       [selectedName]
     );
     const [children, setChildren] = (0, import_react.useState)(node.children);
-    const [isOpen, setIsOpen] = (0, import_react.useState)(() => hasSelectedInChildren(node.children));
+    const [isOpen, setIsOpen] = (0, import_react.useState)(() => {
+      if (!selectedName) return false;
+      return hasSelectedInChildren(node.children);
+    });
+    const hasOpenedInitially = (0, import_react.useRef)(false);
     const hasMore = (0, import_react.useMemo)(() => {
       if (node.isLeaf) return false;
       if (Array.isArray(children)) return children.length > 0;
@@ -5218,11 +5222,13 @@ var TreeNodeItemBase = (0, import_react.forwardRef)(
       (_a = node.onRightClick) == null ? void 0 : _a.call(node, e);
     };
     (0, import_react.useEffect)(() => {
-      const shouldOpen = hasSelectedInChildren(children);
-      if (shouldOpen !== isOpen) {
+      if (!selectedName) return;
+      if (!hasOpenedInitially.current) {
+        const shouldOpen = hasSelectedInChildren(children);
         setIsOpen(shouldOpen);
+        hasOpenedInitially.current = true;
       }
-    }, [selectedName, children, hasSelectedInChildren, isOpen]);
+    }, [selectedName, children, hasSelectedInChildren]);
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {

package/dist/components/tree/tree.mjs

@@ -3,7 +3,7 @@ import {
   Tree,
   TreeNodeItem,
   tree_default
-} from "../../chunk-VXO7B27Q.mjs";
+} from "../../chunk-F6BQCZ54.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-YEYUS6DW.mjs";
 import "../../chunk-5BT37SLM.mjs";

package/dist/index.js

@@ -9375,6 +9375,7 @@ var Select = (0, import_react21.forwardRef)((originalProps, ref) => {
     dropdownIconName = "brace-up",
     optionIconName,
     optionIconPlacement,
+    clearable,
     ...inputProps
   } = props;
   const slots = (0, import_react21.useMemo)(() => select({ ...variantProps }), [variantProps]);
@@ -9428,6 +9429,11 @@ var Select = (0, import_react21.forwardRef)((originalProps, ref) => {
     setSelectedOptions(nextOptions);
     onChange == null ? void 0 : onChange(nextOptions);
   };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    setSelectedOptions([]);
+    onChange == null ? void 0 : onChange([]);
+  };
   (0, import_react21.useEffect)(() => {
     const handleClickOutside = (e) => {
       var _a2;
@@ -9554,6 +9560,17 @@ var Select = (0, import_react21.forwardRef)((originalProps, ref) => {
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { type: "hidden", name: inputProps.name, value: selectedValue }),
+                  clearable && selectedOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    icon_button_default,
+                    {
+                      name: "close",
+                      variant: "ghost",
+                      size: "sm",
+                      color: "neutral",
+                      onClick: handleClear,
+                      classNames: { base: "pr-[2px]" }
+                    }
+                  ),
                   /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                     Icon_default,
                     {
@@ -12222,13 +12239,17 @@ var TreeNodeItemBase = (0, import_react36.forwardRef)(
     const slots = (0, import_react36.useMemo)(() => treeStyle(), []);
     const hasSelectedInChildren = (0, import_react36.useCallback)(
       (children2) => {
-        if (!children2) return false;
+        if (!children2 || !selectedName) return false;
         return children2.some((child) => child.selectedName === selectedName || hasSelectedInChildren(child.children));
       },
       [selectedName]
     );
     const [children, setChildren] = (0, import_react36.useState)(node.children);
-    const [isOpen, setIsOpen] = (0, import_react36.useState)(() => hasSelectedInChildren(node.children));
+    const [isOpen, setIsOpen] = (0, import_react36.useState)(() => {
+      if (!selectedName) return false;
+      return hasSelectedInChildren(node.children);
+    });
+    const hasOpenedInitially = (0, import_react36.useRef)(false);
     const hasMore = (0, import_react36.useMemo)(() => {
       if (node.isLeaf) return false;
       if (Array.isArray(children)) return children.length > 0;
@@ -12256,11 +12277,13 @@ var TreeNodeItemBase = (0, import_react36.forwardRef)(
       (_a = node.onRightClick) == null ? void 0 : _a.call(node, e);
     };
     (0, import_react36.useEffect)(() => {
-      const shouldOpen = hasSelectedInChildren(children);
-      if (shouldOpen !== isOpen) {
+      if (!selectedName) return;
+      if (!hasOpenedInitially.current) {
+        const shouldOpen = hasSelectedInChildren(children);
         setIsOpen(shouldOpen);
+        hasOpenedInitially.current = true;
       }
-    }, [selectedName, children, hasSelectedInChildren, isOpen]);
+    }, [selectedName, children, hasSelectedInChildren]);
     return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "div",
       {

package/dist/index.mjs

@@ -5,18 +5,14 @@ import {
 } from "./chunk-5KC3IFNR.mjs";
 import "./chunk-ZMOAFSYE.mjs";
 import "./chunk-WSIADHVC.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-Q22PRT24.mjs";
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "./chunk-VXO7B27Q.mjs";
-import "./chunk-3MY6LO7N.mjs";
+} from "./chunk-F6BQCZ54.mjs";
+import "./chunk-DX3KXNP6.mjs";
 import {
-  tabs_default
-} from "./chunk-DW3BX4M2.mjs";
+  table_default
+} from "./chunk-KYWCJIXI.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -26,35 +22,37 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-4F7SIDZB.mjs";
-import "./chunk-DX3KXNP6.mjs";
-import {
-  table_default
-} from "./chunk-KYWCJIXI.mjs";
-import "./chunk-OLQOLLKG.mjs";
-import {
-  starRating_default
-} from "./chunk-OX4T7OBC.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AGE57VDD.mjs";
-import "./chunk-MZ76AA76.mjs";
+import "./chunk-3MY6LO7N.mjs";
 import {
-  skeleton_default
-} from "./chunk-6PN3DGOE.mjs";
+  tabs_default
+} from "./chunk-DW3BX4M2.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-Q22PRT24.mjs";
 import {
   definition_table_default
 } from "./chunk-DS5CGU2X.mjs";
-import "./chunk-TPFN22HR.mjs";
+import "./chunk-MZ76AA76.mjs";
 import {
-  radio_default
-} from "./chunk-PRNE3U26.mjs";
-import "./chunk-7B7LRG5J.mjs";
+  skeleton_default
+} from "./chunk-6PN3DGOE.mjs";
+import "./chunk-OLQOLLKG.mjs";
 import {
-  pagination_default
-} from "./chunk-VVCSY7DG.mjs";
-import "./chunk-F3HENRVM.mjs";
+  starRating_default
+} from "./chunk-OX4T7OBC.mjs";
 import "./chunk-4VWG4726.mjs";
+import {
+  timePicker_default
+} from "./chunk-COGGK5Q6.mjs";
+import "./chunk-QCEKPS7U.mjs";
+import {
+  select_default
+} from "./chunk-K2RW5KLO.mjs";
 import {
   datePicker_default
 } from "./chunk-2EUKWA4W.mjs";
@@ -62,24 +60,38 @@ import "./chunk-FWFEKWWD.mjs";
 import {
   day_default
 } from "./chunk-XZYQFBCT.mjs";
+import "./chunk-7B7LRG5J.mjs";
 import {
-  timePicker_default
-} from "./chunk-YBXBTE5T.mjs";
-import "./chunk-QCEKPS7U.mjs";
+  pagination_default
+} from "./chunk-VVCSY7DG.mjs";
+import "./chunk-F3HENRVM.mjs";
+import "./chunk-TPFN22HR.mjs";
 import {
-  select_default
-} from "./chunk-75ZDPLJ4.mjs";
-import "./chunk-7MVEAQ7Z.mjs";
+  radio_default
+} from "./chunk-PRNE3U26.mjs";
+import "./chunk-RLXOHILK.mjs";
 import {
-  list_default
-} from "./chunk-NGRGAY42.mjs";
+  fileUpload_default
+} from "./chunk-5JRZQLXQ.mjs";
+import "./chunk-7VOQKIIK.mjs";
 import {
-  listItem_default
-} from "./chunk-K3M3QEEV.mjs";
+  progress_default
+} from "./chunk-KH63CD55.mjs";
+import "./chunk-2GCSFWHD.mjs";
+import {
+  input_default
+} from "./chunk-3RTVVQA3.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
 } from "./chunk-D72ILS4A.mjs";
+import "./chunk-7MVEAQ7Z.mjs";
+import {
+  listItem_default
+} from "./chunk-K3M3QEEV.mjs";
+import {
+  list_default
+} from "./chunk-NGRGAY42.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import "./chunk-MGEWSREV.mjs";
 import {
@@ -89,18 +101,6 @@ import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
 } from "./chunk-45Y7ANPK.mjs";
-import "./chunk-RLXOHILK.mjs";
-import {
-  fileUpload_default
-} from "./chunk-5JRZQLXQ.mjs";
-import "./chunk-7VOQKIIK.mjs";
-import {
-  progress_default
-} from "./chunk-KH63CD55.mjs";
-import "./chunk-2GCSFWHD.mjs";
-import {
-  input_default
-} from "./chunk-3RTVVQA3.mjs";
 import "./chunk-3OCNT22V.mjs";
 import {
   areaChart_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.200",
+  "version": "0.1.202",
   "license": "MIT",
   "sideEffects": false,
   "exports": {