@edifice.io/react 2.5.5-develop-pedago.20260115154750 → 2.5.5-develop-b2school.20260116160825

package/dist/components/MediaViewer/MediaViewer.d.ts

@@ -1,17 +0,0 @@
-import { MediaLibraryType } from 'src/modules/multimedia';
-export interface MediaProps {
-    name: string;
-    url: string;
-    type: MediaLibraryType;
-    mimeType?: string;
-}
-interface MediaViewerProps {
-    onClose: () => void;
-    media: MediaProps[];
-    indexMedia?: number;
-}
-declare const MediaViewer: {
-    ({ onClose, media, indexMedia }: MediaViewerProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default MediaViewer;

package/dist/components/MediaViewer/MediaViewer.js

@@ -1,36 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Carousel } from "antd";
-import ToolbarZoom from "./ToolbarZoom.js";
-import useZoom from "../../hooks/useZoom/useZoom.js";
-import ToolbarViewer from "./ToolbarViewer.js";
-import { useState, useEffect } from "react";
-import { MediaWrapper } from "./MediaWrapper.js";
-import Flex from "../Flex/Flex.js";
-const MediaViewer = ({
-  onClose,
-  media,
-  indexMedia = 0
-}) => {
-  const {
-    zoomIn,
-    zoomOut,
-    setScale,
-    scale
-  } = useZoom(1), [currentIndex, setCurrentIndex] = useState(indexMedia);
-  return useEffect(() => {
-    setCurrentIndex(indexMedia);
-  }, [indexMedia]), /* @__PURE__ */ jsxs("div", { className: "media-viewer", children: [
-    /* @__PURE__ */ jsx(ToolbarViewer, { onClose, mediaUrl: media[currentIndex].url, mediaName: media[currentIndex].name, nbMedia: media.length, currentIndex }),
-    /* @__PURE__ */ jsx(Flex, { className: "media-viewer-inner-overlay", onClick: onClose, children: /* @__PURE__ */ jsxs("div", { className: "media-viewer-inner", onClick: (e) => e.stopPropagation(), children: [
-      /* @__PURE__ */ jsx(Carousel, { initialSlide: indexMedia, dots: !1, arrows: !0, draggable: !0, infinite: !1, afterChange: (current) => {
-        setCurrentIndex(current);
-      }, beforeChange: () => {
-        setScale(1);
-      }, children: media.map((item, index) => /* @__PURE__ */ jsx("div", { className: "viewer-slide", children: /* @__PURE__ */ jsx(MediaWrapper, { mediaUrl: item.url, mediaType: item.type, mimeType: item.mimeType, scale: index === currentIndex ? scale : 1 }) }, index)) }),
-      /* @__PURE__ */ jsx(ToolbarZoom, { zoomIn, zoomOut })
-    ] }) })
-  ] });
-};
-export {
-  MediaViewer as default
-};

package/dist/components/MediaViewer/MediaWrapper.d.ts

@@ -1,7 +0,0 @@
-import { MediaLibraryType } from 'src/modules/multimedia';
-export declare const MediaWrapper: ({ mediaUrl, mediaType, mimeType, scale, }: {
-    mediaUrl: string;
-    mediaType: MediaLibraryType;
-    mimeType?: string;
-    scale?: number;
-}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/MediaViewer/MediaWrapper.js

@@ -1,72 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import SvgIconTextPage from "../../modules/icons/components/IconTextPage.js";
-import SvgIconLink from "../../modules/icons/components/IconLink.js";
-import SvgIconHeadphone from "../../modules/icons/components/IconHeadphone.js";
-import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
-import SvgIconExternalLink from "../../modules/icons/components/IconExternalLink.js";
-import { useTranslation } from "react-i18next";
-import PdfViewer from "./PdfViewer.js";
-import Flex from "../Flex/Flex.js";
-import Button from "../Button/Button.js";
-import Image from "../Image/Image.js";
-const MediaWrapper = ({
-  mediaUrl,
-  mediaType,
-  mimeType,
-  scale
-}) => {
-  const {
-    t
-  } = useTranslation(), imageMediaStyle = {
-    flex: "none",
-    height: "100%",
-    transform: `scale(${scale})`,
-    maxHeight: "70vh"
-  }, audioStyle = {
-    width: "100%",
-    maxWidth: "500px"
-  }, videoMediaStyle = {
-    height: "100%",
-    objectFit: "cover",
-    transform: `scale(${scale})`
-  }, iframeMediaStyle = {
-    width: "100%",
-    height: "600px",
-    maxWidth: "900px",
-    transform: `scale(${scale})`
-  };
-  switch (mediaType) {
-    case "image":
-      return /* @__PURE__ */ jsx(Image, { className: "rounded-2", src: mediaUrl, alt: mediaType, width: "100%", objectFit: "contain", style: imageMediaStyle });
-    case "audio":
-      return /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", style: {
-        height: "200px"
-      }, children: [
-        /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "bg-gray-300 h-100 w-100 rounded-2 mb-8", style: {
-          maxWidth: "500px"
-        }, children: /* @__PURE__ */ jsx(SvgIconHeadphone, { width: 40, height: 40, color: "#B0B0B0" }) }),
-        /* @__PURE__ */ jsx("audio", { src: mediaUrl, className: "media-audio", controls: !0, style: audioStyle })
-      ] });
-    case "video":
-      return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", children: /* @__PURE__ */ jsx("video", { src: mediaUrl, controls: !0, className: "media-video", style: videoMediaStyle }) });
-    case "embedder":
-      return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", children: /* @__PURE__ */ jsx("iframe", { title: "Embedded media content", src: mediaUrl, className: "media-video", style: iframeMediaStyle }) });
-    case "hyperlink":
-    case "attachment":
-      return mimeType && mimeType === "application/pdf" ? /* @__PURE__ */ jsx(PdfViewer, { mediaUrl, scale }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", children: [
-        /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "bg-gray-300 w-100 rounded-2 mb-8", style: {
-          maxWidth: "500px",
-          height: "200px"
-        }, children: mediaType === "hyperlink" ? /* @__PURE__ */ jsx(SvgIconLink, { width: 40, height: 40, color: "#B0B0B0" }) : /* @__PURE__ */ jsx(SvgIconTextPage, { width: 40, height: 40, color: "#B0B0B0" }) }),
-        /* @__PURE__ */ jsx("a", { className: "w-100 d-flex justify-content-center", href: mediaUrl, download: mediaType !== "hyperlink", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(Button, { className: "w-100", style: {
-          height: "40px",
-          maxWidth: "500px"
-        }, leftIcon: mediaType === "hyperlink" ? /* @__PURE__ */ jsx(SvgIconExternalLink, {}) : /* @__PURE__ */ jsx(SvgIconDownload, {}), color: "tertiary", children: t(mediaType === "hyperlink" ? "mediaWrapper.attachment.open" : "mediaWrapper.attachment.download") }) })
-      ] });
-    default:
-      return null;
-  }
-};
-export {
-  MediaWrapper
-};

