@edifice.io/react 2.5.2-develop-b2school-actualites.20251127174432 → 2.5.2-develop-pedago.20251201132016

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
-};

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

@@ -1,168 +0,0 @@
-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, isSaving: boolean) => void;
-    /**
-     * Callback when SHareRessource component isSaving share rights or bookmark
-     */
-    onSaving?: (isSaving: 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: (notify?: boolean) => void;
-}
-/**
- * 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, isSaving) => 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

@@ -1,137 +0,0 @@
-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 = () => {
-  },
-  onSaving = () => {
-  },
-  classNameSearchInput = "col-6"
-}, ref) => {
-  const {
-    resourceId,
-    resourceCreatorId,
-    resourceRights,
-    filteredActions,
-    urls
-  } = shareOptions, [isLoading, setIsLoading] = useState(!0), [isSavingBookmark, setIsSavingBookmark] = useState(!1), {
-    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
-  }), handleOnSaveBookmark = () => (setIsSavingBookmark(!0), handleOnSave().then(() => {
-    setIsSavingBookmark(!1);
-  }));
-  useImperativeHandle(ref, () => ({
-    handleShare
-  }), [handleShare]), useEffect(() => {
-    onChange(shareRights.rights, isDirty, isSavingBookmark || isSharing);
-  }, [isDirty, shareRights.rights, onChange, isSavingBookmark, isSharing]), useEffect(() => {
-    onSaving(isSavingBookmark || isSharing);
-  }, [isSavingBookmark, isSharing, onSaving]);
-  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 rounded-3", 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: handleOnSaveBookmark })
-    ] })
-  ] });
-});
-export {
-  ShareResources as default
-};

package/dist/utilities/react-query/index.d.ts

@@ -1 +0,0 @@
-export * from './react-query-utils';

package/dist/utilities/react-query/react-query-utils.d.ts

@@ -1,21 +0,0 @@
-import { InvalidateQueryFilters, QueryClient } from '../../node_modules/@tanstack/react-query';
-/**
- * Invalidates queries and resets infinite query data to only contain the first page.
- *
- * This utility function is useful when you want to invalidate a query but also ensure
- * that any infinite query data is reset to show only the first page, removing any
- * previously loaded subsequent pages.
- *
- * @param queryClient - The TanStack Query client instance used to manage queries
- * @param options - The invalidate query filters that specify which queries to invalidate
- * @returns The result of the invalidateQueries operation, or undefined if no queryKey is provided
- *
- * @example
- * ```typescript
- * // Invalidate user queries and reset to first page only
- * invalidateQueriesWithFirstPage(queryClient, {
- *   queryKey: ['users']
- * });
- * ```
- */
-export declare function invalidateQueriesWithFirstPage(queryClient: QueryClient, options: InvalidateQueryFilters): Promise<void> | undefined;

package/dist/utilities/react-query/react-query-utils.js

@@ -1,13 +0,0 @@
-function invalidateQueriesWithFirstPage(queryClient, options) {
-  if (options.queryKey)
-    return queryClient.setQueriesData({
-      queryKey: options.queryKey
-    }, (oldData) => oldData != null && oldData.pages ? {
-      ...oldData,
-      pages: [oldData.pages[0]],
-      pageParams: [oldData.pageParams[0]]
-    } : oldData), queryClient.invalidateQueries(options);
-}
-export {
-  invalidateQueriesWithFirstPage
-};