@evergis/react 3.1.29 → 3.1.30

package/dist/index.js

@@ -6502,7 +6502,7 @@ const RoundedBackgroundContainer = React.memo(({ type, elementConfig, feature, r
     const unitsElement = children?.find(({ id }) => id === "units");
     const valueElement = children?.find(({ id }) => id === "value");
     const attribute = React.useMemo(() => attributes.find(({ name }) => name === valueElement.attributeName), [attributes, valueElement.attributeName]);
-    const value = React.useMemo(() => formatAttributeValue({
+    const value = React.useMemo(() => !attribute ? null : formatAttributeValue({
         t,
         type: attribute.type,
         value: attribute.value,
@@ -6516,8 +6516,8 @@ const RoundedBackgroundContainer = React.memo(({ type, elementConfig, feature, r
         return (jsxRuntime.jsx(uilibGl.FlexSpan, { width: iconElement.options?.width || "1rem", alignItems: "center", mr: "0.5rem", children: renderElement({ id: "icon", wrap: false }) }));
     }, [iconElement, renderElement]);
     const renderAlias = React.useMemo(() => (jsxRuntime.jsx(ContainerAlias, { style: aliasElement?.style, children: jsxRuntime.jsx(TextTrim, { maxLength: maxLength || ALIAS_DEFAULT_MAX_LENGTH, children: renderElement({ id: "alias", wrap: false }) }) })), [aliasElement?.style, maxLength, renderElement]);
-    const renderValue = React.useMemo(() => (jsxRuntime.jsxs(ContainerValue, { style: valueElement?.style, big: true, children: [value, !!unitsElement && (jsxRuntime.jsx(ContainerUnits, { style: unitsElement?.style, children: renderElement({ id: "units" }) }))] })), [valueElement?.style, value, unitsElement, renderElement]);
-    if (!value && hideEmpty)
+    const renderValue = React.useMemo(() => lodash.isNil(value) ? null : (jsxRuntime.jsxs(ContainerValue, { style: valueElement?.style, big: true, children: [value, !!unitsElement && (jsxRuntime.jsx(ContainerUnits, { style: unitsElement?.style, children: renderElement({ id: "units" }) }))] })), [valueElement?.style, value, unitsElement, renderElement]);
+    if (lodash.isNil(value) && hideEmpty)
         return null;
     return (jsxRuntime.jsxs(RoundedBackgroundContainerWrapper, { style: innerTemplateStyle || style, "$center": center, "$color": color, "$inlineUnits": inlineUnits, "$big": big, "$bigIcon": bigIcon, children: [jsxRuntime.jsxs(ContainerIconValue, { children: [renderIcon, big ? renderAlias : renderValue] }), big ? renderValue : renderAlias] }));
 });

package/dist/react.esm.js

@@ -6500,7 +6500,7 @@ const RoundedBackgroundContainer = memo(({ type, elementConfig, feature, renderE
     const unitsElement = children?.find(({ id }) => id === "units");
     const valueElement = children?.find(({ id }) => id === "value");
     const attribute = useMemo(() => attributes.find(({ name }) => name === valueElement.attributeName), [attributes, valueElement.attributeName]);
-    const value = useMemo(() => formatAttributeValue({
+    const value = useMemo(() => !attribute ? null : formatAttributeValue({
         t,
         type: attribute.type,
         value: attribute.value,
@@ -6514,8 +6514,8 @@ const RoundedBackgroundContainer = memo(({ type, elementConfig, feature, renderE
         return (jsx(FlexSpan, { width: iconElement.options?.width || "1rem", alignItems: "center", mr: "0.5rem", children: renderElement({ id: "icon", wrap: false }) }));
     }, [iconElement, renderElement]);
     const renderAlias = useMemo(() => (jsx(ContainerAlias, { style: aliasElement?.style, children: jsx(TextTrim, { maxLength: maxLength || ALIAS_DEFAULT_MAX_LENGTH, children: renderElement({ id: "alias", wrap: false }) }) })), [aliasElement?.style, maxLength, renderElement]);
-    const renderValue = useMemo(() => (jsxs(ContainerValue, { style: valueElement?.style, big: true, children: [value, !!unitsElement && (jsx(ContainerUnits, { style: unitsElement?.style, children: renderElement({ id: "units" }) }))] })), [valueElement?.style, value, unitsElement, renderElement]);
-    if (!value && hideEmpty)
+    const renderValue = useMemo(() => isNil(value) ? null : (jsxs(ContainerValue, { style: valueElement?.style, big: true, children: [value, !!unitsElement && (jsx(ContainerUnits, { style: unitsElement?.style, children: renderElement({ id: "units" }) }))] })), [valueElement?.style, value, unitsElement, renderElement]);
+    if (isNil(value) && hideEmpty)
         return null;
     return (jsxs(RoundedBackgroundContainerWrapper, { style: innerTemplateStyle || style, "$center": center, "$color": color, "$inlineUnits": inlineUnits, "$big": big, "$bigIcon": bigIcon, children: [jsxs(ContainerIconValue, { children: [renderIcon, big ? renderAlias : renderValue] }), big ? renderValue : renderAlias] }));
 });

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.1.29",
+  "version": "3.1.30",
   "name": "@evergis/react",
   "author": "Everpoint",
   "license": "MIT",
@@ -75,5 +75,5 @@
     "swiper": "^8.3.2",
     "wkt": "^0.1.1"
   },
-  "gitHead": "46dc2e7e4e0534f39109a60a1dfea70c9f508f19"
+  "gitHead": "eada2b89f40f352e5fe8c45fce5e09f884fe6e15"
 }