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

package/lib/AppAction.js

@@ -1,47 +1,34 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Suspense, lazy } from "react";
-import { Plus } from "@edifice-ui/icons";
-import { useToggle, useOdeClient, Button, LoadingScreen } from "@edifice-ui/react";
-import { useTranslation } from "react-i18next";
-import { u as useStoreActions, a as useActions, b as useCurrentFolder, c as useCreateResource } from "./index2.js";
+import { jsxs as d, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { Suspense as f, lazy as C } from "react";
+import { Plus as g } from "@edifice-ui/icons";
+import { useToggle as R, useOdeClient as S, Button as h, LoadingScreen as O } from "@edifice-ui/react";
+import { useTranslation as x } from "react-i18next";
+import { u as y, a as A, b, c as F } from "./index2.js";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-const CreateModal = /* @__PURE__ */ lazy(async () => {
-  const module = await import("@edifice-ui/react");
-  return {
-    default: module.ResourceModal
-  };
-});
-function AppAction() {
-  const [isCreateResourceOpen, toggle] = useToggle();
-  const {
-    appCode
-  } = useOdeClient();
-  const {
-    t
-  } = useTranslation(appCode);
-  const {
-    clearSelectedItems,
-    clearSelectedIds
-  } = useStoreActions();
-  const {
-    data: actions
-  } = useActions();
-  const canCreate = actions == null ? void 0 : actions.find((action) => action.id === "create");
-  const currentFolder = useCurrentFolder();
-  const createResource = useCreateResource();
-  const handleOnResourceCreate = () => {
-    clearSelectedItems();
-    clearSelectedIds();
-    toggle();
-  };
-  return canCreate ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", leftIcon: /* @__PURE__ */ jsx(Plus, {}), className: "ms-auto", onClick: handleOnResourceCreate, children: t("explorer.create.title") }),
-    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: isCreateResourceOpen && /* @__PURE__ */ jsx(CreateModal, { mode: "create", actions, currentFolder, createResource, isOpen: isCreateResourceOpen, onSuccess: toggle, onCancel: toggle }) })
+const I = /* @__PURE__ */ C(async () => ({
+  default: (await import("@edifice-ui/react")).ResourceModal
+}));
+function q() {
+  const [o, r] = R(), {
+    appCode: n
+  } = S(), {
+    t: s
+  } = x(n), {
+    clearSelectedItems: a,
+    clearSelectedIds: c
+  } = y(), {
+    data: t
+  } = A(), l = t == null ? void 0 : t.find((m) => m.id === "create"), i = b(), u = F();
+  return l ? /* @__PURE__ */ d(p, { children: [
+    /* @__PURE__ */ e(h, { type: "button", color: "primary", variant: "filled", leftIcon: /* @__PURE__ */ e(g, {}), className: "ms-auto", onClick: () => {
+      a(), c(), r();
+    }, children: s("explorer.create.title") }),
+    /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e(O, {}), children: o && /* @__PURE__ */ e(I, { mode: "create", actions: t, currentFolder: i, createResource: u, isOpen: o, onSuccess: r, onCancel: r }) })
   ] }) : null;
 }
 export {
-  AppAction as default
+  q as default
 };

package/lib/DeleteModal.js

