@edifice.io/react 2.5.2-develop-b2school-actualites.20251202141821 → 2.5.2-develop-integration.20251203162637

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

@@ -1,11 +1,25 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState } from "react";
+import { useState } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
-import ShareResources from "./ShareResources.js";
+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 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,
@@ -14,26 +28,104 @@ function ShareResourceModal({
   onSuccess,
   onCancel
 }) {
-  const refShareResources = useRef(null), handleShare = () => {
-    var _a;
-    (_a = refShareResources.current) == null || _a.handleShare();
-  }, [isSaving, setIsSaving] = useState(!1), {
+  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
+  }), {
     t
-  } = useTranslation(), onSaving = (isSaving2) => {
-    setIsSaving(isSaving2);
-  };
+  } = useTranslation(), searchPlaceholder = showSearchAdmlHint() ? t("explorer.search.adml.hint") : t("explorer.modal.share.search.placeholder");
   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(ShareResources, { shareOptions, shareResource, ref: refShareResources, onSuccess, onSubmit: onSaving, classNameSearchInput: "flex-fill" }),
+      /* @__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 }) }) }),
       children
     ] }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onCancel, disabled: isSaving, children: t("explorer.cancel") }),
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", isLoading: isSaving, onClick: handleShare, disabled: isSaving, children: t("share") })
+      /* @__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") })
     ] })
-  ] }), document.getElementById("portal") || document.body);
+  ] }), document.getElementById("portal"));
 }
 export {
   ShareResourceModal as default

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

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

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

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

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

@@ -6,7 +6,6 @@ import useUser from "../../../../hooks/useUser/useUser.js";
 import useToast from "../../../../hooks/useToast/useToast.js";
 const initialState = {
   isSharing: !1,
-  isDirty: !1,
   shareRights: {
     rights: [],
     visibleBookmarks: [],
@@ -25,20 +24,17 @@ function reducer(state, action) {
     case "deleteRow":
       return {
         ...state,
-        shareRights: action.payload,
-        isDirty: !0
+        shareRights: action.payload
       };
     case "updateShareRights":
       return {
         ...state,
-        shareRights: action.payload,
-        isDirty: !0
+        shareRights: action.payload
       };
     case "toggleRight":
       return {
         ...state,
-        shareRights: action.payload,
-        isDirty: !0
+        shareRights: action.payload
       };
     case "isSharing":
       return {
@@ -55,9 +51,7 @@ function useShare({
   resourceCreatorId,
   shareResource,
   setIsLoading,
-  onSuccess,
-  filteredActions,
-  shareUrls
+  onSuccess
 }) {
   const {
     appCode
@@ -70,18 +64,18 @@ function useShare({
   useEffect(() => {
     resourceId && (async () => {
       try {
-        const [shareRightActions, shareRights] = await Promise.all([odeServices.share().getActionsForApp(appCode, shareUrls == null ? void 0 : shareUrls.getShareMapping), odeServices.share().getRightsForResource(appCode, resourceId, shareUrls)]), filteredShareRightActions = filteredActions ? shareRightActions.filter((action) => filteredActions.includes(action.id)) : shareRightActions;
+        const [shareRightActions, shareRights] = await Promise.all([odeServices.share().getActionsForApp(appCode), odeServices.share().getRightsForResource(appCode, resourceId)]);
         dispatch({
           type: "init",
           payload: {
-            shareRightActions: filteredShareRightActions,
+            shareRightActions,
             shareRights
           }
         });
       } catch (error) {
         console.error(error);
       }
-      setIsLoading == null || setIsLoading(!1);
+      setIsLoading(!1);
     })();
   }, [resourceId]);
   const toggleRight = (shareRight, actionName) => {
@@ -149,7 +143,7 @@ function useShare({
         }
       });
     },
-    handleShare: async (notify = !0) => {
+    handleShare: async () => {
       dispatch({
         type: "isSharing",
         payload: !0
@@ -175,12 +169,12 @@ function useShare({
             resourceId,
             rights: shares
           });
-          notify && notifySuccess(result);
+          notifySuccess(result);
         } else {
-          const result = await odeServices.share().saveRights(appCode, resourceId, shares, shareUrls);
-          notify && notifySuccess(result);
+          const result = await odeServices.share().saveRights(appCode, resourceId, shares);
+          notifySuccess(result);
         }
-        shareUrls != null && shareUrls.getResourceRights && odeServices.cache().clearCache(shareUrls.getResourceRights), onSuccess();
+        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 {
@@ -190,8 +184,7 @@ function useShare({
         });
       }
     },
-    toggleRight,
-    isDirty: !!state.isDirty
+    toggleRight
   };
 }
 export {

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

@@ -16,7 +16,7 @@ export declare const useShareBookmark: ({ shareRights, shareDispatch, }: UseShar
     bookmark: BookmarkProps;
     handleBookmarkChange: () => void;
     setBookmark: Dispatch<import('react').SetStateAction<BookmarkProps>>;
-    handleOnSave: () => Promise<void>;
+    handleOnSave: () => void;
     toggleBookmark: () => void;
     toggleBookmarkInput: Dispatch<import('react').SetStateAction<boolean>>;
 };

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

@@ -56,7 +56,7 @@ const useShareBookmark = ({
     handleOnSave: () => {
       var _a;
       const inputValue = ((_a = refBookmark.current) == null ? void 0 : _a.value) || "";
-      return saveBookmark(inputValue);
+      saveBookmark(inputValue);
     },
     toggleBookmark,
     toggleBookmarkInput

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

@@ -1,5 +1,3 @@
+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/dist/utilities/index.d.ts

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

package/package.json

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

package/dist/components/Divider/Divider.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export declare function Divider({ children, color, }: {
-    children: ReactNode[];
-    color: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Divider/Divider.js

@@ -1,21 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import Flex from "../Flex/Flex.js";
-function Divider({
-  children,
-  color = "var(--edifice-gray-400)"
-}) {
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "around", gap: "16", wrap: "nowrap", className: "flex-fill", children: [
-    /* @__PURE__ */ jsx("hr", { className: "divider m-12 ms-0 flex-fill", style: {
-      borderColor: color
-    } }),
-    /* @__PURE__ */ jsxs(Flex, { gap: "12", align: "center", justify: "around", children: [
-      ...children
-    ] }),
-    /* @__PURE__ */ jsx("hr", { className: "divider m-12 me-0 flex-fill", style: {
-      borderColor: color
-    } })
-  ] });
-}
-export {
-  Divider
-};