package/dist/components/MediaViewer/PdfViewer.d.ts

@@ -1,4 +0,0 @@
-export default function PdfViewer({ mediaUrl, scale, }: {
-    mediaUrl: string;
-    scale?: number;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaViewer/PdfViewer.js

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useRef } from "react";
-import { Document, Page } from "react-pdf";
-import LoadingScreen from "../LoadingScreen/LoadingScreen.js";
-function PdfViewer({
-  mediaUrl,
-  scale
-}) {
-  const [numPages, setNumPages] = useState(null), pagesRef = useRef([]), onDocumentLoadSuccess = ({
-    numPages: numPages2
-  }) => {
-    setNumPages(numPages2);
-  };
-  return /* @__PURE__ */ jsx("div", { style: {
-    width: `calc(600px * ${scale})`,
-    height: "calc(100vh - 52px)",
-    overflowY: "auto",
-    marginTop: "20px"
-  }, children: /* @__PURE__ */ jsx(Document, { file: mediaUrl, onLoadSuccess: onDocumentLoadSuccess, loading: /* @__PURE__ */ jsx(LoadingScreen, {}), children: Array.from(new Array(numPages), (_, index) => /* @__PURE__ */ jsx("div", { ref: (el) => pagesRef.current[index] = el, style: {
-    marginBottom: 32,
-    transformOrigin: "top center"
-  }, children: /* @__PURE__ */ jsx(Page, { className: "pdf-page", pageNumber: index + 1, renderTextLayer: !1, renderAnnotationLayer: !1, width: 600 * (scale ?? 1), loading: /* @__PURE__ */ jsx(LoadingScreen, {}) }) }, index)) }) });
-}
-export {
-  PdfViewer as default
-};

package/dist/components/MediaViewer/ToolbarViewer.d.ts

@@ -1,7 +0,0 @@
-export default function ToolbarViewer({ onClose, mediaName, mediaUrl, nbMedia, currentIndex, }: {
-    onClose: () => void;
-    mediaName: string;
-    nbMedia?: number;
-    mediaUrl?: string;
-    currentIndex: number;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaViewer/ToolbarViewer.js

@@ -1,41 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
-import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
-import SvgIconExternalLink from "../../modules/icons/components/IconExternalLink.js";
-import Flex from "../Flex/Flex.js";
-import IconButton from "../Button/IconButton.js";
-import SmartEllipsis from "../SmartEllipsis/SmartEllipsis.js";
-function ToolbarViewer({
-  onClose,
-  mediaName,
-  mediaUrl,
-  nbMedia,
-  currentIndex
-}) {
-  return useEffect(() => {
-    const handleKeyDown = (e) => {
-      e.key === "Escape" && onClose();
-    };
-    return window.addEventListener("keydown", handleKeyDown), () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [onClose]), /* @__PURE__ */ jsxs(Flex, { className: "media-viewer-toolbar p-8", align: "center", children: [
-    /* @__PURE__ */ jsxs(Flex, { gap: "8", align: "center", style: {
-      minWidth: "50%"
-    }, children: [
-      /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconClose, { color: "#fff" }), onClick: onClose, variant: "ghost" }),
-      /* @__PURE__ */ jsx(SmartEllipsis, { text: mediaName })
-    ] }),
-    /* @__PURE__ */ jsxs(Flex, { gap: "8", align: "center", justify: "between", className: "w-100", children: [
-      nbMedia ? /* @__PURE__ */ jsx("p", { children: `${currentIndex + 1}/${nbMedia} ` }) : /* @__PURE__ */ jsx("p", { children: `${currentIndex + 1}` }),
-      mediaUrl && /* @__PURE__ */ jsxs(Flex, { className: "ms-8", gap: "8", align: "center", children: [
-        /* @__PURE__ */ jsx("a", { href: mediaUrl, download: !0, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconDownload, { color: "#fff" }), variant: "ghost" }) }),
-        /* @__PURE__ */ jsx("a", { href: mediaUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconExternalLink, { color: "#fff" }), variant: "ghost" }) })
-      ] })
-    ] })
-  ] });
-}
-export {
-  ToolbarViewer as default
-};

