@evergis/react 3.1.92 → 3.1.93

package/dist/react.esm.js

@@ -21,6 +21,8 @@ import '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css';
 import 'mapbox-gl/dist/mapbox-gl.css';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import ReactMarkdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';
 import { Terminal } from '@xterm/xterm';
 import { FitAddon } from '@xterm/addon-fit';
@@ -8061,6 +8063,13 @@ const MarkdownWrapper = styled.div `
   }
 `;
 
+const sanitizeSchema = {
+    ...defaultSchema,
+    attributes: {
+        ...defaultSchema.attributes,
+        "*": [...(defaultSchema.attributes?.["*"] || []), "style"],
+    },
+};
 const ElementMarkdown = memo(({ elementConfig, type }) => {
     const { attributes } = useWidgetContext(type);
     const { t } = useGlobalContext();
@@ -8081,16 +8090,16 @@ const ElementMarkdown = memo(({ elementConfig, type }) => {
     const shouldShowExpand = expandLength > 0 && markdownString.length > expandLength;
     // If expand is not needed, show full content
     if (!shouldShowExpand) {
-        return (jsx(MarkdownWrapper, { children: jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: markdownString }) }));
+        return (jsx(MarkdownWrapper, { children: jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw, [rehypeSanitize, sanitizeSchema]], children: markdownString }) }));
     }
     // Collapsed state
     if (!expanded) {
         // Truncated content for collapsed state
         const truncatedContent = markdownString.substring(0, expandLength);
-        return (jsxs(MarkdownWrapper, { children: [jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: truncatedContent }), jsx(LegendToggler, { onClick: () => setExpanded(true), children: t("more", { ns: "dashboard", defaultValue: "Подробнее" }) })] }));
+        return (jsxs(MarkdownWrapper, { children: [jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw, [rehypeSanitize, sanitizeSchema]], children: truncatedContent }), jsx(LegendToggler, { onClick: () => setExpanded(true), children: t("more", { ns: "dashboard", defaultValue: "Подробнее" }) })] }));
     }
     // Expanded state
-    return (jsxs(MarkdownWrapper, { children: [jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: markdownString }), jsx(LegendToggler, { toggled: true, onClick: () => setExpanded(false), children: t("hide", { ns: "dashboard", defaultValue: "Свернуть" }) })] }));
+    return (jsxs(MarkdownWrapper, { children: [jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw, rehypeSanitize], children: markdownString }), jsx(LegendToggler, { toggled: true, onClick: () => setExpanded(false), children: t("hide", { ns: "dashboard", defaultValue: "Свернуть" }) })] }));
 });
 
 const SmallPreviewContainer = styled.div `
@@ -8423,7 +8432,7 @@ const ElementUploader = memo(({ elementConfig, type }) => {
         if (index === -1)
             return;
         const resourceId = files[index].id;
-        await api.file.deleteResource(resourceId);
+        await api.file.deleteResource({ resourceId });
         setFiles(currentFiles => currentFiles.filter(({ id }) => id !== resourceId));
     }, [files]);
     const renderTitle = useMemo(() => {