@@ -1,60 +1,52 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Modal, Button } from "@edifice-ui/react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import { q as useDelete, r as useTrash, d as useIsTrash } from "./index2.js";
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { Modal as a, Button as d } from "@edifice-ui/react";
+import { createPortal as m } from "react-dom";
+import { useTranslation as p } from "react-i18next";
+import { q as c, r as h, d as u } from "./index2.js";
 import "react";
 import "@edifice-ui/icons";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-function useDeleteModal({
-  onSuccess
+function f({
+  onSuccess: t
 }) {
-  const deleteItem = useDelete();
-  const trashItem = useTrash();
-  const isTrashFolder = useIsTrash();
-  async function onDelete() {
+  const i = c(), r = h(), e = u();
+  async function o() {
     try {
-      if (isTrashFolder) {
-        await deleteItem.mutate();
-      } else {
-        await trashItem.mutate();
-      }
-      onSuccess == null ? void 0 : onSuccess();
-    } catch (e) {
-      console.error(e);
+      e ? await i.mutate() : await r.mutate(), t == null || t();
+    } catch (n) {
+      console.error(n);
     }
   }
   return {
-    isTrashFolder,
-    onDelete
+    isTrashFolder: e,
+    onDelete: o
   };
 }
-function DeleteModal({
-  isOpen,
-  onSuccess = () => ({}),
-  onCancel = () => ({})
+function k({
+  isOpen: t,
+  onSuccess: i = () => ({}),
+  onCancel: r = () => ({})
 }) {
   const {
-    t
-  } = useTranslation();
-  const {
-    isTrashFolder,
-    onDelete
-  } = useDeleteModal({
-    onSuccess
+    t: e
+  } = p(), {
+    isTrashFolder: o,
+    onDelete: n
+  } = f({
+    onSuccess: i
   });
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "deleteModal", children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t(isTrashFolder ? "explorer.delete.title" : "explorer.trash.title") }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { className: "body", children: t(isTrashFolder ? "explorer.delete.subtitle" : "explorer.trash.subtitle") }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("explorer.cancel") }),
-      /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onDelete, type: "button", variant: "filled", children: t(isTrashFolder ? "explorer.delete" : "explorer.trash") })
+  return /* @__PURE__ */ m(/* @__PURE__ */ s(a, { isOpen: t, onModalClose: r, id: "deleteModal", children: [
+    /* @__PURE__ */ l(a.Header, { onModalClose: r, children: e(o ? "explorer.delete.title" : "explorer.trash.title") }),
+    /* @__PURE__ */ l(a.Body, { children: /* @__PURE__ */ l("p", { className: "body", children: e(o ? "explorer.delete.subtitle" : "explorer.trash.subtitle") }) }),
+    /* @__PURE__ */ s(a.Footer, { children: [
+      /* @__PURE__ */ l(d, { color: "tertiary", onClick: r, type: "button", variant: "ghost", children: e("explorer.cancel") }),
+      /* @__PURE__ */ l(d, { color: "danger", onClick: n, type: "button", variant: "filled", children: e(o ? "explorer.delete" : "explorer.trash") })
     ] })
   ] }), document.getElementById("portal"));
 }
 export {
-  DeleteModal as default
+  k as default
 };

package/lib/DisableModal.js

@@ -1,20 +1,20 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Modal, Button } from "@edifice-ui/react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-function ActionResourceDisableModal({
-  isOpen,
-  onCancel = () => ({})
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { Modal as r, Button as i } from "@edifice-ui/react";
+import { createPortal as n } from "react-dom";
+import { useTranslation as d } from "react-i18next";
+function u({
+  isOpen: l,
+  onCancel: t = () => ({})
 }) {
   const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "trash_action_disable_resource", children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => onCancel(), children: t("explorer.trash.action.modal.title") }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { className: "body", children: t("explorer.trash.action.modal.text") }) }),
-    /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onCancel, type: "button", variant: "outline", children: t("close") }) })
+    t: e
+  } = d();
+  return /* @__PURE__ */ n(/* @__PURE__ */ a(r, { isOpen: l, onModalClose: t, id: "trash_action_disable_resource", children: [
+    /* @__PURE__ */ o(r.Header, { onModalClose: () => t(), children: e("explorer.trash.action.modal.title") }),
+    /* @__PURE__ */ o(r.Body, { children: /* @__PURE__ */ o("p", { className: "body", children: e("explorer.trash.action.modal.text") }) }),
+    /* @__PURE__ */ o(r.Footer, { children: /* @__PURE__ */ o(i, { color: "primary", onClick: t, type: "button", variant: "outline", children: e("close") }) })
   ] }), document.getElementById("portal"));
 }
 export {
-  ActionResourceDisableModal as default
+  u as default
 };

package/lib/EmptyScreenApp.js

