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

package/lib/FolderModal.js

@@ -0,0 +1,138 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useEffect } from "react";
+import { Modal, FormControl, Label, Input, Button } from "@edifice-ui/react";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import { FOLDER } from "edifice-ts-client";
+import { useForm } from "react-hook-form";
+import { h as useSelectedFolders, b as useCurrentFolder, o as useCreateFolder, p as useUpdatefolder } from "./index2.js";
+import "@edifice-ui/icons";
+import "i18next";
+import "zustand";
+import "@tanstack/react-query";
+function useFolderModal({
+  edit,
+  onSuccess,
+  onClose
+}) {
+  var _a;
+  const selectedFolders = useSelectedFolders();
+  const currentFolder = useCurrentFolder();
+  const createFolder = useCreateFolder();
+  const updatefolder = useUpdatefolder();
+  const name = edit ? (_a = selectedFolders[0]) == null ? void 0 : _a.name : void 0;
+  const {
+    reset,
+    register,
+    handleSubmit,
+    setFocus,
+    formState: {
+      errors,
+      isSubmitting,
+      isDirty,
+      isValid
+    }
+  } = useForm({
+    mode: "onChange",
+    values: {
+      name: name || ""
+    }
+  });
+  const id = useId();
+  const onSubmit = async function({
+    name: name2
+  }) {
+    var _a2;
+    try {
+      if (edit) {
+        const parentId = (_a2 = selectedFolders[0]) == null ? void 0 : _a2.parentId;
+        const folder = selectedFolders[0];
+        const folderId = folder.id;
+        await updatefolder.mutate({
+          folderId,
+          parentId,
+          name: name2
+        });
+        reset();
+        onSuccess == null ? void 0 : onSuccess();
+      } else {
+        const parentId = (currentFolder == null ? void 0 : currentFolder.id) || FOLDER.DEFAULT;
+        await createFolder.mutate({
+          name: name2,
+          parentId
+        });
+        reset();
+        onSuccess == null ? void 0 : onSuccess();
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  };
+  function onCancel() {
+    reset();
+    onClose();
+  }
+  const formId = `createModal_${id}`;
+  return {
+    formId,
+    errors,
+    isSubmitting,
+    isDirty,
+    isValid,
+    register,
+    setFocus,
+    handleSubmit,
+    onCancel,
+    onSubmit
+  };
+}
+function FolderModal({
+  isOpen,
+  edit,
+  onSuccess,
+  onCancel: onClose
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    isDirty,
+    isValid,
+    isSubmitting,
+    formId,
+    onSubmit,
+    onCancel,
+    handleSubmit,
+    register,
+    setFocus
+  } = useFolderModal({
+    edit,
+    onSuccess,
+    onClose
+  });
+  useEffect(() => {
+    if (isOpen) {
+      setFocus("name");
+    }
+  }, [isOpen, setFocus]);
+  return isOpen ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "modal_" + formId, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t(edit ? "explorer.rename.folder" : "explorer.create.folder") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("form", { id: formId, onSubmit: handleSubmit(onSubmit), children: /* @__PURE__ */ jsxs(FormControl, { id: "nameFolder", isRequired: true, children: [
+      /* @__PURE__ */ jsx(Label, { children: t("explorer.create.folder.name") }),
+      /* @__PURE__ */ jsx(Input, { type: "text", ...register("name", {
+        required: true,
+        pattern: {
+          value: /[^ ]/,
+          message: "invalid title"
+        }
+      }), placeholder: t("explorer.create.folder.name"), size: "md", "aria-required": true })
+    ] }) }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("explorer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { form: formId, type: "submit", color: "primary", variant: "filled", disabled: !isDirty || !isValid || isSubmitting, children: t(edit ? "explorer.rename" : "explorer.create") })
+    ] })
+  ] }), document.getElementById("portal")) : null;
+}
+export {
+  FolderModal as default
+};

