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

package/lib/ResourcesList.js

@@ -1,113 +1,136 @@
-import { jsx as i, jsxs as n, Fragment as M } from "react/jsx-runtime";
-import S, { useCallback as O } from "react";
-import { Card as c, Image as B, AppIcon as $, Avatar as D, Tooltip as y, useOdeClient as G, useDate as L, Button as U } from "@edifice-ui/react";
-import { useSpring as q, animated as T } from "@react-spring/web";
-import E from "clsx";
-import { useTranslation as F } from "react-i18next";
-import { d as H, h as J, i as K, u as Q, e as V } from "./index2.js";
-import { Users as W, Globe as X } from "@edifice-ui/icons";
-import { OneProfile as Y } from "@edifice-ui/icons/nav";
+import { jsx as e, jsxs as o, Fragment as z } from "react/jsx-runtime";
+import C, { useState as $, useEffect as j, useCallback as M } from "react";
+import { Card as m, Image as B, AppIcon as E, Avatar as G, Tooltip as O, useOdeClient as L, useDate as U, Button as q } from "@edifice-ui/react";
+import { useSpring as H, animated as k } from "@react-spring/web";
+import J from "clsx";
+import { useTranslation as w } from "react-i18next";
+import { o as K, e as Q, h as V, i as W, a as X, f as Y } from "./index2.js";
+import { useDraggable as Z } from "@dnd-kit/core";
+import { Users as _, Globe as tt } from "@edifice-ui/icons";
+import { OneProfile as et } from "@edifice-ui/icons/nav";
+import { D as it } from "./DraggableCard.js";
+import "@dnd-kit/modifiers";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-const C = ({
-  app: a,
+const A = ({
+  app: s,
   resource: t,
-  time: f,
-  isSelected: x = !1,
+  time: x,
+  isSelected: b = !1,
   isSelectable: u = !0,
-  onClick: d,
-  onSelect: s
+  onClick: p,
+  onSelect: c
 }) => {
-  const o = `/userbook/avatar/${t == null ? void 0 : t.creatorId}`;
-  function m(l) {
+  const [a, h] = $(!1), r = `/userbook/avatar/${t == null ? void 0 : t.creatorId}`;
+  function R(i) {
     const {
-      rights: v,
-      creatorId: N
-    } = l || {};
-    return v.filter((I) => !I.includes(N)).length >= 1;
+      rights: l,
+      creatorId: d
+    } = i || {};
+    return l.filter((F) => !F.includes(d)).length >= 1;
   }
-  const r = m(t), R = t == null ? void 0 : t.public, {
-    t: g
-  } = F();
-  return /* @__PURE__ */ i(c, { app: a, isSelected: x, isSelectable: u, onClick: d, onSelect: s, children: (l) => /* @__PURE__ */ n(M, { children: [
-    /* @__PURE__ */ n(c.Body, { children: [
-      /* @__PURE__ */ i("div", { className: "card-image medium", children: t != null && t.thumbnail ? /* @__PURE__ */ i(B, { alt: "", src: `${t == null ? void 0 : t.thumbnail}?thumbnail=80x80`, objectFit: "cover", className: "h-full w-100" }) : /* @__PURE__ */ i($, { app: a, iconFit: "ratio", size: "80", variant: "rounded" }) }),
-      /* @__PURE__ */ n("div", { className: "text-truncate", children: [
-        /* @__PURE__ */ i(c.Title, { children: t == null ? void 0 : t.name }),
-        /* @__PURE__ */ i(c.Text, { children: /* @__PURE__ */ i("em", { children: f }) })
+  const {
+    attributes: I,
+    listeners: v,
+    setNodeRef: y,
+    transform: n
+  } = Z({
+    id: t.id,
+    data: {
+      id: t.id,
+      type: "resource"
+    }
+  }), S = R(t), N = t == null ? void 0 : t.public, g = K(), {
+    t: f
+  } = w(), D = {
+    position: a ? "absolute" : "relative",
+    zIndex: a ? 2e3 : 1,
+    transform: `translate3d(${((n == null ? void 0 : n.x) ?? 0) / 1}px, ${((n == null ? void 0 : n.y) ?? 0) / 1}px, 0)`
+  };
+  return j(() => {
+    const i = g.elementDrag === t.id;
+    h(i);
+  }, [g]), /* @__PURE__ */ e("div", { ref: y, ...v, ...I, style: {
+    ...D
+  }, children: a ? /* @__PURE__ */ e(it, { app: s, type: "resource", name: t == null ? void 0 : t.name }) : /* @__PURE__ */ e(m, { app: s, isSelected: !a && b, isSelectable: !a && u, onClick: p, onSelect: c, children: (i) => /* @__PURE__ */ o(z, { children: [
+    /* @__PURE__ */ o(m.Body, { children: [
+      /* @__PURE__ */ e("div", { className: "card-image medium", children: t != null && t.thumbnail ? /* @__PURE__ */ e(B, { alt: "", src: `${t == null ? void 0 : t.thumbnail}?thumbnail=80x80`, objectFit: "cover", className: "h-full w-100" }) : /* @__PURE__ */ e(E, { app: s, iconFit: "ratio", size: "80", variant: "rounded" }) }),
+      /* @__PURE__ */ o("div", { className: "text-truncate", children: [
+        /* @__PURE__ */ e(m.Title, { children: t == null ? void 0 : t.name }),
+        /* @__PURE__ */ e(m.Text, { children: /* @__PURE__ */ e("em", { children: x }) })
       ] })
     ] }),
-    /* @__PURE__ */ n(c.Footer, { children: [
-      /* @__PURE__ */ n("div", { className: "d-inline-flex align-items-center gap-8 text-truncate", children: [
-        o ? /* @__PURE__ */ i(D, { alt: (t == null ? void 0 : t.creatorName) || "", size: "xs", src: o, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ i(Y, {}),
-        /* @__PURE__ */ i(c.Text, { children: t == null ? void 0 : t.creatorName })
+    /* @__PURE__ */ o(m.Footer, { children: [
+      /* @__PURE__ */ o("div", { className: "d-inline-flex align-items-center gap-8 text-truncate", children: [
+        r ? /* @__PURE__ */ e(G, { alt: (t == null ? void 0 : t.creatorName) || "", size: "xs", src: r, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ e(et, {}),
+        /* @__PURE__ */ e(m.Text, { children: t == null ? void 0 : t.creatorName })
       ] }),
-      /* @__PURE__ */ n("div", { className: "d-inline-flex align-items-center gap-8", children: [
-        r && /* @__PURE__ */ i(y, { message: g("tooltip.shared", {
-          ns: l
-        }), placement: "top", children: /* @__PURE__ */ i(W, { width: 16, height: 16 }) }),
-        R && /* @__PURE__ */ i(y, { message: g("tooltip.public", {
-          ns: l
-        }), placement: "top", children: /* @__PURE__ */ i(X, { width: 16, height: 16 }) })
+      /* @__PURE__ */ o("div", { className: "d-inline-flex align-items-center gap-8", children: [
+        S && /* @__PURE__ */ e(O, { message: f("tooltip.shared", {
+          ns: i
+        }), placement: "top", children: /* @__PURE__ */ e(_, { width: 16, height: 16 }) }),
+        N && /* @__PURE__ */ e(O, { message: f("tooltip.public", {
+          ns: i
+        }), placement: "top", children: /* @__PURE__ */ e(tt, { width: 16, height: 16 }) })
       ] })
     ] })
-  ] }) });
+  ] }) }) });
 };
-C.displayName = "ResourceCard";
-const rt = ({
-  data: a,
+A.displayName = "ResourceCard";
+const Rt = ({
+  data: s,
   fetchNextPage: t
 }) => {
   const {
-    currentApp: f
-  } = G(), {
-    t: x
-  } = F(), {
+    currentApp: x
+  } = L(), {
+    t: b
+  } = w(), {
     fromNow: u
-  } = L(), d = H(), s = J(), o = K(), {
-    setSelectedResources: m,
+  } = U(), p = Q(), c = V(), a = W(), {
+    setSelectedResources: h,
     setResourceIds: r,
     openResource: R,
-    setResourceIsTrash: g
-  } = Q(), l = V(), v = q({
+    setResourceIsTrash: I
+  } = X(), v = Y(), y = H({
     from: {
       opacity: 0
     },
     to: {
       opacity: 1
     }
-  }), b = d.pagination.startIdx + d.pagination.pageSize < (d.pagination.maxIdx || 0), I = O(() => {
+  }), S = p.pagination.startIdx + p.pagination.pageSize < (p.pagination.maxIdx || 0), N = M(() => {
     t();
-  }, []), k = (e) => {
-    l ? (g(!0), r([e.id]), m([e])) : R(e);
+  }, []), g = (i) => {
+    v ? (I(!0), r([i.id]), h([i])) : R(i);
   };
-  async function w(e) {
-    if (s.includes(e.id)) {
-      r(s.filter((h) => h !== e.id)), m(o.filter((h) => h.id !== e.id));
+  async function f(i) {
+    if (c.includes(i.id)) {
+      r(c.filter((l) => l !== i.id)), h(a.filter((l) => l.id !== i.id));
       return;
     }
-    r([...s, e.id]), m([...o, e]);
+    r([...c, i.id]), h([...a, i]);
   }
-  const A = E("grid ps-0 list-unstyled");
-  return /* @__PURE__ */ n(S.Fragment, { children: [
-    /* @__PURE__ */ i(T.ul, { className: A, children: a == null ? void 0 : a.pages.map((e, h) => (
+  const D = J("grid ps-0 list-unstyled");
+  return /* @__PURE__ */ o(C.Fragment, { children: [
+    /* @__PURE__ */ e(k.ul, { className: D, children: s == null ? void 0 : s.pages.map((i, l) => (
       // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ i(S.Fragment, { children: e.resources.map((p) => {
+      /* @__PURE__ */ e(C.Fragment, { children: i.resources.map((d) => {
         const {
-          id: P,
-          updatedAt: z
-        } = p, j = u(z);
-        return /* @__PURE__ */ i(T.li, { className: "g-col-4 z-1", style: {
+          id: T,
+          updatedAt: F
+        } = d, P = u(F);
+        return /* @__PURE__ */ e(k.li, { className: "g-col-4", style: {
           position: "relative",
-          ...v
-        }, children: /* @__PURE__ */ i(C, { app: f, resource: p, time: j, isSelectable: !0, isSelected: s.includes(p.id), onClick: () => k(p), onSelect: () => w(p) }) }, P);
-      }) }, h)
+          ...y
+        }, children: /* @__PURE__ */ e(A, { app: x, resource: d, time: P, isSelectable: !0, isSelected: c.includes(d.id), onClick: () => g(d), onSelect: () => f(d) }) }, T);
+      }) }, l)
     )) }),
-    b && /* @__PURE__ */ i("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ i(U, { type: "button", color: "secondary", variant: "filled", onClick: I, children: x("explorer.see.more") }) })
+    S && /* @__PURE__ */ e("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ e(q, { type: "button", color: "secondary", variant: "filled", onClick: N, children: b("explorer.see.more") }) })
   ] });
 };
 export {
-  rt as default
+  Rt as default
 };

package/lib/components/Explorer.d.ts

@@ -1,4 +1,4 @@
-import { AppParams } from '../config/getExplorerConfig';
+import { AppParams } from '../config';
 declare const Explorer: ({ config }: {
     config: AppParams;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/config/dndkit.d.ts

@@ -0,0 +1,2 @@
+export declare const DELAY = 175;
+export declare const TOLERANCE = 10;

package/lib/config/{getExplorerConfig.d.ts → explorer.d.ts}

@@ -1,7 +1,11 @@
-import { type App, type ResourceType, type IAction, type IFilter, type IOrder } from "edifice-ts-client";
+import { ResourceService, type App, type IAction, type IFilter, type IOrder, type ResourceType } from "edifice-ts-client";
 export interface AppParams {
     /** Application code */
     app: App;
+    /**
+     * Initialize App Resource Service
+     */
+    service: typeof ResourceService;
     /** Array of ResourceType */
     types: ResourceType[];
     /** Array of IFilter */

package/lib/config/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./dndkit";
+export * from "./explorer";

package/lib/features/AccessControl/AccessControl.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode, type ReactElement } from "react";
+import { type ReactElement, type ReactNode } from "react";
 import { IAction, RightRole } from "edifice-ts-client";
 import { IObjectWithRights } from './useAccessControl';
 interface AccessControlProps {

package/lib/features/ActionBar/Move/useMoveModal.d.ts

@@ -1,12 +1,11 @@
-import { type ID } from "edifice-ts-client";
 interface ModalProps {
     onSuccess?: () => void;
 }
 export declare function useMoveModal({ onSuccess }: ModalProps): {
+    treeData: import("@edifice-ui/react").TreeData;
     disableSubmit: boolean;
     handleTreeItemSelect: (folderId: string) => void;
-    handleTreeItemFold: (folderId: string) => void;
-    handleTreeItemUnfold: (folderId: ID) => Promise<void>;
-    onMove: () => void;
+    handleOnTreeItemUnfold: (nodeId: string) => void;
+    onMove: () => Promise<void>;
 };
 export {};

package/lib/features/ActionBar/useActionBar.d.ts

@@ -2,7 +2,7 @@ import { type IAction } from "edifice-ts-client";
 export default function useActionBar(): {
     onRestore: () => Promise<void>;
     actions: IAction[] | undefined;
-    selectedElement: (import("edifice-ts-client").IFolder | import("edifice-ts-client").IResource)[];
+    selectedElement: (import("edifice-ts-client").IResource | import("edifice-ts-client").IFolder)[];
     currentFolderId: string | undefined;
     overrideLabel: (action: IAction) => string;
     handleClick: (action: IAction) => Promise<void>;

package/lib/features/DndKit/useDndKit.d.ts

@@ -0,0 +1,7 @@
+import { DragEndEvent, DragOverEvent, DragStartEvent } from "@dnd-kit/core";
+export default function useDndKit(): {
+    handleDragEnd: (event: DragEndEvent) => Promise<void>;
+    handleDragStart: (event: DragStartEvent) => void;
+    handleDragOver: (event: DragOverEvent) => void;
+    sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+};

package/lib/features/List/DraggableCard.d.ts

@@ -0,0 +1,6 @@
+import { IWebApp } from "edifice-ts-client";
+export declare const DraggableCard: ({ app, type, name, }: {
+    app?: IWebApp | undefined;
+    type: "folder" | "resource";
+    name?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/features/List/FolderCard.d.ts

@@ -1,5 +1,5 @@
 import { CardProps } from "@edifice-ui/react";
-import { IWebApp } from "edifice-ts-client";
+import { ID, IWebApp } from "edifice-ts-client";
 export interface FolderCardProps extends Omit<CardProps, "children"> {
     /**
      * IWeb App
@@ -9,9 +9,13 @@ export interface FolderCardProps extends Omit<CardProps, "children"> {
      * Folder's name
      */
     name: string;
+    /**
+     * Folder's id
+     */
+    idFolder: ID;
 }
 declare const FolderCard: {
-    ({ app, name, isSelected, isSelectable, onClick, onSelect, }: FolderCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ app, name, idFolder, isSelected, isSelectable, onClick, onSelect, }: FolderCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default FolderCard;

package/lib/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Explorer } from "./components/Explorer";
-export * from "./config/getExplorerConfig";
+export * from "./config/explorer";

package/lib/index.js

@@ -1,14 +1,16 @@
-import { E as g, z as l } from "./index2.js";
+import { E as s, B as n } from "./index2.js";
 import "react/jsx-runtime";
 import "react";
+import "@dnd-kit/core";
+import "@dnd-kit/modifiers";
 import "@edifice-ui/react";
-import "@edifice-ui/icons";
-import "react-i18next";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
+import "react-i18next";
+import "@edifice-ui/icons";
 export {
-  g as Explorer,
-  l as getExplorerConfig
+  s as Explorer,
+  n as getExplorerConfig
 };