ode-explorer 1.3.2-dev.202401091744 → 1.3.2-dev.202401101530

package/lib/FoldersList.js

@@ -1,77 +1,64 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Card, useOdeClient, useScrollToTop } from "@edifice-ui/react";
-import { useSpring, animated } from "@react-spring/web";
-import { Files } from "@edifice-ui/icons";
-import { h as useSelectedFolders, i as useFolderIds, u as useStoreActions } from "./index2.js";
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { Card as d, useOdeClient as C, useScrollToTop as T } from "@edifice-ui/react";
+import { useSpring as I, animated as a } from "@react-spring/web";
+import { Files as N } from "@edifice-ui/icons";
+import { h as x, i as j, u as A } from "./index2.js";
 import "react";
 import "react-i18next";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-const FolderCard = ({
-  app,
-  name,
-  isSelected = false,
-  isSelectable = true,
-  onClick,
-  onSelect
+const g = ({
+  app: s,
+  name: n,
+  isSelected: l = !1,
+  isSelectable: o = !0,
+  onClick: t,
+  onSelect: c
+}) => /* @__PURE__ */ i(d, { app: s, isSelectable: o, isSelected: l, onClick: t, onSelect: c, children: (p) => /* @__PURE__ */ y(d.Body, { children: [
+  /* @__PURE__ */ i(N, { width: "48", height: "48", className: `color-app-${p}` }),
+  /* @__PURE__ */ i(d.Title, { children: n })
+] }) });
+g.displayName = "FolderCard";
+const E = ({
+  data: s
 }) => {
-  return /* @__PURE__ */ jsx(Card, { app, isSelectable, isSelected, onClick, onSelect, children: (appCode) => /* @__PURE__ */ jsxs(Card.Body, { children: [
-    /* @__PURE__ */ jsx(Files, { width: "48", height: "48", className: `color-app-${appCode}` }),
-    /* @__PURE__ */ jsx(Card.Title, { children: name })
-  ] }) });
-};
-FolderCard.displayName = "FolderCard";
-const FoldersList = ({
-  data
-}) => {
-  var _a, _b;
+  var m, u;
   const {
-    currentApp
-  } = useOdeClient();
-  const selectedFolders = useSelectedFolders();
-  const folderIds = useFolderIds();
-  const {
-    setSelectedFolders,
-    setFolderIds,
-    openFolder
-  } = useStoreActions();
-  function toggleSelect(folder) {
-    if (folderIds.includes(folder.id)) {
-      setFolderIds(folderIds.filter((selectedFolder) => selectedFolder !== folder.id));
-      setSelectedFolders(selectedFolders.filter((selectedFolder) => selectedFolder.id !== folder.id));
-    } else {
-      setFolderIds([...folderIds, folder.id]);
-      setSelectedFolders([...selectedFolders, folder]);
-    }
+    currentApp: n
+  } = C(), l = x(), o = j(), {
+    setSelectedFolders: t,
+    setFolderIds: c,
+    openFolder: p
+  } = A();
+  function h(e) {
+    o.includes(e.id) ? (c(o.filter((r) => r !== e.id)), t(l.filter((r) => r.id !== e.id))) : (c([...o, e.id]), t([...l, e]));
   }
-  const springs = useSpring({
+  const F = I({
     from: {
       opacity: 0
     },
     to: {
       opacity: 1
     }
-  });
-  const scrollToTop = useScrollToTop();
-  return ((_a = data == null ? void 0 : data.pages[0]) == null ? void 0 : _a.folders.length) ? /* @__PURE__ */ jsx(animated.ul, { className: "grid ps-0 list-unstyled mb-24", children: (_b = data == null ? void 0 : data.pages[0]) == null ? void 0 : _b.folders.map((folder) => {
+  }), f = T();
+  return (m = s == null ? void 0 : s.pages[0]) != null && m.folders.length ? /* @__PURE__ */ i(a.ul, { className: "grid ps-0 list-unstyled mb-24", children: (u = s == null ? void 0 : s.pages[0]) == null ? void 0 : u.folders.map((e) => {
     const {
-      id,
-      name
-    } = folder;
-    return /* @__PURE__ */ jsx(animated.li, { className: "g-col-4 z-1", style: {
+      id: r,
+      name: S
+    } = e;
+    return /* @__PURE__ */ i(a.li, { className: "g-col-4 z-1", style: {
       position: "relative",
-      ...springs
-    }, children: /* @__PURE__ */ jsx(FolderCard, { name, app: currentApp, isSelected: folderIds.includes(folder.id), onClick: () => {
-      scrollToTop();
-      openFolder({
-        folder,
-        folderId: folder.id
+      ...F
+    }, children: /* @__PURE__ */ i(g, { name: S, app: n, isSelected: o.includes(e.id), onClick: () => {
+      f(), p({
+        folder: e,
+        folderId: e.id
       });
-    }, onSelect: () => toggleSelect(folder) }) }, id);
+    }, onSelect: () => h(e) }) }, r);
   }) }) : null;
 };
 export {
-  FoldersList as default
+  E as default
 };

package/lib/Library.js

@@ -1,19 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import { useOdeTheme, useLibraryUrl, usePaths, Library as Library$1 } from "@edifice-ui/react";
-import { useTranslation } from "react-i18next";
-const Library = () => {
+import { jsx as o } from "react/jsx-runtime";
+import { useOdeTheme as i, useLibraryUrl as s, usePaths as l, Library as b } from "@edifice-ui/react";
+import { useTranslation as n } from "react-i18next";
+const u = () => {
   const {
-    t
-  } = useTranslation();
-  const {
-    theme
-  } = useOdeTheme();
-  const {
-    libraryUrl
-  } = useLibraryUrl();
-  const [imagePath] = usePaths();
-  return /* @__PURE__ */ jsx(Library$1, { src: `${imagePath}/${theme == null ? void 0 : theme.bootstrapVersion}/image-library.svg`, url: libraryUrl, alt: t("explorer.libray.img.alt"), text: t("explorer.libray.title"), textButton: t("explorer.libray.btn") });
+    t: r
+  } = n(), {
+    theme: t
+  } = i(), {
+    libraryUrl: a
+  } = s(), [e] = l();
+  return /* @__PURE__ */ o(b, { src: `${e}/${t == null ? void 0 : t.bootstrapVersion}/image-library.svg`, url: a, alt: r("explorer.libray.img.alt"), text: r("explorer.libray.title"), textButton: r("explorer.libray.btn") });
 };
 export {
-  Library as default
+  u as default
 };

package/lib/MoveModal.js

@@ -1,94 +1,78 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Modal, TreeView, Button } from "@edifice-ui/react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import { useState } from "react";
-import { useQueryClient } from "@tanstack/react-query";
-import { s as useMoveItem, h as useSelectedFolders, g as useSelectedResources, u as useStoreActions, t as useTreeData } from "./index2.js";
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+import { Modal as a, TreeView as T, Button as I } from "@edifice-ui/react";
+import { createPortal as M } from "react-dom";
+import { useTranslation as y } from "react-i18next";
+import { useState as b } from "react";
+import { useQueryClient as F } from "@tanstack/react-query";
+import { s as x, h as S, g as w, u as g, t as B } from "./index2.js";
 import "@edifice-ui/icons";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
-function useMoveModal({
-  onSuccess
+function C({
+  onSuccess: n
 }) {
-  const [selectedFolder, setSelectedFolder] = useState();
-  const moveItem = useMoveItem();
-  const selectedFolders = useSelectedFolders();
-  const selectedResources = useSelectedResources();
-  const {
-    foldTreeItem,
-    unfoldTreeItem
-  } = useStoreActions();
-  const queryclient = useQueryClient();
-  async function onMove() {
+  const [d, t] = b(), r = x(), i = S(), m = w(), {
+    foldTreeItem: s,
+    unfoldTreeItem: c
+  } = g(), f = F();
+  async function u() {
     try {
-      if (!selectedFolder)
+      if (!d)
         throw new Error("explorer.move.selection.empty");
-      await moveItem.mutate(selectedFolder);
-      await (onSuccess == null ? void 0 : onSuccess());
+      await r.mutate(d), await (n == null ? void 0 : n());
     } catch (e) {
       console.error(e);
     }
   }
-  const canMove = (destination) => {
-    var _a;
-    for (const selectedFolder2 of selectedFolders) {
-      if (destination === selectedFolder2.id || destination === selectedFolder2.parentId) {
-        return false;
-      }
-    }
-    for (const selectedResource of selectedResources) {
-      if (destination === ((selectedResource == null ? void 0 : selectedResource.folderIds) && selectedResource.folderIds[0]) || ((_a = selectedResource == null ? void 0 : selectedResource.folderIds) == null ? void 0 : _a.length) === 0 && destination === "default") {
-        return false;
-      }
-    }
-    return true;
+  const v = (e) => {
+    var p;
+    for (const o of i)
+      if (e === o.id || e === o.parentId)
+        return !1;
+    for (const o of m)
+      if (e === ((o == null ? void 0 : o.folderIds) && o.folderIds[0]) || ((p = o == null ? void 0 : o.folderIds) == null ? void 0 : p.length) === 0 && e === "default")
+        return !1;
+    return !0;
   };
   return {
-    disableSubmit: !selectedFolder,
-    handleTreeItemSelect: (folderId) => {
-      if (canMove(folderId)) {
-        setSelectedFolder(folderId);
-      } else {
-        setSelectedFolder(void 0);
-      }
+    disableSubmit: !d,
+    handleTreeItemSelect: (e) => {
+      v(e) ? t(e) : t(void 0);
     },
-    handleTreeItemFold: foldTreeItem,
-    handleTreeItemUnfold: async (folderId) => await unfoldTreeItem(folderId, queryclient),
+    handleTreeItemFold: s,
+    handleTreeItemUnfold: async (e) => await c(e, f),
     onMove: () => {
-      onMove();
+      u();
     }
   };
 }
-function MoveModal({
-  isOpen,
-  onSuccess,
-  onCancel
+function z({
+  isOpen: n,
+  onSuccess: d,
+  onCancel: t
 }) {
   const {
-    t
-  } = useTranslation();
-  const {
-    handleTreeItemFold,
-    handleTreeItemSelect,
-    handleTreeItemUnfold,
-    onMove,
-    disableSubmit
-  } = useMoveModal({
-    onSuccess
-  });
-  const treeData = useTreeData();
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "moveModal", children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("explorer.move.title") }),
-    /* @__PURE__ */ jsx(Modal.Subtitle, { children: t("explorer.move.subtitle") }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(TreeView, { data: treeData, onTreeItemSelect: handleTreeItemSelect, onTreeItemFold: handleTreeItemFold, onTreeItemUnfold: handleTreeItemUnfold }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("explorer.cancel") }),
-      /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onMove, type: "button", variant: "filled", disabled: disableSubmit, children: t("explorer.move") })
+    t: r
+  } = y(), {
+    handleTreeItemFold: i,
+    handleTreeItemSelect: m,
+    handleTreeItemUnfold: s,
+    onMove: c,
+    disableSubmit: f
+  } = C({
+    onSuccess: d
+  }), u = B();
+  return /* @__PURE__ */ M(/* @__PURE__ */ h(a, { isOpen: n, onModalClose: t, id: "moveModal", children: [
+    /* @__PURE__ */ l(a.Header, { onModalClose: t, children: r("explorer.move.title") }),
+    /* @__PURE__ */ l(a.Subtitle, { children: r("explorer.move.subtitle") }),
+    /* @__PURE__ */ l(a.Body, { children: /* @__PURE__ */ l(T, { data: u, onTreeItemSelect: m, onTreeItemFold: i, onTreeItemUnfold: s }) }),
+    /* @__PURE__ */ h(a.Footer, { children: [
+      /* @__PURE__ */ l(I, { color: "tertiary", onClick: t, type: "button", variant: "ghost", children: r("explorer.cancel") }),
+      /* @__PURE__ */ l(I, { color: "primary", onClick: c, type: "button", variant: "filled", disabled: f, children: r("explorer.move") })
     ] })
   ] }), document.getElementById("portal"));
 }
 export {
-  MoveModal as default
+  z as default
 };