package/dist/components/Divider/index.d.ts

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

package/dist/components/SeparatedInfo/SeparatedInfo.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export type SeparatedInfoProps = {
-    children: ReactNode[];
-    className?: string;
-};
-export declare function SeparatedInfo({ children, className }: SeparatedInfoProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SeparatedInfo/SeparatedInfo.js

@@ -1,13 +0,0 @@
-import { jsxs } from "react/jsx-runtime";
-import Flex from "../Flex/Flex.js";
-function SeparatedInfo({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "row", className: `separated-info ${className}`, children: [
-    ...children
-  ] });
-}
-export {
-  SeparatedInfo
-};

package/dist/components/SeparatedInfo/index.d.ts

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

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

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

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.d.ts

@@ -1,33 +0,0 @@
-/**
- * A custom React hook that provides infinite scroll functionality using the Intersection Observer API.
- *
- * This hook returns a ref callback that can be attached to a DOM element (typically at the bottom
- * of a scrollable list). When that element becomes visible in the viewport, the provided callback
- * function is executed, allowing you to load more content.
- *
- * @param params - Configuration object for the infinite scroll hook
- * @param params.callback - Function to execute when the observed element intersects with the viewport
- * @param params.options - Optional Intersection Observer configuration options (defaults to { threshold: 0.1 })
- *
- * @returns A ref callback function that should be attached to the target DOM element
- *
- * @example
- * ```typescript
- * const loadMoreRef = useInfiniteScroll({
- *     // Load more data when the element is visible
- *   callback: loadMoreItems,
- *   options: { threshold: 0.5 } // Trigger when 50% of element is visible
- * });
- *
- * return (
- *   <div>
- *     {items.map(item => <Item key={item.id} {...item} />)}
- *     <div ref={loadMoreRef}>Loading...</div>
- *   </div>
- * );
- * ```
- */
-export default function useInfiniteScroll({ callback, options, }: {
-    callback: () => void;
-    options?: IntersectionObserverInit;
-}): (node: HTMLElement | null) => void;

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.js