package/lib/FoldersList.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, useOdeClient, useScrollToTop } from "@edifice-ui/react";
+import { useSpring, animated } from "@react-spring/web";
+import { Files } from "@edifice-ui/icons";
+import { h as useSelectedFolders, i as useFolderIds, u as useStoreActions } from "./index2.js";
+import "react";
+import "react-i18next";
+import "edifice-ts-client";
+import "i18next";
+import "zustand";
+import "@tanstack/react-query";
+const FolderCard = ({
+  app,
+  name,
+  isSelected = false,
+  isSelectable = true,
+  onClick,
+  onSelect
+}) => {
+  return /* @__PURE__ */ jsx(Card, { app, isSelectable, isSelected, onClick, onSelect, children: (appCode) => /* @__PURE__ */ jsxs(Card.Body, { children: [
+    /* @__PURE__ */ jsx(Files, { width: "48", height: "48", className: `color-app-${appCode}` }),
+    /* @__PURE__ */ jsx(Card.Title, { children: name })
+  ] }) });
+};
+FolderCard.displayName = "FolderCard";
+const FoldersList = ({
+  data
+}) => {
+  var _a, _b;
+  const {
+    currentApp
+  } = useOdeClient();
+  const selectedFolders = useSelectedFolders();
+  const folderIds = useFolderIds();
+  const {
+    setSelectedFolders,
+    setFolderIds,
+    openFolder
+  } = useStoreActions();
+  function toggleSelect(folder) {
+    if (folderIds.includes(folder.id)) {
+      setFolderIds(folderIds.filter((selectedFolder) => selectedFolder !== folder.id));
+      setSelectedFolders(selectedFolders.filter((selectedFolder) => selectedFolder.id !== folder.id));
+    } else {
+      setFolderIds([...folderIds, folder.id]);
+      setSelectedFolders([...selectedFolders, folder]);
+    }
+  }
+  const springs = useSpring({
+    from: {
+      opacity: 0
+    },
+    to: {
+      opacity: 1
+    }
+  });
+  const scrollToTop = useScrollToTop();
+  return ((_a = data == null ? void 0 : data.pages[0]) == null ? void 0 : _a.folders.length) ? /* @__PURE__ */ jsx(animated.ul, { className: "grid ps-0 list-unstyled mb-24", children: (_b = data == null ? void 0 : data.pages[0]) == null ? void 0 : _b.folders.map((folder) => {
+    const {
+      id,
+      name
+    } = folder;
+    return /* @__PURE__ */ jsx(animated.li, { className: "g-col-4 z-1", style: {
+      position: "relative",
+      ...springs
+    }, children: /* @__PURE__ */ jsx(FolderCard, { name, app: currentApp, isSelected: folderIds.includes(folder.id), onClick: () => {
+      scrollToTop();
+      openFolder({
+        folder,
+        folderId: folder.id
+      });
+    }, onSelect: () => toggleSelect(folder) }) }, id);
+  }) }) : null;
+};
+export {
+  FoldersList as default
+};

package/lib/Library.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { useOdeTheme, useLibraryUrl, usePaths, Library as Library$1 } from "@edifice-ui/react";
+import { useTranslation } from "react-i18next";
+const Library = () => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    theme
+  } = useOdeTheme();
+  const {
+    libraryUrl
+  } = useLibraryUrl();
+  const [imagePath] = usePaths();
+  return /* @__PURE__ */ jsx(Library$1, { src: `${imagePath}/${theme == null ? void 0 : theme.bootstrapVersion}/image-library.svg`, url: libraryUrl, alt: t("explorer.libray.img.alt"), text: t("explorer.libray.title"), textButton: t("explorer.libray.btn") });
+};
+export {
+  Library as default
+};

package/lib/MoveModal.js

