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

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer=1.0-SNAPSHOT 09/01/2024 16:06:03
+ode-explorer=1.0-SNAPSHOT 10/01/2024 15:31:08

package/explorer.d.ts

@@ -0,0 +1 @@
+export * from "./dist/ode-explorer";

package/lib/ActionBarContainer.js

@@ -0,0 +1,281 @@
+import { jsx as u, Fragment as j, jsxs as V } from "react/jsx-runtime";
+import { useState as F, useEffect as $, Suspense as ce, lazy as y } from "react";
+import { useUser as ae, Button as G, ActionBar as ie, LoadingScreen as le } from "@edifice-ui/react";
+import { useTransition as ue, animated as de } from "@react-spring/web";
+import { useTranslation as q } from "react-i18next";
+import { odeServices as w, ACTION as l } from "edifice-ts-client";
+import { d as Y, e as fe, b as he, f as pe, g as J, h as me, i as Re, j as Se, k as Ee, u as K, a as Oe, l as ye, m as Ce } from "./index2.js";
+import "@edifice-ui/icons";
+import "i18next";
+import "zustand";
+import "@tanstack/react-query";
+function be({
+  roles: o,
+  rights: e,
+  action: r
+}) {
+  const [a, s] = F(!1), {
+    user: m
+  } = ae(), R = Y();
+  $(() => {
+    S();
+  }, [o, e]);
+  const d = async function(c) {
+    const t = c instanceof Array ? c : [c];
+    if (o instanceof Array) {
+      const p = await w.rights().sessionHasAtLeastOneResourceRight(o, t);
+      s(p);
+    } else {
+      const p = await w.rights().sessionHasResourceRight(o, t);
+      s(p);
+    }
+  }, f = async function(c) {
+    if (o instanceof Array) {
+      const t = await w.rights().sessionHasAtLeastOneResourceRightForEachList(o, c);
+      s(t);
+    } else {
+      const t = await w.rights().sessionHasResourceRightForEachList(o, c);
+      s(t);
+    }
+  }, S = async function() {
+    var c, t, p;
+    if (o === void 0) {
+      s(!0);
+      return;
+    }
+    if (R && ((t = (c = e[0]) == null ? void 0 : c.trashedBy) != null && t.includes(m == null ? void 0 : m.userId)) && r === "restore" && !((p = e[0]) != null && p.trashed)) {
+      s(!0);
+      return;
+    }
+    if (e instanceof Array)
+      if (e.length > 0)
+        if (typeof e[0] == "string")
+          await d(e);
+        else {
+          const C = e.map((O) => O.rights);
+          await f(C);
+        }
+      else
+        s(!1);
+    else
+      typeof e == "string" ? await d(e) : await d(e.rights);
+  };
+  return {
+    visible: a,
+    refreshState: S
+  };
+}
+function Q() {
+  const [o, e] = F(!1), [r, a] = F("void"), [s, m] = F(), R = fe((n) => n.config), d = he(), f = pe(), S = J(), c = me(), t = Re(), p = Y(), C = Se(), O = Ee(), {
+    openResource: I,
+    printSelectedResource: P,
+    openFolder: T,
+    clearSelectedItems: B,
+    clearSelectedIds: D
+  } = K(), {
+    data: L
+  } = Oe();
+  $(() => {
+    if (f.length === 0 && t.length === 0) {
+      e(!1);
+      return;
+    }
+    if (O) {
+      e(!1);
+      return;
+    }
+    e(!0);
+  }, [f, t]);
+  async function _(n) {
+    var M;
+    switch ((M = document.getElementById("root")) == null || M.setAttribute("aria-hidden", "true"), m(n), n.id) {
+      case l.OPEN:
+        return f.length > 0 ? I(S[0]) : T({
+          folder: c[0],
+          folderId: c[0].id
+        });
+      case l.MOVE:
+        return a("move");
+      case l.PRINT:
+        return P();
+      case l.DELETE:
+        return a("delete");
+      case l.RESTORE:
+        return await v();
+      case l.PUBLISH:
+        return a("publish");
+      case l.UPD_PROPS:
+      case "edit":
+        return ne();
+      case l.SHARE:
+        return a("share");
+      default:
+        throw Error(`Unknown action: ${n.id}`);
+    }
+  }
+  function N(n) {
+    const M = f.length + t.length, b = f.length === 1 || t.length === 1, z = M === 1, g = t.length === 0;
+    switch (n.id) {
+      case l.OPEN:
+        return z;
+      case l.MANAGE:
+        return b;
+      case l.PUBLISH:
+        return b && g;
+      case l.UPD_PROPS:
+        return b && g;
+      case l.SHARE:
+        return g && b;
+      case l.PRINT:
+        return b && g;
+      case "edit":
+        return z;
+      default:
+        return !0;
+    }
+  }
+  const x = () => !0;
+  async function v() {
+    try {
+      if (p)
+        await C.mutate();
+      else
+        throw new Error("Cannot restore untrashed resources");
+      E();
+    } catch (n) {
+      console.error(n);
+    }
+  }
+  function E() {
+    var n;
+    a("void"), s != null && s.id && ((n = document.getElementById(s == null ? void 0 : s.id)) == null || n.focus());
+  }
+  const i = (n) => () => {
+    r === n && (E(), B(), D());
+  }, A = i("move"), H = i("move"), U = i("delete"), k = i("delete"), h = i("publish"), X = i("publish"), Z = i("edit_folder"), W = i("edit_folder"), ee = i("edit_resource"), se = i("edit_resource"), te = i("share"), oe = i("share");
+  function ne() {
+    f && f.length > 0 ? a("edit_resource") : a("edit_folder");
+  }
+  function re(n) {
+    return n.id === "edit" && t.length > 0 ? "explorer.rename" : `explorer.actions.${n.id}`;
+  }
+  return {
+    onRestore: v,
+    actions: p ? R == null ? void 0 : R.trashActions : L,
+    selectedElement: [...S, ...c],
+    currentFolderId: d == null ? void 0 : d.id,
+    overrideLabel: re,
+    handleClick: _,
+    isActivable: p ? x : N,
+    isActionBarOpen: o,
+    isMoveModalOpen: r === "move",
+    onMoveCancel: A,
+    onMoveSuccess: H,
+    isDeleteModalOpen: r === "delete",
+    onDeleteCancel: k,
+    onDeleteSuccess: U,
+    isPublishModalOpen: r === "publish",
+    onPublishCancel: X,
+    onPublishSuccess: h,
+    isEditFolderOpen: r === "edit_folder",
+    onEditFolderCancel: W,
+    onEditFolderSuccess: Z,
+    isEditResourceOpen: r === "edit_resource",
+    onEditResourceCancel: se,
+    onEditResourceSuccess: ee,
+    isShareResourceOpen: r === "share",
+    onShareResourceCancel: oe,
+    onShareResourceSuccess: te,
+    onClearActionBar: E
+  };
+}
+function ve({
+  resourceRights: o,
+  roleExpected: e,
+  action: r,
+  children: a,
+  renderWhenForbidden: s
+}) {
+  const {
+    t: m
+  } = q(), {
+    overrideLabel: R
+  } = Q(), {
+    visible: d
+  } = be({
+    roles: e,
+    rights: o,
+    action: r == null ? void 0 : r.id
+  }), {
+    setResourceActionDisable: f
+  } = K(), S = Y();
+  return d ? /* @__PURE__ */ u(j, { children: a }) : s ? s() : S && !d ? /* @__PURE__ */ u(G, { type: "button", color: "primary", variant: "filled", onClick: () => {
+    f(!0);
+  }, children: m(R(r)) }) : /* @__PURE__ */ u(j, {});
+}
+const Ae = /* @__PURE__ */ y(async () => ({
+  default: (await import("@edifice-ui/react")).ShareModal
+})), Me = /* @__PURE__ */ y(async () => ({
+  default: (await import("@edifice-ui/react")).PublishModal
+})), ge = /* @__PURE__ */ y(async () => ({
+  default: (await import("@edifice-ui/react")).ResourceModal
+})), we = /* @__PURE__ */ y(async () => await import("./DeleteModal.js")), Fe = /* @__PURE__ */ y(async () => await import("./MoveModal.js")), Ie = /* @__PURE__ */ y(async () => await import("./FolderModal.js"));
+function je() {
+  const {
+    t: o
+  } = q(), {
+    actions: e,
+    selectedElement: r,
+    isMoveModalOpen: a,
+    isDeleteModalOpen: s,
+    isPublishModalOpen: m,
+    isActionBarOpen: R,
+    isEditFolderOpen: d,
+    overrideLabel: f,
+    onEditFolderCancel: S,
+    onEditFolderSuccess: c,
+    isEditResourceOpen: t,
+    onEditResourceCancel: p,
+    onEditResourceSuccess: C,
+    isShareResourceOpen: O,
+    onShareResourceCancel: I,
+    onShareResourceSuccess: P,
+    onMoveCancel: T,
+    onMoveSuccess: B,
+    onDeleteCancel: D,
+    onDeleteSuccess: L,
+    onPublishCancel: _,
+    onPublishSuccess: N,
+    isActivable: x,
+    handleClick: v
+  } = Q(), E = J(), i = ye(), A = Ce(), H = ue(R, {
+    from: {
+      opacity: 0,
+      transform: "translateY(100%)"
+    },
+    enter: {
+      opacity: 1,
+      transform: "translateY(0)"
+    },
+    leave: {
+      opacity: 0,
+      transform: "translateY(100%)"
+    }
+  });
+  return /* @__PURE__ */ V(j, { children: [
+    H((U, k) => k && /* @__PURE__ */ u(de.div, { className: "position-fixed bottom-0 start-0 end-0 z-3", style: U, children: /* @__PURE__ */ u(ie, { children: e == null ? void 0 : e.filter((h) => h.available && h.target === "actionbar").map((h) => x(h) && /* @__PURE__ */ u(ve, { resourceRights: r, roleExpected: h.right, action: h, children: /* @__PURE__ */ u(G, { id: h.id, type: "button", color: "primary", variant: "filled", onClick: () => {
+      v(h);
+    }, children: o(f(h)) }, h.id) }, h.id)) }) })),
+    /* @__PURE__ */ V(ce, { fallback: /* @__PURE__ */ u(le, {}), children: [
+      a && /* @__PURE__ */ u(Fe, { isOpen: a, onCancel: T, onSuccess: B }),
+      s && /* @__PURE__ */ u(we, { isOpen: s, onCancel: D, onSuccess: L }),
+      m && /* @__PURE__ */ u(Me, { isOpen: m, resource: E[0], onCancel: _, onSuccess: N }),
+      d && /* @__PURE__ */ u(Ie, { edit: !0, isOpen: d, onCancel: S, onSuccess: c }),
+      t && /* @__PURE__ */ u(ge, { mode: "update", actions: e, isOpen: t, selectedResource: E[0], updateResource: A, onCancel: p, onSuccess: C }),
+      O && /* @__PURE__ */ u(Ae, { isOpen: O, resource: E[0], updateResource: A, shareResource: i, onCancel: I, onSuccess: P })
+    ] })
+  ] });
+}
+export {
+  je as default
+};

