@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.13

package/dist/core/useWorkspaceFile/useWorkspaceFile.js

@@ -1,50 +1,49 @@
-import { odeServices as a } from "@edifice.io/ts-client";
-const F = () => ({
+import { odeServices } from "edifice-ts-client";
+const useWorkspaceFile = () => ({
   createOrUpdate: async ({
-    alt: e,
-    uri: r,
-    blob: c,
-    legend: i,
-    parentId: u,
-    application: p,
-    visibility: d
+    alt,
+    uri,
+    blob,
+    legend,
+    parentId,
+    application,
+    visibility
   }) => {
-    const m = /\/workspace\/document\/([0-9a-fA-F-]+)/, s = (r ?? "").match(m);
-    if (s && s.length === 2) {
-      const t = s[1], o = await a.workspace().searchDocuments({
+    const regex = /\/workspace\/document\/([0-9a-fA-F-]+)/, matches = (uri ?? "").match(regex);
+    if (matches && matches.length === 2) {
+      const uuid = matches[1], existingDocuments = await odeServices.workspace().searchDocuments({
         filter: "all",
-        id: t,
+        id: uuid,
         limit: 1
-      }), l = o.length ? o[0].name : void 0;
-      await a.workspace().updateFile(t, c, {
-        alt: e,
-        legend: i,
-        name: l
+      }), name = existingDocuments.length ? existingDocuments[0].name : void 0;
+      await odeServices.workspace().updateFile(uuid, blob, {
+        alt,
+        legend,
+        name
       });
-      const n = (await a.workspace().searchDocuments({
+      const updatedFile = (await odeServices.workspace().searchDocuments({
         filter: "all",
-        id: t,
+        id: uuid,
         limit: 1
       }))[0];
       return {
-        file: n,
-        src: `/workspace/${n.public ? "pub/" : ""}document/${t}`
+        file: updatedFile,
+        src: `/workspace/${updatedFile.public ? "pub/" : ""}document/${uuid}`
       };
     } else {
-      const t = await a.workspace().saveFile(c, {
-        application: p,
-        parentId: u,
-        visibility: d
+      const res = await odeServices.workspace().saveFile(blob, {
+        application,
+        parentId,
+        visibility
       });
-      return `/workspace/${t.public ? "pub/" : ""}document/${t._id}`;
+      return `/workspace/${res.public ? "pub/" : ""}document/${res._id}`;
     }
   },
   // get,
-  create: async (e, r) => await a.workspace().saveFile(e, r),
+  create: async (file, params) => await odeServices.workspace().saveFile(file, params),
   // put,
-  remove: async (e) => !e || Array.isArray(e) && e.length === 0 ? Promise.resolve() : await a.workspace().deleteFile(Array.isArray(e) ? e : [e])
-});
+  remove: async (file) => !file || Array.isArray(file) && file.length === 0 ? Promise.resolve() : await odeServices.workspace().deleteFile(Array.isArray(file) ? file : [file])
+}), useWorkspaceFile$1 = useWorkspaceFile;
 export {
-  F as default
+  useWorkspaceFile$1 as default
 };
-//# sourceMappingURL=useWorkspaceFile.js.map

package/dist/core/useWorkspaceSearch/useWorkspaceSearch.d.ts

@@ -1,4 +1,4 @@
-import { ID, Role, WorkspaceElement, WorkspaceSearchFilter } from '@edifice.io/ts-client';
+import { Role, ID, WorkspaceElement, WorkspaceSearchFilter } from 'edifice-ts-client';
 import { TreeNode } from '../../components';
 export type FolderNode = TreeNode & {
     files?: WorkspaceElement[];

package/dist/core/useWorkspaceSearch/useWorkspaceSearch.js

@@ -1,59 +1,58 @@
-import { useReducer as g, useCallback as C } from "react";
-import { odeServices as T, DocumentHelper as _ } from "@edifice.io/ts-client";
-import m from "../useHasWorkflow/useHasWorkflow.js";
-import { findTreeNode as b } from "../../utils/findTreeNode.js";
-import { useMockedData as M } from "../../utils/MockedDataProvider/MockedDataProvider.js";
-function F(l, y, p, o) {
-  const e = M(), u = m("org.entcore.workspace.controllers.WorkspaceController|listDocuments"), d = m("org.entcore.workspace.controllers.WorkspaceController|listFolders");
-  function k(t, r) {
-    switch (r.type) {
+import { useReducer, useCallback } from "react";
+import { odeServices, DocumentHelper } from "edifice-ts-client";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+import { findTreeNode } from "../../utils/findTreeNode.js";
+import { useMockedData } from "../../utils/MockedDataProvider/MockedDataProvider.js";
+function useWorkspaceSearch(rootId, rootName, filter, format) {
+  const mock = useMockedData(), canListDocs = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|listDocuments"), canListFolders = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|listFolders");
+  function treeReducer(state, action) {
+    switch (action.type) {
       case "update": {
-        const c = b(t, (n) => n.id === r.folderId);
-        return c && (c.children = r.subfolders.map((n) => ({
-          id: n._id || "",
-          name: n.name
-        })), c.files = r.files), {
-          ...t
+        const node = findTreeNode(state, (child) => child.id === action.folderId);
+        return node && (node.children = action.subfolders.map((f) => ({
+          id: f._id || "",
+          name: f.name
+        })), node.files = action.files), {
+          ...state
         };
       }
       default:
-        throw Error("[useWorkspaceSearch] Unknown action type: " + r.type);
+        throw Error("[useWorkspaceSearch] Unknown action type: " + action.type);
     }
   }
-  const [w, W] = g(k, {
-    id: l,
-    name: y,
+  const [root, dispatch] = useReducer(treeReducer, {
+    id: rootId,
+    name: rootName,
     section: !0
-  }), D = C(async (t) => {
-    var r;
-    if (u && d) {
-      const c = t === l ? "" : t, n = e != null && e.listWorkspaceDocuments ? await ((r = e == null ? void 0 : e.listWorkspaceDocuments) == null ? void 0 : r.call(e).then((s) => s.map((a) => {
-        const i = {
-          ...a,
+  }), loadContent = useCallback(async (folderId) => {
+    var _a;
+    if (canListDocs && canListFolders) {
+      const realWorkspaceId = folderId === rootId ? "" : folderId, payload = mock != null && mock.listWorkspaceDocuments ? await ((_a = mock == null ? void 0 : mock.listWorkspaceDocuments) == null ? void 0 : _a.call(mock).then((results) => results.map((result) => {
+        const ret = {
+          ...result,
           _id: "" + Math.round(Math.random() * 9999)
         };
-        return i.name = a.eType === "folder" ? "folder id=" + i._id : "file id=" + i._id, i;
-      }))) : await T.workspace().listDocuments(p, c), f = [], h = [];
-      n.filter((s) => {
-        if (!o || s.eType === "folder") return !0;
-        const a = _.getRole(s);
-        return typeof o == "string" ? o === a : Array.isArray(o) ? o.findIndex((i) => i === a) >= 0 : !1;
-      }).forEach((s) => {
-        s.eType === "folder" ? f.push(s) : h.push(s);
-      }), W({
-        folderId: t,
-        subfolders: f,
-        files: h,
+        return ret.name = result.eType == "folder" ? "folder id=" + ret._id : "file id=" + ret._id, ret;
+      }))) : await odeServices.workspace().listDocuments(filter, realWorkspaceId), subfolders = [], files = [];
+      payload.filter((f) => {
+        if (!format || f.eType === "folder") return !0;
+        const role = DocumentHelper.getRole(f);
+        return typeof format == "string" ? format === role : Array.isArray(format) ? format.findIndex((format2) => format2 === role) >= 0 : !1;
+      }).forEach((doc) => {
+        doc.eType === "folder" ? subfolders.push(doc) : files.push(doc);
+      }), dispatch({
+        folderId,
+        subfolders,
+        files,
         type: "update"
       });
     }
-  }, [u, d, l, e, p, o]);
+  }, [canListDocs, canListFolders, rootId, mock, filter, format]);
   return {
-    root: w,
-    loadContent: D
+    root,
+    loadContent
   };
 }
 export {
-  F as default
+  useWorkspaceSearch as default
 };
-//# sourceMappingURL=useWorkspaceSearch.js.map

package/dist/core/useXitiTrackPageLoad/useXitiTrackPageLoad.js

@@ -1,29 +1,28 @@
-import { useState as r, useEffect as n } from "react";
-import { odeServices as c } from "@edifice.io/ts-client";
-import { useOdeClient as s } from "../OdeClientProvider/OdeClientProvider.js";
-function g() {
-  const [e, t] = r("pending"), {
-    currentApp: a
-  } = s();
-  n(() => {
-    o();
+import { useState, useEffect } from "react";
+import { odeServices } from "edifice-ts-client";
+import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
+function useXitiTrackPageLoad() {
+  const [xitiStatus, setXitiStatus] = useState("pending"), {
+    currentApp
+  } = useOdeClient();
+  useEffect(() => {
+    trackPageLoad();
   }, []);
-  const o = async () => {
-    if (!a) {
-      t("[Xiti] Error, currentApp is not defined.");
+  const trackPageLoad = async () => {
+    if (!currentApp) {
+      setXitiStatus("[Xiti] Error, currentApp is not defined.");
       return;
     }
     try {
-      await c.analytics().trackPageLoad(window.location.pathname, a), console.info(`[Xiti] Success tracking page ${window.location.pathname}`), t(`[Xiti] Success tracking page ${window.location.pathname}`);
-    } catch (i) {
-      console.error("[Xiti] Error Tracking Page Load", i), t(`[Xiti] Error Tracking Page Load: ${i}`);
+      await odeServices.analytics().trackPageLoad(window.location.pathname, currentApp), console.info(`[Xiti] Success tracking page ${window.location.pathname}`), setXitiStatus(`[Xiti] Success tracking page ${window.location.pathname}`);
+    } catch (e) {
+      console.error("[Xiti] Error Tracking Page Load", e), setXitiStatus(`[Xiti] Error Tracking Page Load: ${e}`);
     }
   };
   return {
-    xitiStatus: e
+    xitiStatus
   };
 }
 export {
-  g as default
+  useXitiTrackPageLoad as default
 };
-//# sourceMappingURL=useXitiTrackPageLoad.js.map

package/dist/core/useZendeskGuide/useZendeskGuide.js

@@ -1,51 +1,51 @@
-import { useState as p, useEffect as d } from "react";
-import { odeServices as E } from "@edifice.io/ts-client";
-import z from "../useUser/useUser.js";
-import W from "../useIsAdml/useIsAdml.js";
-import k from "../useHasWorkflow/useHasWorkflow.js";
-import { useOdeClient as y } from "../OdeClientProvider/OdeClientProvider.js";
-import { useOdeTheme as S } from "../ThemeProvider/ThemeProvider.js";
-function A() {
+import { useState, useEffect } from "react";
+import { odeServices } from "edifice-ts-client";
+import useUser from "../useUser/useUser.js";
+import useIsAdml from "../useIsAdml/useIsAdml.js";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
+import { useOdeTheme } from "../ThemeProvider/ThemeProvider.js";
+function useZendeskGuide() {
   const {
-    currentLanguage: a
-  } = y(), {
-    userDescription: l
-  } = z(), {
-    isAdml: f
-  } = W(), {
-    theme: c
-  } = S(), m = window.innerWidth <= 768, s = k("net.atos.entng.support.controllers.DisplayController|view"), [r, g] = p(""), [e, u] = p(void 0), b = () => {
-    const n = r.split("/");
-    let i = "", t = "";
-    if (e != null && e.labels && Object.keys(e == null ? void 0 : e.labels).length > 0 && n.length > 1) {
-      for (let o = 1; o < n.length; o++)
-        n[o].length > 0 && n[o].match(/\d/) == null && (i.length === 0 ? i = n[o] : i = i + "/" + n[o]);
-      e != null && e.labels && Object.prototype.hasOwnProperty.call(e == null ? void 0 : e.labels, i) ? t = e == null ? void 0 : e.labels[i] : e != null && e.default && String(e.default).length > 0 && (t = e == null ? void 0 : e.default);
-    } else e != null && e.default && String(e == null ? void 0 : e.default).length > 0 && (t = e == null ? void 0 : e.default);
-    if (n.includes("collaborativewall") && n.includes("id") && m && window.zE("webWidget", "hide"), t.includes("${adml}") && (f ? t = t.replace("${adml}", "adml") : t = t.replace("/${adml}", "")), t.includes("${profile}")) {
-      const o = l == null ? void 0 : l.profiles;
-      t = t.replace("${profile}", o[0].toLowerCase());
+    currentLanguage
+  } = useOdeClient(), {
+    userDescription
+  } = useUser(), {
+    isAdml
+  } = useIsAdml(), {
+    theme
+  } = useOdeTheme(), isMobileView = window.innerWidth <= 768, hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = useState(""), [dataModule, setDataModule] = useState(void 0), setZendeskGuideLabels = () => {
+    const modulePathnameSplit = locationPathname.split("/");
+    let moduleLabel = "", labels = "";
+    if (dataModule != null && dataModule.labels && Object.keys(dataModule == null ? void 0 : dataModule.labels).length > 0 && modulePathnameSplit.length > 1) {
+      for (let i = 1; i < modulePathnameSplit.length; i++)
+        modulePathnameSplit[i].length > 0 && modulePathnameSplit[i].match(/\d/) == null && (moduleLabel.length === 0 ? moduleLabel = modulePathnameSplit[i] : moduleLabel = moduleLabel + "/" + modulePathnameSplit[i]);
+      dataModule != null && dataModule.labels && Object.prototype.hasOwnProperty.call(dataModule == null ? void 0 : dataModule.labels, moduleLabel) ? labels = dataModule == null ? void 0 : dataModule.labels[moduleLabel] : dataModule != null && dataModule.default && String(dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
+    } else dataModule != null && dataModule.default && String(dataModule == null ? void 0 : dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
+    if (modulePathnameSplit.includes("collaborativewall") && modulePathnameSplit.includes("id") && isMobileView && window.zE("webWidget", "hide"), labels.includes("${adml}") && (isAdml ? labels = labels.replace("${adml}", "adml") : labels = labels.replace("/${adml}", "")), labels.includes("${profile}")) {
+      const userProfile = userDescription == null ? void 0 : userDescription.profiles;
+      labels = labels.replace("${profile}", userProfile[0].toLowerCase());
     }
-    t.includes("${theme") && (c != null && c.is1d ? t = t.replace("${theme}", "1D") : t = t.replace("${theme}", "2D")), window.zE("webWidget", "helpCenter:setSuggestions", {
-      labels: [t]
+    labels.includes("${theme") && (theme != null && theme.is1d ? labels = labels.replace("${theme}", "1D") : labels = labels.replace("${theme}", "2D")), window.zE("webWidget", "helpCenter:setSuggestions", {
+      labels: [labels]
     });
   };
-  return d(() => {
-    window.location.pathname !== r && g(window.location.pathname), !(e === void 0 || Object.keys(e).length === 0) && b();
-  }, [window.location.pathname, e]), d(() => {
-    document.getElementById("ze-snippet") || s === void 0 || (async () => {
-      const n = await E.http().get("/zendeskGuide/config");
-      if (n && n.key && n.key !== "") {
-        const i = document.createElement("script");
-        i.id = "ze-snippet", i.src = `https://static.zdassets.com/ekr/snippet.js?key=${n.key}`, document.body.appendChild(i).onload = () => {
-          a === "es" ? window.zE(function() {
+  return useEffect(() => {
+    window.location.pathname !== locationPathname && setLocationPathname(window.location.pathname), !(dataModule === void 0 || Object.keys(dataModule).length === 0) && setZendeskGuideLabels();
+  }, [window.location.pathname, dataModule]), useEffect(() => {
+    document.getElementById("ze-snippet") || hasSupportWorkflow === void 0 || (async () => {
+      const zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
+      if (zendeskGuideConfig && zendeskGuideConfig.key && zendeskGuideConfig.key !== "") {
+        const scriptZendesk = document.createElement("script");
+        scriptZendesk.id = "ze-snippet", scriptZendesk.src = `https://static.zdassets.com/ekr/snippet.js?key=${zendeskGuideConfig.key}`, document.body.appendChild(scriptZendesk).onload = () => {
+          currentLanguage === "es" ? window.zE(function() {
             window.zE.setLocale("es-419");
           }) : window.zE(function() {
             window.zE.setLocale("fr");
-          }), Object.keys(n.module).length > 0 && u(n.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
+          }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
             webWidget: {
               color: {
-                theme: n.color || "#ffc400"
+                theme: zendeskGuideConfig.color || "#ffc400"
               },
               zIndex: 3,
               launcher: {
@@ -54,7 +54,7 @@ function A() {
                 }
               },
               contactForm: {
-                suppress: !s
+                suppress: !hasSupportWorkflow
               },
               helpCenter: {
                 messageButton: {
@@ -74,16 +74,16 @@ function A() {
               }
             });
           }), window.zE("webWidget:on", "open", function() {
-            s && window.zE("webWidget", "updateSettings", {
+            hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
               webWidget: {
                 contactForm: {
                   suppress: !1
                 }
               }
             });
-          }), window.zE("webWidget:on", "userEvent", function(t) {
-            const o = t.category, h = t.action, w = t.properties;
-            h === "Contact Form Shown" && o === "Zendesk Web Widget" && w && w.name === "contact-form" && s && (window.zE("webWidget", "updateSettings", {
+          }), window.zE("webWidget:on", "userEvent", function(ref) {
+            const category = ref.category, action = ref.action, properties = ref.properties;
+            action === "Contact Form Shown" && category === "Zendesk Web Widget" && properties && properties.name === "contact-form" && hasSupportWorkflow && (window.zE("webWidget", "updateSettings", {
               webWidget: {
                 contactForm: {
                   suppress: !0
@@ -94,9 +94,8 @@ function A() {
         };
       }
     })();
-  }, [s]), null;
+  }, [hasSupportWorkflow]), null;
 }
 export {
-  A as default
+  useZendeskGuide as default
 };
-//# sourceMappingURL=useZendeskGuide.js.map

package/dist/hooks/useBrowserInfo/useBrowserInfo.js

@@ -1,17 +1,16 @@
-import m from "ua-parser-js";
-function u(t) {
-  var s, n, r;
-  const o = new m(t), i = o.getOS(), e = o.getDevice(), d = o.getBrowser(), c = ((s = e.model) == null ? void 0 : s.indexOf("iPhone")) !== -1, a = ((n = e.model) == null ? void 0 : n.indexOf("iPod")) !== -1, f = ((r = e.model) == null ? void 0 : r.indexOf("iPad")) !== -1;
+import UAParser from "ua-parser-js";
+function useBrowserInfo(userAgent) {
+  var _a, _b, _c;
+  const uaParser = new UAParser(userAgent), os = uaParser.getOS(), device = uaParser.getDevice(), browser = uaParser.getBrowser(), isIphone = ((_a = device.model) == null ? void 0 : _a.indexOf("iPhone")) != -1, isIpod = ((_b = device.model) == null ? void 0 : _b.indexOf("iPod")) != -1, isIpad = ((_c = device.model) == null ? void 0 : _c.indexOf("iPad")) != -1;
   return {
-    os: i,
-    device: e,
-    browser: d,
-    isIphone: c,
-    isIpod: a,
-    isIpad: f
+    os,
+    device,
+    browser,
+    isIphone,
+    isIpod,
+    isIpad
   };
 }
 export {
-  u as default
+  useBrowserInfo as default
 };
-//# sourceMappingURL=useBrowserInfo.js.map

package/dist/hooks/useClickOutside/useClickOutside.js

@@ -1,27 +1,26 @@
-import { useRef as d, useEffect as f } from "react";
-const i = ["mousedown", "touchstart"];
-function l(o, s, c) {
-  const r = d();
-  return f(() => {
-    const u = (t) => {
+import { useRef, useEffect } from "react";
+const DEFAULT_EVENTS = ["mousedown", "touchstart"];
+function useClickOutside(handler, events, nodes) {
+  const ref = useRef();
+  return useEffect(() => {
+    const listener = (event) => {
       const {
-        target: e
-      } = t ?? {};
-      if (Array.isArray(c)) {
-        const a = (e == null ? void 0 : e.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(e) && e.tagName !== "HTML";
-        c.every((n) => !!n && !t.composedPath().includes(n)) && !a && o();
-      } else r.current && !r.current.contains(e) && o();
+        target
+      } = event ?? {};
+      if (Array.isArray(nodes)) {
+        const shouldIgnore = (target == null ? void 0 : target.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(target) && target.tagName !== "HTML";
+        nodes.every((node) => !!node && !event.composedPath().includes(node)) && !shouldIgnore && handler();
+      } else ref.current && !ref.current.contains(target) && handler();
     };
-    return (s || i).forEach((t) => {
-      document.addEventListener(t, u);
+    return (events || DEFAULT_EVENTS).forEach((fn) => {
+      document.addEventListener(fn, listener);
     }), () => {
-      (s || i).forEach((t) => {
-        document.removeEventListener(t, u);
+      (events || DEFAULT_EVENTS).forEach((fn) => {
+        document.removeEventListener(fn, listener);
       });
     };
-  }, [r, o, c, s]), r;
+  }, [ref, handler, nodes, events]), ref;
 }
 export {
-  l as default
+  useClickOutside as default
 };
-//# sourceMappingURL=useClickOutside.js.map

package/dist/hooks/useDebounce/useDebounce.js

@@ -1,16 +1,15 @@
-import { useState as r, useEffect as c } from "react";
-function f(e, t) {
-  const [u, o] = r(e);
-  return c(() => {
-    const n = setTimeout(() => {
-      o(e);
-    }, t || 500);
+import { useState, useEffect } from "react";
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  return useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay || 500);
     return () => {
-      clearTimeout(n);
+      clearTimeout(timer);
     };
-  }, [e, t]), u;
+  }, [value, delay]), debouncedValue;
 }
 export {
-  f as default
+  useDebounce as default
 };
-//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDropdown/useDropdown.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+import { MutableRefObject, Dispatch, SetStateAction } from 'react';
 import { Placement } from '@floating-ui/react';
 export declare enum KEYS {
     Enter = "Enter",