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

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer= 04/11/2024 11:27:37
+ode-explorer= 07/11/2024 15:35:26

package/lib/ResourcesList.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-explorer",
-  "version": "1.4.19-develop.202411041127",
+  "version": "1.4.19-develop.202411071534",
   "description": "Edifice Explorer",
   "homepage": "https://github.com/edificeio/explorer#readme",
   "bugs": {