@edifice.io/react 2.4.2-develop-b2school-actualites.20251119110458 → 2.4.2-develop-b2school-actualites.20251124095016

package/dist/index.js

@@ -90,19 +90,20 @@ import { default as default88 } from "./modules/modals/OnboardingModal/Onboardin
 import { default as default89 } from "./modules/modals/PublishModal/PublishModal.js";
 import { default as default90 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
 import { default as default91 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default92 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default93 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default94 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default95 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default96 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default97 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default98 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default99 } from "./modules/multimedia/FileCard/FileCard.js";
-import { default as default100 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default101 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default102 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default103 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default104 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default92 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default93 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default94 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default95 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default96 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default97 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default98 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default99 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default100 } from "./modules/multimedia/FileCard/FileCard.js";
+import { default as default101 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default102 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default103 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default104 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default105 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { Divider } from "./components/Divider/Divider.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
@@ -141,7 +142,7 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default95 as AudioRecorder,
+  default96 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
@@ -166,10 +167,10 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default96 as Embed,
+  default97 as Embed,
   default21 as EmptyScreen,
   ExternalLinker,
-  default99 as FileCard,
+  default100 as FileCard,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -177,8 +178,8 @@ export {
   default25 as Heading,
   default12 as IconButton,
   default26 as Image,
-  default97 as ImageEditor,
-  default98 as ImagePicker,
+  default98 as ImageEditor,
+  default99 as ImagePicker,
   default27 as Input,
   InternalLinker,
   default28 as Label,
@@ -187,7 +188,7 @@ export {
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default100 as MediaLibrary,
+  default101 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
@@ -205,8 +206,9 @@ export {
   default13 as SearchButton,
   default37 as Select,
   SeparatedInfo,
-  default93 as ShareBlog,
-  default92 as ShareModal,
+  default92 as ShareBlog,
+  default94 as ShareModal,
+  default95 as ShareResources,
   default46 as SortableTree,
   default40 as StackedGroup,
   default41 as Stepper,
@@ -221,13 +223,13 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default48 as TreeView,
-  default101 as VideoEmbed,
-  default102 as VideoRecorder,
+  default102 as VideoEmbed,
+  default103 as VideoRecorder,
   default49 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default103 as Workspace,
-  default104 as WorkspaceFolders,
+  default104 as Workspace,
+  default105 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -284,7 +286,7 @@ export {
   default70 as useLibraryUrl,
   default71 as useMediaLibrary,
   default72 as useScrollToTop,
-  default94 as useShareMutation,
+  default93 as useShareMutation,
   default73 as useTitle,
   default74 as useToast,
   default75 as useToggle,

package/dist/modals.js

@@ -3,9 +3,10 @@ import { default as default3 } from "./modules/modals/OnboardingModal/Onboarding
 import { default as default4 } from "./modules/modals/PublishModal/PublishModal.js";
 import { default as default5 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
 import { default as default6 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default7 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default8 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default9 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default7 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default8 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default9 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default10 } from "./modules/modals/ShareModal/ShareResources.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
 export {
   default5 as BlogPublic,
@@ -13,8 +14,9 @@ export {
   default3 as OnboardingModal,
   default4 as PublishModal,
   ResourceModal,
-  default8 as ShareBlog,
-  default7 as ShareModal,
-  default9 as useShareMutation,
+  default7 as ShareBlog,
+  default9 as ShareModal,
+  default10 as ShareResources,
+  default8 as useShareMutation,
   default6 as useUpdateMutation
 };

package/dist/modules/modals/ShareModal/ShareModal.d.ts

@@ -1,15 +1,5 @@
 import { ReactNode } from 'react';
-import { ID, PutShareResponse, RightStringified, ShareRight } from '@edifice.io/client';
-import { UseMutationResult } from '../../../node_modules/@tanstack/react-query';
-export type ShareOptions = {
-    resourceId: ID;
-    resourceRights: RightStringified[];
-    resourceCreatorId: string;
-};
-export type ShareResourceMutation = UseMutationResult<PutShareResponse, unknown, {
-    resourceId: string;
-    rights: ShareRight[];
-}, unknown>;
+import { ShareOptions, ShareResourceMutation } from './ShareResources';
 interface ShareResourceModalProps {
     /** Handle open/close state */
     isOpen: boolean;

package/dist/modules/modals/ShareModal/ShareModal.js

@@ -1,25 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
+import { useRef } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
-import SvgIconBookmark from "../../icons/components/IconBookmark.js";
-import SvgIconInfoCircle from "../../icons/components/IconInfoCircle.js";
-import SvgIconRafterDown from "../../icons/components/IconRafterDown.js";
-import { ShareBookmark } from "./ShareBookmark.js";
-import { ShareBookmarkLine } from "./ShareBookmarkLine.js";
-import { useSearch } from "./hooks/useSearch.js";
-import useShare from "./hooks/useShare.js";
-import { useShareBookmark } from "./hooks/useShareBookmark.js";
+import ShareResources from "./ShareResources.js";
 import Modal from "../../../components/Modal/Modal.js";
 import Alert from "../../../components/Alert/Alert.js";
-import Heading from "../../../components/Heading/Heading.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import VisuallyHidden from "../../../components/VisuallyHidden/VisuallyHidden.js";
-import Avatar from "../../../components/Avatar/Avatar.js";
-import Checkbox from "../../../components/Checkbox/Checkbox.js";
 import Button from "../../../components/Button/Button.js";
-import Tooltip from "../../../components/Tooltip/Tooltip.js";
-import Combobox from "../../../components/Combobox/Combobox.js";
 function ShareResourceModal({
   isOpen,
   shareOptions,
@@ -28,104 +14,25 @@ function ShareResourceModal({
   onSuccess,
   onCancel
 }) {
-  const {
-    resourceId,
-    resourceCreatorId,
-    resourceRights
-  } = shareOptions, [isLoading, setIsLoading] = useState(!0), {
-    state: {
-      isSharing,
-      shareRights,
-      shareRightActions
-    },
-    dispatch: shareDispatch,
-    myAvatar,
-    currentIsAuthor,
-    handleShare,
-    toggleRight,
-    handleDeleteRow
-  } = useShare({
-    resourceId,
-    resourceCreatorId,
-    resourceRights,
-    shareResource,
-    setIsLoading,
-    onSuccess
-  }), {
-    state: {
-      searchResults,
-      searchInputValue
-    },
-    showSearchAdmlHint,
-    showSearchLoading,
-    showSearchNoResults,
-    getSearchMinLength,
-    handleSearchInputChange,
-    handleSearchResultsChange
-  } = useSearch({
-    resourceId,
-    resourceCreatorId,
-    shareRights,
-    shareDispatch
-  }), {
-    refBookmark,
-    showBookmark,
-    handleBookmarkChange,
-    toggleBookmark,
-    bookmark,
-    handleOnSave,
-    showBookmarkInput,
-    toggleBookmarkInput
-  } = useShareBookmark({
-    shareRights,
-    shareDispatch
-  }), {
+  var _a, _b;
+  const refShareResources = useRef(null), handleShare = () => {
+    var _a2;
+    (_a2 = refShareResources.current) == null || _a2.handleShare();
+  }, {
     t
-  } = useTranslation(), searchPlaceholder = showSearchAdmlHint() ? t("explorer.search.adml.hint") : t("explorer.modal.share.search.placeholder");
+  } = useTranslation();
   return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "share_modal", size: "lg", isOpen, onModalClose: onCancel, children: [
     /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("share.title") }),
     /* @__PURE__ */ jsxs(Modal.Body, { children: [
       /* @__PURE__ */ jsx(Alert, { type: "info", className: "mb-16", children: t("explorer.modal.share.alert.community") }),
-      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.modal.share.usersWithAccess") }),
-      /* @__PURE__ */ jsx("div", { className: "table-responsive", children: isLoading ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsxs("table", { className: "table border align-middle mb-0", children: [
-        /* @__PURE__ */ jsx("thead", { className: "bg-secondary", children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { scope: "col", className: "w-32", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.avatar.shared.alt") }) }),
-          /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.search.placeholder") }) }),
-          shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("th", { scope: "col", className: "text-center text-white", children: t(shareRightAction.displayName) }, shareRightAction.displayName)),
-          /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
-        ] }) }),
-        /* @__PURE__ */ jsxs("tbody", { children: [
-          currentIsAuthor() && /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { scope: "row", children: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.me.alt"), size: "xs", src: myAvatar, variant: "circle" }) }),
-            /* @__PURE__ */ jsx("td", { children: t("share.me") }),
-            shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
-              width: "80px"
-            }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: !0, disabled: !0 }) }, shareRightAction.displayName)),
-            /* @__PURE__ */ jsx("td", {})
-          ] }),
-          /* @__PURE__ */ jsx(ShareBookmarkLine, { showBookmark, shareRightActions, shareRights, onDeleteRow: handleDeleteRow, toggleRight, toggleBookmark })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-16", children: [
-        /* @__PURE__ */ jsx(Button, { color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconBookmark, {}), rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
-          transition: "rotate 0.2s ease-out",
-          rotate: showBookmarkInput ? "-180deg" : "0deg"
-        } }), type: "button", variant: "ghost", className: "fw-normal", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
-        showBookmarkInput && /* @__PURE__ */ jsx(ShareBookmark, { refBookmark, bookmark, onBookmarkChange: handleBookmarkChange, onSave: handleOnSave })
-      ] }),
-      /* @__PURE__ */ jsx("hr", {}),
-      /* @__PURE__ */ jsxs(Heading, { headingStyle: "h4", level: "h3", className: "mb-16 d-flex align-items-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "me-8", children: t("explorer.modal.share.search") }),
-        /* @__PURE__ */ jsx(Tooltip, { 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__ */ jsx(SvgIconInfoCircle, { className: "c-pointer", height: "18" }) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "row", children: /* @__PURE__ */ jsx("div", { className: "col-10", children: /* @__PURE__ */ jsx(Combobox, { value: searchInputValue, placeholder: searchPlaceholder, isLoading: showSearchLoading(), noResult: showSearchNoResults(), options: searchResults, searchMinLength: getSearchMinLength(), onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange }) }) }),
+      /* @__PURE__ */ jsx(ShareResources, { shareOptions, shareResource, ref: refShareResources, onSuccess, classNameSearchInput: "flex-fill" }),
       children
     ] }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
       /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onCancel, children: t("explorer.cancel") }),
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", isLoading: isSharing, onClick: handleShare, disabled: isSharing, children: t("share") })
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", isLoading: !!((_a = refShareResources.current) != null && _a.isSharing()), onClick: handleShare, disabled: !!((_b = refShareResources.current) != null && _b.isSharing()), children: t("share") })
     ] })
-  ] }), document.getElementById("portal"));
+  ] }), document.getElementById("portal") || document.body);
 }
 export {
   ShareResourceModal as default

package/dist/modules/modals/ShareModal/ShareResources.d.ts

@@ -0,0 +1,165 @@
+import { ID, PutShareResponse, RightStringified, ShareRight, ShareRightActionDisplayName, ShareUrls } from '@edifice.io/client';
+import { UseMutationResult } from '../../../node_modules/@tanstack/react-query';
+/**
+ * Configuration options for sharing a resource
+ *
+ * @typedef {Object} ShareOptions
+ * @property {ID} resourceId - Unique identifier of the resource to share
+ * @property {RightStringified[]} resourceRights - Current rights assigned to the resource
+ * @property {string} resourceCreatorId - User ID of the resource creator
+ * @property {ShareRightActionDisplayName[]} [filteredActions] - Optional list of allowed actions to display
+ * @property {ShareUrls} [urls] - Optional custom URLs for API endpoints related to sharing operations
+ *
+ * @example Example related to sharing thread resources:
+ * ```ts
+ * const shareOptions: ShareOptions = {
+ *   resourceId: '12345',
+ *   resourceRights: [],
+ *   resourceCreatorId: 'user-67890',
+ *   filteredActions: ['read', 'contrib'],
+ *   urls: {
+ *     getResourceRights: '/api/V1/thread/shares', (get endpoint)
+ *     saveResourceRights: '/api/V1/thread/shares', (put endpoint)
+ *     getShareMapping: '/api/V1/rights/sharing'
+ *   }
+ * };
+ * ```
+ *
+ * @example Example related to sharing info resources:
+ * ```ts
+ * const shareOptions: ShareOptions = {
+ *   resourceId: '12345',
+ *   resourceRights: [],
+ *   resourceCreatorId: 'user-67890',
+ *   filteredActions: ['read', 'contrib'],
+ *   urls: {
+ *     getResourceRights: '/api/V1/info/shares', (get endpoint)
+ *     saveResourceRights: '/api/V1/info/shares', (put endpoint)
+ *     getShareMapping: '/api/V1/rights/sharing'
+ *   }
+ * };
+ * ```
+ */
+export type ShareOptions = {
+    resourceId: ID;
+    resourceRights: RightStringified[];
+    resourceCreatorId: string;
+    filteredActions?: ShareRightActionDisplayName[];
+    urls?: ShareUrls;
+};
+/**
+ * React Query mutation result for share operations
+ *
+ * @typedef {UseMutationResult<PutShareResponse, unknown, {resourceId: string; rights: ShareRight[]}, unknown>} ShareResourceMutation
+ */
+export type ShareResourceMutation = UseMutationResult<PutShareResponse, unknown, {
+    resourceId: string;
+    rights: ShareRight[];
+}, unknown>;
+/**
+ * Props for the ShareResources component
+ *
+ * @interface ShareResourceProps
+ * @property {ShareOptions} shareOptions - Configuration for the resource being shared
+ * @property {ShareResourceMutation} [shareResource] - Optional React Query mutation for optimistic UI updates
+ * @property {() => void} [onSuccess] - Callback fired after successful share operation
+ * @property {(shareRights: ShareRight[], isDirty: boolean) => void} [onChange] - Callback fired when share rights change
+ * @property {string} [classNameSearchInput] - Optional CSS class for the search input wrapper (default: 'col-6')
+ */
+interface ShareResourceProps {
+    /**
+     * Expect resourceId,
+     * new rights array (replace shared array),
+     * creatorId
+     * of a resource */
+    shareOptions: ShareOptions;
+    /**
+     * Use the `shareResource` props when you need to do Optimistic UI
+     * otherwise ShareModal handles everything
+     * Must use React Query */
+    shareResource?: ShareResourceMutation;
+    /**
+     * onSuccess callback when a resource is successfully shared
+     */
+    onSuccess?: () => void;
+    /**
+     * Callback when share rights change
+     */
+    onChange?: (shareRights: ShareRight[], isDirty: boolean) => void;
+    /**
+     * Optional className for the search input
+     */
+    classNameSearchInput?: string;
+}
+/**
+ * Ref interface exposed by ShareResources component
+ *
+ * @interface ShareResourcesRef
+ * @property {() => void} handleShare - Method to trigger the share operation
+ * @property {() => boolean} isSharing - Method to check if sharing is in progress
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<ShareResourcesRef>(null);
+ *
+ * // Trigger share programmatically
+ * ref.current?.handleShare();
+ *
+ * // Check sharing status
+ * const sharing = ref.current?.isSharing();
+ * ```
+ */
+export interface ShareResourcesRef {
+    handleShare: () => void;
+    isSharing: () => boolean;
+}
+/**
+ * ShareResources Component
+ *
+ * A component for managing resource sharing permissions with users and groups.
+ * Provides search functionality, bookmark management, and granular rights control.
+ *
+ * @example
+ * ```tsx
+ * import { useRef } from 'react';
+ * import ShareResources, { ShareResourcesRef, ShareOptions } from './ShareResources';
+ *
+ * function MyComponent() {
+ *   const shareRef = useRef<ShareResourcesRef>(null);
+ *
+ *   const shareOptions: ShareOptions = {
+ *     resourceId: '123',
+ *     resourceRights: [],
+ *     resourceCreatorId: 'user-456',
+ *     filteredActions: ['read', 'contrib'],
+ *     urls: {
+ *       getResourceRights: '/api/share/rights',
+ *       putResourceRights: '/api/share/update'
+ *     }
+ *   };
+ *
+ *   const handleSave = () => {
+ *     if (shareRef.current) {
+ *       shareRef.current.handleShare();
+ *     }
+ *   };
+ *
+ *   return (
+ *     <>
+ *       <ShareResources
+ *         ref={shareRef}
+ *         shareOptions={shareOptions}
+ *         onSuccess={() => console.log('Shared successfully')}
+ *         onChange={(rights, isDirty) => console.log('Rights changed:', isDirty)}
+ *       />
+ *       <button onClick={handleSave}>Save Changes</button>
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @component
+ * @forwardRef
+ */
+declare const ShareResources: import('react').ForwardRefExoticComponent<ShareResourceProps & import('react').RefAttributes<ShareResourcesRef>>;
+export default ShareResources;

package/dist/modules/modals/ShareModal/ShareResources.js

@@ -0,0 +1,132 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useImperativeHandle, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconBookmark from "../../icons/components/IconBookmark.js";
+import SvgIconInfoCircle from "../../icons/components/IconInfoCircle.js";
+import SvgIconRafterDown from "../../icons/components/IconRafterDown.js";
+import { ShareBookmark } from "./ShareBookmark.js";
+import { ShareBookmarkLine } from "./ShareBookmarkLine.js";
+import { useSearch } from "./hooks/useSearch.js";
+import useShare from "./hooks/useShare.js";
+import { useShareBookmark } from "./hooks/useShareBookmark.js";
+import Heading from "../../../components/Heading/Heading.js";
+import Tooltip from "../../../components/Tooltip/Tooltip.js";
+import Combobox from "../../../components/Combobox/Combobox.js";
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+import VisuallyHidden from "../../../components/VisuallyHidden/VisuallyHidden.js";
+import Avatar from "../../../components/Avatar/Avatar.js";
+import Checkbox from "../../../components/Checkbox/Checkbox.js";
+import Button from "../../../components/Button/Button.js";
+const ShareResources = /* @__PURE__ */ forwardRef(({
+  shareOptions,
+  shareResource,
+  onSuccess = () => {
+  },
+  onChange = () => {
+  },
+  classNameSearchInput = "col-6"
+}, ref) => {
+  const {
+    resourceId,
+    resourceCreatorId,
+    resourceRights,
+    filteredActions,
+    urls
+  } = shareOptions, [isLoading, setIsLoading] = useState(!0), {
+    state: {
+      isSharing,
+      shareRights,
+      shareRightActions
+    },
+    dispatch: shareDispatch,
+    myAvatar,
+    currentIsAuthor,
+    toggleRight,
+    handleShare,
+    handleDeleteRow,
+    isDirty
+  } = useShare({
+    resourceId,
+    resourceCreatorId,
+    resourceRights,
+    shareResource,
+    setIsLoading,
+    onSuccess,
+    filteredActions,
+    urls
+  }), {
+    state: {
+      searchResults,
+      searchInputValue
+    },
+    showSearchAdmlHint,
+    showSearchLoading,
+    showSearchNoResults,
+    getSearchMinLength,
+    handleSearchInputChange,
+    handleSearchResultsChange
+  } = useSearch({
+    resourceId,
+    resourceCreatorId,
+    shareRights,
+    shareDispatch,
+    urlResourceRights: urls == null ? void 0 : urls.getResourceRights
+  }), {
+    refBookmark,
+    showBookmark,
+    handleBookmarkChange,
+    toggleBookmark,
+    bookmark,
+    handleOnSave,
+    showBookmarkInput,
+    toggleBookmarkInput
+  } = useShareBookmark({
+    shareRights,
+    shareDispatch
+  });
+  useImperativeHandle(ref, () => ({
+    handleShare,
+    isSharing: () => isSharing
+  }), [handleShare, isSharing]), useEffect(() => {
+    onChange(shareRights.rights, isDirty);
+  }, [isDirty, shareRights.rights, onChange]);
+  const {
+    t
+  } = useTranslation(), searchPlaceholder = showSearchAdmlHint() ? t("explorer.search.adml.hint") : t("explorer.modal.share.search.placeholder");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(Heading, { headingStyle: "h4", level: "h3", className: "mb-16 d-flex align-items-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "me-8", children: t("explorer.modal.share.search") }),
+      /* @__PURE__ */ jsx(Tooltip, { 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__ */ jsx(SvgIconInfoCircle, { className: "c-pointer", height: "18" }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "row mb-16", children: /* @__PURE__ */ jsx("div", { className: classNameSearchInput, children: /* @__PURE__ */ jsx(Combobox, { value: searchInputValue, placeholder: searchPlaceholder, isLoading: showSearchLoading(), noResult: showSearchNoResults(), options: searchResults, searchMinLength: getSearchMinLength(), onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "table-responsive", children: isLoading ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsxs("table", { className: "table border align-middle mb-0", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-blue-200", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "w-32", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.avatar.shared.alt") }) }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.search.placeholder") }) }),
+        shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("th", { scope: "col", className: "text-center text-gray-800", children: t(shareRightAction.displayName) }, shareRightAction.displayName)),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("tbody", { children: [
+        currentIsAuthor() && /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { scope: "row", children: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.me.alt"), size: "xs", src: myAvatar, variant: "circle" }) }),
+          /* @__PURE__ */ jsx("td", { children: t("share.me") }),
+          shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
+            width: "80px"
+          }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: !0, disabled: !0 }) }, shareRightAction.displayName)),
+          /* @__PURE__ */ jsx("td", {})
+        ] }),
+        /* @__PURE__ */ jsx(ShareBookmarkLine, { showBookmark, shareRightActions, shareRights, onDeleteRow: handleDeleteRow, toggleRight, toggleBookmark })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-16", children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconBookmark, {}), rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
+        transition: "rotate 0.2s ease-out",
+        rotate: showBookmarkInput ? "-180deg" : "0deg"
+      } }), type: "button", variant: "ghost", className: "fw-normal", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
+      showBookmarkInput && /* @__PURE__ */ jsx(ShareBookmark, { refBookmark, bookmark, onBookmarkChange: handleBookmarkChange, onSave: handleOnSave })
+    ] })
+  ] });
+});
+export {
+  ShareResources as default
+};

