@edifice.io/react 2.0.0-develop-rc.22 → 2.0.0-develop-rc.24

package/dist/modules/multimedia/Linker/ExternalLinker/ExternalLinker.d.ts

@@ -7,7 +7,7 @@ export interface IExternalLink {
     /** Link text for the llink display */
     text?: string;
     /** Link target (default: _blank) */
-    target?: "_blank";
+    target?: '_blank';
 }
 /**
  * Properties for the ExternalLinker react component.
@@ -20,7 +20,7 @@ export type ExternalLinkerProps = {
      */
     multiNodeSelected?: boolean;
     /** Target */
-    target?: "_blank";
+    target?: '_blank';
     /** Notify when the user change any link information */
     onChange?: (link?: IExternalLink) => void;
 };

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js

@@ -11,7 +11,7 @@ import AppIcon from "../../../../components/AppIcon/AppIcon.js";
 import Dropdown from "../../../../components/Dropdown/Dropdown.js";
 import SearchBar from "../../../../components/SearchBar/SearchBar.js";
 import EmptyScreen from "../../../../components/EmptyScreen/EmptyScreen.js";
-import usePaths from "../../../../hooks/usePaths/usePaths.js";
+import { emptyScreenMapping } from "../../../../utilities/emptyscreen-mapping/emptyscreen-mapping.js";
 const InternalLinker = ({
   appCode,
   defaultAppCode,
@@ -27,7 +27,7 @@ const InternalLinker = ({
     t
   } = useTranslation(), {
     theme
-  } = useEdificeTheme(), [imagePath] = usePaths(), {
+  } = useEdificeTheme(), {
     resourceApplications,
     loadResources
   } = useResourceSearch(appCode), [options, setOptions] = useState(), [selectedApplication, setSelectedApplication] = useState(), [searchTerms, setSearchTerms] = useState(), debounceSearch = useDebounce(searchTerms || "", 500), [resources, setResources] = useState([]), filterResources = useCallback((resource, search) => {
@@ -119,8 +119,8 @@ const InternalLinker = ({
         const isSelected = selectedDocuments.findIndex((doc) => doc.assetId === resource.assetId) >= 0;
         return /* @__PURE__ */ jsx(LinkerCard, { doc: resource, isSelected, onClick: () => toggleResourceSelection(resource) }, resource.path);
       }) }),
-      selectedApplication && resources && resources.length <= 0 && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-16", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/${theme == null ? void 0 : theme.bootstrapVersion}/illu-empty-search-${selectedApplication.application}.svg`, text: t("bbm.linker.int.notfound"), className: "mt-16" }) }),
-      !selectedApplication && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-32", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/${theme == null ? void 0 : theme.bootstrapVersion}/illu-empty-search.svg`, text: t("bbm.linker.int.empty"), className: "mt-32" }) })
+      selectedApplication && resources && resources.length <= 0 && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-16", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyScreenMapping[(theme == null ? void 0 : theme.bootstrapVersion) ?? "one"][selectedApplication == null ? void 0 : selectedApplication.application], text: t("bbm.linker.int.notfound"), className: "mt-16" }) }),
+      !selectedApplication && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-32", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyScreenMapping[(theme == null ? void 0 : theme.bootstrapVersion) ?? "one"].empty, text: t("bbm.linker.int.empty"), className: "mt-32" }) })
     ] })
   ] });
 };

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.d.ts

@@ -15,7 +15,7 @@ export type MediaLibraryTabProps = {
      * Media Library types where this tab should be displayed.
      * "*" for all types.
      */
-    availableFor: Array<MediaLibraryType | "*" | null>;
+    availableFor: Array<MediaLibraryType | '*' | null>;
     /** Required checks before using this feature. */
     isEnable: null | (() => boolean);
 };
