ode-explorer 1.4.19 → 1.5.0

package/lib/EmptyScreenApp.js

@@ -1,43 +1,40 @@
 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 u, useOdeClient as d, useOdeTheme as m, 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 "zustand";
-import "@tanstack/react-query";
-function $() {
-  const {
+import { u as y, b as f } from "./index2.js";
+function P() {
+  const [o] = u(), {
     appCode: r
-  } = c(), {
+  } = d(), {
     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", {
+  } = m(), {
+    t: s
+  } = S(), l = y((i) => i.config), {
+    data: n
+  } = f(l == null ? void 0 : l.actions), t = n == null ? void 0 : n.find((i) => i.id === "create"), p = () => t != null && t.available && (e != null && e.is1d) ? s("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) ? s("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) ? s("explorer.emptyScreen.txt1d.consultation", {
     ns: r
-  }) : l("explorer.emptyScreen.txt2d.consultation", {
+  }) : s("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) ? s("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) ? s("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) ? s("explorer.emptyScreen.title1d.consultation", {
     ns: r
-  }) : l("explorer.emptyScreen.title2d.consultation", {
+  }) : s("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: `${o}/emptyscreen/illu-${r}.svg`, imageAlt: s("explorer.emptyScreen.app.alt", {
     ns: r
-  }), title: n(), text: p() });
+  }), title: c(), text: p() });
 }
 export {
-  $ as default
+  P as default
 };

package/lib/ExportModal.js