package/lib/AppAction.js

@@ -0,0 +1,34 @@
+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 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 {
+  q as default
+};

package/lib/DeleteModal.js

@@ -0,0 +1,52 @@
+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 f({
+  onSuccess: t
+}) {
+  const i = c(), r = h(), e = u();
+  async function o() {
+    try {
+      e ? await i.mutate() : await r.mutate(), t == null || t();
+    } catch (n) {
+      console.error(n);
+    }
+  }
+  return {
+    isTrashFolder: e,
+    onDelete: o
+  };
+}
+function k({
+  isOpen: t,
+  onSuccess: i = () => ({}),
+  onCancel: r = () => ({})
+}) {
+  const {
+    t: e
+  } = p(), {
+    isTrashFolder: o,
+    onDelete: n
+  } = f({
+    onSuccess: i
+  });
+  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 {
+  k as default
+};

package/lib/DisableModal.js

@@ -0,0 +1,20 @@
+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: 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 {
+  u as default
+};

package/lib/EmptyScreenApp.js

@@ -0,0 +1,37 @@
+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 P() {
+  const {
+    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 {
+  P as default
+};

package/lib/EmptyScreenError.js

@@ -0,0 +1,12 @@
+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 {
+  c as default
+};

package/lib/EmptyScreenNoContentInFolder.js

@@ -0,0 +1,18 @@
+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
+  } = 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: e
+  }) });
+}
+export {
+  i as default
+};

