ode-explorer 1.3.3-develop-b2school.202402271516 → 1.3.3-develop-pedago.202402271742

package/dist/index.html

@@ -15,16 +15,22 @@
     <div id="portal"></div>
     <!-- SET INITIALISATION CONFIG -->
     <script>
-      var WORFLOW_ACCESS = "org.entcore.blog.controllers.BlogController|blog";
+      var WORFLOW_ACCESS =
+        "net.atos.entng.mindmap.controllers.MindmapController|view";
       var WORKFLOW_CREATE =
-        "org.entcore.blog.controllers.BlogController|create";
+        "net.atos.entng.mindmap.controllers.MindmapController|create";
+      var WORKFLOW_PRINT =
+        "net.atos.entng.mindmap.controllers.MindmapController|printView";
+      var WORKFLOW_EXPORT_PNG =
+        "net.atos.entng.mindmap.controllers.MindmapController|exportPngMindmap";
+      var WORKFLOW_EXPORT_SVG =
+        "net.atos.entng.mindmap.controllers.MindmapController|exportSvgMindmap";
       var WORKFLOW_PUBLISH =
-        "org.entcore.blog.controllers.BlogController|publish";
-      var WORKFLOW_PRINT = "org.entcore.blog.controllers.BlogController|print";
-      ///////////
+        "net.atos.entng.mindmap.controllers.MindmapController|publish";
       var explorerConfig = {
-        app: "blog",
-        types: ["blog"],
+        app: "mindmap",
+        types: ["mindmap"],
+        libraryAppFilter: "MindMap",
         filters: [
           { id: "owner", defaultValue: true },
           { id: "public", defaultValue: false },
@@ -59,10 +65,10 @@
             target: "tree",
           },
           {
-            id: "createPublic",
-            workflow:
-              "org.entcore.blog.controllers.BlogController|createPublicBlog",
-            target: "tree",
+            id: "copy",
+            workflow: WORFLOW_ACCESS,
+            target: "actionbar",
+            right: "read",
           },
           {
             id: "move",

package/dist/index.js

@@ -62268,7 +62268,7 @@ const ActionBar$1 = /* @__PURE__ */ reactExports.forwardRef(({
   const classes2 = clsx("d-flex flex-wrap p-16 gap-8 border-bottom bg-white", {
     "justify-content-between": render,
     "mx-n16": !isFullscreen,
-    "z-2000 top-0 start-0 end-0": isFullscreen
+    "z-3 top-0 start-0 end-0": isFullscreen
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: ref2, className: classes2, ...restProps, children: [
     children,
@@ -62550,7 +62550,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler) => {
         rects,
         elements
       }) {
-        elements.floating.style, `${rects.reference.width}`;
+        elements.floating.style.minWidth = `${rects.reference.width}px`;
       }
     }), flip$2({
       padding: 0
@@ -62717,22 +62717,28 @@ const useDropdown = (placement, extraTriggerKeyDownHandler) => {
 function useToast() {
   return {
     success: (message, options) => _t.custom(/* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "success", isToast: true, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
       duration: options == null ? void 0 : options.duration,
       position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
     }),
     error: (message, options) => _t.custom(/* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "danger", isToast: true, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
       duration: options == null ? void 0 : options.duration,
       position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
     }),
     info: (message, options) => _t.custom(/* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", isToast: true, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
       duration: options == null ? void 0 : options.duration,
       position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
     }),
     warning: (message, options) => _t.custom(/* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "warning", isToast: true, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
       duration: options == null ? void 0 : options.duration,
       position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
     }),
-    loading: _t.loading
+    loading: _t.loading,
+    dismiss: (id2) => _t.dismiss(id2),
+    remove: (id2) => _t.remove(id2)
   };
 }
 function useHover() {
@@ -62852,13 +62858,16 @@ const useLibraryUrl = () => {
   const {
     user,
     appCode
-  } = useOdeClient(), appName = libraryMaps[appCode], libraryUrlSplitted = (_a2 = user.apps.find((app) => app.isExternal && app.address.includes("library") && app.name.includes("library"))) == null ? void 0 : _a2.address.split("?");
-  let libraryHost = libraryUrlSplitted == null ? void 0 : libraryUrlSplitted[0];
-  libraryHost != null && libraryHost.endsWith("/") || (libraryHost = `${libraryHost}/`);
-  const platformParam = libraryUrlSplitted == null ? void 0 : libraryUrlSplitted[1], searchParams = `application%5B0%5D=${appName}&page=1&sort_field=views&sort_order=desc`;
-  return {
-    libraryUrl: `${libraryHost}search/?${platformParam}&${searchParams}`
-  };
+  } = useOdeClient(), appName = libraryMaps[appCode], libraryApp = user.apps.find((app) => app.isExternal && app.address.includes("library"));
+  if (!libraryApp)
+    return null;
+  const libraryUrlSplit = (_a2 = libraryApp.address) == null ? void 0 : _a2.split("?");
+  if (!libraryUrlSplit || libraryUrlSplit.length < 2)
+    return null;
+  let libraryHost = libraryUrlSplit[0];
+  libraryHost.endsWith("/") || (libraryHost = `${libraryHost}/`);
+  const platformURLParam = libraryUrlSplit == null ? void 0 : libraryUrlSplit[1], searchParams = `application%5B0%5D=${appName}&page=1&sort_field=views&sort_order=desc`;
+  return `${libraryHost}search/?${platformURLParam}&${searchParams}`;
 }, useLibraryUrl$1 = useLibraryUrl;
 function useOdeIcons() {
   const iconOfWidget = {
@@ -63031,8 +63040,7 @@ const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
   app,
   size: size2 = "24",
   iconFit = "contain",
-  variant = "square",
-  className = ""
+  variant = "square"
 }, ref2) => {
   const {
     isIconUrl,
@@ -63050,19 +63058,14 @@ const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
   }, iconFits = {
     "icon-contain": isContain,
     "icon-ratio": isRatio
-  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && (app == null ? void 0 : app.displayName) !== void 0 ? app.displayName : "", code = app ? getIconCode(app) : "", isIconURL = isIconUrl(icon), appCode = code || "placeholder";
-  if (isIconURL) {
-    const classes22 = clsx("h-full", className);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Image$2, { src: icon, alt: displayName, objectFit: "contain", width: size2, height: size2, className: classes22 });
-  }
-  const classes2 = clsx("app-icon", {
+  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && (app == null ? void 0 : app.displayName) !== void 0 ? app.displayName : "", code = app ? getIconCode(app) : "", isIconURL = isIconUrl(icon), appCode = code || "placeholder", classes2 = clsx("app-icon", {
     ...iconSizes,
     ...iconVariant,
     ...iconFits,
     [`bg-light-${appCode}`]: appCode && !isContain,
     [`color-app-${appCode}`]: appCode
-  }, className);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes2, style: {
+  });
+  return isIconURL ? /* @__PURE__ */ jsxRuntimeExports.jsx(Image$2, { src: icon, alt: displayName, objectFit: "contain", width: size2, height: size2, className: "h-full" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes2, style: {
     width: size2 + "px",
     height: size2 + "px"
   }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { ref: ref2, width: size2, height: size2, role: "img", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("use", { xlinkHref: `${iconPath}/apps.svg#${appCode}` }) }) });
@@ -63874,12 +63877,12 @@ const ImagePicker = /* @__PURE__ */ reactExports.forwardRef(({
       onValueChange == null || onValueChange(value);
     }
   }, [localValue]);
-  const label = typeof localValue == "object" ? localValue.label : localValue;
+  const label = typeof localValue == "object" ? localValue.label : localValue, iconChange = typeof localValue == "object" ? localValue.icon : void 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown$1, { overflow, block, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger$1, { icon, label: t2(label || placeholderOption), variant, size: size2, disabled }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger$1, { icon: iconChange || icon, label: t2(label || placeholderOption), variant, size: size2, disabled }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown$1.Menu, { role: "listbox", children: options == null ? void 0 : options.map((option) => {
-      const value = typeof option == "object" ? option.value : option, label2 = typeof option == "object" ? option.label : option;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown$1.Item, { type: "action", onClick: () => setLocalValue(option), children: label2 }, value);
+      const value = typeof option == "object" ? option.value : option, label2 = typeof option == "object" ? option.label : option, icon2 = typeof option == "object" ? option.icon : void 0;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown$1.Item, { type: "action", onClick: () => setLocalValue(option), icon: icon2, children: label2 }, value);
     }) })
   ] });
 }, Select$1 = Select;
@@ -64542,8 +64545,8 @@ function PublishModal$2({
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-24", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "", className: "form-label", children: t2("bpr.form.publication.age") }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex gap-8", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col col-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AgeSelect, { control, name: "ageMin", placeholderOption: defaultSelectAgeMinOption, validate: (value, formValues) => parseInt(value) <= parseInt(formValues.ageMax) }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col col-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AgeSelect, { control, name: "ageMax", placeholderOption: defaultSelectAgeMaxOption, validate: (value, formValues) => parseInt(value) >= parseInt(formValues.ageMin) }) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AgeSelect, { control, name: "ageMin", placeholderOption: defaultSelectAgeMinOption, validate: (value, formValues) => parseInt(value) <= parseInt(formValues.ageMax) }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AgeSelect, { control, name: "ageMax", placeholderOption: defaultSelectAgeMaxOption, validate: (value, formValues) => parseInt(value) >= parseInt(formValues.ageMin) }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-24", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl$1, { id: "keywords", isOptional: true, children: [
@@ -65766,7 +65769,7 @@ function ShareResourceModal({
         /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { message: "Vos favoris de partage s’affichent en priorité dans votre liste lorsque vous recherchez un groupe ou une personne, vous pouvez les retrouver dans l’annuaire.", placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgInfoCircle$1, { className: "c-pointer", height: "18" }) })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "row", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Combobox$1, { value: searchInputValue, placeholder: searchPlaceholder, isLoading: showSearchLoading(), noResult: showSearchNoResults(), options: searchResults, searchMinLength: getSearchMinLength(), onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange }) }) }),
