@edifice.io/react 2.5.8 → 2.5.9-develop-pedago.20260203115913

package/dist/components/PromotionCard/PromotionCardBody.d.ts

@@ -0,0 +1,10 @@
+export interface PromotionCardBodyProps {
+    children: React.ReactNode;
+    textColor?: string;
+    className?: string;
+}
+declare const PromotionCardBody: {
+    ({ children, textColor, className, }: PromotionCardBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardBody;

package/dist/components/PromotionCard/PromotionCardBody.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const PromotionCardBody = ({
+  children,
+  textColor,
+  className
+}) => {
+  const classNames = clsx("promotion-card-body", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    color: textColor
+  }, children });
+};
+export {
+  PromotionCardBody as default
+};

package/dist/components/PromotionCard/PromotionCardDescription.d.ts

@@ -0,0 +1,9 @@
+export interface PromotionCardDescriptionProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const PromotionCardDescription: {
+    ({ children, className, }: PromotionCardDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardDescription;

package/dist/components/PromotionCard/PromotionCardDescription.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardDescription = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-description", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, children });
+};
+export {
+  PromotionCardDescription as default
+};

package/dist/components/PromotionCard/PromotionCardFooter.d.ts

@@ -0,0 +1,9 @@
+export interface PromotionCardFooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const PromotionCardFooter: {
+    ({ children, className, }: PromotionCardFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardFooter;

package/dist/components/PromotionCard/PromotionCardFooter.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardFooter = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-footer", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, children });
+};
+export {
+  PromotionCardFooter as default
+};

package/dist/components/PromotionCard/PromotionCardHeader.d.ts

@@ -0,0 +1,11 @@
+export interface PromotionCardHeaderProps {
+    children: React.ReactNode;
+    backgroundColor?: string;
+    textColor?: string;
+    className?: string;
+}
+declare const PromotionCardHeader: {
+    ({ backgroundColor, textColor, children, className, }: PromotionCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardHeader;

package/dist/components/PromotionCard/PromotionCardHeader.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardHeader = ({
+  backgroundColor,
+  textColor,
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-header", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    backgroundColor,
+    color: textColor
+  }, children });
+};
+export {
+  PromotionCardHeader as default
+};

package/dist/components/PromotionCard/PromotionCardIcon.d.ts

@@ -0,0 +1,10 @@
+export interface PromotionCardIconProps {
+    icon: React.ReactNode;
+    backgroundColor?: string;
+    className?: string;
+}
+declare const PromotionCardIcon: {
+    ({ icon, backgroundColor, className, }: PromotionCardIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardIcon;

package/dist/components/PromotionCard/PromotionCardIcon.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardIcon = ({
+  icon,
+  backgroundColor,
+  className
+}) => {
+  const classNames = clsx("promotion-card-icon", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    backgroundColor
+  }, children: icon });
+};
+export {
+  PromotionCardIcon as default
+};

package/dist/components/PromotionCard/PromotionCardTitle.d.ts

@@ -0,0 +1,9 @@
+export interface PromotionCardTitleProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const PromotionCardTitle: {
+    ({ children, className, }: PromotionCardTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardTitle;

package/dist/components/PromotionCard/PromotionCardTitle.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const PromotionCardTitle = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-title", className);
+  return /* @__PURE__ */ jsx("h3", { className: classNames, children });
+};
+export {
+  PromotionCardTitle as default
+};

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

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

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

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

package/dist/components/SmartEllipsis/SmartEllipsis.js

@@ -0,0 +1,21 @@
+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

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

package/dist/components/Toolbar/Toolbar.js

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect, createElement } from "react";
 import clsx from "clsx";
 import useBreakpoint from "../../hooks/useBreakpoint/useBreakpoint.js";
-import { mergeRefs } from "../../utilities/refs/ref.js";
 import Tooltip from "../Tooltip/Tooltip.js";
 import Button from "../Button/Button.js";
 import Dropdown from "../Dropdown/Dropdown.js";
 import IconButton from "../Button/IconButton.js";
+import { mergeRefs } from "../../utilities/refs/ref.js";
 const Toolbar = /* @__PURE__ */ forwardRef(({
   items,
   variant = "default",

package/dist/components/index.d.ts

@@ -29,10 +29,12 @@ export * from './List';
 export * from './Loading';
 export * from './LoadingScreen';
 export * from './Logo';
+export * from './MediaViewer';
 export * from './Menu';
 export * from './Modal';
 export * from './Popover';
 export * from './PreventPropagation';
+export * from './PromotionCard';
 export * from './Radio';
 export * from './RadioCard';
 export * from './SearchBar';

package/dist/editor.js

@@ -1,30 +1,31 @@
 import { EditorContent, Editor, useEditor } from "@tiptap/react";
 import { default as default2 } from "@tiptap/starter-kit";
-import { default as default3 } from "./modules/editor/components/Editor/Editor.js";
-import { default as default4 } from "./modules/editor/components/Editor/EditorPreview.js";
-import { default as default5 } from "./modules/editor/components/Editor/EditorPreviewSkeleton.js";
-import { default as default6 } from "./modules/editor/components/Editor/EditorSkeleton.js";
+import { default as default3 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default4 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default5 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default6 } from "./modules/editor/components/Renderer/AudioRenderer.js";
 import { default as default7 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default8 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default9 } from "./modules/editor/components/NodeView/AudioNodeView.js";
-import { default as default10 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
-import { default as default11 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default12 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default13 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default14 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
-import { default as default15 } from "./modules/editor/components/NodeView/IframeNodeView.js";
-import { default as default16 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default17 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default18 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
-import { default as default19 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default20 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default21 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default8 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
+import { default as default9 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default10 } from "./modules/editor/components/Editor/Editor.js";
+import { default as default11 } from "./modules/editor/components/Editor/EditorPreview.js";
+import { default as default12 } from "./modules/editor/components/Editor/EditorPreviewSkeleton.js";
+import { default as default13 } from "./modules/editor/components/Editor/EditorSkeleton.js";
+import { default as default14 } from "./modules/editor/components/NodeView/IframeNodeView.js";
+import { default as default15 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default16 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default17 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default18 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default19 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default20 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default21 } from "./modules/editor/components/Renderer/MediaRenderer.js";
 import { default as default22 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default23 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default23 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { EditorContext, useEditorContext } from "./modules/editor/hooks/useEditorContext.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
 import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
+import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
-import { EditorContext, useEditorContext } from "./modules/editor/hooks/useEditorContext.js";
 import { useImageModal } from "./modules/editor/hooks/useImageModal.js";
 import { useImageSelection } from "./modules/editor/hooks/useImageSelection.js";
 import { useLinkToolbar } from "./modules/editor/hooks/useLinkToolbar.js";
@@ -34,34 +35,33 @@ import { useResizeMedia } from "./modules/editor/hooks/useResizeMedia.js";
 import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognition.js";
 import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
-import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 export {
-  default8 as AttachmentNodeView,
-  default16 as AttachmentRenderer,
-  default9 as AudioNodeView,
-  default17 as AudioRenderer,
+  default3 as AttachmentNodeView,
+  default4 as AttachmentRenderer,
+  default5 as AudioNodeView,
+  default6 as AudioRenderer,
   default7 as BubbleMenuEditImage,
-  default10 as ConversationHistoryNodeView,
-  default18 as ConversationHistoryRenderer,
-  default3 as Editor,
+  default8 as ConversationHistoryNodeView,
+  default9 as ConversationHistoryRenderer,
+  default10 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
-  default4 as EditorPreview,
-  default5 as EditorPreviewSkeleton,
-  default6 as EditorSkeleton,
+  default11 as EditorPreview,
+  default12 as EditorPreviewSkeleton,
+  default13 as EditorSkeleton,
   EditorToolbar,
-  default15 as IframeNodeView,
-  default11 as ImageNodeView,
-  default14 as InformationPaneNodeView,
-  default21 as InformationPaneRenderer,
-  default23 as LinkToolbar,
-  default12 as LinkerNodeView,
-  default19 as LinkerRenderer,
-  default20 as MediaRenderer,
+  default14 as IframeNodeView,
+  default15 as ImageNodeView,
+  default16 as InformationPaneNodeView,
+  default17 as InformationPaneRenderer,
+  default18 as LinkToolbar,
+  default19 as LinkerNodeView,
+  default20 as LinkerRenderer,
+  default21 as MediaRenderer,
   default2 as StarterKit,
   default22 as TableToolbar,
-  default13 as VideoNodeView,
+  default23 as VideoNodeView,
   useActionOptions,
   useCantooEditor,
   useCommentEditor,

package/dist/hooks/useConversation/useConversation.js

@@ -6,7 +6,9 @@ const useConversation = () => {
   const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [msgLink, setMsgLink] = useState(""), queryParams = {
     unread: !0,
     _: (/* @__PURE__ */ new Date()).getTime()
-  }, {
+  };
+  zimbraWorkflow || (queryParams.queryparam_token = (/* @__PURE__ */ new Date()).getTime());
+  const {
     data: messages
   } = useQuery({
     queryKey: ["folder", "count", "inbox"],

package/dist/hooks/useDate/useDate.d.ts

@@ -1,10 +1,11 @@
+import { OpUnitType } from 'dayjs';
 export type MongoDate = {
     $date: number | string;
 };
 export type IsoDate = string;
 export type NumberDate = number;
 /** Date formats we are going to deal with. */
-export type CoreDate = IsoDate | MongoDate | NumberDate;
+export type CoreDate = IsoDate | MongoDate | NumberDate | Date;
 /**
  * Custom React hook for date parsing, formatting, and localization.
  *
@@ -25,4 +26,7 @@ export default function useDate(): {
     fromNow: (date: CoreDate) => string;
     formatDate: (date: CoreDate, format?: string) => string;
     formatTimeAgo: (date: CoreDate) => string;
+    dateIsSame: (date: CoreDate, date2: CoreDate, unit?: OpUnitType) => boolean;
+    dateIsSameOrAfter: (date: CoreDate, date2: CoreDate, unit?: OpUnitType) => boolean;
+    dateIsToday: (date: CoreDate) => boolean;
 };

package/dist/hooks/useDate/useDate.js

@@ -1,5 +1,7 @@
 import { useCallback } from "react";
 import dayjs from "dayjs";
+import isSameOrAfter from "../../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/isSameOrAfter.js";
+import isToday from "../../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/isToday.js";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
 import localizedFormat from "dayjs/plugin/localizedFormat.js";
 import relativeTime from "dayjs/plugin/relativeTime.js";
@@ -13,6 +15,8 @@ import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeC
 dayjs.extend(relativeTime);
 dayjs.extend(customParseFormat);
 dayjs.extend(localizedFormat);
+dayjs.extend(isSameOrAfter);
+dayjs.extend(isToday);
 function useDate() {
   const {
     currentLanguage
@@ -29,7 +33,7 @@ function useDate() {
   }, [currentLanguage]), toComputedDate = useCallback((date) => {
     let computedDate = dayjs();
     try {
-      return typeof date > "u" ? void 0 : (typeof date == "string" ? computedDate = parseDate(date) : typeof date == "number" ? computedDate = dayjs(date).locale(currentLanguage) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)).locale(currentLanguage) : typeof date.$date == "string" && (computedDate = parseDate(date.$date)), computedDate);
+      return typeof date > "u" ? void 0 : (typeof date == "string" ? computedDate = parseDate(date) : date instanceof Date ? computedDate = dayjs(date).locale(currentLanguage) : typeof date == "number" ? computedDate = dayjs(date).locale(currentLanguage) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)).locale(currentLanguage) : typeof date.$date == "string" && (computedDate = parseDate(date.$date)), computedDate);
     } catch (error) {
       console.error(error);
     }
@@ -59,11 +63,23 @@ function useDate() {
         dayjsFormat = format;
     }
     return computedDate != null && computedDate.isValid() ? computedDate.locale(currentLanguage).format(dayjsFormat) : "";
+  }, [currentLanguage, parseDate]), dateIsSame = useCallback((date, date2, unit = "day") => {
+    const computedDate = toComputedDate(date), computedDate2 = toComputedDate(date2);
+    return (computedDate == null ? void 0 : computedDate.isSame(computedDate2, unit)) ?? !1;
+  }, [currentLanguage, parseDate]), dateIsSameOrAfter = useCallback((date, date2, unit = "day") => {
+    const computedDate = toComputedDate(date), computedDate2 = toComputedDate(date2);
+    return (computedDate == null ? void 0 : computedDate.isSameOrAfter(computedDate2, unit)) ?? !1;
+  }, [currentLanguage, parseDate]), dateIsToday = useCallback((date) => {
+    const computedDate = toComputedDate(date);
+    return (computedDate == null ? void 0 : computedDate.isToday()) ?? !1;
   }, [currentLanguage, parseDate]);
   return {
     fromNow,
     formatDate,
-    formatTimeAgo
+    formatTimeAgo,
+    dateIsSame,
+    dateIsSameOrAfter,
+    dateIsToday
   };
 }
 export {

package/dist/hooks/useDropdown/useDropdown.js

@@ -1,5 +1,5 @@
 import { useId, useState, useRef, useEffect, useCallback } from "react";
-import { useFloating, offset, size, flip, autoUpdate, useHover, safePolygon } from "@floating-ui/react";
+import { useFloating, autoUpdate, offset, size, flip, useHover, safePolygon } from "@floating-ui/react";
 import { mergeRefs } from "../../utilities/refs/ref.js";
 const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1, focusOnVisible = !0, openOnSpace = !0, focusOnMouseEnter = !0) => {
   const id = useId(), [visible, setVisible] = useState(!1), [activeIndex, setActiveIndex] = useState(-1), [isFocused, setIsFocused] = useState(null), {

package/dist/hooks/useDropzone/useDropzone.js

@@ -1,5 +1,5 @@
 import { useState, useRef } from "react";
-import heic2any from "heic2any";
+import { HEIC_MIME_TYPES } from "../../utilities/mime-types/mime-types-utils.js";
 const useDropzone = (props) => {
   const [dragging, setDragging] = useState(!1), [files, setFiles] = useState([]), inputRef = useRef(null), addFile = (file) => {
     addFiles([file]);
@@ -32,21 +32,26 @@ const useDropzone = (props) => {
       })
     ));
     filesToAdd.reverse(), props != null && props.forceFilters ? (filesToAdd = applyInputFiltersOn(filesToAdd), filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd])) : setFiles((prevFiles) => [...prevFiles, ...files2]);
-  }, convertHEICImages = async (files2) => Promise.all(files2.map(async (file) => {
-    if (file.type === "image/heic" || file.type === "image/heif")
-      try {
-        const converted = await heic2any({
-          blob: file,
-          toType: "image/jpeg"
-        });
-        return new File([converted], file.name.replace(/\.(heic|heif)$/i, ".jpeg"), {
-          type: "image/jpeg"
-        });
-      } catch (error) {
-        return console.error(`Failed to convert HEIC image: ${file.name}`, error), file;
-      }
-    return file;
-  })), cleanFiles = () => {
+  }, convertHEICImages = async (files2) => {
+    if (files2 === null || files2.length === 0)
+      return [];
+    let heic2any;
+    return files2.some((file) => HEIC_MIME_TYPES.includes(file.type)) && (heic2any = (await import("heic2any")).default), Promise.all(files2.map(async (file) => {
+      if (HEIC_MIME_TYPES.includes(file.type) && heic2any)
+        try {
+          const converted = await heic2any({
+            blob: file,
+            toType: "image/jpeg"
+          });
+          return new File([converted], file.name.replace(/\.(heic|heif)$/i, ".jpeg"), {
+            type: "image/jpeg"
+          });
+        } catch (error) {
+          return console.error(`Failed to convert HEIC image: ${file.name}`, error), file;
+        }
+      return file;
+    }));
+  }, cleanFiles = () => {
     setFiles([]);
   }, handleOnChange = (event) => {
     const files2 = event.target.files;

package/dist/hooks/useEdificeIcons/useEdificeIcons.d.ts

@@ -3,6 +3,7 @@ export default function useEdificeIcons(): {
     getIconClass: (app: IWebApp | string) => string;
     getBackgroundIconClass: (app: IWebApp | string) => string;
     getBackgroundLightIconClass: (app: IWebApp | string) => string;
+    getBorderIconClass: (app: IWebApp | string) => string;
     getIconCode: (app: IWebApp | string | undefined) => string;
     getWidgetIconClass: (widget: IWidget) => string;
     isIconUrl: (icon: string) => string | boolean;

package/dist/hooks/useEdificeIcons/useEdificeIcons.js

@@ -78,6 +78,10 @@ function useEdificeIcons() {
     const appCode = getIconCode(app);
     return appCode ? `bg-light-${appCode}` : "bg-light-placeholder";
   }
+  function getBorderIconClass(app) {
+    const appCode = getIconCode(app);
+    return appCode ? `border-app-${appCode}` : "border-app-placeholder";
+  }
   function getWidgetIconClass(widget) {
     return iconOfWidget[widget.platformConf.name];
   }
@@ -85,6 +89,7 @@ function useEdificeIcons() {
     getIconClass,
     getBackgroundIconClass,
     getBackgroundLightIconClass,
+    getBorderIconClass,
     getIconCode,
     getWidgetIconClass,
     isIconUrl

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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,14 @@
+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
+};