@@ -0,0 +1,94 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Modal, TreeView, Button } from "@edifice-ui/react";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import { useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { s as useMoveItem, h as useSelectedFolders, g as useSelectedResources, u as useStoreActions, t as useTreeData } from "./index2.js";
+import "@edifice-ui/icons";
+import "edifice-ts-client";
+import "i18next";
+import "zustand";
+function useMoveModal({
+  onSuccess
+}) {
+  const [selectedFolder, setSelectedFolder] = useState();
+  const moveItem = useMoveItem();
+  const selectedFolders = useSelectedFolders();
+  const selectedResources = useSelectedResources();
+  const {
+    foldTreeItem,
+    unfoldTreeItem
+  } = useStoreActions();
+  const queryclient = useQueryClient();
+  async function onMove() {
+    try {
+      if (!selectedFolder)
+        throw new Error("explorer.move.selection.empty");
+      await moveItem.mutate(selectedFolder);
+      await (onSuccess == null ? void 0 : onSuccess());
+    } catch (e) {
+      console.error(e);
+    }
+  }
+  const canMove = (destination) => {
+    var _a;
+    for (const selectedFolder2 of selectedFolders) {
+      if (destination === selectedFolder2.id || destination === selectedFolder2.parentId) {
+        return false;
+      }
+    }
+    for (const selectedResource of selectedResources) {
+      if (destination === ((selectedResource == null ? void 0 : selectedResource.folderIds) && selectedResource.folderIds[0]) || ((_a = selectedResource == null ? void 0 : selectedResource.folderIds) == null ? void 0 : _a.length) === 0 && destination === "default") {
+        return false;
+      }
+    }
+    return true;
+  };
+  return {
+    disableSubmit: !selectedFolder,
+    handleTreeItemSelect: (folderId) => {
+      if (canMove(folderId)) {
+        setSelectedFolder(folderId);
+      } else {
+        setSelectedFolder(void 0);
+      }
+    },
+    handleTreeItemFold: foldTreeItem,
+    handleTreeItemUnfold: async (folderId) => await unfoldTreeItem(folderId, queryclient),
+    onMove: () => {
+      onMove();
+    }
+  };
+}
+function MoveModal({
+  isOpen,
+  onSuccess,
+  onCancel
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    handleTreeItemFold,
+    handleTreeItemSelect,
+    handleTreeItemUnfold,
+    onMove,
+    disableSubmit
+  } = useMoveModal({
+    onSuccess
+  });
+  const treeData = useTreeData();
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "moveModal", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("explorer.move.title") }),
+    /* @__PURE__ */ jsx(Modal.Subtitle, { children: t("explorer.move.subtitle") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(TreeView, { data: treeData, onTreeItemSelect: handleTreeItemSelect, onTreeItemFold: handleTreeItemFold, onTreeItemUnfold: handleTreeItemUnfold }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("explorer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onMove, type: "button", variant: "filled", disabled: disableSubmit, children: t("explorer.move") })
+    ] })
+  ] }), document.getElementById("portal"));
+}
+export {
+  MoveModal as default
+};

package/lib/ResourcesList.js

