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

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer=1.0-SNAPSHOT 09/01/2024 16:06:03
+ode-explorer=1.0-SNAPSHOT 09/01/2024 17:44:25

package/explorer.d.ts

@@ -0,0 +1 @@
+export * from "./dist/ode-explorer";

package/lib/ActionBarContainer.js

@@ -0,0 +1,375 @@
+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 "@edifice-ui/icons";
+import "i18next";
+import "zustand";
+import "@tanstack/react-query";
+function useAccessControl({
+  roles,
+  rights,
+  action
+}) {
+  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);
+    } else {
+      const can = await odeServices.rights().sessionHasResourceRight(roles, safeRight);
+      setVisible(can);
+    }
+  };
+  const checkRightForMultipleResources = async function(rights2) {
+    if (roles instanceof Array) {
+      const can = await odeServices.rights().sessionHasAtLeastOneResourceRightForEachList(roles, rights2);
+      setVisible(can);
+    } else {
+      const can = await odeServices.rights().sessionHasResourceRightForEachList(roles, rights2);
+      setVisible(can);
+    }
+  };
+  const refreshState = async function() {
+    var _a, _b, _c;
+    if (roles === void 0) {
+      setVisible(true);
+      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);
+      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);
+        }
+      } else {
+        setVisible(false);
+      }
+    } else {
+      if (typeof rights === "string") {
+        await checkRights(rights);
+      } else {
+        await checkRights(rights.rights);
+      }
+    }
+  };
+  return {
+    visible,
+    refreshState
+  };
+}
+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);
+      return;
+    }
+    if (isTrashResource) {
+      setIsActionBarOpen(false);
+      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:
+      case "edit":
+        return onEdit();
+      case ACTION.SHARE:
+        return setOpenedModalName("share");
+      default:
+        throw Error(`Unknown action: ${action.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;
+      case "edit":
+        return onlyOneSelected;
+      default:
+        return true;
+    }
+  }
+  const isActivableForTrash = () => true;
+  async function onRestore() {
+    try {
+      if (isTrashFolder) {
+        await restoreItem.mutate();
+      } else {
+        throw new Error("Cannot restore untrashed resources");
+      }
+      onClearActionBar();
+    } catch (e) {
+      console.error(e);
+    }
+  }
+  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();
+    }
+  }
+  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");
+    }
+  }
+  function overrideLabel(action) {
+    if (action.id === "edit" && folderIds.length > 0) {
+      return "explorer.rename";
+    }
+    return `explorer.actions.${action.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
+  };
+}
+function AccessControl({
+  resourceRights,
+  roleExpected,
+  action,
+  children,
+  renderWhenForbidden
+}) {
+  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, {});
+  }
+}
+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 {
+    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, {
+    from: {
+      opacity: 0,
+      transform: "translateY(100%)"
+    },
+    enter: {
+      opacity: 1,
+      transform: "translateY(0)"
+    },
+    leave: {
+      opacity: 0,
+      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 })
+    ] })
+  ] });
+}
+export {
+  ActionBarContainer as default
+};

package/lib/AppAction.js

@@ -0,0 +1,47 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
+import { Plus } from "@edifice-ui/icons";
+import { useToggle, useOdeClient, Button, LoadingScreen } from "@edifice-ui/react";
+import { useTranslation } from "react-i18next";
+import { u as useStoreActions, a as useActions, b as useCurrentFolder, c as useCreateResource } from "./index2.js";
+import "edifice-ts-client";
+import "i18next";
+import "zustand";
+import "@tanstack/react-query";
+const CreateModal = /* @__PURE__ */ lazy(async () => {
+  const module = await import("@edifice-ui/react");
+  return {
+    default: module.ResourceModal
+  };
+});
+function AppAction() {
+  const [isCreateResourceOpen, toggle] = useToggle();
+  const {
+    appCode
+  } = useOdeClient();
+  const {
+    t
+  } = useTranslation(appCode);
+  const {
+    clearSelectedItems,
+    clearSelectedIds
+  } = useStoreActions();
+  const {
+    data: actions
+  } = useActions();
+  const canCreate = actions == null ? void 0 : actions.find((action) => action.id === "create");
+  const currentFolder = useCurrentFolder();
+  const createResource = useCreateResource();
+  const handleOnResourceCreate = () => {
+    clearSelectedItems();
+    clearSelectedIds();
+    toggle();
+  };
+  return canCreate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", leftIcon: /* @__PURE__ */ jsx(Plus, {}), className: "ms-auto", onClick: handleOnResourceCreate, children: t("explorer.create.title") }),
+    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: isCreateResourceOpen && /* @__PURE__ */ jsx(CreateModal, { mode: "create", actions, currentFolder, createResource, isOpen: isCreateResourceOpen, onSuccess: toggle, onCancel: toggle }) })
+  ] }) : null;
+}
+export {
+  AppAction as default
+};

