ode-explorer 1.4.1 → 1.4.2-develop-b2school.202403201820

package/dist/index.html

@@ -111,6 +111,7 @@
             right: "manager",
           },
         ],
+        enableOnboarding: true,
       };
       ////
       var rootElement = document.querySelector("[data-explorer-config]");

package/dist/index.js

@@ -35,7 +35,7 @@ var __privateMethod = (obj, member, method) => {
   return method;
 };
 var _focused, _cleanup, _setup, _a, _online, _cleanup2, _setup2, _b, _gcTimeout, _c, _initialState, _revertState, _cache, _promise, _retryer, _observers, _defaultOptions, _abortSignalConsumed, _setOptions, setOptions_fn, _dispatch, dispatch_fn, _d, _queries, _e, _observers2, _defaultOptions2, _mutationCache, _retryer2, _dispatch2, dispatch_fn2, _f, _mutations, _mutationId, _resuming, _g, _queryCache, _mutationCache2, _defaultOptions3, _queryDefaults, _mutationDefaults, _mountCount, _unsubscribeFocus, _unsubscribeOnline, _h, _client, _currentQuery, _currentQueryInitialState, _currentResult, _currentResultState, _currentResultOptions, _selectError, _selectFn, _selectResult, _lastQueryWithDefinedData, _staleTimeoutId, _refetchIntervalId, _currentRefetchInterval, _trackedProps, _executeFetch, executeFetch_fn, _updateStaleTimeout, updateStaleTimeout_fn, _computeRefetchInterval, computeRefetchInterval_fn, _updateRefetchInterval, updateRefetchInterval_fn, _updateTimers, updateTimers_fn, _clearStaleTimeout, clearStaleTimeout_fn, _clearRefetchInterval, clearRefetchInterval_fn, _updateQuery, updateQuery_fn, _notify, notify_fn, _i, _client2, _currentResult2, _currentMutation, _mutateOptions, _updateResult, updateResult_fn, _notify2, notify_fn2, _j;
