ode-explorer 1.4.18-develop-integration.202410021150 → 1.4.18-develop-pedago.202410071739

package/lib/EmptyScreenApp.js

@@ -1,43 +1,45 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useOdeClient as c, useOdeTheme as d, usePaths as m, EmptyScreen as u } from "@edifice-ui/react";
-import { useTranslation as x } from "react-i18next";
-import { a as y } from "./index2.js";
-import "react";
-import "@edifice-ui/icons";
+import { usePaths as m, useOdeClient as u, useOdeTheme as d, EmptyScreen as x } from "@edifice-ui/react";
+import { useTranslation as S } from "react-i18next";
+import "@tanstack/react-query";
 import "edifice-ts-client";
 import "i18next";
+import { u as y, b as f } from "./index2.js";
+import "react";
+import "@dnd-kit/core";
+import "@dnd-kit/modifiers";
 import "zustand";
-import "@tanstack/react-query";
-function $() {
-  const {
+import "@edifice-ui/icons";
+function w() {
+  const [n] = m(), {
     appCode: r
-  } = c(), {
+  } = u(), {
     theme: e
-  } = d(), [s] = m(), {
-    t: l
-  } = x(), {
-    data: i
-  } = y(), t = i == null ? void 0 : i.find((o) => o.id === "create"), p = () => t != null && t.available && (e != null && e.is1d) ? l("explorer.emptyScreen.txt1d.create", {
+  } = d(), {
+    t: i
+  } = S(), o = y((l) => l.config), {
+    data: s
+  } = f(o == null ? void 0 : o.actions), t = s == null ? void 0 : s.find((l) => l.id === "create"), p = () => t != null && t.available && (e != null && e.is1d) ? i("explorer.emptyScreen.txt1d.create", {
     ns: r
-  }) : t != null && t.available && !(e != null && e.is1d) ? l("explorer.emptyScreen.txt2d.create", {
+  }) : t != null && t.available && !(e != null && e.is1d) ? i("explorer.emptyScreen.txt2d.create", {
     ns: r
-  }) : !(t != null && t.available) && (e != null && e.is1d) ? l("explorer.emptyScreen.txt1d.consultation", {
+  }) : !(t != null && t.available) && (e != null && e.is1d) ? i("explorer.emptyScreen.txt1d.consultation", {
     ns: r
-  }) : l("explorer.emptyScreen.txt2d.consultation", {
+  }) : i("explorer.emptyScreen.txt2d.consultation", {
     ns: r
-  }), n = () => t != null && t.available && (e != null && e.is1d) ? l("explorer.emptyScreen.title1d.create", {
+  }), c = () => t != null && t.available && (e != null && e.is1d) ? i("explorer.emptyScreen.title1d.create", {
     ns: r
-  }) : t != null && t.available && !(e != null && e.is1d) ? l("explorer.emptyScreen.title2d.create", {
+  }) : t != null && t.available && !(e != null && e.is1d) ? i("explorer.emptyScreen.title2d.create", {
     ns: r
-  }) : !(t != null && t.available) && (e != null && e.is1d) ? l("explorer.emptyScreen.title1d.consultation", {
+  }) : !(t != null && t.available) && (e != null && e.is1d) ? i("explorer.emptyScreen.title1d.consultation", {
     ns: r
-  }) : l("explorer.emptyScreen.title2d.consultation", {
+  }) : i("explorer.emptyScreen.title2d.consultation", {
     ns: r
   });
-  return /* @__PURE__ */ a(u, { imageSrc: `${s}/emptyscreen/illu-${r}.svg`, imageAlt: l("explorer.emptyScreen.app.alt", {
+  return /* @__PURE__ */ a(x, { imageSrc: `${n}/emptyscreen/illu-${r}.svg`, imageAlt: i("explorer.emptyScreen.app.alt", {
     ns: r
-  }), title: n(), text: p() });
+  }), title: c(), text: p() });
 }
 export {
-  $ as default
+  w as default
 };

package/lib/ExportModal.js

@@ -1,18 +1,20 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useToast as p, Modal as i, Alert as d, Button as a } from "@edifice-ui/react";
+import { useToast as c, Modal as i, Alert as d, Button as p } from "@edifice-ui/react";
 import { createPortal as x } from "react-dom";
-import { useTranslation as c } from "react-i18next";
-import { i as m, d as h, y as u } from "./index2.js";
+import { useTranslation as a } from "react-i18next";
+import { i as m, e as h, A as u } from "./index2.js";
 import "react";
-import "@edifice-ui/icons";
+import "@dnd-kit/core";
+import "@dnd-kit/modifiers";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
+import "@edifice-ui/icons";
 const f = (n) => {
-  const t = m(), e = h(), s = p(), {
+  const t = m(), e = h(), s = c(), {
     t: r
-  } = c();
+  } = a();
   return {
     handleExportClick: () => {
       t.length ? (u({
@@ -22,7 +24,7 @@ const f = (n) => {
     }
   };
 };
-function T({
+function v({
   isOpen: n,
   onSuccess: t,
   onCancel: e
@@ -31,7 +33,7 @@ function T({
     handleExportClick: s
   } = f(t), {
     t: r
-  } = c();
+  } = a();
   return /* @__PURE__ */ x(/* @__PURE__ */ l(i, { isOpen: n, onModalClose: e, id: "exportModal", children: [
     /* @__PURE__ */ o(i.Header, { onModalClose: e, children: r("explorer.export.title") }),
     /* @__PURE__ */ l(i.Body, { children: [
@@ -43,11 +45,11 @@ function T({
       /* @__PURE__ */ o(d, { type: "warning", children: r("explorer.export.body.warning") })
     ] }),
     /* @__PURE__ */ l(i.Footer, { children: [
-      /* @__PURE__ */ o(a, { color: "tertiary", onClick: e, type: "button", variant: "ghost", children: r("explorer.cancel") }),
-      /* @__PURE__ */ o(a, { color: "primary", onClick: s, type: "button", variant: "filled", children: r("explorer.actions.export") })
+      /* @__PURE__ */ o(p, { color: "tertiary", onClick: e, type: "button", variant: "ghost", children: r("explorer.cancel") }),
+      /* @__PURE__ */ o(p, { color: "primary", onClick: s, type: "button", variant: "filled", children: r("explorer.actions.export") })
     ] })
   ] }), document.getElementById("portal"));
 }
 export {
-  T as default
+  v as default
 };

package/lib/FolderModal.js

@@ -5,11 +5,13 @@ import { createPortal as T } from "react-dom";
 import { useTranslation as U } from "react-i18next";
 import { FOLDER as V } from "edifice-ts-client";
 import { useForm as _ } from "react-hook-form";
-import { j as k, b as z, r as A, s as H } from "./index2.js";
-import "@edifice-ui/icons";
+import { j as k, c as z, t as A, v as H } from "./index2.js";
+import "@dnd-kit/core";
+import "@dnd-kit/modifiers";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
+import "@edifice-ui/icons";
 function P({
   edit: t,
   onSuccess: e,
@@ -71,7 +73,7 @@ function P({
     onSubmit: L
   };
 }
-function te({
+function ae({
   isOpen: t,
   edit: e,
   onSuccess: s,
@@ -116,5 +118,5 @@ function te({
   ] }), document.getElementById("portal")) : null;
 }
 export {
-  te as default
+  ae as default
 };

package/lib/FoldersList.js

@@ -1,64 +1,104 @@
-import { jsx as i, jsxs as y } from "react/jsx-runtime";
-import { Card as d, useOdeClient as C, useScrollToTop as T } from "@edifice-ui/react";
-import { useSpring as I, animated as a } from "@react-spring/web";
-import { Files as N } from "@edifice-ui/icons";
-import { j, k as x, u as k } from "./index2.js";
-import "react";
-import "react-i18next";
+import { jsx as l, jsxs as x } from "react/jsx-runtime";
+import { Card as h, useScrollToTop as N, useOdeClient as R } from "@edifice-ui/react";
+import { useSpring as w, animated as S } from "@react-spring/web";
+import { useQueryClient as $ } from "@tanstack/react-query";
+import { o as v, s as j, j as k, k as z, a as A } from "./index2.js";
+import { useState as E, useId as q, useEffect as B } from "react";
+import { useDroppable as L, useDraggable as M } from "@dnd-kit/core";
+import { Files as Q } from "@edifice-ui/icons";
+import { D as G } from "./DraggableCard.js";
+import "@dnd-kit/modifiers";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
-import "@tanstack/react-query";
-const g = ({
-  app: s,
-  name: n,
-  isSelected: l = !1,
-  isSelectable: o = !0,
-  onClick: t,
-  onSelect: c
-}) => /* @__PURE__ */ i(d, { app: s, isSelectable: o, isSelected: l, onClick: t, onSelect: c, children: (p) => /* @__PURE__ */ y(d.Body, { children: [
-  /* @__PURE__ */ i(N, { width: "48", height: "48", className: `color-app-${p}` }),
-  /* @__PURE__ */ i(d.Title, { children: n })
-] }) });
-g.displayName = "FolderCard";
-const E = ({
-  data: s
+import "react-i18next";
+const C = ({
+  app: r,
+  name: d,
+  idFolder: i,
+  isSelected: c = !1,
+  isSelectable: m = !0,
+  onClick: f,
+  onSelect: D
 }) => {
-  var m, u;
-  const {
-    currentApp: n
-  } = C(), l = j(), o = x(), {
+  const [t, a] = E(!1), p = q(), {
+    setNodeRef: b
+  } = L({
+    id: p,
+    data: {
+      id: i,
+      name: d,
+      isTreeview: !1,
+      accepts: ["folder", "resource"]
+    }
+  }), {
+    attributes: F,
+    listeners: y,
+    setNodeRef: u,
+    transform: o
+  } = M({
+    id: p,
+    data: {
+      id: i,
+      type: "folder"
+    }
+  }), e = v(), s = j(), I = (n) => {
+    u(n), b(n);
+  }, g = s.overId === i, O = !s.canMove && s.isTreeview ? "no-drop" : t ? "grabbing" : "default", T = {
+    transform: `translate3d(${((o == null ? void 0 : o.x) ?? 0) / 1}px, ${((o == null ? void 0 : o.y) ?? 0) / 1}px, 0)`,
+    cursor: O
+  };
+  return B(() => {
+    const n = e.elementDrag === i;
+    a(n);
+  }, [e]), /* @__PURE__ */ l("div", { ref: I, ...y, ...F, style: {
+    ...T
+  }, children: t ? /* @__PURE__ */ l(G, { name: d, app: r, type: "folder" }) : /* @__PURE__ */ l(h, { app: r, isSelectable: !t && m, isSelected: !t && c || g && t, isFocused: g, onClick: f, onSelect: D, children: (n) => /* @__PURE__ */ x(h.Body, { children: [
+    /* @__PURE__ */ l(Q, { width: "48", height: "48", className: `color-app-${n}` }),
+    /* @__PURE__ */ l(h.Title, { children: d })
+  ] }) }) });
+};
+C.displayName = "FolderCard";
+const oe = ({
+  data: r
+}) => {
+  var u, o;
+  const d = $(), i = k(), c = z(), m = v(), f = N(), {
+    currentApp: D
+  } = R(), {
     setSelectedFolders: t,
-    setFolderIds: c,
+    setFolderIds: a,
     openFolder: p
-  } = k();
+  } = A();
+  function b(e) {
+    c.includes(e.id) ? (a(c.filter((s) => s !== e.id)), t(i.filter((s) => s.id !== e.id))) : (a([e.id, ...c]), t([e, ...i]));
+  }
   function F(e) {
-    o.includes(e.id) ? (c(o.filter((r) => r !== e.id)), t(l.filter((r) => r.id !== e.id))) : (c([...o, e.id]), t([...l, e]));
+    f(), p({
+      folder: e,
+      folderId: e.id,
+      queryClient: d
+    });
   }
-  const h = I({
+  const y = w({
     from: {
       opacity: 0
     },
     to: {
       opacity: 1
     }
-  }), f = T();
-  return (m = s == null ? void 0 : s.pages[0]) != null && m.folders.length ? /* @__PURE__ */ i(a.ul, { className: "grid ps-0 list-unstyled mb-24", children: (u = s == null ? void 0 : s.pages[0]) == null ? void 0 : u.folders.map((e) => {
+  });
+  return (u = r == null ? void 0 : r.pages[0]) != null && u.folders.length ? /* @__PURE__ */ l(S.ul, { className: "grid ps-0 list-unstyled mb-24", children: (o = r == null ? void 0 : r.pages[0]) == null ? void 0 : o.folders.map((e) => {
     const {
-      id: r,
-      name: S
-    } = e;
-    return /* @__PURE__ */ i(a.li, { className: "g-col-4 z-1", style: {
+      id: s,
+      name: I
+    } = e, g = m.elementDrag === s;
+    return /* @__PURE__ */ l(S.li, { className: `g-col-4 ${g ? "z-2000" : "z-1"}`, style: {
       position: "relative",
-      ...h
-    }, children: /* @__PURE__ */ i(g, { name: S, app: n, isSelected: o.includes(e.id), onClick: () => {
-      f(), p({
-        folder: e,
-        folderId: e.id
-      });
-    }, onSelect: () => F(e) }) }, r);
+      ...y
+    }, children: /* @__PURE__ */ l(C, { name: I, idFolder: s, app: D, isSelected: c.includes(e.id), onClick: () => F(e), onSelect: () => b(e) }) }, s);
   }) }) : null;
 };
 export {
-  E as default
+  oe as default
 };

package/lib/Library.js

@@ -1,38 +1,36 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { useOdeClient as s, useOdeTheme as c, usePaths as m, useLibraryUrl as d, Image as p } from "@edifice-ui/react";
-import { odeServices as b } from "edifice-ts-client";
-import { ArrowRight as g } from "@edifice-ui/icons";
-import { useTranslation as u } from "react-i18next";
-const y = () => {
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { ArrowRight as o } from "@edifice-ui/icons";
+import { useOdeTheme as n, usePaths as s, useLibraryUrl as c, Image as m } from "@edifice-ui/react";
+import { useTranslation as p } from "react-i18next";
+import { odeServices as d } from "edifice-ts-client";
+const b = () => {
   const {
-    currentLanguage: i
-  } = s(), {
-    theme: e
-  } = c(), [l] = m(), r = d(), n = i === "fr" ? "image-library-year-end.gif" : "image-library.svg", o = `${l}/${e == null ? void 0 : e.bootstrapVersion}/${n}`;
+    theme: r
+  } = n(), [l] = s(), e = c(), a = `${l}/${r == null ? void 0 : r.bootstrapVersion}/image-library.svg`;
   return {
-    libraryUrl: r,
-    imageFullURL: o,
+    libraryUrl: e,
+    imageFullURL: a,
     handleClick: () => {
-      r && (window.open(r, "_blank"), b.data().trackAccessLibraryFromExplorer());
+      e && (window.open(e, "_blank"), d.data().trackAccessLibraryFromExplorer());
     }
   };
-}, U = () => {
+}, k = () => {
   const {
-    libraryUrl: i,
-    imageFullURL: e,
-    handleClick: l
-  } = y(), {
-    t: r
-  } = u();
-  return i && /* @__PURE__ */ t("div", { className: "p-16", children: [
-    /* @__PURE__ */ a(p, { width: "270", height: "140", loading: "lazy", className: "rounded", src: e, alt: r("explorer.libray.img.alt") }),
-    /* @__PURE__ */ a("p", { className: "m-8", children: r("explorer.libray.title") }),
-    /* @__PURE__ */ t("button", { type: "button", onClick: l, rel: "noreferrer", className: "btn btn-ghost-primary d-inline-flex align-items-center gap-4 p-8", children: [
-      /* @__PURE__ */ a("span", { children: r("explorer.libray.btn") }),
-      /* @__PURE__ */ a(g, {})
+    libraryUrl: r,
+    imageFullURL: l,
+    handleClick: e
+  } = b(), {
+    t: a
+  } = p();
+  return r && /* @__PURE__ */ t("div", { className: "p-16", children: [
+    /* @__PURE__ */ i(m, { width: "270", height: "140", loading: "lazy", className: "rounded", src: l, alt: a("explorer.libray.img.alt") }),
+    /* @__PURE__ */ i("p", { className: "m-8", children: a("explorer.libray.title") }),
+    /* @__PURE__ */ t("button", { type: "button", onClick: e, rel: "noreferrer", className: "btn btn-ghost-primary d-inline-flex align-items-center gap-4 p-8", children: [
+      /* @__PURE__ */ i("span", { children: a("explorer.libray.btn") }),
+      /* @__PURE__ */ i(o, {})
     ] })
   ] });
 };
 export {
-  U as default
+  k as default
 };

package/lib/MoveModal.js

@@ -1,78 +1,94 @@
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { Modal as a, TreeView as T, Button as I } from "@edifice-ui/react";
-import { createPortal as M } from "react-dom";
-import { useTranslation as y } from "react-i18next";
-import { useState as b } from "react";
-import { useQueryClient as x } from "@tanstack/react-query";
-import { w as F, j as w, i as S, u as g, x as j } from "./index2.js";
-import "@edifice-ui/icons";
+import { jsxs as T, jsx as i } from "react/jsx-runtime";
+import { findNodeById as x, getAncestors as C, useOdeClient as S, Modal as c, TreeView as F, Button as b } from "@edifice-ui/react";
+import { createPortal as g } from "react-dom";
+import { useTranslation as w } from "react-i18next";
+import { useQueryClient as A } from "@tanstack/react-query";
+import { useState as B } from "react";
+import { y as D, j, i as k, z as E, a as O } from "./index2.js";
+import "@dnd-kit/core";
+import "@dnd-kit/modifiers";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
-function B({
-  onSuccess: n
+import "@edifice-ui/icons";
+function U({
+  onSuccess: s
 }) {
-  const [d, t] = b(), r = F(), i = w(), m = S(), {
-    foldTreeItem: s,
-    unfoldTreeItem: c
-  } = g(), f = x();
-  async function u() {
+  const [a, n] = B(), u = A(), o = D(), p = j(), h = k(), d = E(), {
+    fetchTreeData: v
+  } = O();
+  async function y() {
     try {
-      if (!d)
+      if (!a)
         throw new Error("explorer.move.selection.empty");
-      await r.mutate(d), await (n == null ? void 0 : n());
-    } catch (e) {
-      console.error(e);
+      await o.mutate(a), await (s == null ? void 0 : s());
+    } catch (r) {
+      console.error(r);
     }
   }
-  const v = (e) => {
-    var p;
-    for (const o of i)
-      if (e === o.id || e === o.parentId)
+  const I = (r) => {
+    var f, m;
+    const t = C(d, r);
+    for (const e of p)
+      if (r === e.id || r === e.parentId || (f = e.childrenIds) != null && f.includes(r) || t.includes(e.id))
         return !1;
-    for (const o of m)
-      if (e === ((o == null ? void 0 : o.folderIds) && o.folderIds[0]) || ((p = o == null ? void 0 : o.folderIds) == null ? void 0 : p.length) === 0 && e === "default")
+    for (const e of h)
+      if (r === ((e == null ? void 0 : e.folderIds) && e.folderIds[0]) || ((m = e == null ? void 0 : e.folderIds) == null ? void 0 : m.length) === 0 && r === "default")
         return !1;
     return !0;
   };
   return {
-    disableSubmit: !d,
-    handleTreeItemSelect: (e) => {
-      v(e) ? t(e) : t(void 0);
+    treeData: d,
+    disableSubmit: !a,
+    handleTreeItemSelect: (r) => {
+      I(r) ? n(r) : n(void 0);
     },
-    handleTreeItemFold: s,
-    handleTreeItemUnfold: async (e) => await c(e, f),
-    onMove: () => {
-      u();
-    }
+    handleOnTreeItemUnfold: (r) => {
+      var m, e;
+      const t = x(d, r), f = (m = t == null ? void 0 : t.children) == null ? void 0 : m.some((l) => {
+        var M;
+        return Array.isArray(l == null ? void 0 : l.children) && ((M = l.children) == null ? void 0 : M.length) > 0;
+      });
+      (e = t == null ? void 0 : t.children) == null || e.forEach((l) => {
+        f || v(l.id, u);
+      });
+    },
+    onMove: () => y()
   };
 }
-function z({
-  isOpen: n,
-  onSuccess: d,
-  onCancel: t
+function Y({
+  isOpen: s,
+  onSuccess: a,
+  onCancel: n
 }) {
   const {
-    t: r
-  } = y(), {
-    handleTreeItemFold: i,
-    handleTreeItemSelect: m,
-    handleTreeItemUnfold: s,
-    onMove: c,
-    disableSubmit: f
-  } = B({
-    onSuccess: d
-  }), u = j();
-  return /* @__PURE__ */ M(/* @__PURE__ */ h(a, { isOpen: n, onModalClose: t, id: "moveModal", children: [
-    /* @__PURE__ */ l(a.Header, { onModalClose: t, children: r("explorer.move.title") }),
-    /* @__PURE__ */ l(a.Subtitle, { children: r("explorer.move.subtitle") }),
-    /* @__PURE__ */ l(a.Body, { children: /* @__PURE__ */ l(T, { data: u, onTreeItemSelect: m, onTreeItemFold: i, onTreeItemUnfold: s }) }),
-    /* @__PURE__ */ h(a.Footer, { children: [
-      /* @__PURE__ */ l(I, { color: "tertiary", onClick: t, type: "button", variant: "ghost", children: r("explorer.cancel") }),
-      /* @__PURE__ */ l(I, { color: "primary", onClick: c, type: "button", variant: "filled", disabled: f, children: r("explorer.move") })
+    appCode: u
+  } = S(), {
+    t: o
+  } = w(), {
+    treeData: p,
+    handleTreeItemSelect: h,
+    handleOnTreeItemUnfold: d,
+    onMove: v,
+    disableSubmit: y
+  } = U({
+    onSuccess: a
+  }), I = {
+    ...p,
+    name: o("explorer.filters.mine", {
+      ns: u
+    })
+  };
+  return /* @__PURE__ */ g(/* @__PURE__ */ T(c, { isOpen: s, onModalClose: n, id: "moveModal", children: [
+    /* @__PURE__ */ i(c.Header, { onModalClose: n, children: o("explorer.move.title") }),
+    /* @__PURE__ */ i(c.Subtitle, { children: o("explorer.move.subtitle") }),
+    /* @__PURE__ */ i(c.Body, { children: /* @__PURE__ */ i(F, { data: I, onTreeItemClick: h, onTreeItemUnfold: d }) }),
+    /* @__PURE__ */ T(c.Footer, { children: [
+      /* @__PURE__ */ i(b, { color: "tertiary", onClick: n, type: "button", variant: "ghost", children: o("explorer.cancel") }),
+      /* @__PURE__ */ i(b, { color: "primary", onClick: v, type: "button", variant: "filled", disabled: y, children: o("explorer.move") })
     ] })
   ] }), document.getElementById("portal"));
 }
 export {
-  z as default
+  Y as default
 };