@@ -1,53 +1,47 @@
-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 { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useToast as d, Modal as n, Alert as p, Button as a } 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 "react";
-import "@edifice-ui/icons";
-import "edifice-ts-client";
-import "i18next";
-import "zustand";
-import "@tanstack/react-query";
-const f = (n) => {
-  const t = m(), e = h(), s = p(), {
-    t: r
+import { i as h, e as u, A as m } from "./index2.js";
+const f = (i) => {
+  const t = h(), o = u(), s = d(), {
+    t: e
   } = c();
   return {
     handleExportClick: () => {
-      t.length ? (u({
-        searchParams: e,
+      t.length ? (m({
+        searchParams: o,
         assetId: t[0].assetId
-      }), n()) : s.error(r("explorer.error.noResourceSelected"));
+      }), i()) : s.error(e("explorer.error.noResourceSelected"));
     }
   };
 };
-function T({
-  isOpen: n,
+function C({
+  isOpen: i,
   onSuccess: t,
-  onCancel: e
+  onCancel: o
 }) {
   const {
     handleExportClick: s
   } = f(t), {
-    t: r
+    t: e
   } = c();
-  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: [
+  return /* @__PURE__ */ x(/* @__PURE__ */ l(n, { isOpen: i, onModalClose: o, id: "exportModal", children: [
+    /* @__PURE__ */ r(n.Header, { onModalClose: o, children: e("explorer.export.title") }),
+    /* @__PURE__ */ l(n.Body, { children: [
       /* @__PURE__ */ l("ul", { children: [
-        /* @__PURE__ */ o("li", { children: r("explorer.export.body.info.1") }),
-        /* @__PURE__ */ o("li", { children: r("explorer.export.body.info.2") }),
-        /* @__PURE__ */ o("li", { children: r("explorer.export.body.info.3") })
+        /* @__PURE__ */ r("li", { children: e("explorer.export.body.info.1") }),
+        /* @__PURE__ */ r("li", { children: e("explorer.export.body.info.2") }),
+        /* @__PURE__ */ r("li", { children: e("explorer.export.body.info.3") })
       ] }),
-      /* @__PURE__ */ o(d, { type: "warning", children: r("explorer.export.body.warning") })
+      /* @__PURE__ */ r(p, { type: "warning", children: e("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__ */ l(n.Footer, { children: [
+      /* @__PURE__ */ r(a, { color: "tertiary", onClick: o, type: "button", variant: "ghost", children: e("explorer.cancel") }),
+      /* @__PURE__ */ r(a, { color: "primary", onClick: s, type: "button", variant: "filled", children: e("explorer.actions.export") })
     ] })
   ] }), document.getElementById("portal"));
 }
 export {
-  T as default
+  C as default
 };

package/lib/FolderModal.js

@@ -5,11 +5,7 @@ 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 "i18next";
-import "zustand";
-import "@tanstack/react-query";
+import { j as k, c as z, t as A, v as H } from "./index2.js";
 function P({
   edit: t,
   onSuccess: e,
@@ -23,7 +19,7 @@ function P({
     setFocus: h,
     formState: {
       errors: F,
-      isSubmitting: d,
+      isSubmitting: i,
       isDirty: I,
       isValid: v
     }
@@ -38,21 +34,21 @@ function P({
     var g;
     try {
       if (t) {
-        const i = (g = l[0]) == null ? void 0 : g.parentId, E = l[0].id;
+        const d = (g = l[0]) == null ? void 0 : g.parentId, E = l[0].id;
         await f.mutate({
           folderId: E,
-          parentId: i,
+          parentId: d,
           name: y
         }), o(), e == null || e();
       } else {
-        const i = (r == null ? void 0 : r.id) || V.DEFAULT;
+        const d = (r == null ? void 0 : r.id) || V.DEFAULT;
         await c.mutate({
           name: y,
-          parentId: i
+          parentId: d
         }), o(), e == null || e();
       }
-    } catch (i) {
-      console.error(i);
+    } catch (d) {
+      console.error(d);
     }
   };
   function D() {
@@ -61,7 +57,7 @@ function P({
   return {
     formId: `createModal_${M}`,
     errors: F,
-    isSubmitting: d,
+    isSubmitting: i,
     isDirty: I,
     isValid: v,
     register: p,
@@ -71,7 +67,7 @@ function P({
     onSubmit: L
   };
 }
-function te({
+function Z({
   isOpen: t,
   edit: e,
   onSuccess: s,
@@ -88,15 +84,15 @@ function te({
     onCancel: n,
     handleSubmit: h,
     register: F,
-    setFocus: d
+    setFocus: i
   } = P({
     edit: e,
     onSuccess: s,
     onClose: l
   });
   return q(() => {
-    t && d("name");
-  }, [t, d]), t ? /* @__PURE__ */ T(/* @__PURE__ */ x(m, { isOpen: t, onModalClose: n, id: "modal_" + o, children: [
+    t && i("name");
+  }, [t, i]), t ? /* @__PURE__ */ T(/* @__PURE__ */ x(m, { isOpen: t, onModalClose: n, id: "modal_" + o, children: [
     /* @__PURE__ */ a(m.Header, { onModalClose: n, children: r(e ? "explorer.rename.folder" : "explorer.create.folder") }),
     /* @__PURE__ */ a(m.Body, { children: /* @__PURE__ */ a("form", { id: o, onSubmit: h(p), children: /* @__PURE__ */ x(B, { id: "nameFolder", isRequired: !0, children: [
       /* @__PURE__ */ a(w, { children: r("explorer.create.folder.name") }),
@@ -116,5 +112,5 @@ function te({
   ] }), document.getElementById("portal")) : null;
 }
 export {
-  te as default
+  Z 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 "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 { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { useBreakpoint as R, Card as S, useScrollToTop as k, useOdeClient as w } from "@edifice-ui/react";
+import { useSpring as $, animated as v } from "@react-spring/web";
+import { useQueryClient as j } from "@tanstack/react-query";
+import { o as C, s as z, j as A, k as B, a as E } from "./index2.js";
+import { useState as q, useId as L, useEffect as M } from "react";
+import { useDroppable as P, useDraggable as Q } from "@dnd-kit/core";
+import { Files as G } from "@edifice-ui/icons";
+import { D as H } from "./DraggableCard.js";
+const O = ({
+  app: r,
+  name: c,
+  idFolder: l,
+  isSelected: i = !1,
+  isSelectable: m = !0,
+  onClick: D,
+  onSelect: b
 }) => {
-  var m, u;
-  const {
-    currentApp: n
-  } = C(), l = j(), o = x(), {
-    setSelectedFolders: t,
-    setFolderIds: c,
+  const [o, a] = q(!1), p = L(), {
+    lg: F
+  } = R(), {
+    setNodeRef: y
+  } = P({
+    id: p,
+    data: {
+      id: l,
+      name: c,
+      isTreeview: !1,
+      accepts: ["folder", "resource"]
+    }
+  }), {
+    attributes: I,
+    listeners: u,
+    setNodeRef: g,
+    transform: e
+  } = Q({
+    id: p,
+    data: {
+      id: l,
+      type: "folder"
+    },
+    disabled: !F
+  }), s = C(), d = z(), h = (n) => {
+    g(n), y(n);
+  }, f = d.overId === l, T = !d.canMove && d.isTreeview ? "no-drop" : o ? "grabbing" : "default", x = {
+    transform: `translate3d(${((e == null ? void 0 : e.x) ?? 0) / 1}px, ${((e == null ? void 0 : e.y) ?? 0) / 1}px, 0)`,
+    cursor: T
+  };
+  return M(() => {
+    const n = s.elementDrag === l;
+    a(n);
+  }, [s]), /* @__PURE__ */ t("div", { ref: h, ...u, ...I, style: {
+    ...x
+  }, children: o ? /* @__PURE__ */ t(H, { name: c, app: r, type: "folder" }) : /* @__PURE__ */ t(S, { app: r, isSelectable: !o && m, isSelected: !o && i || f && o, isFocused: f, onClick: D, onSelect: b, children: (n) => /* @__PURE__ */ N(S.Body, { children: [
+    /* @__PURE__ */ t(G, { width: "48", height: "48", className: `color-app-${n}` }),
+    /* @__PURE__ */ t(S.Title, { children: c })
+  ] }) }) });
+};
+O.displayName = "FolderCard";
+const ee = ({
+  data: r
+}) => {
+  var u, g;
+  const c = j(), l = A(), i = B(), m = C(), D = k(), {
+    currentApp: b
+  } = w(), {
+    setSelectedFolders: o,
+    setFolderIds: a,
     openFolder: p
-  } = k();
+  } = E();
   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]));
+    i.includes(e.id) ? (a(i.filter((s) => s !== e.id)), o(l.filter((s) => s.id !== e.id))) : (a([e.id, ...i]), o([e, ...l]));
+  }
+  function y(e) {
+    D(), p({
+      folder: e,
+      folderId: e.id,
+      queryClient: c
+    });
   }
-  const h = I({
+  const I = $({
     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__ */ t(v.ul, { className: "grid ps-0 list-unstyled mb-24", children: (g = r == null ? void 0 : r.pages[0]) == null ? void 0 : g.folders.map((e) => {
     const {
-      id: r,
-      name: S
-    } = e;
-    return /* @__PURE__ */ i(a.li, { className: "g-col-4 z-1", style: {
+      id: s,
+      name: d
+    } = e, h = m.elementDrag === s;
+    return /* @__PURE__ */ t(v.li, { className: `g-col-4 ${h ? "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);
+      ...I
+    }, children: /* @__PURE__ */ t(O, { name: d, idFolder: s, app: b, isSelected: i.includes(e.id), onClick: (f) => {
+      f.stopPropagation(), y(e);
+    }, onSelect: () => F(e) }) }, s);
   }) }) : null;
 };
 export {
-  E as default
+  ee 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,87 @@
-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 "edifice-ts-client";
-import "i18next";
-import "zustand";
-function B({
-  onSuccess: n
+import { jsxs as T, jsx as s } from "react/jsx-runtime";
+import { findNodeById as x, getAncestors as C, useOdeClient as S, Modal as m, 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";
+function U({
+  onSuccess: a
 }) {
-  const [d, t] = b(), r = F(), i = w(), m = S(), {
-    foldTreeItem: s,
-    unfoldTreeItem: c
-  } = g(), f = x();
-  async function u() {
+  const [d, n] = B(), u = A(), o = D(), h = j(), p = k(), i = E(), {
+    fetchTreeData: v
+  } = O();
+  async function y() {
     try {
-      if (!d)
-        throw new Error("explorer.move.selection.empty");
-      await r.mutate(d), await (n == null ? void 0 : n());
-    } catch (e) {
-      console.error(e);
+      if (!d) throw new Error("explorer.move.selection.empty");
+      await o.mutate(d), await (a == null ? void 0 : a());
+    } 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, c;
+    const t = C(i, r);
+    for (const e of h)
+      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 p)
+      if (r === ((e == null ? void 0 : e.folderIds) && e.folderIds[0]) || ((c = e == null ? void 0 : e.folderIds) == null ? void 0 : c.length) === 0 && r === "default")
         return !1;
     return !0;
   };
   return {
+    treeData: i,
     disableSubmit: !d,
-    handleTreeItemSelect: (e) => {
-      v(e) ? t(e) : t(void 0);
+    handleTreeItemSelect: (r) => {
+      I(r) ? n(r) : n(void 0);
     },
-    handleTreeItemFold: s,
-    handleTreeItemUnfold: async (e) => await c(e, f),
-    onMove: () => {
-      u();
-    }
+    handleOnTreeItemUnfold: (r) => {
+      var c, e;
+      const t = x(i, r), f = (c = t == null ? void 0 : t.children) == null ? void 0 : c.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,
+function W({
+  isOpen: a,
   onSuccess: d,
-  onCancel: t
+  onCancel: n
 }) {
   const {
-    t: r
-  } = y(), {
-    handleTreeItemFold: i,
-    handleTreeItemSelect: m,
-    handleTreeItemUnfold: s,
-    onMove: c,
-    disableSubmit: f
-  } = B({
+    appCode: u
+  } = S(), {
+    t: o
+  } = w(), {
+    treeData: h,
+    handleTreeItemSelect: p,
+    handleOnTreeItemUnfold: i,
+    onMove: v,
+    disableSubmit: y
+  } = U({
     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") })
+  }), I = {
+    ...h,
+    name: o("explorer.filters.mine", {
+      ns: u
+    })
+  };
+  return /* @__PURE__ */ g(/* @__PURE__ */ T(m, { isOpen: a, onModalClose: n, id: "moveModal", children: [
+    /* @__PURE__ */ s(m.Header, { onModalClose: n, children: o("explorer.move.title") }),
+    /* @__PURE__ */ s(m.Subtitle, { children: o("explorer.move.subtitle") }),
+    /* @__PURE__ */ s(m.Body, { children: /* @__PURE__ */ s(F, { data: I, onTreeItemClick: p, onTreeItemUnfold: i }) }),
+    /* @__PURE__ */ T(m.Footer, { children: [
+      /* @__PURE__ */ s(b, { color: "tertiary", onClick: n, type: "button", variant: "ghost", children: o("explorer.cancel") }),
+      /* @__PURE__ */ s(b, { color: "primary", onClick: v, type: "button", variant: "filled", disabled: y, children: o("explorer.move") })
     ] })
   ] }), document.getElementById("portal"));
 }
 export {
-  z as default
+  W as default
 };