@@ -1,53 +1,37 @@
-import { jsx } from "react/jsx-runtime";
-import { useOdeClient, useOdeTheme, usePaths, EmptyScreen } from "@edifice-ui/react";
-import { useTranslation } from "react-i18next";
-import { a as useActions } from "./index2.js";
+import { jsx as l } from "react/jsx-runtime";
+import { useOdeClient as m, useOdeTheme as a, usePaths as c, EmptyScreen as u } from "@edifice-ui/react";
+import { useTranslation as d } from "react-i18next";
+import { a as x } from "./index2.js";
 import "react";
 import "@edifice-ui/icons";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-function EmptyScreenApp() {
+function P() {
   const {
-    appCode
-  } = useOdeClient();
-  const {
-    theme
-  } = useOdeTheme();
-  const [imagePath] = usePaths();
-  const {
-    t
-  } = useTranslation();
-  const {
-    data: actions
-  } = useActions();
-  const canCreate = actions == null ? void 0 : actions.find((action) => action.id === "create");
-  const labelEmptyScreenApp = () => {
-    if ((canCreate == null ? void 0 : canCreate.available) && (theme == null ? void 0 : theme.is1d)) {
-      return t("explorer.emptyScreen.txt1d.create", {
-        ns: appCode
-      });
-    } else if ((canCreate == null ? void 0 : canCreate.available) && !(theme == null ? void 0 : theme.is1d)) {
-      return t("explorer.emptyScreen.txt2d.create", {
-        ns: appCode
-      });
-    } else if (!(canCreate == null ? void 0 : canCreate.available) && (theme == null ? void 0 : theme.is1d)) {
-      return t("explorer.emptyScreen.txt1d.consultation", {
-        ns: appCode
-      });
-    } else {
-      return t("explorer.emptyScreen.txt2d.consultation", {
-        ns: appCode
-      });
-    }
-  };
-  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-${appCode}.svg`, imageAlt: t("explorer.emptyScreen.app.alt", {
-    ns: appCode
-  }), title: `${(canCreate == null ? void 0 : canCreate.available) ? t("explorer.emptyScreen.title.create", {
-    ns: appCode
-  }) : t("explorer.emptyScreen.title.consultation")}`, text: labelEmptyScreenApp() });
+    appCode: r
+  } = m(), {
+    theme: t
+  } = a(), [i] = c(), {
+    t: o
+  } = d(), {
+    data: p
+  } = x(), e = p == null ? void 0 : p.find((s) => s.id === "create"), n = () => e != null && e.available && (t != null && t.is1d) ? o("explorer.emptyScreen.txt1d.create", {
+    ns: r
+  }) : e != null && e.available && !(t != null && t.is1d) ? o("explorer.emptyScreen.txt2d.create", {
+    ns: r
+  }) : !(e != null && e.available) && (t != null && t.is1d) ? o("explorer.emptyScreen.txt1d.consultation", {
+    ns: r
+  }) : o("explorer.emptyScreen.txt2d.consultation", {
+    ns: r
+  });
+  return /* @__PURE__ */ l(u, { imageSrc: `${i}/emptyscreen/illu-${r}.svg`, imageAlt: o("explorer.emptyScreen.app.alt", {
+    ns: r
+  }), title: `${e != null && e.available ? o("explorer.emptyScreen.title.create", {
+    ns: r
+  }) : o("explorer.emptyScreen.title.consultation")}`, text: n() });
 }
 export {
-  EmptyScreenApp as default
+  P as default
 };

package/lib/EmptyScreenError.js

@@ -1,13 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { usePaths, EmptyScreen } from "@edifice-ui/react";
-import { useTranslation } from "react-i18next";
-function EmptyScreenError() {
-  const [imagePath] = usePaths();
-  const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-error.svg`, imageAlt: t("explorer.emptyScreen.error.alt"), text: "explorer.emptyScreen.error.text" });
+import { jsx as t } from "react/jsx-runtime";
+import { usePaths as o, EmptyScreen as m } from "@edifice-ui/react";
+import { useTranslation as n } from "react-i18next";
+function c() {
+  const [r] = o(), {
+    t: e
+  } = n();
+  return /* @__PURE__ */ t(m, { imageSrc: `${r}/emptyscreen/illu-error.svg`, imageAlt: e("explorer.emptyScreen.error.alt"), text: "explorer.emptyScreen.error.text" });
 }
 export {
-  EmptyScreenError as default
+  c as default
 };

package/lib/EmptyScreenNoContentInFolder.js

