ode-explorer 2.0.0 → 2.1.0-develop.202501271724

package/lib/FoldersList.js

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

package/lib/Library.js

@@ -1,33 +1,47 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { ArrowRight as o } from "@edifice-ui/icons";
-import { useOdeTheme as n, usePaths as s, useLibraryUrl as c, Image as m } from "@edifice-ui/react";
-import { useTranslation as p } from "react-i18next";
-import { odeServices as d } from "edifice-ts-client";
-const b = () => {
-  const {
-    theme: r
-  } = n(), [l] = s(), e = c(), a = `${l}/${r == null ? void 0 : r.bootstrapVersion}/image-library.svg`;
-  return {
-    libraryUrl: e,
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { useLibraryUrl as n, useEdificeTheme as s, Image as d } from "@edifice.io/react";
+import { useTranslation as c } from "react-i18next";
+import { _ as m } from "./dynamic-import-helper.js";
+import { odeServices as p } from "@edifice.io/client";
+import { useState as g, useEffect as b } from "react";
+const u = ({
+  title: r,
+  titleId: e,
+  ...a
+}) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": e, ...a, children: [
+  r ? /* @__PURE__ */ i("title", { id: e, children: r }) : null,
+  /* @__PURE__ */ i("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1", clipRule: "evenodd" }),
+  /* @__PURE__ */ i("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L17.586 12l-6.293-6.293a1 1 0 0 1 0-1.414", clipRule: "evenodd" })
+] }), f = () => {
+  const r = n(), {
+    theme: e
+  } = s(), [a, l] = g("");
+  return b(() => {
+    (async () => {
+      const t = await m(/* @__PURE__ */ Object.assign({ "../../../../node_modules/@edifice.io/bootstrap/dist/images/neo/image-library.svg": () => import("./image-library.js"), "../../../../node_modules/@edifice.io/bootstrap/dist/images/one/image-library.svg": () => import("./image-library2.js") }), `../../../../node_modules/@edifice.io/bootstrap/dist/images/${e == null ? void 0 : e.bootstrapVersion}/image-library.svg`, 11);
+      l(t.default);
+    })();
+  }, [e]), {
+    libraryUrl: r,
     imageFullURL: a,
     handleClick: () => {
-      e && (window.open(e, "_blank"), d.data().trackAccessLibraryFromExplorer());
+      r && (window.open(r, "_blank"), p.data().trackAccessLibraryFromExplorer());
     }
   };
 }, k = () => {
   const {
     libraryUrl: r,
-    imageFullURL: l,
-    handleClick: e
-  } = b(), {
-    t: a
-  } = p();
-  return r && /* @__PURE__ */ t("div", { className: "p-16", children: [
-    /* @__PURE__ */ i(m, { width: "270", height: "140", loading: "lazy", className: "rounded", src: l, alt: a("explorer.libray.img.alt") }),
-    /* @__PURE__ */ i("p", { className: "m-8", children: a("explorer.libray.title") }),
-    /* @__PURE__ */ t("button", { type: "button", onClick: e, rel: "noreferrer", className: "btn btn-ghost-primary d-inline-flex align-items-center gap-4 p-8", children: [
-      /* @__PURE__ */ i("span", { children: a("explorer.libray.btn") }),
-      /* @__PURE__ */ i(o, {})
+    imageFullURL: e,
+    handleClick: a
+  } = f(), {
+    t: l
+  } = c();
+  return r && /* @__PURE__ */ o("div", { className: "p-16", children: [
+    /* @__PURE__ */ i(d, { width: "270", height: "140", loading: "lazy", className: "rounded", src: e, alt: l("explorer.libray.img.alt") }),
+    /* @__PURE__ */ i("p", { className: "m-8", children: l("explorer.libray.title") }),
+    /* @__PURE__ */ o("button", { type: "button", onClick: a, rel: "noreferrer", className: "btn btn-ghost-primary d-inline-flex align-items-center gap-4 p-8", children: [
+      /* @__PURE__ */ i("span", { children: l("explorer.libray.btn") }),
+      /* @__PURE__ */ i(u, {})
     ] })
   ] });
 };

package/lib/MoveModal.js

@@ -1,16 +1,16 @@
 import { jsxs as T, jsx as s } from "react/jsx-runtime";
-import { findNodeById as x, getAncestors as C, useOdeClient as S, Modal as m, TreeView as F, Button as b } from "@edifice-ui/react";
+import { findNodeById as x, getAncestors as C, useEdificeClient as S, Modal as m, TreeView as F, Button as b } from "@edifice.io/react";
 import { createPortal as g } from "react-dom";
 import { useTranslation as w } from "react-i18next";
 import { useQueryClient as A } from "@tanstack/react-query";
 import { useState as B } from "react";
-import { y as D, j, i as k, z as E, a as O } from "./index2.js";
-function U({
+import { y as D, j as E, i as j, z as k, a as U } from "./index2.js";
+function O({
   onSuccess: a
 }) {
-  const [d, n] = B(), u = A(), o = D(), h = j(), p = k(), i = E(), {
+  const [d, n] = B(), u = A(), o = D(), h = E(), p = j(), i = k(), {
     fetchTreeData: v
-  } = O();
+  } = U();
   async function y() {
     try {
       if (!d) throw new Error("explorer.move.selection.empty");
@@ -64,7 +64,7 @@ function W({
     handleOnTreeItemUnfold: i,
     onMove: v,
     disableSubmit: y
-  } = U({
+  } = O({
     onSuccess: d
   }), I = {
     ...h,

package/lib/OnboardingModal.js

@@ -1,5 +1,5 @@
-import "@edifice-ui/react";
-import { OnboardingModal as n } from "@edifice-ui/react";
+import "@edifice.io/react";
+import { OnboardingModal as n } from "@edifice.io/react";
 export {
   n as default
 };

package/lib/PublishModal.js

@@ -1,5 +1,5 @@
-import "@edifice-ui/react";
-import { PublishModal as d } from "@edifice-ui/react";
+import "@edifice.io/react";
+import { PublishModal as d } from "@edifice.io/react";
 export {
   d as default
 };

package/lib/ResourceModal.js

@@ -1,5 +1,5 @@
-import "@edifice-ui/react";
-import { ResourceModal as d } from "@edifice-ui/react";
+import "@edifice.io/react";
+import { ResourceModal as d } from "@edifice.io/react";
 export {
   d as default
 };

package/lib/ResourcesList.js

@@ -1,133 +1,158 @@
-import { jsx as e, jsxs as o, Fragment as j } from "react/jsx-runtime";
-import O, { 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 P, useOdeClient as H, useDate as J, Button as K } from "@edifice-ui/react";
-import { useSpring as Q, animated as w } from "@react-spring/web";
-import V from "clsx";
-import { useTranslation as A } from "react-i18next";
-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: x,
-  isSelected: b = !1,
-  isSelectable: u = !0,
-  onClick: m,
-  onSelect: c
+import { jsxs as n, jsx as i, Fragment as k } from "react/jsx-runtime";
+import D, { useState as O, useEffect as H, useCallback as $ } from "react";
+import { useBreakpoint as j, Card as m, IconButton as V, Image as E, AppIcon as G, Avatar as L, Tooltip as F, useEdificeClient as U, useDate as q, Button as J } from "@edifice.io/react";
+import { useSpring as K, animated as P } from "@react-spring/web";
+import Q from "clsx";
+import { useTranslation as T } from "react-i18next";
+import { f as z, o as W, e as X, h as Y, i as Z, a as ee } from "./index2.js";
+import { useDraggable as ie } from "@dnd-kit/core";
+import { S as te, D as ae } from "./DraggableCard.js";
+const le = ({
+  title: t,
+  titleId: e,
+  ...s
+}) => /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": e, ...s, children: [
+  t ? /* @__PURE__ */ i("title", { id: e, children: t }) : null,
+  /* @__PURE__ */ i("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.726 3.29A9.01 9.01 0 0 0 3.055 11H7.05a16.3 16.3 0 0 1 2.676-7.71m4.548 0A16.3 16.3 0 0 1 16.95 11h3.995a9.01 9.01 0 0 0-6.67-7.71m.668 7.71A14.3 14.3 0 0 0 12 3.55 14.3 14.3 0 0 0 9.058 11zm-5.884 2h5.884A14.3 14.3 0 0 1 12 20.45 14.3 14.3 0 0 1 9.058 13M7.05 13H3.055a9.01 9.01 0 0 0 6.67 7.71A16.3 16.3 0 0 1 7.05 13m7.224 7.71A16.3 16.3 0 0 0 16.95 13h3.995a9.01 9.01 0 0 1-6.67 7.71M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11", clipRule: "evenodd" })
+] }), ne = ({
+  title: t,
+  titleId: e,
+  ...s
+}) => /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": e, ...s, children: [
+  t ? /* @__PURE__ */ i("title", { id: e, children: t }) : null,
+  /* @__PURE__ */ i("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-users_svg__a)", clipRule: "evenodd", children: /* @__PURE__ */ i("path", { d: "M19.055 12.803a1 1 0 0 1 1.272-.618c1.128.39 2.061 1.247 2.7 2.351.64 1.106.972 2.435.973 3.782V21a1 1 0 1 1-2 0v-2.681c0-1.03-.258-2.009-.704-2.782-.448-.773-1.034-1.258-1.623-1.462a1 1 0 0 1-.618-1.272M15.187 1.384a1 1 0 0 1 1.036-.962 5.129 5.129 0 0 1 2.11 9.71 1 1 0 1 1-.896-1.788 3.129 3.129 0 0 0-1.288-5.924 1 1 0 0 1-.962-1.036M1.505 15.694C2.481 14.622 3.825 14 5.25 14h8.5c1.424 0 2.769.622 3.744 1.694.974 1.068 1.506 2.498 1.506 3.973V22a1 1 0 1 1-2 0v-2.333c0-1.001-.363-1.945-.984-2.627-.618-.679-1.436-1.04-2.266-1.04h-8.5c-.83 0-1.648.361-2.266 1.04-.621.682-.984 1.626-.984 2.627V22a1 1 0 1 1-2 0v-2.333c0-1.475.533-2.905 1.505-3.974M9.5 3a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7M4 6.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0" }) }),
+  /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "icon-users_svg__a", children: /* @__PURE__ */ i("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] }), se = ({
+  title: t,
+  titleId: e,
+  ...s
+}) => /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24", height: "24", "aria-hidden": "true", "aria-labelledby": e, ...s, children: [
+  t ? /* @__PURE__ */ i("title", { id: e, children: t }) : null,
+  /* @__PURE__ */ i("g", { clipPath: "url(#icon-one-profile_svg__a)", children: /* @__PURE__ */ i("path", { fill: "currentColor", d: "M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24m0 4.65a4.26 4.26 0 1 1 0 8.51 4.26 4.26 0 0 1 0-8.51m0 16.64a9.27 9.27 0 0 1-7.09-3.3 5.4 5.4 0 0 1 4.77-2.9c.11 0 .23.03.34.06.63.2 1.29.33 1.98.33.7 0 1.35-.13 1.98-.33.11-.03.23-.05.34-.05a5.4 5.4 0 0 1 4.77 2.89 9.27 9.27 0 0 1-7.09 3.3" }) }),
+  /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "icon-one-profile_svg__a", children: /* @__PURE__ */ i("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] }), B = ({
+  app: t,
+  resource: e,
+  time: s,
+  isSelected: x = !1,
+  isSelectable: b = !0,
+  onClick: g,
+  onSelect: r
 }) => {
-  const [s, h] = B(!1), p = z(), {
-    lg: R
-  } = G(), g = `/userbook/avatar/${t == null ? void 0 : t.creatorId}`;
-  function I(a) {
+  const [d, p] = O(!1), h = z(), {
+    lg: f
+  } = j(), v = `/userbook/avatar/${e == null ? void 0 : e.creatorId}`;
+  function w(l) {
     const {
-      rights: D,
-      creatorId: F
-    } = a || {};
-    return D.filter((T) => !T.includes(F)).length >= 1;
+      rights: N,
+      creatorId: M
+    } = l || {};
+    return N.filter((C) => !C.includes(M)).length >= 1;
   }
   const {
-    attributes: v,
-    listeners: C,
-    setNodeRef: y,
-    transform: n
-  } = tt({
-    id: t.id,
+    attributes: R,
+    listeners: _,
+    setNodeRef: S,
+    transform: c
+  } = ie({
+    id: e.id,
     data: {
-      id: t.id,
+      id: e.id,
       type: "resource"
     },
-    disabled: !!p || !R
-  }), S = I(t), N = t == null ? void 0 : t.public, f = W(), {
-    t: i
-  } = A(), 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)`
+    disabled: !!h || !f
+  }), y = w(e), I = e == null ? void 0 : e.public, u = W(), {
+    t: a
+  } = T(), o = {
+    position: d ? "absolute" : "relative",
+    zIndex: d ? 2e3 : 1,
+    transform: `translate3d(${((c == null ? void 0 : c.x) ?? 0) / 1}px, ${((c == null ? void 0 : c.y) ?? 0) / 1}px, 0)`
   };
-  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 && b, isSelectable: !s && u, 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(r.Title, { children: t == null ? void 0 : t.name }),
-        /* @__PURE__ */ e(r.Text, { children: /* @__PURE__ */ e("em", { children: x }) })
+  return H(() => {
+    const l = u.elementDrag === e.id;
+    p(l);
+  }, [u]), /* @__PURE__ */ i("div", { ref: S, style: {
+    ...o
+  }, children: d ? /* @__PURE__ */ i(ae, { app: t, type: "resource", name: e == null ? void 0 : e.name }) : /* @__PURE__ */ i(m, { app: t, isSelected: !d && x, isSelectable: !d && b, onClick: g, onSelect: r, children: (l) => /* @__PURE__ */ n(k, { children: [
+    !d && f && !h && /* @__PURE__ */ i("div", { className: "card-header z-3", style: {
+      position: "fixed",
+      left: "37px"
+    }, children: /* @__PURE__ */ i(V, { ..._, ...R, className: "bg-white z-3", color: "secondary", icon: /* @__PURE__ */ i(te, {}), variant: "ghost" }) }),
+    /* @__PURE__ */ n(m.Body, { children: [
+      /* @__PURE__ */ i("div", { className: "card-image medium", children: e != null && e.thumbnail ? /* @__PURE__ */ i(E, { alt: "", src: `${e == null ? void 0 : e.thumbnail}?thumbnail=80x80`, objectFit: "cover", className: "h-full w-100" }) : /* @__PURE__ */ i(G, { app: t, iconFit: "ratio", size: "80", variant: "rounded" }) }),
+      /* @__PURE__ */ n("div", { className: "text-truncate", children: [
+        /* @__PURE__ */ i(m.Title, { children: e == null ? void 0 : e.name }),
+        /* @__PURE__ */ i(m.Text, { children: /* @__PURE__ */ i("em", { children: s }) })
       ] })
     ] }),
-    /* @__PURE__ */ o(r.Footer, { children: [
-      /* @__PURE__ */ o("div", { className: "d-inline-flex align-items-center gap-8 text-truncate", children: [
-        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__ */ n(m.Footer, { children: [
+      /* @__PURE__ */ n("div", { className: "d-inline-flex align-items-center gap-8 text-truncate", children: [
+        v ? /* @__PURE__ */ i(L, { alt: (e == null ? void 0 : e.creatorName) || "", size: "xs", src: v, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ i(se, {}),
+        /* @__PURE__ */ i(m.Text, { children: e == null ? void 0 : e.creatorName })
       ] }),
-      /* @__PURE__ */ o("div", { className: "d-inline-flex align-items-center gap-8", children: [
-        S && /* @__PURE__ */ e(P, { message: i("tooltip.shared", {
-          ns: a
-        }), placement: "top", children: /* @__PURE__ */ e(et, { width: 16, height: 16 }) }),
-        N && /* @__PURE__ */ e(P, { message: i("tooltip.public", {
-          ns: a
-        }), placement: "top", children: /* @__PURE__ */ e(it, { width: 16, height: 16 }) })
+      /* @__PURE__ */ n("div", { className: "d-inline-flex align-items-center gap-8", children: [
+        y && /* @__PURE__ */ i(F, { message: a("tooltip.shared", {
+          ns: l
+        }), placement: "top", children: /* @__PURE__ */ i(ne, { width: 16, height: 16 }) }),
+        I && /* @__PURE__ */ i(F, { message: a("tooltip.public", {
+          ns: l
+        }), placement: "top", children: /* @__PURE__ */ i(le, { width: 16, height: 16 }) })
       ] })
     ] })
   ] }) }) });
 };
-$.displayName = "ResourceCard";
-const xt = ({
-  data: l,
-  fetchNextPage: t
+B.displayName = "ResourceCard";
+const ve = ({
+  data: t,
+  fetchNextPage: e
 }) => {
   const {
-    currentApp: x
-  } = H(), {
-    t: b
-  } = A(), {
-    fromNow: u
-  } = J(), m = X(), c = Y(), s = Z(), {
-    setSelectedResources: h,
-    setResourceIds: p,
-    openResource: R,
-    setResourceIsTrash: g
-  } = _(), I = z(), v = Q({
+    currentApp: s
+  } = U(), {
+    t: x
+  } = T(), {
+    fromNow: b
+  } = q(), g = X(), r = Y(), d = Z(), {
+    setSelectedResources: p,
+    setResourceIds: h,
+    openResource: f,
+    setResourceIsTrash: v
+  } = ee(), w = z(), R = K({
     from: {
       opacity: 0
     },
     to: {
       opacity: 1
     }
-  }), y = m.pagination.startIdx + m.pagination.pageSize < (m.pagination.maxIdx || 0), n = E(() => {
-    t();
-  }, []), S = (i) => {
-    I ? (g(!0), p([i.id]), h([i])) : R(i);
+  }), S = g.pagination.startIdx + g.pagination.pageSize < (g.pagination.maxIdx || 0), c = $(() => {
+    e();
+  }, []), y = (a) => {
+    w ? (v(!0), h([a.id]), p([a])) : f(a);
   };
-  async function N(i) {
-    if (c.includes(i.id)) {
-      p(c.filter((d) => d !== i.id)), h(s.filter((d) => d.id !== i.id));
+  async function I(a) {
+    if (r.includes(a.id)) {
+      h(r.filter((o) => o !== a.id)), p(d.filter((o) => o.id !== a.id));
       return;
     }
-    p([...c, i.id]), h([...s, i]);
+    h([...r, a.id]), p([...d, a]);
   }
-  const f = V("grid ps-0 list-unstyled");
-  return /* @__PURE__ */ o(O.Fragment, { children: [
-    /* @__PURE__ */ e(w.ul, { className: f, children: l == null ? void 0 : l.pages.map((i, d) => /* @__PURE__ */ e(O.Fragment, { children: i.resources.map((a) => {
+  const u = Q("grid ps-0 list-unstyled");
+  return /* @__PURE__ */ n(D.Fragment, { children: [
+    /* @__PURE__ */ i(P.ul, { className: u, children: t == null ? void 0 : t.pages.map((a, o) => /* @__PURE__ */ i(D.Fragment, { children: a.resources.map((l) => {
       const {
-        id: D,
-        updatedAt: F
-      } = a, k = u(F);
-      return /* @__PURE__ */ e(w.li, { className: "g-col-4", style: {
+        id: N,
+        updatedAt: M
+      } = l, A = b(M);
+      return /* @__PURE__ */ i(P.li, { className: "g-col-4", style: {
         position: "relative",
-        ...v
-      }, 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: b("explorer.see.more") }) })
+        ...R
+      }, children: /* @__PURE__ */ i(B, { app: s, resource: l, time: A, isSelectable: !0, isSelected: r.includes(l.id), onClick: (C) => {
+        C.stopPropagation(), y(l);
+      }, onSelect: () => I(l) }) }, N);
+    }) }, o)) }),
+    S && /* @__PURE__ */ i("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ i(J, { type: "button", color: "secondary", variant: "filled", onClick: c, children: x("explorer.see.more") }) })
   ] });
 };
 export {
-  xt as default
+  ve as default
 };

package/lib/TrashModal.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { Modal as r, Button as d } from "@edifice-ui/react";
+import { Modal as r, Button as d } from "@edifice.io/react";
 import { createPortal as i } from "react-dom";
 import { useTranslation as n } from "react-i18next";
 function h({

package/lib/components/OnboardingModal.d.ts

@@ -1,2 +1,2 @@
-import { OnboardingModal } from '@edifice-ui/react';
+import { OnboardingModal } from '@edifice.io/react';
 export default OnboardingModal;

package/lib/config/explorer.d.ts

@@ -1,4 +1,4 @@
-import { ResourceService, App, IAction, IFilter, IOrder, ResourceType } from 'edifice-ts-client';
+import { ResourceService, App, IAction, IFilter, IOrder, ResourceType } from '@edifice.io/client';
 export interface AppParams {
     /** Application code */
     app: App;

package/lib/dynamic-import-helper.js

@@ -0,0 +1,16 @@
+const l = (r, n, o) => {
+  const e = r[n];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, t) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      t.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + n + (n.split("/").length !== o ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+export {
+  l as _
+};

package/lib/features/AccessControl/AccessControl.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { IAction, RightRole } from 'edifice-ts-client';
+import { IAction, RightRole } from '@edifice.io/client';
 import { IObjectWithRights } from './useAccessControl';
 interface AccessControlProps {
     roleExpected: RightRole | RightRole[];

package/lib/features/AccessControl/useAccessControl.d.ts

@@ -1,4 +1,4 @@
-import { RightRole } from 'edifice-ts-client';
+import { RightRole } from '@edifice.io/client';
 export interface IObjectWithRights {
     rights: string[];
 }

package/lib/features/ActionBar/Move/useMoveModal.d.ts

@@ -2,7 +2,7 @@ interface ModalProps {
     onSuccess?: () => void;
 }
 export declare function useMoveModal({ onSuccess }: ModalProps): {
-    treeData: import('@edifice-ui/react').TreeData;
+    treeData: import('@edifice.io/react').TreeData;
     disableSubmit: boolean;
     handleTreeItemSelect: (folderId: string) => void;
     handleOnTreeItemUnfold: (nodeId: string) => void;