-      typeof children == "function" ? children(resource) : children
+      children
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1.Footer, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { type: "button", color: "tertiary", variant: "ghost", onClick: onCancel, children: t2("explorer.cancel") }),
@@ -66494,6 +66497,12 @@ const restoreAll = async ({
   };
   return await odeServices.resource(searchParams.application).restoreAll(trashParameters, useAssetIds);
 };
+const copyResource = async (searchParams, resourceId) => {
+  return await odeServices.resource(searchParams.application).copy({
+    application: searchParams.application,
+    resourceId
+  });
+};
 const moveToFolder = async ({
   searchParams,
   resourceIds,
@@ -67363,6 +67372,74 @@ const useDelete = () => {
     }
   });
 };
+const useCopyResource = () => {
+  const toast = useToast();
+  const searchParams = useSearchParams();
+  const queryClient2 = useQueryClient();
+  const { user } = useUser();
+  const { filters: filters2, trashed } = searchParams;
+  const TOAST_INFO_ID = "duplicate_start";
+  const queryKey = [
+    "context",
+    {
+      folderId: filters2.folder,
+      filters: filters2,
+      trashed
+    }
+  ];
+  return useMutation({
+    mutationFn: async (resource) => {
+      toast.info(t$4("duplicate.start"), {
+        id: TOAST_INFO_ID
+      });
+      return await copyResource(searchParams, resource.assetId);
+    },
+    onSuccess: async (data, variables) => {
+      toast.remove(TOAST_INFO_ID);
+      toast.success(t$4("duplicate.done"));
+      await queryClient2.cancelQueries({ queryKey });
+      const previousData = queryClient2.getQueryData(queryKey);
+      const newResource = {
+        ...variables,
+        name: `${variables.name}${t$4("duplicate.suffix")}`,
+        assetId: data.duplicateId,
+        id: data.duplicateId,
+        creatorId: user == null ? void 0 : user.userId,
+        creatorName: user == null ? void 0 : user.username,
+        createdAt: Date.now(),
+        slug: variables.slug || "",
+        modifiedAt: Date.now(),
+        modifierId: (user == null ? void 0 : user.userId) || "",
+        modifierName: (user == null ? void 0 : user.username) || "",
+        updatedAt: Date.now(),
+        trashed: false,
+        rights: [`creator:${user == null ? void 0 : user.userId}`]
+      };
+      if (previousData) {
+        return queryClient2.setQueryData(queryKey, (prev) => {
+          if (prev) {
+            return {
+              ...prev,
+              pages: prev == null ? void 0 : prev.pages.map((page) => {
+                return {
+                  ...page,
+                  resources: [newResource, ...page.resources]
+                };
+              })
+            };
+          }
+          return void 0;
+        });
+      }
+    },
+    onError: (error) => {
+      toast.remove(TOAST_INFO_ID);
+      if (typeof error === "string") {
+        toast.error(`${t$4("duplicate.error")}: ${error}`);
+      }
+    }
+  });
+};
 const useMoveItem = () => {
   const toast = useToast();
   const queryClient2 = useQueryClient();
@@ -68212,20 +68289,21 @@ const queryClient = new QueryClient({
 });
 const getHTMLConfig = getExplorerConfig();
 createRoot(root).render(
-  // <StrictMode>
-  /* @__PURE__ */ jsxRuntimeExports.jsxs(QueryClientProvider, { client: queryClient, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      OdeClientProvider,
-      {
-        params: {
-          app: getHTMLConfig.app
-        },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Root, {}) })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ReactQueryDevtools2, { initialIsOpen: false })
+  /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.StrictMode, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(QueryClientProvider, { client: queryClient, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        OdeClientProvider,
+        {
+          params: {
+            app: getHTMLConfig.app
+          },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Root, {}) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ReactQueryDevtools2, { initialIsOpen: false })
+    ] }),
+    ","
   ] })
