ode-explorer 1.4.19-develop.202411061500 → 1.4.19-develop.202411071619

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer= 06/11/2024 15:01:27
+ode-explorer= 07/11/2024 16:20:16

package/lib/FoldersList.js

@@ -2,7 +2,7 @@ import { jsx as l, jsxs as x } from "react/jsx-runtime";
 import { Card as S, useScrollToTop as N, useOdeClient as R } from "@edifice-ui/react";
 import { useSpring as w, animated as v } from "@react-spring/web";
 import { useQueryClient as $ } from "@tanstack/react-query";
-import { o as C, s as j, j as k, k as z, a as A } from "./index2.js";
+import { o as C, s as j, j as k, k as A, a as z } from "./index2.js";
 import { useState as E, useId as q, useEffect as B } from "react";
 import { useDroppable as L, useDraggable as M } from "@dnd-kit/core";
 import { Files as P } from "@edifice-ui/icons";
@@ -11,7 +11,7 @@ const O = ({
   app: r,
   name: d,
   idFolder: i,
-  isSelected: c = !1,
+  isSelected: n = !1,
   isSelectable: f = !0,
   onClick: m,
   onSelect: D
@@ -28,7 +28,7 @@ const O = ({
     }
   }), {
     attributes: F,
-    listeners: y,
+    listeners: h,
     setNodeRef: u,
     transform: o
   } = M({
@@ -37,19 +37,20 @@ const O = ({
       id: i,
       type: "folder"
     }
-  }), e = C(), s = j(), I = (n) => {
-    u(n), b(n);
-  }, g = s.overId === i, h = !s.canMove && s.isTreeview ? "no-drop" : t ? "grabbing" : "default", T = {
+  }), e = C(), s = j(), y = (c) => {
+    u(c), b(c);
+  }, g = s.overId === i, I = !s.canMove && s.isTreeview ? "no-drop" : t ? "grabbing" : "default", T = {
     transform: `translate3d(${((o == null ? void 0 : o.x) ?? 0) / 1}px, ${((o == null ? void 0 : o.y) ?? 0) / 1}px, 0)`,
-    cursor: h
+    touchAction: "none",
+    cursor: I
   };
   return B(() => {
-    const n = e.elementDrag === i;
-    a(n);
-  }, [e]), /* @__PURE__ */ l("div", { ref: I, ...y, ...F, style: {
+    const c = e.elementDrag === i;
+    a(c);
+  }, [e]), /* @__PURE__ */ l("div", { ref: y, ...h, ...F, style: {
     ...T
-  }, children: t ? /* @__PURE__ */ l(Q, { name: d, app: r, type: "folder" }) : /* @__PURE__ */ l(S, { app: r, isSelectable: !t && f, isSelected: !t && c || g && t, isFocused: g, onClick: m, onSelect: D, children: (n) => /* @__PURE__ */ x(S.Body, { children: [
-    /* @__PURE__ */ l(P, { width: "48", height: "48", className: `color-app-${n}` }),
+  }, children: t ? /* @__PURE__ */ l(Q, { name: d, app: r, type: "folder" }) : /* @__PURE__ */ l(S, { app: r, isSelectable: !t && f, isSelected: !t && n || g && t, isFocused: g, onClick: m, onSelect: D, children: (c) => /* @__PURE__ */ x(S.Body, { children: [
+    /* @__PURE__ */ l(P, { width: "48", height: "48", className: `color-app-${c}` }),
     /* @__PURE__ */ l(S.Title, { children: d })
   ] }) }) });
 };
@@ -58,15 +59,15 @@ const Z = ({
   data: r
 }) => {
   var u, o;
-  const d = $(), i = k(), c = z(), f = C(), m = N(), {
+  const d = $(), i = k(), n = A(), f = C(), m = N(), {
     currentApp: D
   } = R(), {
     setSelectedFolders: t,
     setFolderIds: a,
     openFolder: p
-  } = A();
+  } = z();
   function b(e) {
-    c.includes(e.id) ? (a(c.filter((s) => s !== e.id)), t(i.filter((s) => s.id !== e.id))) : (a([e.id, ...c]), t([e, ...i]));
+    n.includes(e.id) ? (a(n.filter((s) => s !== e.id)), t(i.filter((s) => s.id !== e.id))) : (a([e.id, ...n]), t([e, ...i]));
   }
   function F(e) {
     m(), p({
@@ -75,7 +76,7 @@ const Z = ({
       queryClient: d
     });
   }
-  const y = w({
+  const h = w({
     from: {
       opacity: 0
     },
@@ -86,13 +87,13 @@ const Z = ({
   return (u = r == null ? void 0 : r.pages[0]) != null && u.folders.length ? /* @__PURE__ */ l(v.ul, { className: "grid ps-0 list-unstyled mb-24", children: (o = r == null ? void 0 : r.pages[0]) == null ? void 0 : o.folders.map((e) => {
     const {
       id: s,
-      name: I
+      name: y
     } = e, g = f.elementDrag === s;
     return /* @__PURE__ */ l(v.li, { className: `g-col-4 ${g ? "z-2000" : "z-1"}`, style: {
       position: "relative",
-      ...y
-    }, children: /* @__PURE__ */ l(O, { name: I, idFolder: s, app: D, isSelected: c.includes(e.id), onClick: (h) => {
-      h.stopPropagation(), F(e);
+      ...h
+    }, children: /* @__PURE__ */ l(O, { name: y, idFolder: s, app: D, isSelected: n.includes(e.id), onClick: (I) => {
+      I.stopPropagation(), F(e);
     }, onSelect: () => b(e) }) }, s);
   }) }) : null;
 };

package/lib/ResourcesList.js

@@ -1,58 +1,60 @@
 import { jsx as e, jsxs as o, Fragment as j } from "react/jsx-runtime";
-import O, { useState as M, useEffect as B, useCallback as E } from "react";
-import { Card as m, Image as G, AppIcon as L, Avatar as U, Tooltip as P, useOdeClient as q, useDate as H, Button as J } from "@edifice-ui/react";
-import { useSpring as K, animated as k } from "@react-spring/web";
+import C, { useState as M, useEffect as B, useCallback as E } from "react";
+import { Card as m, Image as G, AppIcon as L, Avatar as U, Tooltip as A, useOdeClient as q, useDate as H, Button as J } from "@edifice-ui/react";
+import { useSpring as K, animated as O } from "@react-spring/web";
 import Q from "clsx";
-import { useTranslation as w } from "react-i18next";
-import { f as A, o as V, e as W, h as X, i as Y, a as Z } from "./index2.js";
+import { useTranslation as P } from "react-i18next";
+import { f as k, o as V, e as W, h as X, i as Y, a as Z } from "./index2.js";
 import { useDraggable as _ } from "@dnd-kit/core";
 import { Users as tt, Globe as et } from "@edifice-ui/icons";
 import { OneProfile as it } from "@edifice-ui/icons/nav";
 import { D as at } from "./DraggableCard.js";
-const z = ({
-  app: l,
+const w = ({
+  app: s,
   resource: t,
   time: f,
   isSelected: x = !1,
-  isSelectable: b = !0,
+  isSelectable: u = !0,
   onClick: h,
   onSelect: c
 }) => {
-  const [s, p] = M(!1), r = `/userbook/avatar/${t == null ? void 0 : t.creatorId}`;
-  function u(a) {
+  const [a, p] = M(!1), r = `/userbook/avatar/${t == null ? void 0 : t.creatorId}`;
+  function b(i) {
     const {
-      rights: d,
-      creatorId: F
-    } = a || {};
-    return d.filter((T) => !T.includes(F)).length >= 1;
+      rights: l,
+      creatorId: d
+    } = i || {};
+    return l.filter((F) => !F.includes(d)).length >= 1;
   }
-  const R = A(), I = u(t), v = t == null ? void 0 : t.public, y = V(), {
-    t: g
-  } = w(), {
-    attributes: S,
-    listeners: N,
-    setNodeRef: D,
+  k();
+  const R = b(t), I = t == null ? void 0 : t.public, g = V(), {
+    t: v
+  } = P(), {
+    attributes: y,
+    listeners: S,
+    setNodeRef: N,
     transform: n
   } = _({
     id: t.id,
     data: {
       id: t.id,
       type: "resource"
-    },
-    disabled: !!R
-  }), i = {
-    position: s ? "absolute" : "relative",
-    zIndex: s ? 2e3 : 1,
+    }
+    // disabled: !!isTrashFolder,
+  }), D = {
+    position: a ? "absolute" : "relative",
+    touchAction: "none",
+    zIndex: a ? 2e3 : 1,
     transform: `translate3d(${((n == null ? void 0 : n.x) ?? 0) / 1}px, ${((n == null ? void 0 : n.y) ?? 0) / 1}px, 0)`
   };
   return B(() => {
-    const a = y.elementDrag === t.id;
-    p(a);
-  }, [y]), /* @__PURE__ */ e("div", { ref: D, ...N, ...S, style: {
-    ...i
-  }, children: s ? /* @__PURE__ */ e(at, { app: l, type: "resource", name: t == null ? void 0 : t.name }) : /* @__PURE__ */ e(m, { app: l, isSelected: !s && x, isSelectable: !s && b, onClick: h, onSelect: c, children: (a) => /* @__PURE__ */ o(j, { children: [
+    const i = g.elementDrag === t.id;
+    p(i);
+  }, [g]), /* @__PURE__ */ e("div", { ref: N, ...S, ...y, style: {
+    ...D
+  }, children: a ? /* @__PURE__ */ e(at, { app: s, type: "resource", name: t == null ? void 0 : t.name }) : /* @__PURE__ */ e(m, { app: s, isSelected: !a && x, isSelectable: !a && u, onClick: h, onSelect: c, children: (i) => /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o(m.Body, { children: [
-      /* @__PURE__ */ e("div", { className: "card-image medium", children: t != null && t.thumbnail ? /* @__PURE__ */ e(G, { alt: "", src: `${t == null ? void 0 : t.thumbnail}?thumbnail=80x80`, objectFit: "cover", className: "h-full w-100" }) : /* @__PURE__ */ e(L, { app: l, iconFit: "ratio", size: "80", variant: "rounded" }) }),
+      /* @__PURE__ */ e("div", { className: "card-image medium", children: t != null && t.thumbnail ? /* @__PURE__ */ e(G, { alt: "", src: `${t == null ? void 0 : t.thumbnail}?thumbnail=80x80`, objectFit: "cover", className: "h-full w-100" }) : /* @__PURE__ */ e(L, { app: s, iconFit: "ratio", size: "80", variant: "rounded" }) }),
       /* @__PURE__ */ o("div", { className: "text-truncate", children: [
         /* @__PURE__ */ e(m.Title, { children: t == null ? void 0 : t.name }),
         /* @__PURE__ */ e(m.Text, { children: /* @__PURE__ */ e("em", { children: f }) })
@@ -64,66 +66,66 @@ const z = ({
         /* @__PURE__ */ e(m.Text, { children: t == null ? void 0 : t.creatorName })
       ] }),
       /* @__PURE__ */ o("div", { className: "d-inline-flex align-items-center gap-8", children: [
-        I && /* @__PURE__ */ e(P, { message: g("tooltip.shared", {
-          ns: a
+        R && /* @__PURE__ */ e(A, { message: v("tooltip.shared", {
+          ns: i
         }), placement: "top", children: /* @__PURE__ */ e(tt, { width: 16, height: 16 }) }),
-        v && /* @__PURE__ */ e(P, { message: g("tooltip.public", {
-          ns: a
+        I && /* @__PURE__ */ e(A, { message: v("tooltip.public", {
+          ns: i
         }), placement: "top", children: /* @__PURE__ */ e(et, { width: 16, height: 16 }) })
       ] })
     ] })
   ] }) }) });
 };
-z.displayName = "ResourceCard";
+w.displayName = "ResourceCard";
 const ft = ({
-  data: l,
+  data: s,
   fetchNextPage: t
 }) => {
   const {
     currentApp: f
   } = q(), {
     t: x
-  } = w(), {
-    fromNow: b
-  } = H(), h = W(), c = X(), s = Y(), {
+  } = P(), {
+    fromNow: u
+  } = H(), h = W(), c = X(), a = Y(), {
     setSelectedResources: p,
     setResourceIds: r,
-    openResource: u,
+    openResource: b,
     setResourceIsTrash: R
-  } = Z(), I = A(), v = K({
+  } = Z(), I = k(), g = K({
     from: {
       opacity: 0
     },
     to: {
       opacity: 1
     }
-  }), g = h.pagination.startIdx + h.pagination.pageSize < (h.pagination.maxIdx || 0), S = E(() => {
+  }), y = h.pagination.startIdx + h.pagination.pageSize < (h.pagination.maxIdx || 0), S = E(() => {
     t();
   }, []), N = (i) => {
-    I ? (R(!0), r([i.id]), p([i])) : u(i);
+    I ? (R(!0), r([i.id]), p([i])) : b(i);
   };
-  async function D(i) {
+  async function n(i) {
     if (c.includes(i.id)) {
-      r(c.filter((a) => a !== i.id)), p(s.filter((a) => a.id !== i.id));
+      r(c.filter((l) => l !== i.id)), p(a.filter((l) => l.id !== i.id));
       return;
     }
-    r([...c, i.id]), p([...s, i]);
+    r([...c, i.id]), p([...a, i]);
   }
-  const n = Q("grid ps-0 list-unstyled");
-  return /* @__PURE__ */ o(O.Fragment, { children: [
-    /* @__PURE__ */ e(k.ul, { className: n, children: l == null ? void 0 : l.pages.map((i, a) => /* @__PURE__ */ e(O.Fragment, { children: i.resources.map((d) => {
+  const D = Q("grid ps-0 list-unstyled");
+  return /* @__PURE__ */ o(C.Fragment, { children: [
+    /* @__PURE__ */ e(O.ul, { className: D, children: s == null ? void 0 : s.pages.map((i, l) => /* @__PURE__ */ e(C.Fragment, { children: i.resources.map((d) => {
       const {
-        id: F,
-        updatedAt: C
-      } = d, T = b(C);
-      return /* @__PURE__ */ e(k.li, { className: "g-col-4", style: {
+        id: T,
+        updatedAt: F
+      } = d, z = u(F);
+      return /* @__PURE__ */ e(O.li, { className: "g-col-4", style: {
         position: "relative",
-        ...v
-      }, children: /* @__PURE__ */ e(z, { app: f, resource: d, time: T, isSelectable: !0, isSelected: c.includes(d.id), onClick: ($) => {
+        ...g
+      }, children: /* @__PURE__ */ e(w, { app: f, resource: d, time: z, isSelectable: !0, isSelected: c.includes(d.id), onClick: ($) => {
         $.stopPropagation(), N(d);
-      }, onSelect: () => D(d) }) }, F);
-    }) }, a)) }),
-    g && /* @__PURE__ */ e("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ e(J, { type: "button", color: "secondary", variant: "filled", onClick: S, children: x("explorer.see.more") }) })
+      }, onSelect: () => n(d) }) }, T);
+    }) }, l)) }),
+    y && /* @__PURE__ */ e("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ e(J, { type: "button", color: "secondary", variant: "filled", onClick: S, children: x("explorer.see.more") }) })
   ] });
 };
 export {