@@ -0,0 +1,261 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React, { useCallback } from "react";
+import { Card, Image, AppIcon, Avatar, Tooltip, useOdeClient, Button } from "@edifice-ui/react";
+import { useSpring, animated } from "@react-spring/web";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { Users, Globe } from "@edifice-ui/icons";
+import { OneProfile } from "@edifice-ui/icons/nav";
+import require$$0 from "dayjs";
+import { n as useSearchParams, f as useResourceIds, g as useSelectedResources, u as useStoreActions, d as useIsTrash } from "./index2.js";
+import "edifice-ts-client";
+import "i18next";
+import "zustand";
+import "@tanstack/react-query";
+const ResourceCard = ({
+  app,
+  resource,
+  time,
+  isSelected = false,
+  isSelectable = true,
+  onClick,
+  onSelect
+}) => {
+  const avatar = `/userbook/avatar/${resource == null ? void 0 : resource.creatorId}`;
+  function isResourceShared(resource2) {
+    const {
+      rights,
+      creatorId
+    } = resource2 || {};
+    const filteredRights = rights.filter((right) => !right.includes(creatorId));
+    return filteredRights.length >= 1;
+  }
+  const isShared = isResourceShared(resource);
+  const isPublic = resource == null ? void 0 : resource.public;
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx(Card, { app, isSelected, isSelectable, onClick, onSelect, children: (appCode) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Card.Body, { children: [
+      /* @__PURE__ */ jsx("div", { className: "card-image medium", children: (resource == null ? void 0 : resource.thumbnail) ? /* @__PURE__ */ jsx(Image, { alt: "", src: resource == null ? void 0 : resource.thumbnail, objectFit: "cover", className: "h-full" }) : /* @__PURE__ */ jsx(AppIcon, { app, iconFit: "ratio", size: "80", variant: "rounded" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "text-truncate", children: [
+        /* @__PURE__ */ jsx(Card.Title, { children: resource == null ? void 0 : resource.name }),
+        /* @__PURE__ */ jsx(Card.Text, { children: /* @__PURE__ */ jsx("em", { children: time }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card.Footer, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "d-inline-flex align-items-center gap-8 text-truncate", children: [
+        avatar ? /* @__PURE__ */ jsx(Avatar, { alt: (resource == null ? void 0 : resource.creatorName) || "", size: "xs", src: avatar, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ jsx(OneProfile, {}),
+        /* @__PURE__ */ jsx(Card.Text, { children: resource == null ? void 0 : resource.creatorName })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "d-inline-flex align-items-center gap-8", children: [
+        isShared && /* @__PURE__ */ jsx(Tooltip, { message: t("tooltip.shared", {
+          ns: appCode
+        }), placement: "top", children: /* @__PURE__ */ jsx(Users, { width: 16, height: 16 }) }),
+        isPublic && /* @__PURE__ */ jsx(Tooltip, { message: t("tooltip.public", {
+          ns: appCode
+        }), placement: "top", children: /* @__PURE__ */ jsx(Globe, { width: 16, height: 16 }) })
+      ] })
+    ] })
+  ] }) });
+};
+ResourceCard.displayName = "ResourceCard";
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var relativeTime$1 = { exports: {} };
+(function(module, exports) {
+  !function(r, e) {
+    module.exports = e();
+  }(commonjsGlobal, function() {
+    return function(r, e, t) {
+      r = r || {};
+      var n = e.prototype, o = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      function i(r2, e2, t2, o2) {
+        return n.fromToBase(r2, e2, t2, o2);
+      }
+      t.en.relativeTime = o, n.fromToBase = function(e2, n2, i2, d2, u) {
+        for (var f, a, s, l = i2.$locale().relativeTime || o, h = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], m = h.length, c = 0; c < m; c += 1) {
+          var y = h[c];
+          y.d && (f = d2 ? t(e2).diff(i2, y.d, true) : i2.diff(e2, y.d, true));
+          var p = (r.rounding || Math.round)(Math.abs(f));
+          if (s = f > 0, p <= y.r || !y.r) {
+            p <= 1 && c > 0 && (y = h[c - 1]);
+            var v = l[y.l];
+            u && (p = u("" + p)), a = "string" == typeof v ? v.replace("%d", p) : v(p, n2, y.l, s);
+            break;
+          }
+        }
+        if (n2)
+          return a;
+        var M = s ? l.future : l.past;
+        return "function" == typeof M ? M(a) : M.replace("%s", a);
+      }, n.to = function(r2, e2) {
+        return i(r2, e2, this, true);
+      }, n.from = function(r2, e2) {
+        return i(r2, e2, this);
+      };
+      var d = function(r2) {
+        return r2.$u ? t.utc() : t();
+      };
+      n.toNow = function(r2) {
+        return this.to(d(this), r2);
+      }, n.fromNow = function(r2) {
+        return this.from(d(this), r2);
+      };
+    };
+  });
+})(relativeTime$1);
+var relativeTimeExports = relativeTime$1.exports;
+const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
+var de = { exports: {} };
+(function(module, exports) {
+  !function(e, n) {
+    module.exports = n(require$$0);
+  }(commonjsGlobal, function(e) {
+    function n(e2) {
+      return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
+    }
+    var t = n(e), a = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
+    function i(e2, n2, t2) {
+      var i2 = a[t2];
+      return Array.isArray(i2) && (i2 = i2[n2 ? 0 : 1]), i2.replace("%d", e2);
+    }
+    var r = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(e2) {
+      return e2 + ".";
+    }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: i, m: i, mm: i, h: i, hh: i, d: i, dd: i, M: i, MM: i, y: i, yy: i } };
+    return t.default.locale(r, null, true), r;
+  });
+})(de);
+var es = { exports: {} };
+(function(module, exports) {
+  !function(e, o) {
+    module.exports = o(require$$0);
+  }(commonjsGlobal, function(e) {
+    function o(e2) {
+      return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
+    }
+    var s = o(e), d = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(e2) {
+      return e2 + "º";
+    } };
+    return s.default.locale(d, null, true), d;
+  });
+})(es);
+var pt = { exports: {} };
+(function(module, exports) {
+  !function(e, a) {
+    module.exports = a(require$$0);
+  }(commonjsGlobal, function(e) {
+    function a(e2) {
+      return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
+    }
+    var o = a(e), t = { name: "pt", weekdays: "domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"), weekdaysShort: "dom_seg_ter_qua_qui_sex_sab".split("_"), weekdaysMin: "Do_2ª_3ª_4ª_5ª_6ª_Sa".split("_"), months: "janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"), monthsShort: "jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"), ordinal: function(e2) {
+      return e2 + "º";
+    }, weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY [às] HH:mm", LLLL: "dddd, D [de] MMMM [de] YYYY [às] HH:mm" }, relativeTime: { future: "em %s", past: "há %s", s: "alguns segundos", m: "um minuto", mm: "%d minutos", h: "uma hora", hh: "%d horas", d: "um dia", dd: "%d dias", M: "um mês", MM: "%d meses", y: "um ano", yy: "%d anos" } };
+    return o.default.locale(t, null, true), t;
+  });
+})(pt);
+var fr = { exports: {} };
+(function(module, exports) {
+  !function(e, n) {
+    module.exports = n(require$$0);
+  }(commonjsGlobal, function(e) {
+    function n(e2) {
+      return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
+    }
+    var t = n(e), i = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(e2) {
+      return "" + e2 + (1 === e2 ? "er" : "");
+    } };
+    return t.default.locale(i, null, true), i;
+  });
+})(fr);
+var it = { exports: {} };
+(function(module, exports) {
+  !function(e, o) {
+    module.exports = o(require$$0);
+  }(commonjsGlobal, function(e) {
+    function o(e2) {
+      return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
+    }
+    var t = o(e), n = { name: "it", weekdays: "domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"), weekdaysShort: "dom_lun_mar_mer_gio_ven_sab".split("_"), weekdaysMin: "do_lu_ma_me_gi_ve_sa".split("_"), months: "gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"), weekStart: 1, monthsShort: "gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"), formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "tra %s", past: "%s fa", s: "qualche secondo", m: "un minuto", mm: "%d minuti", h: "un' ora", hh: "%d ore", d: "un giorno", dd: "%d giorni", M: "un mese", MM: "%d mesi", y: "un anno", yy: "%d anni" }, ordinal: function(e2) {
+      return e2 + "º";
+    } };
+    return t.default.locale(n, null, true), n;
+  });
+})(it);
+require$$0.extend(relativeTime);
+const ResourcesList = ({
+  data,
+  fetchNextPage
+}) => {
+  const {
+    currentApp,
+    currentLanguage
+  } = useOdeClient();
+  const {
+    t
+  } = useTranslation();
+  const searchParams = useSearchParams();
+  const resourceIds = useResourceIds();
+  const selectedResources = useSelectedResources();
+  const {
+    setSelectedResources,
+    setResourceIds,
+    openResource,
+    setResourceIsTrash
+  } = useStoreActions();
+  const isTrashFolder = useIsTrash();
+  const springs = useSpring({
+    from: {
+      opacity: 0
+    },
+    to: {
+      opacity: 1
+    }
+  });
+  const currentMaxIdx = searchParams.pagination.startIdx + searchParams.pagination.pageSize;
+  const hasMoreResources = currentMaxIdx < (searchParams.pagination.maxIdx || 0);
+  const handleNextPage = useCallback(() => {
+    fetchNextPage();
+  }, []);
+  const clickOnResource = (resource) => {
+    if (isTrashFolder) {
+      setResourceIsTrash(true);
+      setResourceIds([resource.id]);
+      setSelectedResources([resource]);
+    } else {
+      openResource(resource);
+    }
+  };
+  async function toggleSelect(resource) {
+    if (resourceIds.includes(resource.id)) {
+      setResourceIds(resourceIds.filter((selectedResource) => selectedResource !== resource.id));
+      setSelectedResources(selectedResources.filter((selectedResource) => selectedResource.id !== resource.id));
+      return;
+    }
+    setResourceIds([...resourceIds, resource.id]);
+    setSelectedResources([...selectedResources, resource]);
+  }
+  const classes = clsx("grid ps-0 list-unstyled");
+  return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsx(animated.ul, { className: classes, children: data == null ? void 0 : data.pages.map((page, index) => (
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsx(React.Fragment, { children: page.resources.map((resource) => {
+        const {
+          id,
+          updatedAt
+        } = resource;
+        const time = require$$0(updatedAt).locale(currentLanguage).fromNow();
+        return /* @__PURE__ */ jsx(animated.li, { className: "g-col-4 z-1", style: {
+          position: "relative",
+          ...springs
+        }, children: /* @__PURE__ */ jsx(ResourceCard, { app: currentApp, resource, time, isSelectable: true, isSelected: resourceIds.includes(resource.id), onClick: () => clickOnResource(resource), onSelect: () => toggleSelect(resource) }) }, id);
+      }) }, index)
+    )) }),
+    hasMoreResources && /* @__PURE__ */ jsx("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ jsx(Button, { type: "button", color: "secondary", variant: "filled", onClick: handleNextPage, children: t("explorer.see.more") }) })
+  ] });
+};
+export {
+  ResourcesList as default
+};

