@evergis/react 3.1.28 → 3.1.29

package/dist/index.js

@@ -3731,7 +3731,7 @@ const formatAttributeValue = ({ t, type, value, stringFormat, noUnits = false })
         return formatDateValue(stringFormat, value);
     }
     if (numberFormatTypes.includes(type) && !isNaN(value)) {
-        if (!stringFormat?.format)
+        if (!stringFormat)
             return value.toString();
         return formatNumberValue(stringFormat, value, type, noUnits);
     }
@@ -6487,6 +6487,7 @@ const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
 
 const ALIAS_DEFAULT_MAX_LENGTH = 28;
 const RoundedBackgroundContainer = React.memo(({ type, elementConfig, feature, renderElement }) => {
+    const { t } = useGlobalContext();
     const { dataSources } = useWidgetContext(type);
     const { attributes } = useRelatedDataSourceAttributes({
         type,
@@ -6500,7 +6501,14 @@ const RoundedBackgroundContainer = React.memo(({ type, elementConfig, feature, r
     const aliasElement = children?.find(({ id }) => id === "alias");
     const unitsElement = children?.find(({ id }) => id === "units");
     const valueElement = children?.find(({ id }) => id === "value");
-    const value = renderElement({ id: "value" });
+    const attribute = React.useMemo(() => attributes.find(({ name }) => name === valueElement.attributeName), [attributes, valueElement.attributeName]);
+    const value = React.useMemo(() => formatAttributeValue({
+        t,
+        type: attribute.type,
+        value: attribute.value,
+        stringFormat: attribute.stringFormat,
+        noUnits: valueElement.options?.noUnits,
+    }), [t, attribute, valueElement.options?.noUnits]);
     const color = React.useMemo(() => attributes?.find(({ name }) => name === colorAttribute)?.value || fontColor, [attributes, colorAttribute, fontColor]);
     const renderIcon = React.useMemo(() => {
         if (!iconElement)