ode-explorer 1.3.2-dev.202401091744 → 1.3.2-dev.202401151654

package/lib/ActionBarContainer.js

@@ -1,344 +1,248 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useState, useEffect, Suspense, lazy } from "react";
-import { useUser, Button, ActionBar, LoadingScreen } from "@edifice-ui/react";
-import { useTransition, animated } from "@react-spring/web";
-import { useTranslation } from "react-i18next";
-import { odeServices, ACTION } from "edifice-ts-client";
-import { d as useIsTrash, e as useStoreContext, b as useCurrentFolder, f as useResourceIds, g as useSelectedResources, h as useSelectedFolders, i as useFolderIds, j as useRestore, k as useResourceIsTrash, u as useStoreActions, a as useActions, l as useShareResource, m as useUpdateResource } from "./index2.js";
+import { jsx as u, Fragment as j, jsxs as V } from "react/jsx-runtime";
+import { useState as F, useEffect as $, Suspense as ce, lazy as y } from "react";
+import { useUser as ae, Button as G, ActionBar as ie, LoadingScreen as le } from "@edifice-ui/react";
+import { useTransition as ue, animated as de } from "@react-spring/web";
+import { useTranslation as q } from "react-i18next";
+import { odeServices as w, ACTION as l } from "edifice-ts-client";
+import { d as Y, e as fe, b as he, f as pe, g as J, h as me, i as Re, j as Se, k as Ee, u as K, a as Oe, l as ye, m as Ce } from "./index2.js";
 import "@edifice-ui/icons";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-function useAccessControl({
-  roles,
-  rights,
-  action
+function be({
+  roles: c,
+  rights: e,
+  action: o
 }) {
-  const [visible, setVisible] = useState(false);
-  const {
-    user
-  } = useUser();
-  const isTrashFolder = useIsTrash();
-  useEffect(() => {
-    refreshState();
-  }, [roles, rights]);
-  const checkRights = async function(rights2) {
-    const safeRight = rights2 instanceof Array ? rights2 : [rights2];
-    if (roles instanceof Array) {
-      const can = await odeServices.rights().sessionHasAtLeastOneResourceRight(roles, safeRight);
-      setVisible(can);
+  const [a, s] = F(!1), {
+    user: m
+  } = ae(), R = Y();
+  $(() => {
+    S();
+  }, [c, e]);
+  const d = async function(r) {
+    const t = r instanceof Array ? r : [r];
+    if (c instanceof Array) {
+      const p = await w.rights().sessionHasAtLeastOneResourceRight(c, t);
+      s(p);
     } else {
-      const can = await odeServices.rights().sessionHasResourceRight(roles, safeRight);
-      setVisible(can);
+      const p = await w.rights().sessionHasResourceRight(c, t);
+      s(p);
     }
-  };
-  const checkRightForMultipleResources = async function(rights2) {
-    if (roles instanceof Array) {
-      const can = await odeServices.rights().sessionHasAtLeastOneResourceRightForEachList(roles, rights2);
-      setVisible(can);
+  }, f = async function(r) {
+    if (c instanceof Array) {
+      const t = await w.rights().sessionHasAtLeastOneResourceRightForEachList(c, r);
+      s(t);
     } else {
-      const can = await odeServices.rights().sessionHasResourceRightForEachList(roles, rights2);
-      setVisible(can);
+      const t = await w.rights().sessionHasResourceRightForEachList(c, r);
+      s(t);
     }
-  };
-  const refreshState = async function() {
-    var _a, _b, _c;
-    if (roles === void 0) {
-      setVisible(true);
+  }, S = async function() {
+    var r, t, p;
+    if (c === void 0) {
+      s(!0);
       return;
     }
-    if (isTrashFolder && ((_b = (_a = rights[0]) == null ? void 0 : _a.trashedBy) == null ? void 0 : _b.includes(user == null ? void 0 : user.userId)) && action === "restore" && !((_c = rights[0]) == null ? void 0 : _c.trashed)) {
-      setVisible(true);
+    if (R && ((t = (r = e[0]) == null ? void 0 : r.trashedBy) != null && t.includes(m == null ? void 0 : m.userId)) && o === "restore" && !((p = e[0]) != null && p.trashed)) {
+      s(!0);
       return;
     }
-    if (rights instanceof Array) {
-      if (rights.length > 0) {
-        if (typeof rights[0] === "string") {
-          await checkRights(rights);
-        } else {
-          const rightsArray = rights.map((e) => e.rights);
-          await checkRightForMultipleResources(rightsArray);
+    if (e instanceof Array)
+      if (e.length > 0)
+        if (typeof e[0] == "string")
+          await d(e);
+        else {
+          const C = e.map((O) => O.rights);
+          await f(C);
         }
-      } else {
-        setVisible(false);
-      }
-    } else {
-      if (typeof rights === "string") {
-        await checkRights(rights);
-      } else {
-        await checkRights(rights.rights);
-      }
-    }
+      else
+        s(!1);
+    else
+      typeof e == "string" ? await d(e) : await d(e.rights);
   };
   return {
-    visible,
-    refreshState
+    visible: a,
+    refreshState: S
   };
 }
-function useActionBar() {
-  const [isActionBarOpen, setIsActionBarOpen] = useState(false);
-  const [openedModalName, setOpenedModalName] = useState("void");
-  const [clickedAction, setClickedAction] = useState();
-  const config = useStoreContext((state) => state.config);
-  const currentFolder = useCurrentFolder();
-  const resourceIds = useResourceIds();
-  const selectedResources = useSelectedResources();
-  const selectedFolders = useSelectedFolders();
-  const folderIds = useFolderIds();
-  const isTrashFolder = useIsTrash();
-  const restoreItem = useRestore();
-  const isTrashResource = useResourceIsTrash();
-  const {
-    openResource,
-    printSelectedResource,
-    openFolder,
-    clearSelectedItems,
-    clearSelectedIds
-  } = useStoreActions();
-  const {
-    data: actions
-  } = useActions();
-  useEffect(() => {
-    if (resourceIds.length === 0 && folderIds.length === 0) {
-      setIsActionBarOpen(false);
+function Q() {
+  const [c, e] = F(!1), [o, a] = F("void"), [s, m] = F(), R = fe((n) => n.config), d = he(), f = pe(), S = J(), r = me(), t = Re(), p = Y(), C = Se(), O = Ee(), {
+    openResource: I,
+    printSelectedResource: P,
+    openFolder: T,
+    clearSelectedItems: B,
+    clearSelectedIds: D
+  } = K(), {
+    data: L
+  } = Oe();
+  $(() => {
+    if (f.length === 0 && t.length === 0) {
+      e(!1);
       return;
     }
-    if (isTrashResource) {
-      setIsActionBarOpen(false);
+    if (O) {
+      e(!1);
       return;
     }
-    setIsActionBarOpen(true);
-  }, [resourceIds, folderIds]);
-  async function handleClick(action) {
-    var _a;
-    (_a = document.getElementById("root")) == null ? void 0 : _a.setAttribute("aria-hidden", "true");
-    setClickedAction(action);
-    switch (action.id) {
-      case ACTION.OPEN:
-        if (resourceIds.length > 0) {
-          return openResource(selectedResources[0]);
-        } else {
-          return openFolder({
-            folder: selectedFolders[0],
-            folderId: selectedFolders[0].id
-          });
-        }
-      case ACTION.MOVE:
-        return setOpenedModalName("move");
-      case ACTION.PRINT:
-        return printSelectedResource();
-      case ACTION.DELETE:
-        return setOpenedModalName("delete");
-      case ACTION.RESTORE:
-        return await onRestore();
-      case ACTION.PUBLISH:
-        return setOpenedModalName("publish");
-      case ACTION.UPD_PROPS:
+    e(!0);
+  }, [f, t]);
+  async function _(n) {
+    var M;
+    switch ((M = document.getElementById("root")) == null || M.setAttribute("aria-hidden", "true"), m(n), n.id) {
+      case l.OPEN:
+        return f.length > 0 ? I(S[0]) : T({
+          folder: r[0],
+          folderId: r[0].id
+        });
+      case l.MOVE:
+        return a("move");
+      case l.PRINT:
+        return P();
+      case l.DELETE:
+        return a("delete");
+      case l.RESTORE:
+        return await v();
+      case l.PUBLISH:
+        return a("publish");
+      case l.UPD_PROPS:
       case "edit":
-        return onEdit();
-      case ACTION.SHARE:
-        return setOpenedModalName("share");
+        return oe();
+      case l.SHARE:
+        return a("share");
       default:
-        throw Error(`Unknown action: ${action.id}`);
+        throw Error(`Unknown action: ${n.id}`);
     }
   }
-  function isActivable(action) {
-    const all = resourceIds.length + folderIds.length;
-    const onlyOneItemSelected = resourceIds.length === 1 || folderIds.length === 1;
-    const onlyOneSelected = all === 1;
-    const noFolderSelected = folderIds.length === 0;
-    switch (action.id) {
-      case ACTION.OPEN:
-        return onlyOneSelected;
-      case ACTION.MANAGE:
-        return onlyOneItemSelected;
-      case ACTION.PUBLISH:
-        return onlyOneItemSelected && noFolderSelected;
-      case ACTION.UPD_PROPS:
-        return onlyOneItemSelected && noFolderSelected;
-      case ACTION.SHARE:
-        return noFolderSelected && onlyOneItemSelected;
-      case ACTION.PRINT:
-        return onlyOneItemSelected && noFolderSelected;
+  function N(n) {
+    const M = f.length + t.length, b = f.length === 1 || t.length === 1, z = M === 1, g = t.length === 0;
+    switch (n.id) {
+      case l.OPEN:
+        return z;
+      case l.MANAGE:
+        return b;
+      case l.PUBLISH:
+        return b && g;
+      case l.UPD_PROPS:
+        return b && g;
+      case l.SHARE:
+        return g && b;
+      case l.PRINT:
+        return b && g;
       case "edit":
-        return onlyOneSelected;
+        return z;
       default:
-        return true;
+        return !0;
     }
   }
-  const isActivableForTrash = () => true;
-  async function onRestore() {
+  const x = () => !0;
+  async function v() {
     try {
-      if (isTrashFolder) {
-        await restoreItem.mutate();
-      } else {
+      if (p)
+        await C.mutate();
+      else
         throw new Error("Cannot restore untrashed resources");
-      }
-      onClearActionBar();
-    } catch (e) {
-      console.error(e);
+      E();
+    } catch (n) {
+      console.error(n);
     }
   }
-  function onClearActionBar() {
-    var _a;
-    setOpenedModalName("void");
-    if (clickedAction == null ? void 0 : clickedAction.id) {
-      (_a = document.getElementById(clickedAction == null ? void 0 : clickedAction.id)) == null ? void 0 : _a.focus();
-    }
+  function E() {
+    var n;
+    a("void"), s != null && s.id && ((n = document.getElementById(s == null ? void 0 : s.id)) == null || n.focus());
   }
-  const onFinish = (modalName) => () => {
-    if (openedModalName === modalName) {
-      onClearActionBar();
-      clearSelectedItems();
-      clearSelectedIds();
-    }
-  };
-  const onMoveCancel = onFinish("move");
-  const onMoveSuccess = onFinish("move");
-  const onDeleteSuccess = onFinish("delete");
-  const onDeleteCancel = onFinish("delete");
-  const onPublishSuccess = onFinish("publish");
-  const onPublishCancel = onFinish("publish");
-  const onEditFolderSuccess = onFinish("edit_folder");
-  const onEditFolderCancel = onFinish("edit_folder");
-  const onEditResourceSuccess = onFinish("edit_resource");
-  const onEditResourceCancel = onFinish("edit_resource");
-  const onShareResourceSuccess = onFinish("share");
-  const onShareResourceCancel = onFinish("share");
-  function onEdit() {
-    if (resourceIds && resourceIds.length > 0) {
-      setOpenedModalName("edit_resource");
-    } else {
-      setOpenedModalName("edit_folder");
-    }
+  const i = (n) => () => {
+    o === n && (E(), B(), D());
+  }, A = i("move"), H = i("move"), U = i("delete"), k = i("delete"), h = i("publish"), X = i("publish"), Z = i("edit_folder"), W = i("edit_folder"), ee = i("edit_resource"), se = i("edit_resource"), te = i("share"), ne = i("share");
+  function oe() {
+    f && f.length > 0 ? a("edit_resource") : a("edit_folder");
   }
-  function overrideLabel(action) {
-    if (action.id === "edit" && folderIds.length > 0) {
-      return "explorer.rename";
-    }
-    return `explorer.actions.${action.id}`;
+  function re(n) {
+    return n.id === "edit" && t.length > 0 ? "explorer.rename" : `explorer.actions.${n.id}`;
   }
   return {
-    onRestore,
-    actions: isTrashFolder ? config == null ? void 0 : config.trashActions : actions,
-    selectedElement: [...selectedResources, ...selectedFolders],
-    currentFolderId: currentFolder == null ? void 0 : currentFolder.id,
-    overrideLabel,
-    handleClick,
-    isActivable: isTrashFolder ? isActivableForTrash : isActivable,
-    isActionBarOpen,
-    isMoveModalOpen: openedModalName === "move",
-    onMoveCancel,
-    onMoveSuccess,
-    isDeleteModalOpen: openedModalName === "delete",
-    onDeleteCancel,
-    onDeleteSuccess,
-    isPublishModalOpen: openedModalName === "publish",
-    onPublishCancel,
-    onPublishSuccess,
-    isEditFolderOpen: openedModalName === "edit_folder",
-    onEditFolderCancel,
-    onEditFolderSuccess,
-    isEditResourceOpen: openedModalName === "edit_resource",
-    onEditResourceCancel,
-    onEditResourceSuccess,
-    isShareResourceOpen: openedModalName === "share",
-    onShareResourceCancel,
-    onShareResourceSuccess,
-    onClearActionBar
+    onRestore: v,
+    actions: p ? R == null ? void 0 : R.trashActions : L,
+    selectedElement: [...S, ...r],
+    currentFolderId: d == null ? void 0 : d.id,
+    overrideLabel: re,
+    handleClick: _,
+    isActivable: p ? x : N,
+    isActionBarOpen: c,
+    isMoveModalOpen: o === "move",
+    onMoveCancel: A,
+    onMoveSuccess: H,
+    isDeleteModalOpen: o === "delete",
+    onDeleteCancel: k,
+    onDeleteSuccess: U,
+    isPublishModalOpen: o === "publish",
+    onPublishCancel: X,
+    onPublishSuccess: h,
+    isEditFolderOpen: o === "edit_folder",
+    onEditFolderCancel: W,
+    onEditFolderSuccess: Z,
+    isEditResourceOpen: o === "edit_resource",
+    onEditResourceCancel: se,
+    onEditResourceSuccess: ee,
+    isShareResourceOpen: o === "share",
+    onShareResourceCancel: ne,
+    onShareResourceSuccess: te,
+    onClearActionBar: E
   };
 }
-function AccessControl({
-  resourceRights,
-  roleExpected,
-  action,
-  children,
-  renderWhenForbidden
+function ve({
+  resourceRights: c,
+  roleExpected: e,
+  action: o,
+  children: a,
+  renderWhenForbidden: s
 }) {
   const {
-    t
-  } = useTranslation();
-  const {
-    overrideLabel
-  } = useActionBar();
-  const {
-    visible
-  } = useAccessControl({
-    roles: roleExpected,
-    rights: resourceRights,
-    action: action == null ? void 0 : action.id
-  });
-  const {
-    setResourceActionDisable
-  } = useStoreActions();
-  const isTrashFolder = useIsTrash();
-  if (visible) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  } else if (renderWhenForbidden) {
-    return renderWhenForbidden();
-  } else if (isTrashFolder && !visible) {
-    return /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: () => {
-      setResourceActionDisable(true);
-    }, children: t(overrideLabel(action)) });
-  } else {
-    return /* @__PURE__ */ jsx(Fragment, {});
-  }
+    t: m
+  } = q(), {
+    overrideLabel: R
+  } = Q(), {
+    visible: d
+  } = be({
+    roles: e,
+    rights: c,
+    action: o == null ? void 0 : o.id
+  }), {
+    setResourceActionDisable: f
+  } = K(), S = Y();
+  return d ? /* @__PURE__ */ u(j, { children: a }) : s ? s() : S && !d ? /* @__PURE__ */ u(G, { type: "button", color: "primary", variant: "filled", onClick: () => {
+    f(!0);
+  }, children: m(R(o)) }) : /* @__PURE__ */ u(j, {});
 }
-const ShareModal = /* @__PURE__ */ lazy(async () => {
-  const module = await import("@edifice-ui/react");
-  return {
-    default: module.ShareModal
-  };
-});
-const PublishModal = /* @__PURE__ */ lazy(async () => {
-  const module = await import("@edifice-ui/react");
-  return {
-    default: module.PublishModal
-  };
-});
-const UpdateModal = /* @__PURE__ */ lazy(async () => {
-  const module = await import("@edifice-ui/react");
-  return {
-    default: module.ResourceModal
-  };
-});
-const DeleteModal = /* @__PURE__ */ lazy(async () => await import("./DeleteModal.js"));
-const MoveModal = /* @__PURE__ */ lazy(async () => await import("./MoveModal.js"));
-const FolderModal = /* @__PURE__ */ lazy(async () => await import("./FolderModal.js"));
-function ActionBarContainer() {
-  const {
-    t
-  } = useTranslation();
+const Ae = /* @__PURE__ */ y(async () => await import("./ShareModal.js")), Me = /* @__PURE__ */ y(async () => await import("./PublishModal.js")), ge = /* @__PURE__ */ y(async () => await import("./ResourceModal.js")), we = /* @__PURE__ */ y(async () => await import("./DeleteModal.js")), Fe = /* @__PURE__ */ y(async () => await import("./MoveModal.js")), Ie = /* @__PURE__ */ y(async () => await import("./FolderModal.js"));
+function je() {
   const {
-    actions,
-    selectedElement,
-    isMoveModalOpen,
-    isDeleteModalOpen,
-    isPublishModalOpen,
-    isActionBarOpen,
-    isEditFolderOpen,
-    overrideLabel,
-    onEditFolderCancel,
-    onEditFolderSuccess,
-    isEditResourceOpen,
-    onEditResourceCancel,
-    onEditResourceSuccess,
-    isShareResourceOpen,
-    onShareResourceCancel,
-    onShareResourceSuccess,
-    onMoveCancel,
-    onMoveSuccess,
-    onDeleteCancel,
-    onDeleteSuccess,
-    onPublishCancel,
-    onPublishSuccess,
-    isActivable,
-    handleClick
-  } = useActionBar();
-  const selectedResources = useSelectedResources();
-  const shareResource = useShareResource();
-  const updateResource = useUpdateResource();
-  const transition = useTransition(isActionBarOpen, {
+    t: c
+  } = q(), {
+    actions: e,
+    selectedElement: o,
+    isMoveModalOpen: a,
+    isDeleteModalOpen: s,
+    isPublishModalOpen: m,
+    isActionBarOpen: R,
+    isEditFolderOpen: d,
+    overrideLabel: f,
+    onEditFolderCancel: S,
+    onEditFolderSuccess: r,
+    isEditResourceOpen: t,
+    onEditResourceCancel: p,
+    onEditResourceSuccess: C,
+    isShareResourceOpen: O,
+    onShareResourceCancel: I,
+    onShareResourceSuccess: P,
+    onMoveCancel: T,
+    onMoveSuccess: B,
+    onDeleteCancel: D,
+    onDeleteSuccess: L,
+    onPublishCancel: _,
+    onPublishSuccess: N,
+    isActivable: x,
+    handleClick: v
+  } = Q(), E = J(), i = ye(), A = Ce(), H = ue(R, {
     from: {
       opacity: 0,
       transform: "translateY(100%)"
@@ -352,24 +256,20 @@ function ActionBarContainer() {
       transform: "translateY(100%)"
     }
   });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    transition((style, isActionBarOpen2) => {
-      return isActionBarOpen2 && /* @__PURE__ */ jsx(animated.div, { className: "position-fixed bottom-0 start-0 end-0 z-3", style, children: /* @__PURE__ */ jsx(ActionBar, { children: actions == null ? void 0 : actions.filter((action) => action.available && action.target === "actionbar").map((action) => {
-        return isActivable(action) && /* @__PURE__ */ jsx(AccessControl, { resourceRights: selectedElement, roleExpected: action.right, action, children: /* @__PURE__ */ jsx(Button, { id: action.id, type: "button", color: "primary", variant: "filled", onClick: () => {
-          handleClick(action);
-        }, children: t(overrideLabel(action)) }, action.id) }, action.id);
-      }) }) });
-    }),
-    /* @__PURE__ */ jsxs(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: [
-      isMoveModalOpen && /* @__PURE__ */ jsx(MoveModal, { isOpen: isMoveModalOpen, onCancel: onMoveCancel, onSuccess: onMoveSuccess }),
-      isDeleteModalOpen && /* @__PURE__ */ jsx(DeleteModal, { isOpen: isDeleteModalOpen, onCancel: onDeleteCancel, onSuccess: onDeleteSuccess }),
-      isPublishModalOpen && /* @__PURE__ */ jsx(PublishModal, { isOpen: isPublishModalOpen, resource: selectedResources[0], onCancel: onPublishCancel, onSuccess: onPublishSuccess }),
-      isEditFolderOpen && /* @__PURE__ */ jsx(FolderModal, { edit: true, isOpen: isEditFolderOpen, onCancel: onEditFolderCancel, onSuccess: onEditFolderSuccess }),
-      isEditResourceOpen && /* @__PURE__ */ jsx(UpdateModal, { mode: "update", actions, isOpen: isEditResourceOpen, selectedResource: selectedResources[0], updateResource, onCancel: onEditResourceCancel, onSuccess: onEditResourceSuccess }),
-      isShareResourceOpen && /* @__PURE__ */ jsx(ShareModal, { isOpen: isShareResourceOpen, resource: selectedResources[0], updateResource, shareResource, onCancel: onShareResourceCancel, onSuccess: onShareResourceSuccess })
+  return /* @__PURE__ */ V(j, { children: [
+    H((U, k) => k && /* @__PURE__ */ u(de.div, { className: "position-fixed bottom-0 start-0 end-0 z-3", style: U, children: /* @__PURE__ */ u(ie, { children: e == null ? void 0 : e.filter((h) => h.available && h.target === "actionbar").map((h) => x(h) && /* @__PURE__ */ u(ve, { resourceRights: o, roleExpected: h.right, action: h, children: /* @__PURE__ */ u(G, { id: h.id, type: "button", color: "primary", variant: "filled", onClick: () => {
+      v(h);
+    }, children: c(f(h)) }, h.id) }, h.id)) }) })),
+    /* @__PURE__ */ V(ce, { fallback: /* @__PURE__ */ u(le, {}), children: [
+      a && /* @__PURE__ */ u(Fe, { isOpen: a, onCancel: T, onSuccess: B }),
+      s && /* @__PURE__ */ u(we, { isOpen: s, onCancel: D, onSuccess: L }),
+      m && /* @__PURE__ */ u(Me, { isOpen: m, resource: E[0], onCancel: _, onSuccess: N }),
+      d && /* @__PURE__ */ u(Ie, { edit: !0, isOpen: d, onCancel: S, onSuccess: r }),
+      t && /* @__PURE__ */ u(ge, { mode: "update", actions: e, isOpen: t, selectedResource: E[0], updateResource: A, onCancel: p, onSuccess: C }),
+      O && /* @__PURE__ */ u(Ae, { isOpen: O, resource: E[0], updateResource: A, shareResource: i, onCancel: I, onSuccess: P })
     ] })
   ] });
 }
 export {
-  ActionBarContainer as default
+  je as default
 };