-  // </StrictMode>,
 );
 function EmptyScreenApp() {
   const { appCode } = useOdeClient();
@@ -68819,9 +68897,9 @@ const AppAction$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
 const Library = () => {
   const { t: t2 } = useTranslation();
   const { theme } = useOdeTheme();
-  const { libraryUrl } = useLibraryUrl$1();
+  const libraryUrl = useLibraryUrl$1();
   const [imagePath] = usePaths();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-16", children: [
+  return libraryUrl && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-16", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Image$2,
       {
@@ -68933,6 +69011,7 @@ function useActionBar() {
   const restoreItem = useRestore();
   const isTrashResource = useResourceIsTrash();
   const searchParams = useSearchParams();
+  const copyResource2 = useCopyResource();
   const {
     openResource,
     printSelectedResource,
@@ -68966,6 +69045,8 @@ function useActionBar() {
             folderId: selectedFolders[0].id
           });
         }
+      case ACTION.COPY:
+        return onCopy();
       case ACTION.MOVE:
         return setOpenedModalName("move");
       case ACTION.PRINT:
@@ -68980,7 +69061,11 @@ function useActionBar() {
       case "edit":
         return onEdit();
       case "export":
-        return onExport();
+        if (resourceIds.length > 0) {
+          return onExport();
+        } else {
+          return null;
+        }
       case ACTION.SHARE:
         return setOpenedModalName("share");
       default:
@@ -69003,6 +69088,8 @@ function useActionBar() {
         return onlyOneItemSelected && noFolderSelected;
       case ACTION.SHARE:
         return noFolderSelected && onlyOneItemSelected;
+      case "export":
+        return onlyOneItemSelected && noFolderSelected;
       case ACTION.PRINT:
         return onlyOneItemSelected && noFolderSelected;
       case "edit":
@@ -69050,6 +69137,14 @@ function useActionBar() {
   const onEditResourceCancel = onFinish("edit_resource");
   const onShareResourceSuccess = onFinish("share");
   const onShareResourceCancel = onFinish("share");
+  async function onCopy() {
+    if (selectedResources && selectedResources.length > 0) {
+      const selectedResource = selectedResources[0];
+      await copyResource2.mutate(selectedResource);
+      clearSelectedItems();
+      clearSelectedIds();
+    }
+  }
   function onEdit() {
     if (resourceIds && resourceIds.length > 0) {
       const selectedResource = selectedResources[0].assetId;

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer=1.0-b2school-SNAPSHOT 27/02/2024 15:16:57
+ode-explorer=1.0-b2school-SNAPSHOT 27/02/2024 17:42:52