package/lib/DeleteModal.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Modal, Button } from "@edifice-ui/react";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import { q as useDelete, r as useTrash, d as useIsTrash } from "./index2.js";
+import "react";
+import "@edifice-ui/icons";
+import "edifice-ts-client";
+import "i18next";
+import "zustand";
+import "@tanstack/react-query";
+function useDeleteModal({
+  onSuccess
+}) {
+  const deleteItem = useDelete();
+  const trashItem = useTrash();
+  const isTrashFolder = useIsTrash();
+  async function onDelete() {
+    try {
+      if (isTrashFolder) {
+        await deleteItem.mutate();
+      } else {
+        await trashItem.mutate();
+      }
+      onSuccess == null ? void 0 : onSuccess();
+    } catch (e) {
+      console.error(e);
+    }
+  }
+  return {
+    isTrashFolder,
+    onDelete
+  };
+}
+function DeleteModal({
+  isOpen,
+  onSuccess = () => ({}),
+  onCancel = () => ({})
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    isTrashFolder,
+    onDelete
+  } = useDeleteModal({
+    onSuccess
+  });
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "deleteModal", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t(isTrashFolder ? "explorer.delete.title" : "explorer.trash.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { className: "body", children: t(isTrashFolder ? "explorer.delete.subtitle" : "explorer.trash.subtitle") }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("explorer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onDelete, type: "button", variant: "filled", children: t(isTrashFolder ? "explorer.delete" : "explorer.trash") })
+    ] })
+  ] }), document.getElementById("portal"));
+}
+export {
+  DeleteModal as default
+};

package/lib/DisableModal.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Modal, Button } from "@edifice-ui/react";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+function ActionResourceDisableModal({
+  isOpen,
+  onCancel = () => ({})
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "trash_action_disable_resource", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => onCancel(), children: t("explorer.trash.action.modal.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { className: "body", children: t("explorer.trash.action.modal.text") }) }),
+    /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onCancel, type: "button", variant: "outline", children: t("close") }) })
+  ] }), document.getElementById("portal"));
+}
+export {
+  ActionResourceDisableModal as default
+};

package/lib/EmptyScreenApp.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { useOdeClient, useOdeTheme, usePaths, EmptyScreen } from "@edifice-ui/react";
+import { useTranslation } from "react-i18next";
+import { a as useActions } from "./index2.js";
+import "react";
+import "@edifice-ui/icons";
+import "edifice-ts-client";
+import "i18next";
+import "zustand";
+import "@tanstack/react-query";
+function EmptyScreenApp() {
+  const {
+    appCode
+  } = useOdeClient();
+  const {
+    theme
+  } = useOdeTheme();
+  const [imagePath] = usePaths();
+  const {
+    t
+  } = useTranslation();
+  const {
+    data: actions
+  } = useActions();
+  const canCreate = actions == null ? void 0 : actions.find((action) => action.id === "create");
+  const labelEmptyScreenApp = () => {
+    if ((canCreate == null ? void 0 : canCreate.available) && (theme == null ? void 0 : theme.is1d)) {
+      return t("explorer.emptyScreen.txt1d.create", {
+        ns: appCode
+      });
+    } else if ((canCreate == null ? void 0 : canCreate.available) && !(theme == null ? void 0 : theme.is1d)) {
+      return t("explorer.emptyScreen.txt2d.create", {
+        ns: appCode
+      });
+    } else if (!(canCreate == null ? void 0 : canCreate.available) && (theme == null ? void 0 : theme.is1d)) {
+      return t("explorer.emptyScreen.txt1d.consultation", {
+        ns: appCode
+      });
+    } else {
+      return t("explorer.emptyScreen.txt2d.consultation", {
+        ns: appCode
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-${appCode}.svg`, imageAlt: t("explorer.emptyScreen.app.alt", {
+    ns: appCode
+  }), title: `${(canCreate == null ? void 0 : canCreate.available) ? t("explorer.emptyScreen.title.create", {
+    ns: appCode
+  }) : t("explorer.emptyScreen.title.consultation")}`, text: labelEmptyScreenApp() });
+}
+export {
+  EmptyScreenApp as default
+};

package/lib/EmptyScreenError.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { usePaths, EmptyScreen } from "@edifice-ui/react";
+import { useTranslation } from "react-i18next";
+function EmptyScreenError() {
+  const [imagePath] = usePaths();
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-error.svg`, imageAlt: t("explorer.emptyScreen.error.alt"), text: "explorer.emptyScreen.error.text" });
+}
+export {
+  EmptyScreenError as default
+};

package/lib/EmptyScreenNoContentInFolder.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { usePaths, useOdeClient, EmptyScreen } from "@edifice-ui/react";
+import { useTranslation } from "react-i18next";
+function EmptyScreenNoContentInFolder() {
+  const [imagePath] = usePaths();
+  const {
+    appCode
+  } = useOdeClient();
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-no-content-in-folder.svg`, imageAlt: t("explorer.emptyScreen.folder.empty.alt", {
+    ns: appCode
+  }), text: t("explorer.emptyScreen.label", {
+    ns: appCode
+  }) });
+}
+export {
+  EmptyScreenNoContentInFolder as default
+};

package/lib/EmptyScreenSearch.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { useOdeClient, usePaths, EmptyScreen } from "@edifice-ui/react";
+import { useTranslation } from "react-i18next";
+function EmptyScreenSearch() {
+  const {
+    appCode
+  } = useOdeClient();
+  const [imagePath] = usePaths();
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-search.svg`, imageAlt: t("explorer.emptyScreen.search.alt", {
+    ns: appCode
+  }), text: t("explorer.emptyScreen.search.text", {
+    ns: appCode
+  }) });
+}
+export {
+  EmptyScreenSearch as default
+};

package/lib/EmptyScreenTrash.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { useOdeClient, usePaths, EmptyScreen } from "@edifice-ui/react";
+import { useTranslation } from "react-i18next";
+function EmptyScreenTrash() {
+  const {
+    appCode
+  } = useOdeClient();
+  const [imagePath] = usePaths();
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-trash.svg`, imageAlt: t("explorer.emptyScreen.trash.alt"), title: t("explorer.emptyScreen.trash.title"), text: t("explorer.emptyScreen.trash.empty", {
+    ns: appCode
+  }) });
+}
+export {
+  EmptyScreenTrash as default
+};