@evergis/react 3.1.92 → 3.1.94

package/dist/index.js

@@ -23,6 +23,8 @@ require('@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css');
 require('mapbox-gl/dist/mapbox-gl.css');
 var react = require('swiper/react');
 var ReactMarkdown = require('react-markdown');
+var rehypeRaw = require('rehype-raw');
+var rehypeSanitize = require('rehype-sanitize');
 var remarkGfm = require('remark-gfm');
 var xterm = require('@xterm/xterm');
 var addonFit = require('@xterm/addon-fit');
@@ -3935,6 +3937,15 @@ const ServerNotificationsContext = React.createContext({});
 const useServerNotifications = (url, initialized) => {
     const hubConnection = React.useRef(null);
     const [connection, setConnection] = React.useState(null);
+    const subscribeNotifications = React.useCallback(() => {
+        if (!connection || connection.state !== "Connected") {
+            return;
+        }
+        connection
+            .invoke("SubscribeNotifications", [])
+            .then(() => console.info("Подписка `SubscribeNotifications` оформлена"))
+            .catch(err => console.info("Ошибка подписки `SubscribeNotifications`:", err));
+    }, [connection]);
     React.useEffect(() => {
         if (!initialized) {
             return;
@@ -3943,6 +3954,7 @@ const useServerNotifications = (url, initialized) => {
             .withUrl(`${url}?clientId=${api.generateId()}`, {
             withCredentials: true,
         })
+            .withAutomaticReconnect({ nextRetryDelayInMilliseconds: () => 3000 })
             .configureLogging(signalr.LogLevel.Information)
             .build();
         hubConnection.current
@@ -3955,10 +3967,9 @@ const useServerNotifications = (url, initialized) => {
         if (!connection || connection.state !== "Connected") {
             return;
         }
-        connection
-            .invoke("SubscribeNotifications", [])
-            .then(() => console.info("Подписка `SubscribeNotifications` оформлена"))
-            .catch(err => console.info("Ошибка подписки `SubscribeNotifications`:", err));
+        connection.onreconnecting(() => console.info("Переподключение к серверным нотификациям"));
+        connection.onreconnected(subscribeNotifications);
+        subscribeNotifications();
     }, [connection]);
     return connection;
 };
@@ -8063,6 +8074,13 @@ const MarkdownWrapper = styled.div `
   }
 `;
 
+const sanitizeSchema = {
+    ...rehypeSanitize.defaultSchema,
+    attributes: {
+        ...rehypeSanitize.defaultSchema.attributes,
+        "*": [...(rehypeSanitize.defaultSchema.attributes?.["*"] || []), "style"],
+    },
+};
 const ElementMarkdown = React.memo(({ elementConfig, type }) => {
     const { attributes } = useWidgetContext(type);
     const { t } = useGlobalContext();
@@ -8083,16 +8101,16 @@ const ElementMarkdown = React.memo(({ elementConfig, type }) => {
     const shouldShowExpand = expandLength > 0 && markdownString.length > expandLength;
     // If expand is not needed, show full content
     if (!shouldShowExpand) {
-        return (jsxRuntime.jsx(MarkdownWrapper, { children: jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: markdownString }) }));
+        return (jsxRuntime.jsx(MarkdownWrapper, { children: jsxRuntime.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 (jsxRuntime.jsxs(MarkdownWrapper, { children: [jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: truncatedContent }), jsxRuntime.jsx(uilibGl.LegendToggler, { onClick: () => setExpanded(true), children: t("more", { ns: "dashboard", defaultValue: "Подробнее" }) })] }));
+        return (jsxRuntime.jsxs(MarkdownWrapper, { children: [jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw, [rehypeSanitize, sanitizeSchema]], children: truncatedContent }), jsxRuntime.jsx(uilibGl.LegendToggler, { onClick: () => setExpanded(true), children: t("more", { ns: "dashboard", defaultValue: "Подробнее" }) })] }));
     }
     // Expanded state
-    return (jsxRuntime.jsxs(MarkdownWrapper, { children: [jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: markdownString }), jsxRuntime.jsx(uilibGl.LegendToggler, { toggled: true, onClick: () => setExpanded(false), children: t("hide", { ns: "dashboard", defaultValue: "Свернуть" }) })] }));
+    return (jsxRuntime.jsxs(MarkdownWrapper, { children: [jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw, rehypeSanitize], children: markdownString }), jsxRuntime.jsx(uilibGl.LegendToggler, { toggled: true, onClick: () => setExpanded(false), children: t("hide", { ns: "dashboard", defaultValue: "Свернуть" }) })] }));
 });
 
 const SmallPreviewContainer = styled.div `
@@ -8425,7 +8443,7 @@ const ElementUploader = React.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 = React.useMemo(() => {