@deepnoid/ui 0.1.200 → 0.1.202

package/dist/{chunk-YBXBTE5T.mjs → chunk-COGGK5Q6.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   select_default
-} from "./chunk-75ZDPLJ4.mjs";
+} from "./chunk-K2RW5KLO.mjs";
 import {
   Icon_default
 } from "./chunk-YEYUS6DW.mjs";

package/dist/{chunk-VXO7B27Q.mjs → chunk-F6BQCZ54.mjs}

@@ -10,20 +10,24 @@ import {
 } from "./chunk-27Y6K5NK.mjs";
 
 // src/components/tree/tree.tsx
-import { forwardRef, useMemo, useState, useCallback, useEffect, memo } from "react";
+import { forwardRef, useMemo, useState, useCallback, useEffect, memo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TreeNodeItemBase = forwardRef(
   ({ node, depth, fileIcon, selectedName, classNames, onExpand }, ref) => {
     const slots = useMemo(() => treeStyle(), []);
     const hasSelectedInChildren = 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] = useState(node.children);
-    const [isOpen, setIsOpen] = useState(() => hasSelectedInChildren(node.children));
+    const [isOpen, setIsOpen] = useState(() => {
+      if (!selectedName) return false;
+      return hasSelectedInChildren(node.children);
+    });
+    const hasOpenedInitially = useRef(false);
     const hasMore = useMemo(() => {
       if (node.isLeaf) return false;
       if (Array.isArray(children)) return children.length > 0;
@@ -51,11 +55,13 @@ var TreeNodeItemBase = forwardRef(
       (_a = node.onRightClick) == null ? void 0 : _a.call(node, e);
     };
     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__ */ jsxs(
       "div",
       {

package/dist/{chunk-75ZDPLJ4.mjs → chunk-K2RW5KLO.mjs}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  icon_button_default
+} from "./chunk-TB2DOWSM.mjs";
 import {
   Icon_default
 } from "./chunk-YEYUS6DW.mjs";
@@ -33,6 +36,7 @@ var Select = forwardRef((originalProps, ref) => {
     dropdownIconName = "brace-up",
     optionIconName,
     optionIconPlacement,
+    clearable,
     ...inputProps
   } = props;
   const slots = useMemo(() => select({ ...variantProps }), [variantProps]);
@@ -86,6 +90,11 @@ var Select = forwardRef((originalProps, ref) => {
     setSelectedOptions(nextOptions);
     onChange == null ? void 0 : onChange(nextOptions);
   };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    setSelectedOptions([]);
+    onChange == null ? void 0 : onChange([]);
+  };
   useEffect(() => {
     const handleClickOutside = (e) => {
       var _a2;
@@ -212,6 +221,17 @@ var Select = forwardRef((originalProps, ref) => {
                     }
                   ),
                   /* @__PURE__ */ jsx("input", { type: "hidden", name: inputProps.name, value: selectedValue }),
+                  clearable && selectedOptions.length > 0 && /* @__PURE__ */ jsx(
+                    icon_button_default,
+                    {
+                      name: "close",
+                      variant: "ghost",
+                      size: "sm",
+                      color: "neutral",
+                      onClick: handleClear,
+                      classNames: { base: "pr-[2px]" }
+                    }
+                  ),
                   /* @__PURE__ */ jsx(
                     Icon_default,
                     {

package/dist/components/list/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../chunk-7MVEAQ7Z.mjs";
-import {
-  list_default
-} from "../../chunk-NGRGAY42.mjs";
 import {
   listItem_default
 } from "../../chunk-K3M3QEEV.mjs";
+import {
+  list_default
+} from "../../chunk-NGRGAY42.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-YEYUS6DW.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/picker/index.js

@@ -7156,6 +7156,7 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
     dropdownIconName = "brace-up",
     optionIconName,
     optionIconPlacement,
+    clearable,
     ...inputProps
   } = props;
   const slots = (0, import_react8.useMemo)(() => select({ ...variantProps }), [variantProps]);
@@ -7209,6 +7210,11 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
     setSelectedOptions(nextOptions);
     onChange == null ? void 0 : onChange(nextOptions);
   };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    setSelectedOptions([]);
+    onChange == null ? void 0 : onChange([]);
+  };
   (0, import_react8.useEffect)(() => {
     const handleClickOutside = (e) => {
       var _a2;
@@ -7335,6 +7341,17 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "hidden", name: inputProps.name, value: selectedValue }),
+                  clearable && selectedOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    icon_button_default,
+                    {
+                      name: "close",
+                      variant: "ghost",
+                      size: "sm",
+                      color: "neutral",
+                      onClick: handleClear,
+                      classNames: { base: "pr-[2px]" }
+                    }
+                  ),
                   /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                     Icon_default,
                     {

package/dist/components/picker/index.mjs

@@ -1,5 +1,10 @@
 "use client";
 import "../../chunk-4VWG4726.mjs";
+import {
+  timePicker_default
+} from "../../chunk-COGGK5Q6.mjs";
+import "../../chunk-QCEKPS7U.mjs";
+import "../../chunk-K2RW5KLO.mjs";
 import {
   datePicker_default
 } from "../../chunk-2EUKWA4W.mjs";
@@ -7,11 +12,6 @@ import "../../chunk-FWFEKWWD.mjs";
 import {
   day_default
 } from "../../chunk-XZYQFBCT.mjs";
-import {
-  timePicker_default
-} from "../../chunk-YBXBTE5T.mjs";
-import "../../chunk-QCEKPS7U.mjs";
-import "../../chunk-75ZDPLJ4.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-3RTVVQA3.mjs";
 import "../../chunk-MY5U63QO.mjs";