@evergis/react 3.1.73 → 3.1.74

package/dist/index.js

@@ -5687,15 +5687,16 @@ const OneColumnContainer = React.memo(({ elementConfig, renderElement }) => {
 const TwoColumnContainer = React.memo(({ config, elementConfig, type, renderElement }) => {
     const { selectedTabId, layerInfo, attributes } = useWidgetContext(type);
     const { attributes: renderAttributes } = elementConfig?.options || {};
-    const renderContainer = React.useCallback((element, attribute) => {
-        const { id, options, style, children } = element || {};
+    const renderContainer = React.useCallback((attribute) => {
+        const { id, options, style, children } = elementConfig || {};
         const { hideEmpty, innerTemplateStyle } = options || {};
         const hasUnits = children?.some(({ id }) => id === "units");
         const iconIndex = children?.findIndex(({ id }) => id === "icon");
         const icon = children?.[iconIndex];
         const hasIcon = !!icon;
-        const elementChildren = element?.children?.map(child => ({
+        const elementChildren = elementConfig?.children?.map(child => ({
             ...child,
+            type: "attributeValue",
             attributeName: attribute,
             options: { noUnits: hasUnits, ...child.options },
         }));
@@ -5714,7 +5715,7 @@ const TwoColumnContainer = React.memo(({ config, elementConfig, type, renderElem
             ? getRenderElement({
                 config,
                 elementConfig: {
-                    ...element,
+                    ...elementConfig,
                     children: elementChildren,
                 },
                 selectedTabId,
@@ -5727,8 +5728,8 @@ const TwoColumnContainer = React.memo(({ config, elementConfig, type, renderElem
         if (!value && hideEmpty)
             return null;
         return (jsxRuntime.jsxs(TwoColumnContainerWrapper, { id: id, style: innerTemplateStyle || style, children: [jsxRuntime.jsxs(ContainerAlias, { children: [hasIcon && jsxRuntime.jsx(ContainerAliasIcon, { children: render({ id: "icon" }) }), render({ id: "alias" }), render({ id: "tooltip" })] }), jsxRuntime.jsxs(ContainerValue, { big: true, children: [value, hasUnits && jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) })] })] }, attribute));
-    }, [attributes, config, getRenderElement, layerInfo, renderElement, selectedTabId, type]);
-    return renderAttributes?.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderAttributes.map(attribute => renderContainer(elementConfig, attribute)) })) : (renderContainer(elementConfig));
+    }, [attributes, config, getRenderElement, layerInfo, renderElement, selectedTabId, type, elementConfig]);
+    return renderAttributes?.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderAttributes.map(attribute => renderContainer(attribute)) })) : (renderContainer());
 });
 
 const InnerContainerWrapper = styled.div `
@@ -7417,9 +7418,11 @@ const GradientHeaderWrapper = styled.div `
 const FeatureCardGradientHeader = ({ isRow }) => {
     const { layerInfo } = useWidgetContext(exports.WidgetType.FeatureCard);
     const { config } = useWidgetConfig(exports.WidgetType.FeatureCard);
-    const { header, options } = config || {};
+    const { header } = config || {};
+    const { options } = header || {};
+    const { fontColor, bgColor } = options || {};
     const renderElement = useHeaderRender(header);
-    return (jsxRuntime.jsx(GradientHeaderWrapper, { "$fontColor": options?.fontColor, "$bgColor": options?.bgColor, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: uilibGl.defaultTheme, children: jsxRuntime.jsx(Header, { "$isRow": isRow, children: jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { children: [jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
+    return (jsxRuntime.jsx(GradientHeaderWrapper, { "$fontColor": fontColor, "$bgColor": bgColor, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: uilibGl.defaultTheme, children: jsxRuntime.jsx(Header, { "$isRow": isRow, children: jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { children: [jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
                                         id: "title",
                                         wrap: false,
                                     }), description: renderElement({
@@ -7507,9 +7510,11 @@ const IconHeaderWrapper = styled.div `
 const FeatureCardIconHeader = ({ isRow }) => {
     const { layerInfo } = useWidgetContext(exports.WidgetType.FeatureCard);
     const { config } = useWidgetConfig(exports.WidgetType.FeatureCard);
-    const { header, options } = config || {};
+    const { header } = config || {};
+    const { options } = header || {};
+    const { fontColor, bgColor, bigIcon } = options || {};
     const renderElement = useHeaderRender(header);
-    return (jsxRuntime.jsx(IconHeaderWrapper, { "$fontColor": options?.fontColor, "$bgColor": options?.bgColor, "$bigIcon": options?.bigIcon, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: uilibGl.defaultTheme, children: jsxRuntime.jsxs(Header, { "$isRow": isRow, children: [jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { children: [jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
+    return (jsxRuntime.jsx(IconHeaderWrapper, { "$fontColor": fontColor, "$bgColor": bgColor, "$bigIcon": bigIcon, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: uilibGl.defaultTheme, children: jsxRuntime.jsxs(Header, { "$isRow": isRow, children: [jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { children: [jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
                                             id: "title",
                                             wrap: false,
                                         }), description: renderElement({
@@ -8312,9 +8317,11 @@ const HeaderSlideshow = styled.div `
 const FeatureCardSlideshowHeader = ({ isRow }) => {
     const { layerInfo } = useWidgetContext(exports.WidgetType.FeatureCard);
     const { config } = useWidgetConfig(exports.WidgetType.FeatureCard);
-    const { header, options } = config || {};
+    const { header } = config || {};
+    const { options } = header || {};
+    const { height, withPadding } = options || {};
     const renderElement = useHeaderRender(header);
-    return (jsxRuntime.jsx(SlideshowHeaderWrapper, { big: true, withPadding: options?.withPadding, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: uilibGl.darkTheme, children: jsxRuntime.jsxs(Header, { "$isRow": isRow, children: [jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { children: [jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
+    return (jsxRuntime.jsx(SlideshowHeaderWrapper, { big: true, withPadding: withPadding, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: uilibGl.darkTheme, children: jsxRuntime.jsxs(Header, { "$isRow": isRow, children: [jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { children: [jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
                                             id: "title",
                                             wrap: false,
                                         }), description: renderElement({
@@ -8323,7 +8330,7 @@ const FeatureCardSlideshowHeader = ({ isRow }) => {
                                         }) })] }), jsxRuntime.jsx(FeatureCardButtons, {})] }), jsxRuntime.jsx(ImageContainerBg, { children: renderElement({
                             id: "bgImage",
                             wrap: false,
-                        }) }), jsxRuntime.jsx(HeaderSlideshow, { height: options?.height, children: renderElement({
+                        }) }), jsxRuntime.jsx(HeaderSlideshow, { height: height, children: renderElement({
                             id: "slideshow",
                             wrap: false,
                         }) })] }) }) }));
@@ -10615,7 +10622,7 @@ const ContainerChildren = React.memo(({ type, items, isColumn, isMain, renderEle
             });
             if (checkIfEmptyDataSource(item.options?.hideIfEmptyDataSource))
                 return null;
-            return isMain ? (jsxRuntime.jsx(ContainerWrapper, { "data-id": item.id, "data-templatename": item.templateName, "$noMargin": item.options?.noMargin, children: jsxRuntime.jsx(DashboardWrapper, { children: render }) }, index)) : (jsxRuntime.jsx(React.Fragment, { children: render }, index));
+            return isMain ? (jsxRuntime.jsx(ContainerWrapper, { "$noMargin": item.options?.noMargin, children: jsxRuntime.jsx(DashboardWrapper, { children: render }) }, index)) : (jsxRuntime.jsx(React.Fragment, { children: render }, index));
         }) }));
 });