ode-explorer 1.4.19-develop.202411071534 → 1.4.19-develop.202411080842

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer= 07/11/2024 15:35:26
+ode-explorer= 08/11/2024 08:43:10

package/lib/FoldersList.js

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

package/lib/ResourcesList.js

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