package/lib/EmptyScreenSearch.js

@@ -0,0 +1,18 @@
+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
+  } = 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: e
+  }) });
+}
+export {
+  l as default
+};

package/lib/EmptyScreenTrash.js

@@ -0,0 +1,16 @@
+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: 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 {
+  c as default
+};

package/lib/FolderModal.js

@@ -0,0 +1,119 @@
+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 P({
+  edit: o,
+  onSuccess: e,
+  onClose: s
+}) {
+  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: F,
+      isSubmitting: d,
+      isDirty: g,
+      isValid: v
+    }
+  } = _({
+    mode: "onChange",
+    values: {
+      name: u || ""
+    }
+  }), M = B(), D = async function({
+    name: y
+  }) {
+    var C;
+    try {
+      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 i = (r == null ? void 0 : r.id) || V.DEFAULT;
+        await c.mutate({
+          name: y,
+          parentId: i
+        }), t(), e == null || e();
+      }
+    } catch (i) {
+      console.error(i);
+    }
+  };
+  function E() {
+    t(), s();
+  }
+  return {
+    formId: `createModal_${M}`,
+    errors: F,
+    isSubmitting: d,
+    isDirty: g,
+    isValid: v,
+    register: p,
+    setFocus: h,
+    handleSubmit: n,
+    onCancel: E,
+    onSubmit: D
+  };
+}
+function oe({
+  isOpen: o,
+  edit: e,
+  onSuccess: s,
+  onCancel: l
+}) {
+  const {
+    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
+  });
+  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: r("explorer.create.folder.name"), size: "md", "aria-required": !0 })
+    ] }) }) }),
+    /* @__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 {
+  oe as default
+};

package/lib/FoldersList.js

@@ -0,0 +1,64 @@
+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 { h as x, i as j, u as A } 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
+}) => {
+  var m, u;
+  const {
+    currentApp: n
+  } = C(), l = x(), o = j(), {
+    setSelectedFolders: t,
+    setFolderIds: c,
+    openFolder: p
+  } = A();
+  function h(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]));
+  }
+  const F = 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) => {
+    const {
+      id: r,
+      name: S
+    } = e;
+    return /* @__PURE__ */ i(a.li, { className: "g-col-4 z-1", style: {
+      position: "relative",
+      ...F
+    }, children: /* @__PURE__ */ i(g, { name: S, app: n, isSelected: o.includes(e.id), onClick: () => {
+      f(), p({
+        folder: e,
+        folderId: e.id
+      });
+    }, onSelect: () => h(e) }) }, r);
+  }) }) : null;
+};
+export {
+  E as default
+};