@@ -1,20 +0,0 @@
-import { useRef, useCallback } from "react";
-function useInfiniteScroll({
-  callback,
-  options = {
-    threshold: 0.1
-  }
-}) {
-  const observerRef = useRef(null);
-  return useCallback((node) => {
-    if (observerRef.current && (observerRef.current.disconnect(), observerRef.current = null), !node) return;
-    const observer = new IntersectionObserver(async (entries) => {
-      for (const entry of entries)
-        entry.isIntersecting && await callback();
-    }, options);
-    observer.observe(node), observerRef.current = observer;
-  }, [callback, options]);
-}
-export {
-  useInfiniteScroll as default
-};

package/dist/modules/editor/components/Editor/EditorPreview.d.ts

@@ -1,14 +0,0 @@
-/**
- * Editor component properties
- */
-export interface EditorPreviewProps {
-    /** Rich content to render. */
-    content: string;
-    /** Display with or without a border */
-    variant?: 'outline' | 'ghost';
-    onDetailClick?: () => void;
-    onMediaClick?: () => void;
-    maxMediaDisplayed?: number;
-}
-declare const EditorPreview: ({ content, variant, onDetailClick, onMediaClick, maxMediaDisplayed, }: EditorPreviewProps) => import("react/jsx-runtime").JSX.Element;
-export default EditorPreview;

package/dist/modules/editor/components/Editor/EditorPreview.js

@@ -1,56 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import clsx from "clsx";
-import { getThumbnail } from "@edifice.io/utilities";
-import { useTranslation } from "react-i18next";
-import Image from "../../../../components/Image/Image.js";
-const EditorPreview = ({
-  content,
-  variant = "outline",
-  onDetailClick,
-  onMediaClick,
-  maxMediaDisplayed = 3
-}) => {
-  const {
-    t
-  } = useTranslation(), [summaryContent, setSummaryContent] = useState(""), [medias, setMedias] = useState([]), borderClass = clsx(variant === "outline" && "border rounded-3 py-12 px-16"), hasMediaCallback = onDetailClick || onMediaClick, handleMediaClick = (e) => {
-    onMediaClick && (e.stopPropagation(), onMediaClick());
-  };
-  return useEffect(() => {
-    const contentHTML = content;
-    if (contentHTML) {
-      const doc = new DOMParser().parseFromString(contentHTML, "text/html"), mediaElements = Array.from(doc.querySelectorAll("img, video, iframe, audio, embed"));
-      setMedias(mediaElements.filter((el) => el.tagName.toLowerCase() === "img").map((el) => {
-        const image = el;
-        return image.src ? {
-          url: getThumbnail(image.src, 0, 300),
-          alt: image.alt
-        } : {
-          url: "",
-          alt: ""
-        };
-      })), mediaElements.forEach((el) => {
-        var _a;
-        return (_a = el.parentNode) == null ? void 0 : _a.removeChild(el);
-      }), setSummaryContent(doc.body.textContent || "");
-    }
-  }, [content]), /* @__PURE__ */ jsxs("div", { className: borderClass, "data-testid": "editor-preview", onClick: onDetailClick, tabIndex: onDetailClick ? -1 : void 0, role: onDetailClick ? "button" : void 0, children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-fill text-truncate text-truncate-2 post-preview-content overflow-hidden", style: {
-      overflowWrap: "anywhere"
-    }, children: summaryContent }),
-    /* @__PURE__ */ jsx("div", { onClick: handleMediaClick, tabIndex: hasMediaCallback ? -1 : void 0, role: hasMediaCallback ? "button" : void 0, className: "d-flex align-items-center justify-content-center gap-24 px-32 pt-16", children: medias.slice(0, maxMediaDisplayed).map((media, index) => /* @__PURE__ */ jsxs("div", { className: clsx("position-relative col-12 col-md-4 ", {
-      "d-none d-md-block": index >= 1
-    }), children: [
-      /* @__PURE__ */ jsx(Image, { alt: media.alt, objectFit: "cover", ratio: "16", className: "rounded", loading: "lazy", src: media.url, sizes: "" }),
-      (index === 0 || index === 2) && medias.length - (index + 1) > 0 && /* @__PURE__ */ jsx("div", { className: clsx("position-absolute top-0 bottom-0 start-0 end-0 d-flex justify-content-center align-items-center rounded text-light bg-dark bg-opacity-50", {
-        "d-flex d-md-none": index === 0,
-        "d-none d-md-flex": index === 2
-      }), children: t("editor.preview.moreMedia", {
-        mediaCount: medias.length - (index + 1)
-      }) })
-    ] }, media.url)) })
-  ] });
-};
-export {
-  EditorPreview as default
-};