@@ -25,17 +25,17 @@ export type MediaLibraryTabProps = {
  */
 export type MediaLibraryType = 
 /** Audio files */
-"audio"
+'audio'
 /** Video files / streams / links */
- | "video"
+ | 'video'
 /** Image files */
- | "image"
+ | 'image'
 /** Attached files */
- | "attachment"
+ | 'attachment'
 /** Embedded websites */
- | "embedder"
+ | 'embedder'
 /** Hyperlinks */
- | "hyperlink";
+ | 'hyperlink';
 export interface MediaLibraryRef {
     /** Open the Media Library on given type. */
     show: (type: MediaLibraryType) => void;

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -166,7 +166,7 @@ const orderedTabs = [
   }, hide = () => {
     setType(null);
   }, showLink = (props) => {
-    linkTabProps.current = props, !("resourceId" in props || "appPrefix" in props) && setDefaultTabId("external-link"), setType("hyperlink");
+    linkTabProps.current = props, "resourceId" in props || "appPrefix" in props || setDefaultTabId("external-link"), setType("hyperlink");
   };
   useEffect(() => {
     var _a2, _b;

package/dist/modules/multimedia/MediaLibrary/innertabs/InternalLink.d.ts

@@ -1,11 +1,11 @@
 import { ILinkedResource } from '@edifice.io/ts-client';
 export type InternalLinkTabProps = {
-    target?: "_blank" | null;
+    target?: '_blank' | null;
     appPrefix?: string | null;
     resourceId?: string | null;
 };
 export type InternalLinkTabResult = {
-    target?: "_blank";
+    target?: '_blank';
     resources?: ILinkedResource[];
 };
 export declare const InternalLink: ({ target, resourceId, appPrefix, }: InternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/UploadCard/UploadCard.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import commonPlaceholder from "@edifice.io/bootstrap/dist/images/common/image-placeholder.png";
 import { useTranslation } from "react-i18next";
 import SvgIconClose from "../../icons/components/IconClose.js";
 import SvgIconReset from "../../icons/components/IconReset.js";
@@ -10,7 +11,6 @@ import Tooltip from "../../../components/Tooltip/Tooltip.js";
 import Loading from "../../../components/Loading/Loading.js";
 import Card from "../../../components/Card/Card.js";
 import IconButton from "../../../components/Button/IconButton.js";
-import usePaths from "../../../hooks/usePaths/usePaths.js";
 const UploadCard = ({
   item,
   status = "idle",
@@ -20,21 +20,21 @@ const UploadCard = ({
   onEdit,
   onRetry
 }) => {
-  const [imagePath] = usePaths(), {
+  const {
     t
   } = useTranslation(), {
     src,
     name,
     info
-  } = item, isIdle = status === "idle", isLoading = status === "loading", isSuccess = status === "success", isTypeImage = info == null ? void 0 : info.type.startsWith("image"), imgPlaceholder = `${imagePath}/common/image-placeholder.png`, defaultMapping = {
+  } = item, isIdle = status === "idle", isLoading = status === "loading", isSuccess = status === "success", isTypeImage = info == null ? void 0 : info.type.startsWith("image"), defaultMapping = {
     text: "",
     context: null,
-    image: /* @__PURE__ */ jsx("img", { src: imgPlaceholder, alt: "", width: "48", height: "48" })
+    image: /* @__PURE__ */ jsx("img", { src: commonPlaceholder, alt: "", width: "48", height: "48" })
   }, mapping = {
     error: {
       text: /* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx("small", { className: "text-danger caption", children: t("tiptap.upload.error") }) }),
       context: /* @__PURE__ */ jsx(Button, { leftIcon: /* @__PURE__ */ jsx(SvgIconReset, {}), variant: "ghost", color: "tertiary", onClick: onRetry, children: t("tiptap.upload.retry") }),
-      image: /* @__PURE__ */ jsx(Image, { alt: "", src: `${imagePath}/common/image-status-error.svg`, objectFit: "cover" })
+      image: /* @__PURE__ */ jsx(Image, { alt: "", src: `${commonPlaceholder}/common/image-status-error.svg`, objectFit: "cover" })
     },
     idle: defaultMapping,
     loading: {

package/dist/modules/multimedia/VideoEmbed/VideoEmbed.d.ts

@@ -1,5 +1,5 @@
 export interface VideoEmbedProps {
-    switchType?: (type: "embedder") => void;
+    switchType?: (type: 'embedder') => void;
     onSuccess: (resource?: string) => void;
 }
 declare const VideoEmbed: ({ switchType, onSuccess }: VideoEmbedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/VideoEmbed/VideoEmbed.js

@@ -5,19 +5,19 @@ import { useDebounce } from "@uidotdev/usehooks";
 import { useTranslation } from "react-i18next";
 import SvgIconArrowRight from "../../icons/components/IconArrowRight.js";
 import SvgIconGlobe from "../../icons/components/IconGlobe.js";
+import illuError from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-error.svg";
 import FormControl from "../../../components/Form/FormControl.js";
 import Input from "../../../components/Input/Input.js";
 import Image from "../../../components/Image/Image.js";
 import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
 import Button from "../../../components/Button/Button.js";
-import usePaths from "../../../hooks/usePaths/usePaths.js";
 const VideoEmbed = ({
   switchType,
   onSuccess
 }) => {
   const {
     t
-  } = useTranslation(), [url, setUrl] = useState(), [embedVideo, setEmbedVideo] = useState(), [embedder, setEmbedder] = useState(void 0), [whiteListProvider, setWhiteListProvider] = useState(), debounceChangeUrl = useDebounce(url || "", 300), formControlId = useId(), [imagePath] = usePaths();
+  } = useTranslation(), [url, setUrl] = useState(), [embedVideo, setEmbedVideo] = useState(), [embedder, setEmbedder] = useState(void 0), [whiteListProvider, setWhiteListProvider] = useState(), debounceChangeUrl = useDebounce(url || "", 300), formControlId = useId();
   useEffect(() => {
     initWhiteListProvider();
   }, []), useEffect(() => {
@@ -51,7 +51,7 @@ const VideoEmbed = ({
       __html: embedVideo
     } })
   ] }) : /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column align-items-center m-16", children: [
-    /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-error.svg`, title: t("bbm.video.previewError.title"), text: t("bbm.video.previewError.text") }),
+    /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuError, title: t("bbm.video.previewError.title"), text: t("bbm.video.previewError.text") }),
     switchType && /* @__PURE__ */ jsxs(Button, { variant: "ghost", color: "primary", onClick: handleSwitchToEmbedderClick, className: "align-items-start mt-16", children: [
       t("bbm.video.useEmbedCode"),
       " ",

package/dist/modules/multimedia/Workspace/Workspace.js

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
 import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
 import SvgIconSortTime from "../../icons/components/IconSortTime.js";
+import illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";
 import useWorkspaceSearch from "../../../hooks/useWorkspaceSearch/useWorkspaceSearch.js";
 import { Grid } from "../../../components/Grid/Grid.js";
 import TreeView from "../../../components/TreeView/TreeView.js";
@@ -13,7 +14,6 @@ import Dropdown from "../../../components/Dropdown/Dropdown.js";
 import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
 import FileCard from "../FileCard/FileCard.js";
 import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
-import usePaths from "../../../hooks/usePaths/usePaths.js";
 import { findTreeNode } from "../../../components/TreeView/utilities/treeview.js";
 const Workspace = ({
   roles,
@@ -23,7 +23,7 @@ const Workspace = ({
   defaultFolder,
   showPublicFolder
 }) => {
-  const [imagePath] = usePaths(), {
+  const {
     t
   } = useTranslation(), {
     root: ownerRoot,
@@ -163,7 +163,7 @@ const Workspace = ({
       /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
         const isSelected = selectedDocuments.includes(doc);
         return /* @__PURE__ */ jsx(FileCard, { doc, isSelected, onClick: () => handleSelectDoc(doc) }, doc._id);
-      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-trash.svg`, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
+      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
     ] }) })
   ] });
 };

package/dist/providers/EdificeThemeProvider/EdificeThemeProvider.context.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { IOdeTheme } from '@edifice.io/ts-client';
 export interface EdificeThemeProps {
     children: ReactNode;
-    defaultTheme?: "one" | "neo" | "none";
+    defaultTheme?: 'one' | 'neo' | 'none';
 }
 export interface EdificeThemeContextProps {
     theme: IOdeTheme | undefined;

package/dist/types/size.d.ts

@@ -1 +1 @@
-export type Size = "sm" | "md" | "lg";
+export type Size = 'sm' | 'md' | 'lg';

package/dist/types/status.d.ts

@@ -1 +1 @@
-export type Status = "idle" | "loading" | "warning" | "success" | "error";
+export type Status = 'idle' | 'loading' | 'warning' | 'success' | 'error';

package/dist/utilities/emptyscreen-mapping/emptyscreen-mapping.d.ts

@@ -0,0 +1,6 @@
+export type AppKeys = 'blog' | 'wiki' | 'empty' | 'collaborative-wall' | 'community' | 'exercizer' | 'formulaire' | 'forum' | 'homeworks' | 'magneto';
+export interface ThemeMapping {
+    one: Record<AppKeys, string>;
+    neo: Record<AppKeys, string>;
+}
+export declare const emptyScreenMapping: ThemeMapping;

package/dist/utilities/emptyscreen-mapping/emptyscreen-mapping.js

@@ -0,0 +1,49 @@
+import illuOneBlog from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-blog.svg";
+import illuOneCollaborativeWall from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-collaborativewall.svg";
+import illuOneCommunity from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-community.svg";
+import illuOneExercizer from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-exercizer.svg";
+import illuOneFormulaire from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-formulaire.svg";
+import illuOneForum from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-forum.svg";
+import illuOneHomeworks from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-homeworks.svg";
+import illuOneMagneto from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-magneto.svg";
+import illuOneWiki from "@edifice.io/bootstrap/dist/images/one/illu-empty-search-wiki.svg";
+import illuOneEmpty from "@edifice.io/bootstrap/dist/images/one/illu-empty-search.svg";
+import illuNeoBlog from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-blog.svg";
+import illuNeoCollaborativeWall from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-collaborativewall.svg";
+import illuNeoCommunity from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-community.svg";
+import illuNeoExercizer from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-exercizer.svg";
+import illuNeoFormulaire from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-formulaire.svg";
+import illuNeoForum from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-forum.svg";
+import illuNeoHomeworks from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-homeworks.svg";
+import illuNeoMagneto from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-magneto.svg";
+import illuNeoWiki from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search-wiki.svg";
+import illuNeoEmpty from "@edifice.io/bootstrap/dist/images/neo/illu-empty-search.svg";
+const emptyScreenMapping = {
+  one: {
+    blog: illuOneBlog,
+    wiki: illuOneWiki,
+    empty: illuOneEmpty,
+    "collaborative-wall": illuOneCollaborativeWall,
+    community: illuOneCommunity,
+    exercizer: illuOneExercizer,
+    formulaire: illuOneFormulaire,
+    forum: illuOneForum,
+    homeworks: illuOneHomeworks,
+    magneto: illuOneMagneto
+  },
+  neo: {
+    blog: illuNeoBlog,
+    wiki: illuNeoWiki,
+    empty: illuNeoEmpty,
+    "collaborative-wall": illuNeoCollaborativeWall,
+    community: illuNeoCommunity,
+    exercizer: illuNeoExercizer,
+    formulaire: illuNeoFormulaire,
+    forum: illuNeoForum,
+    homeworks: illuNeoHomeworks,
+    magneto: illuNeoMagneto
+  }
+};
+export {
+  emptyScreenMapping
+};

package/dist/utilities/emptyscreen-mapping/index.d.ts

@@ -0,0 +1 @@
+export * from './emptyscreen-mapping';

package/dist/utilities/index.d.ts

@@ -1,2 +1,3 @@
 export * from './check-user-rights';
+export * from './emptyscreen-mapping';
 export * from './refs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.0.0-develop-rc.22",
+  "version": "2.0.0-develop-rc.24",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -108,6 +108,7 @@
     "clsx": "^2.1.1",
     "dayjs": "1.11.10",
     "emoji-picker-react": "4.5.2",
+    "globals": "^15.11.0",
     "html-react-parser": "4.2.1",
     "ohash": "1.1.3",
     "pako": "2.1.0",
@@ -118,14 +119,13 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/utilities": "2.0.0-develop-rc.22",
-    "@edifice.io/tiptap-extensions": "2.0.0-develop-rc.22"
-  },
-  "optionalDependencies": {
-    "@tiptap-pro/extension-mathematics": "2.2.1"
+    "@edifice.io/bootstrap": "2.0.0-develop-rc.24",
+    "@edifice.io/utilities": "2.0.0-develop-rc.24",
+    "@edifice.io/tiptap-extensions": "2.0.0-develop-rc.24"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
+    "@eslint/js": "^9.12.0",
     "@react-spring/web": "^9.7.5",
     "@svgr/cli": "^8.1.0",
     "@tanstack/react-query": "^5.59.13",
@@ -135,15 +135,19 @@
     "@types/react-dom": "^18.2.14",
     "@types/ua-parser-js": "^0.7.37",
     "@vitejs/plugin-react": "^4.3.2",
+    "eslint": "^9.12.0",
+    "eslint-plugin-react-hooks": "5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.12",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.53.0",
     "react-i18next": "^14.1.0",
     "rollup-plugin-pure": "^0.2.1",
     "rollup-plugin-visualizer": "5.12.0",
+    "typescript-eslint": "^8.8.1",
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
-    "@edifice.io/ts-client": "2.0.0-develop-rc.22"
+    "@edifice.io/ts-client": "2.0.0-develop-rc.24"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",
@@ -153,6 +157,9 @@
     "react-hook-form": "^7.53.0",
     "react-i18next": "^14.1.0"
   },
+  "optionalDependencies": {
+    "@tiptap-pro/extension-mathematics": "2.2.1"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -164,7 +171,7 @@
     "format": "pnpm run format:write && pnpm run format:check",
     "format:check": "npx prettier --check .",
     "format:write": "npx prettier --write .",
-    "lint": "eslint \"**/*.{ts,tsx}\"",
+    "lint": "eslint .",
     "test": "vitest"
   }
 }

package/dist/hooks/usePaths/index.d.ts

@@ -1 +0,0 @@
-export { default as usePaths } from './usePaths';

package/dist/hooks/usePaths/usePaths.d.ts

@@ -1 +0,0 @@
-export default function usePaths(): string[];

package/dist/hooks/usePaths/usePaths.js

@@ -1,7 +0,0 @@
-function usePaths() {
-  const base = "/", imagePath = `${base}assets/themes/edifice-bootstrap/images`, iconPath = `${base}assets/themes/edifice-bootstrap/icons`, fontPath = `${base}assets/themes/edifice-bootstrap/fonts`;
-  return [imagePath, iconPath, fontPath];
-}
-export {
-  usePaths as default
-};