@deepnoid/ui 0.1.51 → 0.1.53

package/dist/index.js

@@ -8985,6 +8985,7 @@ var modal = tv({
     base: [
       "group/modal",
       "absolute",
+      "fixed",
       "top-1/2",
       "-translate-y-1/2",
       "left-1/2",
@@ -10258,7 +10259,7 @@ var dateTimePickerStyle = tv({
 var import_react32 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var TreeNodeItem = (0, import_react32.forwardRef)(
-  ({ node, depth, fileIcon, selectedId, isLoading, classNames, onExpand }, ref) => {
+  ({ node, depth, fileIcon, selectedId, classNames, onExpand }, ref) => {
     const [isOpen, setIsOpen] = (0, import_react32.useState)(false);
     const [children, setChildren] = (0, import_react32.useState)(node.children);
     const [isLoadingChildren, setIsLoadingChildren] = (0, import_react32.useState)(false);
@@ -10292,74 +10293,53 @@ var TreeNodeItem = (0, import_react32.forwardRef)(
       e.preventDefault();
       (_a = node.onRightClick) == null ? void 0 : _a.call(node, e);
     };
-    const marginClass = depth > 1 ? hasMore ? "ml-[30px]" : "ml-[55px]" : hasMore ? "" : "ml-[25px]";
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-      "div",
-      {
-        ref,
-        className: clsx(
-          marginClass,
-          "transition-all duration-150 ease-out",
-          isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-            "div",
-            {
-              className: clsx(
-                slots.node({ class: classNames == null ? void 0 : classNames.node }),
-                slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }),
-                selectedId == node.id ? "bg-neutral-soft" : ""
-              ),
-              onClick: handleClick,
-              onContextMenu: handleRightClick,
-              children: [
-                hasMore && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-                  Icon_default,
-                  {
-                    name: "right-chevron",
-                    className: clsx(
-                      "text-neutral-main cursor-pointer transition-transform duration-150",
-                      isOpen ? "rotate-90" : "rotate-0"
-                    )
-                  }
-                ),
-                fileIcon,
-                node.content
-              ]
-            }
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { ref, className: depth > 1 ? hasMore ? "ml-[30px]" : "ml-[55px]" : hasMore ? "" : "ml-[25px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+        "div",
+        {
+          className: clsx(
+            slots.node({ class: classNames == null ? void 0 : classNames.node }),
+            slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }),
+            selectedId == node.id ? "bg-neutral-soft" : ""
           ),
-          isOpen && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
-            isLoadingChildren && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-neutral py-1 text-sm", children: "loading..." }),
-            children == null ? void 0 : children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-              TreeNodeItem,
+          onClick: handleClick,
+          onContextMenu: handleRightClick,
+          children: [
+            hasMore && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              Icon_default,
               {
-                node: child,
-                depth: depth + 1,
-                selectedId,
-                classNames,
-                fileIcon,
-                onExpand
-              },
-              child.id
-            ))
-          ] })
-        ]
-      }
-    );
+                name: "right-chevron",
+                className: clsx(
+                  "text-neutral-main cursor-pointer transition-transform duration-150",
+                  isOpen ? "rotate-90" : "rotate-0"
+                )
+              }
+            ),
+            fileIcon,
+            node.content
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+        isLoadingChildren && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-neutral py-1 text-sm", children: "loading..." }),
+        children == null ? void 0 : children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          TreeNodeItem,
+          {
+            node: child,
+            depth: depth + 1,
+            selectedId,
+            classNames,
+            fileIcon,
+            onExpand
+          },
+          child.id
+        ))
+      ] })
+    ] });
   }
 );
 TreeNodeItem.displayName = "TreeNodeItem";
-var Tree = ({
-  headerContent,
-  group,
-  groupIcon,
-  fileIcon,
-  selectedId,
-  isLoading = false,
-  classNames,
-  onExpand
-}) => {
+var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames, onExpand }) => {
   const slots = (0, import_react32.useMemo)(() => treeStyle(), []);
   const handleClick = (e) => {
     var _a;
@@ -10396,7 +10376,6 @@ var Tree = ({
           classNames,
           fileIcon,
           selectedId,
-          isLoading,
           onExpand
         },
         node.id

package/dist/index.mjs

@@ -2,7 +2,7 @@
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "./chunk-4FO4MABJ.mjs";
+} from "./chunk-XUP7M6LX.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -21,7 +21,7 @@ import "./chunk-WSIADHVC.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "./chunk-LIUQU45I.mjs";
+} from "./chunk-7XFHA2U5.mjs";
 import "./chunk-BPEMHZH3.mjs";
 import "./chunk-P7YYNA6L.mjs";
 import "./chunk-3MY6LO7N.mjs";
@@ -32,11 +32,10 @@ import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
 } from "./chunk-4EIGHKUO.mjs";
-import "./chunk-7B7LRG5J.mjs";
+import "./chunk-QCEKPS7U.mjs";
 import {
-  pagination_default
-} from "./chunk-OTEWHVER.mjs";
-import "./chunk-F3HENRVM.mjs";
+  select_default
+} from "./chunk-5SNPCI6I.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -48,22 +47,23 @@ import {
 import {
   definition_table_default
 } from "./chunk-6TIIBU7J.mjs";
+import "./chunk-TPFN22HR.mjs";
+import {
+  radio_default
+} from "./chunk-QIRL6HY6.mjs";
 import "./chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
-import "./chunk-QCEKPS7U.mjs";
-import {
-  select_default
-} from "./chunk-5SNPCI6I.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "./chunk-2RK3IMLR.mjs";
-import "./chunk-TPFN22HR.mjs";
+} from "./chunk-T43IV3GD.mjs";
+import "./chunk-7B7LRG5J.mjs";
 import {
-  radio_default
-} from "./chunk-QIRL6HY6.mjs";
+  pagination_default
+} from "./chunk-OTEWHVER.mjs";
+import "./chunk-F3HENRVM.mjs";
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default

package/package.json

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

package/dist/{chunk-LIUQU45I.mjs → chunk-7XFHA2U5.mjs}

@@ -5,12 +5,12 @@ import {
 import {
   table_head_default
 } from "./chunk-P7YYNA6L.mjs";
-import {
-  pagination_default
-} from "./chunk-OTEWHVER.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
+import {
+  pagination_default
+} from "./chunk-OTEWHVER.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";