package/dist/modules/editor/components/Editor/EditorPreviewSkeleton.d.ts

@@ -1,8 +0,0 @@
-/**
- * Editor component properties
- */
-export interface EditorPreviewSkeletonProps {
-    variant?: 'outline' | 'ghost';
-}
-declare const EditorPreview: ({ variant }: EditorPreviewSkeletonProps) => import("react/jsx-runtime").JSX.Element;
-export default EditorPreview;

package/dist/modules/editor/components/Editor/EditorPreviewSkeleton.js

@@ -1,24 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
-import Image from "../../../../components/Image/Image.js";
-const EditorPreview = ({
-  variant = "outline"
-}) => {
-  const borderClass = clsx(variant === "outline" && "border rounded-3"), contentClass = clsx("mt-16", variant === "outline" && "my-12 mx-16");
-  return /* @__PURE__ */ jsx("div", { className: borderClass, "data-testid": "editor-preview", children: /* @__PURE__ */ jsxs("div", { className: contentClass, children: [
-    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12" }),
-    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12" }),
-    /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-center gap-24 px-32 pt-16", children: [
-      /* @__PURE__ */ jsx("div", { style: {
-        maxWidth: "150px"
-      }, className: "col-12 col-md-4", children: /* @__PURE__ */ jsx(Image, { alt: "", objectFit: "cover", ratio: "16", className: "rounded placeholder", src: "", sizes: "" }) }),
-      /* @__PURE__ */ jsx("div", { style: {
-        maxWidth: "150px"
-      }, className: "col-12 col-md-4", children: /* @__PURE__ */ jsx(Image, { alt: "", objectFit: "cover", ratio: "16", className: "rounded placeholder", src: "", sizes: "" }) })
-    ] })
-  ] }) });
-};
-export {
-  EditorPreview as default
-};

package/dist/modules/icons/components/IconClockAlert.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconClockAlert: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconClockAlert;

package/dist/modules/icons/components/IconClockAlert.js

@@ -1,17 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconClockAlert = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsxs("g", { fill: "currentColor", clipPath: "url(#icon-clock-alert_svg__a)", children: [
-    /* @__PURE__ */ jsx("path", { d: "M0 10.075C0 4.51 4.51 0 10.075 0c4.573 0 8.431 3.046 9.663 7.217a1 1 0 0 1-1.918.566A8.075 8.075 0 1 0 7.783 17.82a1 1 0 0 1-.566 1.918C3.046 18.506 0 14.648 0 10.075" }),
-    /* @__PURE__ */ jsx("path", { d: "M10.075 4.108a1 1 0 0 1 1 1v5.43a1 1 0 0 1-.357.767L7.83 13.728a1 1 0 1 1-1.286-1.532l2.53-2.123V5.108a1 1 0 0 1 1-1M17 13.3a1 1 0 0 1 1 1v2.2a1 1 0 1 1-2 0v-2.2a1 1 0 0 1 1-1M17 18.4a1 1 0 1 0 0 2h.006a1 1 0 1 0 0-2z" }),
-    /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M17 10a7 7 0 1 0 0 14 7 7 0 0 0 0-14m-5 7a5 5 0 1 1 10 0 5 5 0 0 1-10 0", clipRule: "evenodd" })
-  ] }),
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-clock-alert_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] });
-export {
-  SvgIconClockAlert as default
-};