ode-explorer 1.4.8 → 1.4.9-develop.202406101930

package/dist/index.html

@@ -15,22 +15,18 @@
     <div id="portal"></div>
     <!-- SET INITIALISATION CONFIG -->
     <script>
-      var WORFLOW_ACCESS =
-        "net.atos.entng.mindmap.controllers.MindmapController|view";
+      var WORFLOW_ACCESS = "org.entcore.blog.controllers.BlogController|blog";
       var WORKFLOW_CREATE =
-        "net.atos.entng.mindmap.controllers.MindmapController|create";
-      var WORKFLOW_PRINT =
-        "net.atos.entng.mindmap.controllers.MindmapController|printView";
-      var WORKFLOW_EXPORT_PNG =
-        "net.atos.entng.mindmap.controllers.MindmapController|exportPngMindmap";
-      var WORKFLOW_EXPORT_SVG =
-        "net.atos.entng.mindmap.controllers.MindmapController|exportSvgMindmap";
+        "org.entcore.blog.controllers.BlogController|create";
+      var WORKFLOW_CREATE_PUBLIC =
+        "org.entcore.blog.controllers.BlogController|createPublicBlog";
+      var WORKFLOW_PRINT = "org.entcore.blog.controllers.BlogController|print";
       var WORKFLOW_PUBLISH =
-        "net.atos.entng.mindmap.controllers.MindmapController|publish";
+        "org.entcore.blog.controllers.BlogController|publish";
       var explorerConfig = {
-        app: "mindmap",
-        types: ["mindmap"],
-        libraryAppFilter: "MindMap",
+        app: "blog",
+        types: ["blog"],
+        enableOnboarding: false,
         filters: [
           { id: "owner", defaultValue: true },
           { id: "public", defaultValue: false },
@@ -65,10 +61,9 @@
             target: "tree",
           },
           {
-            id: "copy",
-            workflow: WORFLOW_ACCESS,
-            target: "actionbar",
-            right: "read",
+            id: "createPublic",
+            workflow: WORKFLOW_CREATE_PUBLIC,
+            target: "tree",
           },
           {
             id: "move",
@@ -111,7 +106,6 @@
             right: "manager",
           },
         ],
-        enableOnboarding: true,
       };
       ////
       var rootElement = document.querySelector("[data-explorer-config]");

package/dist/index.js