package/dist/modules/modals/ShareModal/hooks/useSearch.d.ts

@@ -3,11 +3,12 @@ import { ShareRightWithVisibles, ShareSubject } from '@edifice.io/client';
 import { OptionListItemType } from '../../../../components';
 import { ShareOptions } from '../ShareModal';
 import { ShareAction } from './useShare';
-export declare const useSearch: ({ resourceId, resourceCreatorId, shareRights, shareDispatch, }: {
+export declare const useSearch: ({ resourceId, resourceCreatorId, shareRights, shareDispatch, urlResourceRights, }: {
     resourceId: ShareOptions["resourceCreatorId"];
     resourceCreatorId: ShareOptions["resourceCreatorId"];
     shareRights: ShareRightWithVisibles;
     shareDispatch: Dispatch<ShareAction>;
+    urlResourceRights?: string;
 }) => {
     state: {
         searchInputValue: string;

package/dist/modules/modals/ShareModal/hooks/useSearch.js

@@ -58,7 +58,8 @@ const defaultActions = [{
   resourceId,
   resourceCreatorId,
   shareRights,
-  shareDispatch
+  shareDispatch,
+  urlResourceRights
 }) => {
   const [state, dispatch] = useReducer(reducer, initialState), debouncedSearchInputValue = useDebounce(state.searchInputValue, 500), {
     isAdml
@@ -82,7 +83,7 @@ const defaultActions = [{
         type: "isSearching",
         payload: !0
       }), !isAdml && debouncedSearchInputValue2.length >= 1 || isAdml && debouncedSearchInputValue2.length >= 3) {
-        const resSearchShareSubjects = await odeServices.share().searchShareSubjects(appCode, resourceId, debouncedSearchInputValue2);
+        const resSearchShareSubjects = await odeServices.share().searchShareSubjects(appCode, resourceId, debouncedSearchInputValue2, urlResourceRights);
         dispatch({
           type: "addApiResult",
           payload: resSearchShareSubjects

package/dist/modules/modals/ShareModal/hooks/useShare.d.ts

@@ -1,5 +1,5 @@
-import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles } from '@edifice.io/client';
-import { ShareOptions, ShareResourceMutation } from '../ShareModal';
+import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles, ShareUrls } from '@edifice.io/client';
+import { ShareOptions, ShareResourceMutation } from '../ShareResources';
 interface UseShareResourceModalProps {
     /**
      * Resource ID (assetId)
@@ -15,10 +15,15 @@ interface UseShareResourceModalProps {
     resourceCreatorId: ShareOptions['resourceCreatorId'];
     shareResource?: ShareResourceMutation;
     onSuccess: () => void;
-    setIsLoading: (value: boolean) => void;
+    setIsLoading?: (value: boolean) => void;
+    resourceShareRights?: ShareRightWithVisibles;
+    resourceShareRightActions?: ShareRightAction[];
+    filteredActions?: ShareRightActionDisplayName[];
+    urls?: ShareUrls;
 }
 type State = {
     isSharing: boolean;
+    isDirty?: boolean;
     shareRights: ShareRightWithVisibles;
     shareRightActions: ShareRightAction[];
 };
@@ -38,9 +43,10 @@ export type ShareAction = {
     type: 'isSharing';
     payload: boolean;
 };
-export default function useShare({ resourceId, resourceRights, resourceCreatorId, shareResource, setIsLoading, onSuccess, }: UseShareResourceModalProps): {
+export default function useShare({ resourceId, resourceRights, resourceCreatorId, shareResource, setIsLoading, onSuccess, filteredActions, urls, }: UseShareResourceModalProps): {
     state: {
         isSharing: boolean;
+        isDirty?: boolean;
         shareRights: ShareRightWithVisibles;
         shareRightActions: ShareRightAction[];
     };
@@ -50,5 +56,6 @@ export default function useShare({ resourceId, resourceRights, resourceCreatorId
     handleDeleteRow: (shareRight: ShareRight) => void;
     handleShare: () => Promise<void>;
     toggleRight: (shareRight: ShareRight, actionName: ShareRightActionDisplayName) => void;
+    isDirty: boolean;
 };
 export {};

package/dist/modules/modals/ShareModal/hooks/useShare.js

@@ -6,6 +6,7 @@ import useUser from "../../../../hooks/useUser/useUser.js";
 import useToast from "../../../../hooks/useToast/useToast.js";
 const initialState = {
   isSharing: !1,
+  isDirty: !1,
   shareRights: {
     rights: [],
     visibleBookmarks: [],
@@ -24,17 +25,20 @@ function reducer(state, action) {
     case "deleteRow":
       return {
         ...state,
-        shareRights: action.payload
+        shareRights: action.payload,
+        isDirty: !0
       };
     case "updateShareRights":
       return {
         ...state,
-        shareRights: action.payload
+        shareRights: action.payload,
+        isDirty: !0
       };
     case "toggleRight":
       return {
         ...state,
-        shareRights: action.payload
+        shareRights: action.payload,
+        isDirty: !0
       };
     case "isSharing":
       return {
@@ -51,7 +55,9 @@ function useShare({
   resourceCreatorId,
   shareResource,
   setIsLoading,
-  onSuccess
+  onSuccess,
+  filteredActions,
+  urls
 }) {
   const {
     appCode
@@ -64,18 +70,18 @@ function useShare({
   useEffect(() => {
     resourceId && (async () => {
       try {
-        const [shareRightActions, shareRights] = await Promise.all([odeServices.share().getActionsForApp(appCode), odeServices.share().getRightsForResource(appCode, resourceId)]);
+        const [shareRightActions, shareRights] = await Promise.all([odeServices.share().getActionsForApp(appCode, urls == null ? void 0 : urls.getShareMapping), odeServices.share().getRightsForResource(appCode, resourceId, urls)]), filteredShareRightActions = filteredActions ? shareRightActions.filter((action) => filteredActions.includes(action.id)) : shareRightActions;
         dispatch({
           type: "init",
           payload: {
-            shareRightActions,
+            shareRightActions: filteredShareRightActions,
             shareRights
           }
         });
       } catch (error) {
         console.error(error);
       }
-      setIsLoading(!1);
+      setIsLoading == null || setIsLoading(!1);
     })();
   }, [resourceId]);
   const toggleRight = (shareRight, actionName) => {
@@ -171,10 +177,10 @@ function useShare({
           });
           notifySuccess(result);
         } else {
-          const result = await odeServices.share().saveRights(appCode, resourceId, shares);
+          const result = await odeServices.share().saveRights(appCode, resourceId, shares, urls);
           notifySuccess(result);
         }
-        onSuccess();
+        urls != null && urls.getResourceRights && odeServices.cache().clearCache(urls.getResourceRights), onSuccess();
       } catch (error) {
         typeof error == "string" && toast.error(t("explorer.shared.status.error")), typeof error == "object" && toast.error(t((error == null ? void 0 : error.error) || "explorer.shared.status.error")), console.error("Failed to save share", error);
       } finally {
@@ -184,7 +190,8 @@ function useShare({
         });
       }
     },
-    toggleRight
+    toggleRight,
+    isDirty: !!state.isDirty
   };
 }
 export {

package/dist/modules/modals/ShareModal/index.d.ts

@@ -1,3 +1,5 @@
-export { default as ShareModal } from './ShareModal';
 export { default as ShareBlog } from './apps/ShareBlog';
 export { default as useShareMutation } from './hooks/useShareMutation';
+export { default as ShareModal } from './ShareModal';
+export * from './ShareResources';
+export { default as ShareResources } from './ShareResources';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.4.2-develop-b2school-actualites.20251119110458",
+  "version": "2.4.2-develop-b2school-actualites.20251124095016",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -131,9 +131,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.4.2-develop-b2school-actualites.20251119110458",
-    "@edifice.io/utilities": "2.4.2-develop-b2school-actualites.20251119110458",
-    "@edifice.io/tiptap-extensions": "2.4.2-develop-b2school-actualites.20251119110458"
+    "@edifice.io/utilities": "2.4.2-develop-b2school-actualites.20251124095016",
+    "@edifice.io/tiptap-extensions": "2.4.2-develop-b2school-actualites.20251124095016",
+    "@edifice.io/bootstrap": "2.4.2-develop-b2school-actualites.20251124095016"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -164,8 +164,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.4.2-develop-b2school-actualites.20251119110458",
-    "@edifice.io/config": "2.4.2-develop-b2school-actualites.20251119110458"
+    "@edifice.io/client": "2.4.2-develop-b2school-actualites.20251124095016",
+    "@edifice.io/config": "2.4.2-develop-b2school-actualites.20251124095016"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",