@@ -1,20 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import { usePaths, useOdeClient, EmptyScreen } from "@edifice-ui/react";
-import { useTranslation } from "react-i18next";
-function EmptyScreenNoContentInFolder() {
-  const [imagePath] = usePaths();
-  const {
-    appCode
-  } = useOdeClient();
-  const {
+import { jsx as r } from "react/jsx-runtime";
+import { usePaths as o, useOdeClient as m, EmptyScreen as l } from "@edifice-ui/react";
+import { useTranslation as p } from "react-i18next";
+function i() {
+  const [n] = o(), {
+    appCode: e
+  } = m(), {
     t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-no-content-in-folder.svg`, imageAlt: t("explorer.emptyScreen.folder.empty.alt", {
-    ns: appCode
+  } = p();
+  return /* @__PURE__ */ r(l, { imageSrc: `${n}/emptyscreen/illu-no-content-in-folder.svg`, imageAlt: t("explorer.emptyScreen.folder.empty.alt", {
+    ns: e
   }), text: t("explorer.emptyScreen.label", {
-    ns: appCode
+    ns: e
   }) });
 }
 export {
-  EmptyScreenNoContentInFolder as default
+  i as default
 };

package/lib/EmptyScreenSearch.js

@@ -1,20 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import { useOdeClient, usePaths, EmptyScreen } from "@edifice-ui/react";
-import { useTranslation } from "react-i18next";
-function EmptyScreenSearch() {
-  const {
-    appCode
-  } = useOdeClient();
-  const [imagePath] = usePaths();
+import { jsx as s } from "react/jsx-runtime";
+import { useOdeClient as n, usePaths as a, EmptyScreen as o } from "@edifice-ui/react";
+import { useTranslation as c } from "react-i18next";
+function l() {
   const {
+    appCode: e
+  } = n(), [r] = a(), {
     t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-search.svg`, imageAlt: t("explorer.emptyScreen.search.alt", {
-    ns: appCode
+  } = c();
+  return /* @__PURE__ */ s(o, { imageSrc: `${r}/emptyscreen/illu-search.svg`, imageAlt: t("explorer.emptyScreen.search.alt", {
+    ns: e
   }), text: t("explorer.emptyScreen.search.text", {
-    ns: appCode
+    ns: e
   }) });
 }
 export {
-  EmptyScreenSearch as default
+  l as default
 };

package/lib/EmptyScreenTrash.js

@@ -1,18 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import { useOdeClient, usePaths, EmptyScreen } from "@edifice-ui/react";
-import { useTranslation } from "react-i18next";
-function EmptyScreenTrash() {
+import { jsx as s } from "react/jsx-runtime";
+import { useOdeClient as a, usePaths as m, EmptyScreen as n } from "@edifice-ui/react";
+import { useTranslation as o } from "react-i18next";
+function c() {
   const {
-    appCode
-  } = useOdeClient();
-  const [imagePath] = usePaths();
-  const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-trash.svg`, imageAlt: t("explorer.emptyScreen.trash.alt"), title: t("explorer.emptyScreen.trash.title"), text: t("explorer.emptyScreen.trash.empty", {
-    ns: appCode
+    appCode: t
+  } = a(), [r] = m(), {
+    t: e
+  } = o();
+  return /* @__PURE__ */ s(n, { imageSrc: `${r}/emptyscreen/illu-trash.svg`, imageAlt: e("explorer.emptyScreen.trash.alt"), title: e("explorer.emptyScreen.trash.title"), text: e("explorer.emptyScreen.trash.empty", {
+    ns: t
   }) });
 }
 export {
-  EmptyScreenTrash as default
+  c as default
 };

package/lib/FolderModal.js

@@ -1,138 +1,119 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useId, useEffect } from "react";
-import { Modal, FormControl, Label, Input, Button } from "@edifice-ui/react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import { FOLDER } from "edifice-ts-client";
-import { useForm } from "react-hook-form";
-import { h as useSelectedFolders, b as useCurrentFolder, o as useCreateFolder, p as useUpdatefolder } from "./index2.js";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { useId as B, useEffect as L } from "react";
+import { Modal as m, FormControl as j, Label as w, Input as R, Button as I } from "@edifice-ui/react";
+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 { h as k, b as z, o as A, p as H } from "./index2.js";
 import "@edifice-ui/icons";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-function useFolderModal({
-  edit,
-  onSuccess,
-  onClose
+function P({
+  edit: o,
+  onSuccess: e,
+  onClose: s
 }) {
-  var _a;
-  const selectedFolders = useSelectedFolders();
-  const currentFolder = useCurrentFolder();
-  const createFolder = useCreateFolder();
-  const updatefolder = useUpdatefolder();
-  const name = edit ? (_a = selectedFolders[0]) == null ? void 0 : _a.name : void 0;
-  const {
-    reset,
-    register,
-    handleSubmit,
-    setFocus,
+  var x;
+  const l = k(), r = z(), c = A(), f = H(), u = o ? (x = l[0]) == null ? void 0 : x.name : void 0, {
+    reset: t,
+    register: p,
+    handleSubmit: n,
+    setFocus: h,
     formState: {
-      errors,
-      isSubmitting,
-      isDirty,
-      isValid
+      errors: F,
+      isSubmitting: d,
+      isDirty: g,
+      isValid: v
     }
-  } = useForm({
+  } = _({
     mode: "onChange",
     values: {
-      name: name || ""
+      name: u || ""
     }
-  });
-  const id = useId();
-  const onSubmit = async function({
-    name: name2
+  }), M = B(), D = async function({
+    name: y
   }) {
-    var _a2;
+    var C;
     try {
-      if (edit) {
-        const parentId = (_a2 = selectedFolders[0]) == null ? void 0 : _a2.parentId;
-        const folder = selectedFolders[0];
-        const folderId = folder.id;
-        await updatefolder.mutate({
-          folderId,
-          parentId,
-          name: name2
-        });
-        reset();
-        onSuccess == null ? void 0 : onSuccess();
+      if (o) {
+        const i = (C = l[0]) == null ? void 0 : C.parentId, q = l[0].id;
+        await f.mutate({
+          folderId: q,
+          parentId: i,
+          name: y
+        }), t(), e == null || e();
       } else {
-        const parentId = (currentFolder == null ? void 0 : currentFolder.id) || FOLDER.DEFAULT;
-        await createFolder.mutate({
-          name: name2,
-          parentId
-        });
-        reset();
-        onSuccess == null ? void 0 : onSuccess();
+        const i = (r == null ? void 0 : r.id) || V.DEFAULT;
+        await c.mutate({
+          name: y,
+          parentId: i
+        }), t(), e == null || e();
       }
-    } catch (e) {
-      console.error(e);
+    } catch (i) {
+      console.error(i);
     }
   };
-  function onCancel() {
-    reset();
-    onClose();
+  function E() {
+    t(), s();
   }
-  const formId = `createModal_${id}`;
   return {
-    formId,
-    errors,
-    isSubmitting,
-    isDirty,
-    isValid,
-    register,
-    setFocus,
-    handleSubmit,
-    onCancel,
-    onSubmit
+    formId: `createModal_${M}`,
+    errors: F,
+    isSubmitting: d,
+    isDirty: g,
+    isValid: v,
+    register: p,
+    setFocus: h,
+    handleSubmit: n,
+    onCancel: E,
+    onSubmit: D
   };
 }
-function FolderModal({
-  isOpen,
-  edit,
-  onSuccess,
-  onCancel: onClose
+function oe({
+  isOpen: o,
+  edit: e,
+  onSuccess: s,
+  onCancel: l
 }) {
   const {
-    t
-  } = useTranslation();
-  const {
-    isDirty,
-    isValid,
-    isSubmitting,
-    formId,
-    onSubmit,
-    onCancel,
-    handleSubmit,
-    register,
-    setFocus
-  } = useFolderModal({
-    edit,
-    onSuccess,
-    onClose
+    t: r
+  } = U(), {
+    isDirty: c,
+    isValid: f,
+    isSubmitting: u,
+    formId: t,
+    onSubmit: p,
+    onCancel: n,
+    handleSubmit: h,
+    register: F,
+    setFocus: d
+  } = P({
+    edit: e,
+    onSuccess: s,
+    onClose: l
   });
-  useEffect(() => {
-    if (isOpen) {
-      setFocus("name");
-    }
-  }, [isOpen, setFocus]);
-  return isOpen ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "modal_" + formId, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t(edit ? "explorer.rename.folder" : "explorer.create.folder") }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("form", { id: formId, onSubmit: handleSubmit(onSubmit), children: /* @__PURE__ */ jsxs(FormControl, { id: "nameFolder", isRequired: true, children: [
-      /* @__PURE__ */ jsx(Label, { children: t("explorer.create.folder.name") }),
-      /* @__PURE__ */ jsx(Input, { type: "text", ...register("name", {
-        required: true,
+  return L(() => {
+    o && d("name");
+  }, [o, d]), o ? /* @__PURE__ */ T(/* @__PURE__ */ b(m, { isOpen: o, onModalClose: n, id: "modal_" + t, 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: t, onSubmit: h(p), children: /* @__PURE__ */ b(j, { id: "nameFolder", isRequired: !0, children: [
+      /* @__PURE__ */ a(w, { children: r("explorer.create.folder.name") }),
+      /* @__PURE__ */ a(R, { type: "text", ...F("name", {
+        required: !0,
         pattern: {
           value: /[^ ]/,
           message: "invalid title"
         }
-      }), placeholder: t("explorer.create.folder.name"), size: "md", "aria-required": true })
+      }), placeholder: r("explorer.create.folder.name"), size: "md", "aria-required": !0 })
     ] }) }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("explorer.cancel") }),
-      /* @__PURE__ */ jsx(Button, { form: formId, type: "submit", color: "primary", variant: "filled", disabled: !isDirty || !isValid || isSubmitting, children: t(edit ? "explorer.rename" : "explorer.create") })
+    /* @__PURE__ */ b(m.Footer, { children: [
+      /* @__PURE__ */ a(I, { color: "tertiary", onClick: n, type: "button", variant: "ghost", children: r("explorer.cancel") }),
+      /* @__PURE__ */ a(I, { form: t, type: "submit", color: "primary", variant: "filled", disabled: !c || !f || u, children: r(e ? "explorer.rename" : "explorer.create") })
     ] })
   ] }), document.getElementById("portal")) : null;
 }
 export {
-  FolderModal as default
+  oe as default
 };