@@ -96,8 +96,8 @@ function _mergeNamespaces(n2, m2) {
     fetch(link.href, fetchOpts);
   }
 })();
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x2) {
+var commonjsGlobal$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs$1(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
 function getAugmentedNamespace(n2) {
@@ -415,7 +415,7 @@ react_production_min.version = "18.2.0";
   react.exports = react_production_min;
 }
 var reactExports = react.exports;
-const React = /* @__PURE__ */ getDefaultExportFromCjs(reactExports);
+const React = /* @__PURE__ */ getDefaultExportFromCjs$1(reactExports);
 const React$1 = /* @__PURE__ */ _mergeNamespaces({
   __proto__: null,
   default: React
@@ -2993,7 +2993,7 @@ function requireBrowserPonyfill() {
     return browserPonyfill.exports;
   hasRequiredBrowserPonyfill = 1;
   (function(module, exports) {
-    var __global__ = typeof globalThis !== "undefined" && globalThis || typeof self !== "undefined" && self || typeof commonjsGlobal !== "undefined" && commonjsGlobal;
+    var __global__ = typeof globalThis !== "undefined" && globalThis || typeof self !== "undefined" && self || typeof commonjsGlobal$1 !== "undefined" && commonjsGlobal$1;
     var __globalThis__ = function() {
       function F2() {
         this.fetch = false;
@@ -3514,8 +3514,8 @@ function requireBrowserPonyfill() {
 (function(module, exports) {
   var fetchApi2;
   if (typeof fetch === "function") {
-    if (typeof commonjsGlobal !== "undefined" && commonjsGlobal.fetch) {
-      fetchApi2 = commonjsGlobal.fetch;
+    if (typeof commonjsGlobal$1 !== "undefined" && commonjsGlobal$1.fetch) {
+      fetchApi2 = commonjsGlobal$1.fetch;
     } else if (typeof window !== "undefined" && window.fetch) {
       fetchApi2 = window.fetch;
     } else {
@@ -3531,7 +3531,7 @@ function requireBrowserPonyfill() {
   }
 })(getFetch$1, getFetch$1.exports);
 var getFetchExports = getFetch$1.exports;
-const getFetch = /* @__PURE__ */ getDefaultExportFromCjs(getFetchExports);
+const getFetch = /* @__PURE__ */ getDefaultExportFromCjs$1(getFetchExports);
 const fetchNode = /* @__PURE__ */ _mergeNamespaces({
   __proto__: null,
   default: getFetch
@@ -6661,7 +6661,7 @@ var dayjs_min = { exports: {} };
 (function(module, exports) {
   !function(t2, e2) {
     module.exports = e2();
-  }(commonjsGlobal, function() {
+  }(commonjsGlobal$1, function() {
     var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i2 = "second", s2 = "minute", u2 = "hour", a2 = "day", o2 = "week", c6 = "month", f2 = "quarter", h2 = "year", d2 = "date", l2 = "Invalid Date", $2 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y2 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M2 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t3) {
       var e3 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
       return "[" + t3 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
@@ -6948,12 +6948,12 @@ var dayjs_min = { exports: {} };
   });
 })(dayjs_min);
 var dayjs_minExports = dayjs_min.exports;
-const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
+const dayjs = /* @__PURE__ */ getDefaultExportFromCjs$1(dayjs_minExports);
 var customParseFormat$1 = { exports: {} };
 (function(module, exports) {
   !function(e2, t2) {
     module.exports = t2();
-  }(commonjsGlobal, function() {
+  }(commonjsGlobal$1, function() {
     var e2 = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t2 = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n2 = /\d\d/, r2 = /\d\d?/, i2 = /\d*[^-_:/,()\s\d]+/, o2 = {}, s2 = function(e3) {
       return (e3 = +e3) + (e3 > 68 ? 1900 : 2e3);
     };
@@ -7083,12 +7083,12 @@ var customParseFormat$1 = { exports: {} };
   });
 })(customParseFormat$1);
 var customParseFormatExports = customParseFormat$1.exports;
-const customParseFormat = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
+const customParseFormat = /* @__PURE__ */ getDefaultExportFromCjs$1(customParseFormatExports);
 var relativeTime$1 = { exports: {} };
 (function(module, exports) {
   !function(r2, e2) {
     module.exports = e2();
-  }(commonjsGlobal, function() {
+  }(commonjsGlobal$1, function() {
     return function(r2, e2, t2) {
       r2 = r2 || {};
       var n2 = e2.prototype, o2 = { 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" };
@@ -7128,12 +7128,12 @@ var relativeTime$1 = { exports: {} };
   });
 })(relativeTime$1);
 var relativeTimeExports = relativeTime$1.exports;
-const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
+const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs$1(relativeTimeExports);
 var de$2 = { exports: {} };
 (function(module, exports) {
   !function(e2, n2) {
     module.exports = n2(dayjs_minExports);
-  }(commonjsGlobal, function(e2) {
+  }(commonjsGlobal$1, function(e2) {
     function n2(e3) {
       return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
     }
@@ -7152,7 +7152,7 @@ var es = { exports: {} };
 (function(module, exports) {
   !function(e2, o2) {
     module.exports = o2(dayjs_minExports);
-  }(commonjsGlobal, function(e2) {
+  }(commonjsGlobal$1, function(e2) {
     function o2(e3) {
       return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
     }
@@ -7166,7 +7166,7 @@ var fr = { exports: {} };
 (function(module, exports) {
   !function(e2, n2) {
     module.exports = n2(dayjs_minExports);
-  }(commonjsGlobal, function(e2) {
+  }(commonjsGlobal$1, function(e2) {
     function n2(e3) {
       return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
     }
@@ -7180,7 +7180,7 @@ var it = { exports: {} };
 (function(module, exports) {
   !function(e2, o2) {
     module.exports = o2(dayjs_minExports);
-  }(commonjsGlobal, function(e2) {
+  }(commonjsGlobal$1, function(e2) {
     function o2(e3) {
       return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
     }
@@ -7194,7 +7194,7 @@ var pt = { exports: {} };
 (function(module, exports) {
   !function(e2, a2) {
     module.exports = a2(dayjs_minExports);
-  }(commonjsGlobal, function(e2) {
+  }(commonjsGlobal$1, function(e2) {
     function a2(e3) {
       return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
     }
@@ -8443,7 +8443,7 @@ var uaParser = { exports: {} };
         }
       };
     }
-  })(typeof window === "object" ? window : commonjsGlobal);
+  })(typeof window === "object" ? window : commonjsGlobal$1);
 })(uaParser, uaParser.exports);
 let e$2 = { data: "" }, t$3 = (t2) => "object" == typeof window ? ((t2 ? t2.querySelector("#_goober") : window._goober) || Object.assign((t2 || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : t2 || e$2, l$2 = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, a$1 = /\/\*[^]*?\*\/|  +/g, n$4 = /\n+/g, o$1 = (e2, t2) => {
   let r2 = "", l2 = "", a2 = "";
@@ -25056,7 +25056,7 @@ var reactFastCompare = function isEqual(a2, b2) {
     throw error;
   }
 };
-const isEqual2 = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
+const isEqual2 = /* @__PURE__ */ getDefaultExportFromCjs$1(reactFastCompare);
 var EMPTY_MODIFIERS = [];
 var usePopper = function usePopper2(referenceElement, popperElement, options) {
   if (options === void 0) {
@@ -35042,7 +35042,7 @@ var eventemitter3 = { exports: {} };
   }
 })(eventemitter3);
 var eventemitter3Exports = eventemitter3.exports;
-const EventEmitter2 = /* @__PURE__ */ getDefaultExportFromCjs(eventemitter3Exports);
+const EventEmitter2 = /* @__PURE__ */ getDefaultExportFromCjs$1(eventemitter3Exports);
 var earcut$2 = { exports: {} };
 earcut$2.exports = earcut;
 earcut$2.exports.default = earcut;
@@ -35504,7 +35504,7 @@ earcut.flatten = function(data) {
   return result;
 };
 var earcutExports = earcut$2.exports;
-const earcut$1 = /* @__PURE__ */ getDefaultExportFromCjs(earcutExports);
+const earcut$1 = /* @__PURE__ */ getDefaultExportFromCjs$1(earcutExports);
 var punycode$1 = { exports: {} };
 /*! https://mths.be/punycode v1.4.1 by @mathias */
 punycode$1.exports;
@@ -35512,7 +35512,7 @@ punycode$1.exports;
   (function(root2) {
     var freeExports = exports && !exports.nodeType && exports;
     var freeModule = module && !module.nodeType && module;
-    var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal;
+    var freeGlobal = typeof commonjsGlobal$1 == "object" && commonjsGlobal$1;
     if (freeGlobal.global === freeGlobal || freeGlobal.window === freeGlobal || freeGlobal.self === freeGlobal) {
       root2 = freeGlobal;
     }
@@ -35744,7 +35744,7 @@ punycode$1.exports;
     } else {
       root2.punycode = punycode2;
     }
-  })(commonjsGlobal);
+  })(commonjsGlobal$1);
 })(punycode$1, punycode$1.exports);
 var punycodeExports = punycode$1.exports;
 var esErrors = Error;
@@ -36599,7 +36599,7 @@ var objectInspect = function inspect_(obj, options, depth, seen2) {
   if (typeof window !== "undefined" && obj === window) {
     return "{ [object Window] }";
   }
-  if (obj === commonjsGlobal) {
+  if (obj === commonjsGlobal$1) {
     return "{ [object globalThis] }";
   }
   if (!isDate(obj) && !isRegExp$1(obj)) {
@@ -60053,15 +60053,13 @@ function useConf({
 }) {
   return useQuery({
     queryKey: ["conf"],
-    queryFn: async () => await odeServices.conf().getConf(appCode),
-    suspense: true
+    queryFn: async () => await odeServices.conf().getConf(appCode)
   });
 }
 function useSession() {
   return useQuery({
     queryKey: ["session"],
-    queryFn: async () => await odeServices.session().getSession(),
-    suspense: true
+    queryFn: async () => await odeServices.session().getSession()
   });
 }
 const OdeClientContext = /* @__PURE__ */ reactExports.createContext(null);
@@ -60160,16 +60158,6 @@ const MockedDataContext = /* @__PURE__ */ reactExports.createContext(null);
 function useMockedData() {
   return reactExports.useContext(MockedDataContext);
 }
-function mergeRefs(...refs) {
-  return (val) => {
-    setRef(val, ...refs);
-  };
-}
-function setRef(val, ...refs) {
-  refs.forEach((ref2) => {
-    typeof ref2 == "function" ? ref2(val) : ref2 != null && (ref2.current = val);
-  });
-}
 const isActionAvailable = (workflow, actions) => {
   const found = actions == null ? void 0 : actions.filter((action) => action.id === workflow && action.available);
   return found && found.length > 0;
@@ -60182,6 +60170,16 @@ const isActionAvailable = (workflow, actions) => {
   wiki: "Wiki",
   exercizer: "Exercizer"
 };
+function mergeRefs(...refs) {
+  return (val) => {
+    setRef(val, ...refs);
+  };
+}
+function setRef(val, ...refs) {
+  refs.forEach((ref2) => {
+    typeof ref2 == "function" ? ref2(val) : ref2 != null && (ref2.current = val);
+  });
+}
 function useHasWorkflow(workflow) {
   const mock = useMockedData(), [state, setState] = reactExports.useState();
   return reactExports.useEffect(() => {
@@ -60235,8 +60233,38 @@ const useConversation = () => {
     zimbraWorkflow
   };
 }, useConversation$1 = useConversation;
+var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function getDefaultExportFromCjs(x2) {
+  return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2.default : x2;
+}
+var localizedFormat$1 = { exports: {} };
+(function(module, exports) {
+  (function(e2, t2) {
+    module.exports = t2();
+  })(commonjsGlobal, function() {
+    var e2 = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" };
+    return function(t2, o2, n2) {
+      var r2 = o2.prototype, i2 = r2.format;
+      n2.en.formats = e2, r2.format = function(t22) {
+        t22 === void 0 && (t22 = "YYYY-MM-DDTHH:mm:ssZ");
+        var o22 = this.$locale().formats, n22 = function(t3, o3) {
+          return t3.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(t4, n3, r22) {
+            var i22 = r22 && r22.toUpperCase();
+            return n3 || o3[r22] || e2[r22] || o3[i22].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(e22, t5, o4) {
+              return t5 || o4.slice(1);
+            });
+          });
+        }(t22, o22 === void 0 ? {} : o22);
+        return i2.call(this, n22);
+      };
+    };
+  });
+})(localizedFormat$1);
+var localizedFormatExports = localizedFormat$1.exports;
+const localizedFormat = /* @__PURE__ */ getDefaultExportFromCjs(localizedFormatExports);
 dayjs.extend(relativeTime);
 dayjs.extend(customParseFormat);
+dayjs.extend(localizedFormat);
 function useDate() {
   const {
     currentLanguage
@@ -60256,10 +60284,27 @@ function useDate() {
     } catch {
       return "";
     }
-  }, [currentLanguage, parseDate]), formatDate = reactExports.useCallback((date, format) => {
+  }, [currentLanguage, parseDate]), formatDate = reactExports.useCallback((date, format = "short") => {
     let computedDate = dayjs();
     try {
-      return typeof date > "u" ? "" : (typeof date == "string" ? computedDate = parseDate(date) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)).locale(currentLanguage) : typeof date.$date == "string" && (computedDate = parseDate(date.$date)), computedDate.isValid() ? computedDate.locale(currentLanguage).format(format || "D MMMM YYYY HH:mm:ss") : "");
+      if (typeof date > "u")
+        return "";
+      typeof date == "string" ? computedDate = parseDate(date) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)).locale(currentLanguage) : typeof date.$date == "string" && (computedDate = parseDate(date.$date));
+      let dayjsFormat = "";
+      switch (format) {
+        case "short":
+          dayjsFormat = "L";
+          break;
+        case "long":
+          dayjsFormat = "LL";
+          break;
+        case "abbr":
+          dayjsFormat = "ll";
+          break;
+        default:
+          dayjsFormat = format;
+      }
+      return computedDate.isValid() ? computedDate.locale(currentLanguage).format(dayjsFormat) : "";
     } catch {
       return "";
     }
@@ -61782,9 +61827,9 @@ const TextArea = /* @__PURE__ */ reactExports.forwardRef(({
 }), TextArea$1 = TextArea;
 function useTreeItemEvents(nodeId, label, expanded, setExpanded, onItemSelect, onItemFold, onItemUnfold, onItemFocus, onItemBlur) {
   const handleItemClick = (event) => {
-    event.preventDefault(), onItemSelect == null || onItemSelect(nodeId), event.stopPropagation();
+    event.preventDefault(), onItemSelect == null || onItemSelect(nodeId), itemFoldUnfold(), event.stopPropagation();
   }, handleItemKeyDown = (event) => {
-    (event.code === "Enter" || event.code === "Space") && (event.preventDefault(), onItemSelect == null || onItemSelect(nodeId), event.stopPropagation());
+    (event.code === "Enter" || event.code === "Space") && (event.preventDefault(), onItemSelect == null || onItemSelect(nodeId), itemFoldUnfold(), event.stopPropagation());
   }, itemFoldUnfold = () => {
     setExpanded(!expanded), expanded ? onItemFold == null || onItemFold(nodeId) : onItemUnfold == null || onItemUnfold(nodeId);
   };
@@ -61838,8 +61883,8 @@ const TreeItem = (props) => {
   const rafterSize = section ? 16 : 12, renderItem = () => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { id: `listitem_${nodeId}`, role: "treeitem", "aria-selected": selected, "aria-expanded": expanded, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "action-container d-flex align-items-center gap-8 px-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `py-8 ${Array.isArray(children) ? null : "invisible"}`, tabIndex: 0, role: "button", onClick: handleItemFoldUnfoldClick, onKeyDown: handleItemFoldUnfoldKeyDown, "aria-label": t2("foldUnfold"), children: [
-        Array.isArray(children) && !expanded && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgRafterRight$1, { title: t2("foldUnfold"), width: rafterSize, height: rafterSize }),
-        Array.isArray(children) && expanded && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgRafterDown$1, { title: t2("foldUnfold"), width: rafterSize, height: rafterSize }),
+        Array.isArray(children) && !!children.length && !expanded && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgRafterRight$1, { title: t2("foldUnfold"), width: rafterSize, height: rafterSize }),
+        Array.isArray(children) && !!children.length && expanded && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgRafterDown$1, { title: t2("foldUnfold"), width: rafterSize, height: rafterSize }),
         !Array.isArray(children) && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgRafterRight$1, { title: t2("foldUnfold"), width: rafterSize, height: rafterSize, "aria-hidden": "true" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { tabIndex: 0, role: "button", className: "flex-fill d-flex align-items-center text-truncate gap-8 py-8", onClick: handleItemClick, onKeyDown: handleItemKeyDown, onFocus: handleItemFocus, onBlur: handleItemBlur, children: [
@@ -61885,25 +61930,25 @@ const TreeItem = (props) => {
 }), TreeView$1 = TreeView, VisuallyHidden = /* @__PURE__ */ reactExports.forwardRef(({
   children
 }, ref2) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "visually-hidden", ref: ref2, children })), VisuallyHidden$1 = VisuallyHidden, getOnboardingTrash = async (key) => await odeServices.conf().getPreference(key), saveOnboardingTrash = async (key) => await odeServices.conf().savePreference(key, JSON.stringify({
-  showOnboardingTrash: false
+  key: false
 })), useOnboardingModal = (id2) => {
-  const [isOpen, setIsOpen] = reactExports.useState(true), [isOnboardingTrash, setIsOnboardingTrash] = reactExports.useState(false);
+  const [isOpen, setIsOpen] = reactExports.useState(true), [isOnboarding, setIsOnboarding] = reactExports.useState(false);
   return reactExports.useEffect(() => {
     (async () => {
       const response = await getOnboardingTrash(id2);
       if (response) {
         const {
-          showOnboardingTrash
+          key
         } = response;
-        setIsOnboardingTrash(showOnboardingTrash);
+        setIsOnboarding(key);
         return;
       }
-      setIsOnboardingTrash(true);
+      setIsOnboarding(true);
     })();
   }, [id2]), {
     isOpen,
     setIsOpen,
-    isOnboardingTrash,
+    isOnboarding,
     handleSavePreference: async () => {
       await saveOnboardingTrash(id2), setIsOpen(false);
     }
@@ -61915,7 +61960,7 @@ const TreeItem = (props) => {
 }) => {
   const [imagePath] = usePaths(), [swiperInstance, setSwiperInstance] = reactExports.useState(), [swiperProgress, setSwiperprogress] = reactExports.useState(0), {
     isOpen,
-    isOnboardingTrash,
+    isOnboarding,
     setIsOpen,
     handleSavePreference
   } = useOnboardingModal(id2);
@@ -61933,7 +61978,7 @@ const TreeItem = (props) => {
     closeText,
     nextText
   } = modalOptions;
-  return isOnboardingTrash ? /* @__PURE__ */ reactDomExports.createPortal(/* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(false), children: [
+  return isOnboarding ? /* @__PURE__ */ reactDomExports.createPortal(/* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(false), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1.Header, { onModalClose: () => setIsOpen(false), children: t2(title || "explorer.modal.onboarding.trash.title") }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1.Body, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Swiper2, { modules: [Pagination], onSwiper: (swiper) => {
       setSwiperInstance(swiper);
@@ -63736,52 +63781,11 @@ function useCookiesConsent() {
     }
   };
 }
-const NavItem = /* @__PURE__ */ reactExports.forwardRef(({
-  children,
-  className,
-  ...restProps
-}, ref2) => {
-  const classes2 = clsx("nav-item", className);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { ref: ref2, className: classes2, ...restProps, children });
-}), SearchEngine = () => {
-  const [searchRef, isSearchHovered] = useHover(), inputRef = reactExports.useRef(null), popoverSearchId = reactExports.useId(), {
-    t: t2
-  } = useTranslation();
-  function redirectToSearch() {
-    if (inputRef.current) {
-      const value = inputRef.current.value;
-      window.location.href = `/searchengine#/${value}`;
-    }
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(NavItem, { id: popoverSearchId, ref: searchRef, className: "position-relative", "aria-haspopup": "true", "aria-expanded": isSearchHovered, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { href: "/searchengine", className: "nav-link dropdown-item", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(SvgSearch$1, { className: "icon search" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nav-text", children: t2("navbar.search") })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, { id: popoverSearchId, isVisible: isSearchHovered, className: "d-none d-md-flex", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl$1, { id: "my-search-input", className: "search-text input-group py-8 px-12", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(FormControl$1.Input, { ref: inputRef, size: "sm", type: "text", name: "my-search-input", placeholder: "Rechercher" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(SearchButton$1, { type: "submit", size: "sm", onClick: redirectToSearch, "aria-label": t2("navbar.search") })
-    ] }) })
-  ] });
-}, SearchEngine$1 = SearchEngine;
 function Badge({
   children
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "position-absolute badge rounded-pill bg-warning", children });
 }
-function NavLink({
-  link,
-  className,
-  children,
-  translate: translate2,
-  ...restProps
-}) {
-  const classes2 = clsx("nav-link", className);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { href: link, className: classes2, ...restProps, children: [
-    children,
-    translate2 && /* @__PURE__ */ jsxRuntimeExports.jsx(VisuallyHidden$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nav-text", children: translate2 }) })
-  ] });
-}
 function Navbar({
   children,
   className,
@@ -63798,6 +63802,27 @@ function NavBarNav({
   const classes2 = clsx("navbar-nav", className);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: classes2, ...restProps, children });
 }
+const NavItem = /* @__PURE__ */ reactExports.forwardRef(({
+  children,
+  className,
+  ...restProps
+}, ref2) => {
+  const classes2 = clsx("nav-item", className);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { ref: ref2, className: classes2, ...restProps, children });
+});
+function NavLink({
+  link,
+  className,
+  children,
+  translate: translate2,
+  ...restProps
+}) {
+  const classes2 = clsx("nav-link", className);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { href: link, className: classes2, ...restProps, children: [
+    children,
+    translate2 && /* @__PURE__ */ jsxRuntimeExports.jsx(VisuallyHidden$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nav-text", children: translate2 }) })
+  ] });
+}
 const WidgetAppsFooter = () => {
   const {
     t: t2
@@ -63813,7 +63838,27 @@ const WidgetAppsFooter = () => {
     !bookmarkedApps.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-dark", children: t2("navbar.myapps.more") }),
     bookmarkedApps.slice(0, 6).map((app, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: app.address, className: "bookmarked-app", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AppIcon$1, { app, size: "32" }) }, index2))
   ] });
-}, Header$1 = ({
+}, SearchEngine = () => {
+  const [searchRef, isSearchHovered] = useHover(), inputRef = reactExports.useRef(null), popoverSearchId = reactExports.useId(), {
+    t: t2
+  } = useTranslation();
+  function redirectToSearch() {
+    if (inputRef.current) {
+      const value = inputRef.current.value;
+      window.location.href = `/searchengine#/${value}`;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(NavItem, { id: popoverSearchId, ref: searchRef, className: "position-relative", "aria-haspopup": "true", "aria-expanded": isSearchHovered, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { href: "/searchengine", className: "nav-link dropdown-item", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SvgSearch$1, { className: "icon search" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nav-text", children: t2("navbar.search") })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, { id: popoverSearchId, isVisible: isSearchHovered, className: "d-none d-md-flex", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl$1, { id: "my-search-input", className: "search-text input-group py-8 px-12", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FormControl$1.Input, { ref: inputRef, size: "sm", type: "text", name: "my-search-input", placeholder: "Rechercher" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SearchButton$1, { type: "submit", size: "sm", onClick: redirectToSearch, "aria-label": t2("navbar.search") })
+    ] }) })
+  ] });
+}, SearchEngine$1 = SearchEngine, Header$1 = ({
   is1d = false,
   src = ""
 }) => {
@@ -63948,7 +63993,7 @@ const WidgetAppsFooter = () => {
     "container-fluid": !headless,
     "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
     "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
-  }), renderHeader = headless ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Header$2, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", className: "m-12", isConfirm: true, position: "bottom-right", button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t2("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t2("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { toastOptions: {
+  }), renderHeader = headless ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Header$2, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", className: "m-12", isConfirm: true, position: "bottom-right", button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t2("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t2("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { containerClassName: "toaster-container", toastOptions: {
     position: "top-right"
   } });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -64181,7 +64226,7 @@ withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2,
   withSelector.exports = withSelector_production_min;
 }
 var withSelectorExports = withSelector.exports;
-const useSyncExternalStoreExports = /* @__PURE__ */ getDefaultExportFromCjs(withSelectorExports);
+const useSyncExternalStoreExports = /* @__PURE__ */ getDefaultExportFromCjs$1(withSelectorExports);
 var define_import_meta_env_default = { BASE_URL: "/", MODE: "production", DEV: false, PROD: true, SSR: false };
 const { useDebugValue } = React;
 const { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer=1.0-b2school-SNAPSHOT 28/05/2024 16:43:49
+ode-explorer=1.0-b2school-SNAPSHOT 10/06/2024 19:31:29

package/lib/ResourcesList.js

@@ -4,9 +4,9 @@ import { Card as c, Image as B, AppIcon as $, Avatar as D, Tooltip as y, useOdeC
 import { useSpring as q, animated as T } from "@react-spring/web";
 import E from "clsx";
 import { useTranslation as F } from "react-i18next";
-import { Users as H, Globe as J } from "@edifice-ui/icons";
-import { OneProfile as K } from "@edifice-ui/icons/nav";
-import { d as Q, h as V, i as W, u as X, e as Y } from "./index2.js";
+import { d as H, h as J, i as K, u as Q, e as V } from "./index2.js";
+import { Users as W, Globe as X } from "@edifice-ui/icons";
+import { OneProfile as Y } from "@edifice-ui/icons/nav";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
@@ -41,16 +41,16 @@ const C = ({
     ] }),
     /* @__PURE__ */ n(c.Footer, { children: [
       /* @__PURE__ */ n("div", { className: "d-inline-flex align-items-center gap-8 text-truncate", children: [
-        o ? /* @__PURE__ */ i(D, { alt: (t == null ? void 0 : t.creatorName) || "", size: "xs", src: o, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ i(K, {}),
+        o ? /* @__PURE__ */ i(D, { alt: (t == null ? void 0 : t.creatorName) || "", size: "xs", src: o, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ i(Y, {}),
         /* @__PURE__ */ i(c.Text, { children: t == null ? void 0 : t.creatorName })
       ] }),
       /* @__PURE__ */ n("div", { className: "d-inline-flex align-items-center gap-8", children: [
         r && /* @__PURE__ */ i(y, { message: g("tooltip.shared", {
           ns: l
-        }), placement: "top", children: /* @__PURE__ */ i(H, { width: 16, height: 16 }) }),
+        }), placement: "top", children: /* @__PURE__ */ i(W, { width: 16, height: 16 }) }),
         R && /* @__PURE__ */ i(y, { message: g("tooltip.public", {
           ns: l
-        }), placement: "top", children: /* @__PURE__ */ i(J, { width: 16, height: 16 }) })
+        }), placement: "top", children: /* @__PURE__ */ i(X, { width: 16, height: 16 }) })
       ] })
     ] })
   ] }) });
@@ -66,12 +66,12 @@ const rt = ({
     t: x
   } = F(), {
     fromNow: u
-  } = L(), d = Q(), s = V(), o = W(), {
+  } = L(), d = H(), s = J(), o = K(), {
     setSelectedResources: m,
     setResourceIds: r,
     openResource: R,
     setResourceIsTrash: g
-  } = X(), l = Y(), v = q({
+  } = Q(), l = V(), v = q({
     from: {
       opacity: 0
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-explorer",
-  "version": "1.4.8",
+  "version": "1.4.9-develop.202406101930",
   "description": "Edifice Explorer",
   "homepage": "https://github.com/edificeio/explorer#readme",
   "bugs": {
@@ -36,8 +36,8 @@
     ]
   },
   "dependencies": {
-    "@edifice-ui/icons": "1.5.5",
-    "@edifice-ui/react": "1.5.5",
+    "@edifice-ui/icons": "develop",
+    "@edifice-ui/react": "develop",
     "@react-spring/web": "9.7.3",
     "@tanstack/react-query": "5.8.4",
     "clsx": "2.1.0",
@@ -65,8 +65,8 @@
     "@vitejs/plugin-react-swc": "3.5.0",
     "concurrently": "8.2.2",
     "csstype": "3.1.3",
-    "edifice-bootstrap": "1.5.5",
-    "edifice-ts-client": "1.5.5",
+    "edifice-bootstrap": "develop",
+    "edifice-ts-client": "develop",
     "eslint": "8.56.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "2.29.1",

package/lib/config/index.d.ts

@@ -1,3 +0,0 @@
-import clsx from "clsx";
-import dayjs from "dayjs";
-export { clsx, dayjs };