package/lib/TrashModal.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 TrashedResourceModal({
+  isOpen,
+  onCancel = () => ({})
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "trash_resource", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => onCancel(), children: t("explorer.trash.modal.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { className: "body", children: t("explorer.trash.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 {
+  TrashedResourceModal as default
+};

package/lib/app/root/index.d.ts

@@ -0,0 +1,2 @@
+declare function Root(): import("react/jsx-runtime").JSX.Element;
+export default Root;

package/lib/components/AppAction/AppAction.d.ts

@@ -0,0 +1 @@
+export default function AppAction(): import("react/jsx-runtime").JSX.Element | null;

package/lib/components/EmptyScreens/EmptyScreenApp.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function EmptyScreenApp(): JSX.Element;

package/lib/components/EmptyScreens/EmptyScreenError.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function EmptyScreenError(): JSX.Element;

package/lib/components/EmptyScreens/EmptyScreenNoContentInFolder.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function EmptyScreenNoContentInFolder(): JSX.Element | null;

package/lib/components/EmptyScreens/EmptyScreenSearch.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function EmptyScreenSearch(): JSX.Element;

package/lib/components/EmptyScreens/EmptyScreenTrash.d.ts

@@ -0,0 +1 @@
+export default function EmptyScreenTrash(): import("react/jsx-runtime").JSX.Element;

package/lib/components/Explorer.d.ts

@@ -0,0 +1,5 @@
+import { AppParams } from "../utils/getAppParams";
+declare const Explorer: ({ config }: {
+    config: AppParams;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Explorer;

package/lib/components/ExplorerBreadcrumb.d.ts

@@ -0,0 +1 @@
+export declare function ExplorerBreadcrumb(): import("react/jsx-runtime").JSX.Element;

package/lib/components/LoadMore.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LoadMore: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLButtonElement>>;
+export default LoadMore;

package/lib/config/getExplorerConfig.d.ts

@@ -0,0 +1,11 @@
+import { type App, type ResourceType, type IAction, type IFilter, type IOrder } from "edifice-ts-client";
+export interface AppParams {
+    app: App;
+    types: ResourceType[];
+    filters: IFilter[];
+    orders: IOrder[];
+    actions: IAction[];
+    trashActions: IAction[];
+    libraryAppFilter?: string;
+}
+export declare function getExplorerConfig(): AppParams;