ode-explorer 2.6.17-develop.20261104155830 → 2.6.17-develop.20261105225934

package/lib/config/explorer.d.ts

@@ -1,4 +1,5 @@
-import { IResource, ResourceService, App, IAction, IFilter, IOrder, ResourceType } from '@edifice.io/client';
+import { ReactNode } from 'react';
+import { IFolder, IResource, ResourceService, App, IAction, IFilter, IOrder, ResourceType } from '@edifice.io/client';
 export interface AppParams {
     /** Application code */
     app: App;
@@ -22,5 +23,13 @@ export interface AppParams {
     enableOnboarding?: boolean;
     /** Callback function triggered when a resource is created */
     onResourceCreated?: (resource: IResource) => void;
+    /**
+     * Render app specific actions in the header, before the create button.
+     * Only rendered for users having the create right.
+     * `currentFolder` is undefined while a search is active.
+     */
+    renderAppActions?: (props: {
+        currentFolder?: Partial<IFolder>;
+    }) => ReactNode;
 }
 export declare function getExplorerConfig(): AppParams;

package/lib/index2.js

@@ -3,7 +3,7 @@ import { useEffect as B, Suspense as Q, lazy as M, useState as ie, useRef as we,
 import { useSensor as oe, PointerSensor as xe, KeyboardSensor as Se, useSensors as be, DndContext as Te } from "@dnd-kit/core";
 import { snapCenterToCursor as Fe } from "@dnd-kit/modifiers";
 import { odeServices as N, FOLDER as E, SORT_ORDER as Re, ResourceService as de, isActionAvailable as ne } from "@edifice.io/client";
-import { findParentNode as ve, findNodeById as G, wrapTreeNode as Ee, useToast as U, moveNode as Le, useUser as ue, useEdificeClient as Z, useShareMutation as Ne, useUpdateMutation as Ae, addNode as Me, updateNode as ke, deleteNode as Pe, getAncestors as ae, LoadingScreen as H, FormControl as He, Input as Qe, SearchButton as Ue, Dropdown as K, useToggle as Ze, useScrollToTop as Oe, TreeView as qe, Button as Be, IconButton as Ve, useXitiTrackPageLoad as _e, AppHeader as Ke, Breadcrumb as $e, Grid as te } from "@edifice.io/react";
+import { findParentNode as ve, findNodeById as G, wrapTreeNode as Ee, useToast as U, moveNode as Le, useUser as ue, useEdificeClient as Z, useShareMutation as Ne, useUpdateMutation as Ae, addNode as Me, updateNode as ke, deleteNode as Pe, getAncestors as ae, LoadingScreen as H, FormControl as He, Input as Qe, SearchButton as Ue, Dropdown as $, useToggle as Ze, useScrollToTop as Oe, TreeView as qe, Button as Be, IconButton as Ve, useXitiTrackPageLoad as _e, AppHeader as Ke, Breadcrumb as $e, Grid as te } from "@edifice.io/react";
 import { t as L } from "i18next";
 import { createStore as ze, useStore as je } from "zustand";
 import { useQuery as We, queryOptions as Ge, useQueryClient as P, useMutation as O, useInfiniteQuery as Je } from "@tanstack/react-query";
@@ -416,11 +416,11 @@ const he = async (e) => {
 function T(e) {
   return je(it, e);
 }
-const dt = (e) => e.treeData, ut = (e) => e.actions, $ = () => T(dt), R = () => T(ut), A = () => T((e) => e.searchParams), se = () => T((e) => e.selectedNodeId), ps = () => T((e) => e.selectedFolders), fs = () => T((e) => e.selectedResources), ht = () => T((e) => e.searchConfig), J = () => T((e) => e.folderIds), X = () => T((e) => e.resourceIds), Y = () => T((e) => e.selectedResources.map((t) => t.assetId)), ee = () => T((e) => e.selectedResources.filter((t) => t.assetId === t.id)), z = () => T((e) => e.currentFolder), re = () => {
-  const e = z();
+const dt = (e) => e.treeData, ut = (e) => e.actions, z = () => T(dt), R = () => T(ut), A = () => T((e) => e.searchParams), se = () => T((e) => e.selectedNodeId), ps = () => T((e) => e.selectedFolders), fs = () => T((e) => e.selectedResources), ht = () => T((e) => e.searchConfig), J = () => T((e) => e.folderIds), X = () => T((e) => e.resourceIds), Y = () => T((e) => e.selectedResources.map((t) => t.assetId)), ee = () => T((e) => e.selectedResources.filter((t) => t.assetId === t.id)), _ = () => T((e) => e.currentFolder), re = () => {
+  const e = _();
   return (e == null ? void 0 : e.id) === E.BIN;
 }, pt = () => T((e) => e.resourceIsTrash), gs = () => T((e) => e.resourceOrFolderIsDraggable), ft = () => T((e) => e.elementDragOver), gt = () => T((e) => e.resourceActionDisable), mt = () => {
-  const e = z();
+  const e = _();
   return (e == null ? void 0 : e.id) === "default";
 }, yt = () => T((e) => e.status), Ct = () => {
   const e = gt(), {
@@ -571,7 +571,7 @@ const xt = (e, t) => {
     getNextPageParam: (a) => a.pagination.startIdx + a.pagination.pageSize
   });
 }, ys = () => {
-  const e = U(), t = P(), s = A(), r = $(), o = J(), l = Y(), a = X(), c = ee().length > 0, p = c ? l : a, {
+  const e = U(), t = P(), s = A(), r = z(), o = J(), l = Y(), a = X(), c = ee().length > 0, p = c ? l : a, {
     clearSelectedItems: d,
     clearSelectedIds: i,
     setTreeData: h,
@@ -723,7 +723,7 @@ const xt = (e, t) => {
 }, ws = () => {
   const e = U(), t = A(), s = P(), {
     user: r
-  } = ue(), o = z(), {
+  } = ue(), o = _(), {
     filters: l,
     trashed: a
   } = t, c = "duplicate_start", p = ["context", {
@@ -777,7 +777,7 @@ const xt = (e, t) => {
     }
   });
 }, Tt = () => {
-  const e = U(), t = P(), s = A(), r = $(), o = J(), l = Y(), a = X(), c = ee().length > 0, p = c ? l : a, {
+  const e = U(), t = P(), s = A(), r = z(), o = J(), l = Y(), a = X(), c = ee().length > 0, p = c ? l : a, {
     clearSelectedIds: d,
     clearSelectedItems: i,
     setTreeData: h,
@@ -842,7 +842,7 @@ const xt = (e, t) => {
     }
   });
 }, Ds = () => {
-  const e = U(), t = P(), s = A(), r = $(), {
+  const e = U(), t = P(), s = A(), r = z(), {
     setTreeData: o
   } = R(), {
     filters: l,
@@ -893,7 +893,7 @@ const xt = (e, t) => {
     }
   });
 }, xs = () => {
-  const e = U(), t = P(), s = A(), r = $(), {
+  const e = U(), t = P(), s = A(), r = z(), {
     setFolderIds: o,
     setSelectedFolders: l,
     setTreeData: a
@@ -1116,7 +1116,7 @@ function Ft() {
     setResourceIds: p,
     setFolderIds: d,
     fetchTreeData: i
-  } = R(), h = $(), g = oe(xe, {
+  } = R(), h = z(), g = oe(xe, {
     activationConstraint: {
       delay: wt,
       tolerance: Dt
@@ -1138,8 +1138,8 @@ function Ft() {
       const {
         over: D,
         active: y
-      } = S, f = D == null ? void 0 : D.data.current, w = y.data.current, v = ae(h, f == null ? void 0 : f.id), _ = le(h, f == null ? void 0 : f.id);
-      if ((w == null ? void 0 : w.id) == (f == null ? void 0 : f.id) || v.includes(w == null ? void 0 : w.id) || _.includes(w == null ? void 0 : w.id))
+      } = S, f = D == null ? void 0 : D.data.current, w = y.data.current, v = ae(h, f == null ? void 0 : f.id), K = le(h, f == null ? void 0 : f.id);
+      if ((w == null ? void 0 : w.id) == (f == null ? void 0 : f.id) || v.includes(w == null ? void 0 : w.id) || K.includes(w == null ? void 0 : w.id))
         p([]), d([]);
       else {
         const j = (f == null ? void 0 : f.name) ?? l;
@@ -1175,7 +1175,7 @@ function Ft() {
       const {
         over: D,
         active: y
-      } = S, f = D == null ? void 0 : D.data.current, w = y == null ? void 0 : y.data.current, v = ae(h, f == null ? void 0 : f.id), _ = le(h, f == null ? void 0 : f.id);
+      } = S, f = D == null ? void 0 : D.data.current, w = y == null ? void 0 : y.data.current, v = ae(h, f == null ? void 0 : f.id), K = le(h, f == null ? void 0 : f.id);
       if (D) {
         const j = {
           isOver: !0,
@@ -1183,7 +1183,7 @@ function Ft() {
           overId: f == null ? void 0 : f.id,
           isTreeview: f == null ? void 0 : f.isTreeview
         };
-        (w == null ? void 0 : w.id) === (f == null ? void 0 : f.id) || v.includes(w == null ? void 0 : w.id) || _.includes(w == null ? void 0 : w.id) ? c({
+        (w == null ? void 0 : w.id) === (f == null ? void 0 : f.id) || v.includes(w == null ? void 0 : w.id) || K.includes(w == null ? void 0 : w.id) ? c({
           ...j,
           canMove: !1
         }) : (i(f == null ? void 0 : f.id, e), c({
@@ -1202,7 +1202,7 @@ function Ft() {
   };
 }
 const Rt = /* @__PURE__ */ M(async () => await import("./EmptyScreenApp.js")), vt = /* @__PURE__ */ M(async () => await import("./EmptyScreenSearch.js")), Et = /* @__PURE__ */ M(async () => await import("./EmptyScreenError.js")), Lt = /* @__PURE__ */ M(async () => await import("./EmptyScreenNoContentInFolder.js")), Nt = /* @__PURE__ */ M(async () => await import("./EmptyScreenTrash.js")), At = /* @__PURE__ */ M(async () => await import("./FoldersList.js")), Mt = /* @__PURE__ */ M(async () => await import("./ResourcesList.js")), kt = () => {
-  const e = mt(), t = re(), s = se(), r = A(), o = z(), l = U(), a = P(), {
+  const e = mt(), t = re(), s = se(), r = A(), o = _(), l = U(), a = P(), {
     appCode: c
   } = Z(), {
     t: p
@@ -1308,7 +1308,7 @@ const Rt = /* @__PURE__ */ M(async () => await import("./EmptyScreenApp.js")), v
       return;
     }
     o(i);
-  }, a = z(), c = A(), {
+  }, a = _(), c = A(), {
     setSearchParams: p
   } = R();
   B(() => {
@@ -1386,12 +1386,12 @@ const Rt = /* @__PURE__ */ M(async () => await import("./EmptyScreenApp.js")), v
         ns: e
       }), onClick: d })
     ] }),
-    /* @__PURE__ */ b(K, { placement: "bottom-end", children: [
-      /* @__PURE__ */ n(K.Trigger, { label: t("explorer.filters"), icon: /* @__PURE__ */ n(Qt, { width: 20 }), variant: "ghost", badgeContent: i }),
-      /* @__PURE__ */ n(K.Menu, { children: r.map((h) => h.value === "0" ? /* @__PURE__ */ b(De, { children: [
-        /* @__PURE__ */ n(K.RadioItem, { value: h.value, model: s, onChange: () => o(h.value), children: h.label }),
-        /* @__PURE__ */ n(K.Separator, {})
-      ] }, "0") : /* @__PURE__ */ n(K.RadioItem, { value: h.value, model: s, onChange: () => o(h.value), children: h.label }, h.value)) })
+    /* @__PURE__ */ b($, { placement: "bottom-end", children: [
+      /* @__PURE__ */ n($.Trigger, { label: t("explorer.filters"), icon: /* @__PURE__ */ n(Qt, { width: 20 }), variant: "ghost", badgeContent: i }),
+      /* @__PURE__ */ n($.Menu, { children: r.map((h) => h.value === "0" ? /* @__PURE__ */ b(De, { children: [
+        /* @__PURE__ */ n($.RadioItem, { value: h.value, model: s, onChange: () => o(h.value), children: h.label }),
+        /* @__PURE__ */ n($.Separator, {})
+      ] }, "0") : /* @__PURE__ */ n($.RadioItem, { value: h.value, model: s, onChange: () => o(h.value), children: h.label }, h.value)) })
     ] })
   ] });
 }, qt = ({
@@ -1407,7 +1407,7 @@ const Rt = /* @__PURE__ */ M(async () => await import("./EmptyScreenApp.js")), v
     /* @__PURE__ */ n("span", { children: r("explorer.tree.trash") })
   ] }) }) }) }) }) }) });
 }, Bt = /* @__PURE__ */ M(async () => await import("./FolderModal.js")), Vt = () => {
-  const [e, t] = Ze(), s = P(), r = $(), o = re(), l = se(), a = ft(), c = Oe(), p = o ? E.BIN : l, {
+  const [e, t] = Ze(), s = P(), r = z(), o = re(), l = se(), a = ft(), c = Oe(), p = o ? E.BIN : l, {
     appCode: d
   } = Z(), {
     t: i
@@ -1427,8 +1427,8 @@ const Rt = /* @__PURE__ */ M(async () => await import("./EmptyScreenApp.js")), v
   }, F = (S) => {
     var f, w;
     const D = G(r, S), y = (f = D == null ? void 0 : D.children) == null ? void 0 : f.some((v) => {
-      var _;
-      return Array.isArray(v == null ? void 0 : v.children) && ((_ = v.children) == null ? void 0 : _.length) > 0;
+      var K;
+      return Array.isArray(v == null ? void 0 : v.children) && ((K = v.children) == null ? void 0 : K.length) > 0;
     });
     (w = D == null ? void 0 : D.children) == null || w.forEach((v) => {
       y || C(v.id, s);
@@ -1452,7 +1452,7 @@ function _t() {
     t: s
   } = V(["common", e]), {
     inputSearch: r
-  } = Ce(), o = se(), l = re(), a = z(), c = s("explorer.tree.trash"), p = s("explorer.tree.search"), d = s("explorer.filters.mine", {
+  } = Ce(), o = se(), l = re(), a = _(), c = s("explorer.tree.trash"), p = s("explorer.tree.search"), d = s("explorer.filters.mine", {
     ns: e
   }), i = (a == null ? void 0 : a.name) || d;
   return /* @__PURE__ */ n("div", { className: "py-16", children: o && o !== "bin" && o !== "default" && !l ? /* @__PURE__ */ b("div", { className: "d-flex align-items-center gap-8", children: [
@@ -1476,28 +1476,36 @@ const Kt = "data:image/svg+xml,%3csvg%20width='300'%20height='214'%20viewBox='0%
   }, [e]);
   const {
     currentApp: o
-  } = Z(), {
-    data: l
+  } = Z(), l = _(), {
+    data: a
   } = St(e.actions), {
-    isTrashedModalOpen: a,
-    onTrashedCancel: c
+    isTrashedModalOpen: c,
+    onTrashedCancel: p
   } = It(), {
-    isActionDisableModalOpen: p,
-    onActionDisableCancel: d
+    isActionDisableModalOpen: d,
+    onActionDisableCancel: i
   } = Ct(), {
-    handleDragEnd: i,
-    handleDragOver: h,
-    handleDragStart: u,
-    sensors: g
+    handleDragEnd: h,
+    handleDragOver: u,
+    handleDragStart: g,
+    sensors: m
   } = Ft();
   _e();
-  const m = ne("publish", l), I = ne("create", l);
+  const I = ne("publish", a), C = ne("create", a);
   return e && /* @__PURE__ */ b(W, { children: [
-    /* @__PURE__ */ n(Ke, { render: () => I ? /* @__PURE__ */ n(Q, { fallback: /* @__PURE__ */ n(H, {}), children: /* @__PURE__ */ n(jt, { onResourceCreated: e.onResourceCreated }) }) : null, children: /* @__PURE__ */ n($e, { app: o }) }),
-    /* @__PURE__ */ n(te, { className: "flex-grow-1", children: /* @__PURE__ */ b(Te, { sensors: g, modifiers: [Fe], onDragStart: u, onDragEnd: i, onDragOver: h, children: [
+    /* @__PURE__ */ n(Ke, { render: () => {
+      var x;
+      return C ? /* @__PURE__ */ b(Q, { fallback: /* @__PURE__ */ n(H, {}), children: [
+        (x = e.renderAppActions) == null ? void 0 : x.call(e, {
+          currentFolder: l
+        }),
+        /* @__PURE__ */ n(jt, { onResourceCreated: e.onResourceCreated })
+      ] }) : null;
+    }, children: /* @__PURE__ */ n($e, { app: o }) }),
+    /* @__PURE__ */ n(te, { className: "flex-grow-1", children: /* @__PURE__ */ b(Te, { sensors: m, modifiers: [Fe], onDragStart: g, onDragEnd: h, onDragOver: u, children: [
       /* @__PURE__ */ n(te.Col, { sm: "3", lg: "2", xl: "3", className: "border-end pt-16 pe-16 d-none d-lg-block", as: "aside", children: /* @__PURE__ */ b(Q, { fallback: /* @__PURE__ */ n(H, {}), children: [
         /* @__PURE__ */ n(Vt, {}),
-        m && /* @__PURE__ */ n(Wt, {})
+        I && /* @__PURE__ */ n(Wt, {})
       ] }) }),
       /* @__PURE__ */ b(te.Col, { sm: "4", md: "8", lg: "6", xl: "9", children: [
         /* @__PURE__ */ n(Ot, {}),
@@ -1524,8 +1532,8 @@ const Kt = "data:image/svg+xml,%3csvg%20width='300'%20height='214'%20viewBox='0%
           nextText: "explorer.modal.onboarding.trash.next",
           closeText: "explorer.modal.onboarding.trash.close"
         } }),
-        a && /* @__PURE__ */ n(Xt, { isOpen: a, onCancel: c }),
-        p && /* @__PURE__ */ n(Jt, { isOpen: p, onCancel: d })
+        c && /* @__PURE__ */ n(Xt, { isOpen: c, onCancel: p }),
+        d && /* @__PURE__ */ n(Jt, { isOpen: d, onCancel: i })
       ] })
     ] }) })
   ] });
@@ -1537,7 +1545,7 @@ export {
   Ut as S,
   R as a,
   St as b,
-  z as c,
+  _ as c,
   Ts as d,
   A as e,
   re as f,
@@ -1560,5 +1568,5 @@ export {
   Is as w,
   ys as x,
   Tt as y,
-  $ as z
+  z
 };

package/package.json

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