-import { odeServices, FOLDER, ACTION } from "/assets/js/edifice-ts-client/index.js";
+import { odeServices, FOLDER, SORT_ORDER, ACTION } from "/assets/js/edifice-ts-client/index.js";
 function _mergeNamespaces(n2, m2) {
   for (var i2 = 0; i2 < m2.length; i2++) {
     const e2 = m2[i2];
@@ -57163,6 +57163,22 @@ class ResizePlugin {
 }
 ResizePlugin.extension = ExtensionType.Application;
 extensions$1.add(ResizePlugin);
+DisplayObject.prototype.name = null;
+Container.prototype.getChildByName = function(name, deep) {
+  for (let i2 = 0, j2 = this.children.length; i2 < j2; i2++)
+    if (this.children[i2].name === name)
+      return this.children[i2];
+  if (deep)
+    for (let i2 = 0, j2 = this.children.length; i2 < j2; i2++) {
+      const child = this.children[i2];
+      if (!child.getChildByName)
+        continue;
+      const target = child.getChildByName(name, true);
+      if (target)
+        return target;
+    }
+  return null;
+};
 const _tempMatrix = new Matrix();
 DisplayObject.prototype._cacheAsBitmap = false;
 DisplayObject.prototype._cacheData = null;
@@ -57293,22 +57309,6 @@ DisplayObject.prototype._destroyCachedDisplayObject = function() {
 DisplayObject.prototype._cacheAsBitmapDestroy = function(options) {
   this.cacheAsBitmap = false, this.destroy(options);
 };
-DisplayObject.prototype.name = null;
-Container.prototype.getChildByName = function(name, deep) {
-  for (let i2 = 0, j2 = this.children.length; i2 < j2; i2++)
-    if (this.children[i2].name === name)
-      return this.children[i2];
-  if (deep)
-    for (let i2 = 0, j2 = this.children.length; i2 < j2; i2++) {
-      const child = this.children[i2];
-      if (!child.getChildByName)
-        continue;
-      const target = child.getChildByName(name, true);
-      if (target)
-        return target;
-    }
-  return null;
-};
 DisplayObject.prototype.getGlobalPosition = function(point = new Point(), skipUpdate = false) {
   return this.parent ? this.parent.toGlobal(this.position, point, skipUpdate) : (point.x = this.position.x, point.y = this.position.y), point;
 };
@@ -62184,7 +62184,7 @@ const ActionBar$1 = /* @__PURE__ */ reactExports.forwardRef(({
   } = props, getLoadingIcon = () => {
     let icon;
     return loadingIcon ? icon = loadingIcon : icon = /* @__PURE__ */ jsxRuntimeExports.jsx(SvgLoader$1, { ...restProps, "aria-label": "Loading" }), icon;
-  }, classes2 = clsx("loading", {
+  }, classes2 = clsx("loading d-flex align-items-center gap-8", {
     "is-loading": isLoading
   }, className);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes2, role: "status", ref: ref2, children: [
@@ -63085,7 +63085,8 @@ const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
   app,
   size: size2 = "24",
   iconFit = "contain",
-  variant = "square"
+  variant = "square",
+  className = ""
 }, ref2) => {
   const {
     isIconUrl,
@@ -63103,14 +63104,19 @@ 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", 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";
+  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", {
     ...iconSizes,
     ...iconVariant,
     ...iconFits,
     [`bg-light-${appCode}`]: appCode && !isContain,
     [`color-app-${appCode}`]: appCode
-  });
-  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: {
+  }, className);
+  return /* @__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}` }) }) });
@@ -65457,7 +65463,7 @@ const defaultActions = [{
       }
     }
   };
-}, initialState = {
+}, initialState$2 = {
   isSharing: false,
   shareRights: {
     rights: [],
@@ -65510,7 +65516,7 @@ function useShare({
     avatar
   } = useUser(), toast2 = useToast(), {
     t: t2
-  } = useTranslation(), [state, dispatch] = reactExports.useReducer(reducer, initialState);
+  } = useTranslation(), [state, dispatch] = reactExports.useReducer(reducer, initialState$2);
   return reactExports.useEffect(() => {
     resource && (async () => {
       const shareRightActions = await odeServices.share().getActionsForApp(appCode), shareRights = await odeServices.share().getRightsForResource(appCode, resource == null ? void 0 : resource.assetId);
@@ -65814,7 +65820,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 }) }) }),
-      children
+      typeof children == "function" ? children(resource) : 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") }),
@@ -66273,7 +66279,10 @@ function getExplorerConfig() {
     const { explorerConfig } = rootElement.dataset;
     try {
       const parsedConfig = JSON.parse(explorerConfig);
-      config = Object.assign({}, parsedConfig);
+      config = {
+        ...parsedConfig,
+        enableOnboarding: parsedConfig.enableOnboarding !== void 0 ? parsedConfig.enableOnboarding : true
+      };
     } catch (e2) {
       console.error(
         "[Explorer Config] could not parse app params from root data attributes:",
@@ -66686,17 +66695,17 @@ const wrapTreeNode = (treeNode, folders, parentId) => {
     return node2;
   });
 };
-const useStoreContext = create()((set2, get2) => ({
+const initialState = {
   config: null,
   searchConfig: { minLength: 1 },
   searchParams: {
     filters: {
-      folder: "default",
+      folder: FOLDER.DEFAULT,
       owner: void 0,
       shared: void 0,
       public: void 0
     },
-    orders: { updatedAt: "desc" },
+    orders: { updatedAt: SORT_ORDER.DESC },
     application: "",
     types: [],
     pagination: {
@@ -66722,7 +66731,10 @@ const useStoreContext = create()((set2, get2) => ({
   resourceIds: [],
   resourceIsTrash: false,
   resourceActionDisable: false,
-  status: void 0,
+  status: void 0
+};
+const useStoreContext = create()((set2, get2) => ({
+  ...initialState,
   updaters: {
     setConfig: (config2) => set2({ config: config2 }),
     setSearchConfig: (searchConfig) => set2((state) => ({
@@ -68274,7 +68286,7 @@ const Explorer = ({ config: config2 }) => {
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingScreen$1, {}), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(ActionBar, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        config2.enableOnboarding && /* @__PURE__ */ jsxRuntimeExports.jsx(
           OnboardingModal$1,
           {
             id: "showOnboardingTrash",

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer=1.0-b2school-SNAPSHOT 12/03/2024 11:16:00
+ode-explorer=1.0-b2school-SNAPSHOT 20/03/2024 18:20:55

package/lib/components/Explorer.d.ts

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

package/lib/config/getExplorerConfig.d.ts

@@ -1,11 +1,20 @@
 import { type App, type ResourceType, type IAction, type IFilter, type IOrder } from "edifice-ts-client";
 export interface AppParams {
+    /** Application code */
     app: App;
+    /** Array of ResourceType */
     types: ResourceType[];
+    /** Array of IFilter */
     filters: IFilter[];
+    /** Array of IOrder */
     orders: IOrder[];
+    /** Array of IAction */
     actions: IAction[];
+    /** Array of trashable IAction */
     trashActions: IAction[];
+    /** BPR application code */
     libraryAppFilter?: string;
+    /** Enable or disable Explorer Onboarding Modal */
+    enableOnboarding?: boolean;
 }
 export declare function getExplorerConfig(): AppParams;

package/lib/index.d.ts

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

package/lib/index.js

@@ -1,4 +1,4 @@
-import { E as l } from "./index2.js";
+import { E as g, z as l } from "./index2.js";
 import "react/jsx-runtime";
 import "react";
 import "@edifice-ui/react";
@@ -9,5 +9,6 @@ import "i18next";
 import "zustand";
 import "@tanstack/react-query";
 export {
-  l as Explorer
+  g as Explorer,
+  l as getExplorerConfig
 };