@edifice.io/react 2.3.1-develop-b2school-actualites.20250916153920 → 2.3.1-develop-b2school.20250917113642

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", 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
-    }), style: {
-      maxWidth: "150px"
-    }, children: [
-      /* @__PURE__ */ jsx(Image, { alt: media.alt, objectFit: "cover", ratio: "16", className: "rounded", 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
-};