package/dist/components/MediaViewer/ToolbarZoom.d.ts

@@ -1,4 +0,0 @@
-export default function ToolbarZoom({ zoomIn, zoomOut, }: {
-    zoomIn: () => void;
-    zoomOut: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaViewer/ToolbarZoom.js

@@ -1,19 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import SvgIconMinus from "../../modules/icons/components/IconMinus.js";
-import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
-import SvgIconZoomIn from "../../modules/icons/components/IconZoomIn.js";
-import Flex from "../Flex/Flex.js";
-import IconButton from "../Button/IconButton.js";
-function ToolbarZoom({
-  zoomIn,
-  zoomOut
-}) {
-  return /* @__PURE__ */ jsx(Flex, { justify: "center", className: "media-viewer-toolbar-zoom-container", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", className: "p-12 media-viewer-toolbar-zoom", align: "center", children: [
-    /* @__PURE__ */ jsx(IconButton, { variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconMinus, { color: "#fff" }), onClick: zoomOut }),
-    /* @__PURE__ */ jsx(SvgIconZoomIn, { color: "#fff", className: "m-4" }),
-    /* @__PURE__ */ jsx(IconButton, { variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconPlus, { color: "#fff" }), onClick: zoomIn })
-  ] }) });
-}
-export {
-  ToolbarZoom as default
-};

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

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

package/dist/components/SmartEllipsis/SmartEllipsis.d.ts

@@ -1,5 +0,0 @@
-interface SmartEllipsisProps {
-    text: string;
-}
-export default function SmartEllipsis({ text }: SmartEllipsisProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/SmartEllipsis/SmartEllipsis.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from "react";
-function SmartEllipsis({
-  text
-}) {
-  const ref = useRef(null), [displayText, setDisplayText] = useState(text), updateText = () => {
-    const el = ref.current;
-    if (el)
-      if (el.textContent = text, el.scrollWidth > el.clientWidth) {
-        let startText = text.slice(0, Math.ceil(text.length / 2)), endText = text.slice(Math.ceil(text.length / 2));
-        for (; startText.length > 1 && endText.length > 1 && el.scrollWidth > el.clientWidth; )
-          startText = startText.slice(0, -1), endText = endText.slice(1), el.textContent = `${startText}…${endText}`;
-        setDisplayText(el.textContent);
-      } else
-        setDisplayText(text);
-  };
-  return useEffect(() => (updateText(), window.addEventListener("resize", updateText), () => window.removeEventListener("resize", updateText)), [text]), /* @__PURE__ */ jsx("span", { ref, className: "smart-ellipsis", children: displayText });
-}
-export {
-  SmartEllipsis as default
-};

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

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

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

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

package/dist/hooks/useZoom/useZoom.d.ts

@@ -1,7 +0,0 @@
-export default function useZoom(initialScale?: number, maxScale?: number, minScale?: number, step?: number): {
-    scale: number;
-    zoomIn: () => void;
-    zoomOut: () => void;
-    resetZoom: () => void;
-    setScale: import('react').Dispatch<import('react').SetStateAction<number>>;
-};

package/dist/hooks/useZoom/useZoom.js

@@ -1,14 +0,0 @@
-import { useState } from "react";
-function useZoom(initialScale = 1, maxScale = 2, minScale = 0.5, step = 0.5) {
-  const [scale, setScale] = useState(initialScale);
-  return {
-    scale,
-    zoomIn: () => setScale((prev) => Math.min(prev + step, maxScale)),
-    zoomOut: () => setScale((prev) => Math.max(prev - step, minScale)),
-    resetZoom: () => setScale(initialScale),
-    setScale
-  };
-}
-export {
-  useZoom as default
-};

package/dist/modules/comments/components/CommentHeader.d.ts

@@ -1,3 +0,0 @@
-export declare const CommentHeader: ({ title }: {
-    title: string;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/comments/components/CommentHeader.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import Heading from "../../../components/Heading/Heading.js";
-const CommentHeader = ({
-  title
-}) => /* @__PURE__ */ jsx(Heading, { level: "h3", headingStyle: "h3", children: title });
-export {
-  CommentHeader
-};