@evergis/react 3.1.75 → 3.1.76

package/dist/react.esm.js

@@ -7844,15 +7844,14 @@ const ExternalLink = styled(IconButton).attrs(() => ({
     color: ${({ theme: { palette } }) => palette.primaryDeep};
   }
 `;
-const LocalLinkBlank = styled(Blank) `
-  min-width: 13.5rem;
-  padding: 0.5rem 0.75rem 0;
-
-  a {
+const Link = styled.a `
     text-decoration: none;
     font-size: 0.75rem;
     color: ${({ theme: { palette } }) => palette.primary};
-  }
+`;
+const LocalLinkBlank = styled(Blank) `
+  min-width: 13.5rem;
+  padding: 0.5rem 0.75rem 0;
 
   ${IconButtonButton} {
     font-size: 0.75rem;
@@ -7887,23 +7886,30 @@ const LocalLinkCopy = styled(Flex) `
   justify-content: center;
 `;
 
-const LocalLink = memo(({ link }) => {
+const LocalLink = memo(({ link, style }) => {
     const { t } = useGlobalContext();
     const [isOpen, toggleOpen] = useToggle();
     const onCopy = useCallback(() => {
         navigator.clipboard.writeText(link);
         toggleOpen();
     }, [link, toggleOpen]);
-    return (jsx(Popover, { open: isOpen, zIndex: 10, onRequestClose: toggleOpen, anchorOrigin: "bottom-right", targetOrigin: "top-right", anchor: jsx(LocalLinkButton, { onClick: toggleOpen }), children: jsxs(LocalLinkBlank, { children: [jsx("a", { href: link, target: "_blank", rel: "noreferrer", children: link }), jsx(LocalLinkCopy, { children: jsx(IconButton, { kind: "copy", onClick: onCopy, children: t("copy", { ns: "dashboard", defaultValue: "Копировать" }) }) })] }) }));
+    return (jsx(Popover, { open: isOpen, zIndex: 10, onRequestClose: toggleOpen, anchorOrigin: "bottom-right", targetOrigin: "top-right", anchor: jsx(LocalLinkButton, { onClick: toggleOpen }), children: jsxs(LocalLinkBlank, { children: [jsx(Link, { href: link, target: "_blank", rel: "noreferrer", style: style, children: link }), jsx(LocalLinkCopy, { children: jsx(IconButton, { kind: "copy", onClick: onCopy, children: t("copy", { ns: "dashboard", defaultValue: "Копировать" }) }) })] }) }));
 });
 
 const ElementLink = memo(({ type, elementConfig }) => {
     const { attributes } = useWidgetContext(type);
-    const attribute = getAttributeByName(elementConfig?.attributeName, attributes);
-    const link = getResourceUrl(attribute?.value?.toString());
+    const { options, style } = elementConfig || {};
+    const { simple, title } = options || {};
+    const attribute = useMemo(() => getAttributeByName(elementConfig?.attributeName, attributes), [attributes, elementConfig?.attributeName]);
+    const link = useMemo(() => getResourceUrl(attribute?.value?.toString()), [attribute?.value]);
     if (!link)
         return null;
-    return link.startsWith("http") ? jsx(ExternalLink, { onClick: () => window.open(link) }) : jsx(LocalLink, { link: link });
+    if (simple) {
+        return (jsx(Link, { href: link, target: "_blank", rel: "noreferrer", style: style, children: title ?? link }));
+    }
+    return link.startsWith("http")
+        ? jsx(ExternalLink, { style: style, onClick: () => window.open(link) })
+        : jsx(LocalLink, { style: style, link: link });
 });
 
 const MarkdownWrapper = styled.div `