@evergis/react 3.1.13 → 3.1.14

package/dist/index.js

@@ -5265,7 +5265,7 @@ const getAttributeValue = (element, attributes) => {
         return jsxRuntime.jsx(DashboardCheckbox, { title: attribute.alias || attribute.name, checked: attribute.value });
     }
     if (Array.isArray(element?.attributeName)) {
-        const concatAttributes = element.attributeName.map((attributeName) => attributes.find(({ name }) => name === attributeName)?.value || "");
+        const concatAttributes = element.attributeName.map((attributeName) => attributes?.find(({ name }) => name === attributeName)?.value || "");
         value = concatAttributes.join(separator || ", ");
     }
     else {
@@ -5604,7 +5604,7 @@ const ProgressContainer = react.memo(({ type, elementConfig, feature, maxValue,
     }), [renderElement]);
     const renderTooltip = react.useMemo(() => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressTooltipAlias, { children: renderTooltipAlias }), jsxRuntime.jsxs(ProgressTooltipValueContainer, { children: [jsxRuntime.jsx(ProgressTooltipValue, { children: renderTooltipValue }), jsxRuntime.jsx(ProgressTooltipValueOf, { children: t("of", { ns: "dashboard" }) }), jsxRuntime.jsx("div", { children: formatAttributeValue({ t, type: valueType, value: currentMaxValue, stringFormat }) })] })] })), [currentMaxValue, renderTooltipAlias, renderTooltipValue, stringFormat, t, valueType]);
     const color = react.useMemo(() => colorAttribute
-        ? attributes.find(({ name }) => name === colorAttribute)?.value
+        ? attributes?.find(({ name }) => name === colorAttribute)?.value
         : colors?.[index] || bgColor, [attributes, bgColor, colorAttribute, colors, index]);
     return (jsxRuntime.jsx(uilibGl.Tooltip, { content: renderTooltip, placement: "top", arrow: true, children: ref => (jsxRuntime.jsxs(ProgressContainerWrapper, { ref: ref, style: innerTemplateStyle || style, children: [renderIcon && jsxRuntime.jsx(ProgressIcon, { children: renderIcon }), jsxRuntime.jsxs(ProgressContent, { children: [!hideTitle && (jsxRuntime.jsxs(ProgressAlias, { children: [jsxRuntime.jsx("div", { children: renderAlias }), jsxRuntime.jsxs(ProgressValue, { children: [renderValue, unitsElement && jsxRuntime.jsx(ProgressUnits, { children: renderElement({ id: "units" }) })] })] })), jsxRuntime.jsxs(ProgressBarContainer, { innerValue: innerValue, children: [jsxRuntime.jsx(ProgressBarWrapper, { children: jsxRuntime.jsx(ProgressBar, { "$width": width, "$color": color }) }), !!(hideTitle || innerValue) && jsxRuntime.jsx(ProgressInnerValue, { children: renderValue })] })] })] })) }));
 });
@@ -6342,7 +6342,7 @@ const RoundedBackgroundContainer = react.memo(({ type, elementConfig, feature, r
     const unitsElement = children?.find(({ id }) => id === "units");
     const valueElement = children?.find(({ id }) => id === "value");
     const value = renderElement({ id: "value" });
-    const color = react.useMemo(() => attributes.find(({ name }) => name === colorAttribute)?.value || fontColor, [attributes, colorAttribute, fontColor]);
+    const color = react.useMemo(() => attributes?.find(({ name }) => name === colorAttribute)?.value || fontColor, [attributes, colorAttribute, fontColor]);
     if (!value && hideEmpty)
         return null;
     return (jsxRuntime.jsxs(RoundedBackgroundContainerWrapper, { style: innerTemplateStyle || style, "$center": center, "$color": color, "$inlineUnits": inlineUnits, "$bigIcon": bigIcon, children: [renderElement({ id: "icon", wrap: false }), jsxRuntime.jsxs(ContainerValue, { style: valueElement?.style, big: true, children: [value, !!unitsElement && (jsxRuntime.jsx(ContainerUnits, { style: unitsElement?.style, children: renderElement({ id: "units" }) }))] }), jsxRuntime.jsx(ContainerAlias, { style: aliasElement?.style, children: jsxRuntime.jsx(TextTrim, { maxLength: maxLength || ALIAS_DEFAULT_MAX_LENGTH, children: renderElement({ id: "alias", wrap: false }) }) })] }));
@@ -6531,7 +6531,7 @@ const ElementImage = react.memo(({ type, elementConfig }) => {
         if (!attributeName || Array.isArray(attributeName)) {
             return null;
         }
-        const attribute = attributes.find(item => item.name === attributeName);
+        const attribute = attributes?.find(item => item.name === attributeName);
         return attribute?.value?.split(";")?.[0];
     }, [attributeName, attributes, value]);
     return firstImage ? jsxRuntime.jsx("img", { src: firstImage, alt: firstImage, width: width }) : null;
@@ -6733,7 +6733,7 @@ const ElementSlideshow = ({ elementConfig, type, renderElement }) => {
             ? dataSource.features.map(feature => feature.attributes[attributeName])
             : getSlideshowImages({
                 element: elementConfig,
-                attribute: attributes.find(({ name }) => name === attributeName),
+                attribute: attributes?.find(({ name }) => name === attributeName),
             });
         return (array?.map(image => ({
             src: image,
@@ -6774,7 +6774,7 @@ const ElementIcon = react.memo(({ type, elementConfig }) => {
     const { attributes } = useWidgetContext(type);
     const { value, attributeName, options } = elementConfig || {};
     const { fontSize, fontColor } = options || {};
-    const iconValue = react.useMemo(() => (attributeName ? attributes.find(item => item.name === attributeName)?.value : value), [attributeName, attributes, value]);
+    const iconValue = react.useMemo(() => (attributeName ? attributes?.find(item => item.name === attributeName)?.value : value), [attributeName, attributes, value]);
     return jsxRuntime.jsx(StyledIcon, { kind: iconValue, fontSize: fontSize, fontColor: fontColor });
 });
 
@@ -7708,7 +7708,7 @@ const getFilterValue = ({ selectedFilters, configFilters, filterName, newValue,
 const getFormattedAttributes = (t, data, attributes, config) => {
     const showOtherItems = config?.options?.otherItems < data?.length;
     const otherIndex = config?.options?.otherItems + 1;
-    const otherAttribute = showOtherItems && config?.children?.[otherIndex]
+    const otherAttribute = showOtherItems && config?.children?.[otherIndex] && attributes?.length
         ? attributes.find(({ name }) => name === config?.children?.[otherIndex]?.attributeName)
         : null;
     return otherAttribute
@@ -7819,7 +7819,7 @@ const getSvgUrl = ({ elementConfig, layerInfo, attributes, }) => {
     }
     else {
         url = elementConfig.attributeName
-            ? attributes.find(item => item.name === elementConfig.attributeName)?.value?.toString()
+            ? attributes?.find(item => item.name === elementConfig.attributeName)?.value?.toString()
             : elementConfig.value?.toString();
     }
     if (!url || typeof url !== "string")
@@ -7829,7 +7829,7 @@ const getSvgUrl = ({ elementConfig, layerInfo, attributes, }) => {
 
 const getTotalFromAttributes = (children, attributes) => {
     const total = children?.reduce((result, { attributeName }) => {
-        const value = attributes.find(({ name }) => name === attributeName)?.value || 0;
+        const value = attributes?.find(({ name }) => name === attributeName)?.value || 0;
         return result + value;
     }, 0);
     return typeof total === "number" ? total.toFixed(0) : "";
@@ -7840,7 +7840,7 @@ const getTotalFromRelatedFeatures = (data) => {
 };
 
 const pieChartTooltipFromAttributes = (t, data, attributes) => {
-    const attribute = attributes.find(({ name }) => name === data[0].name);
+    const attribute = attributes?.find(({ name }) => name === data[0].name);
     const renderValue = attribute
         ? formatAttributeValue({ t, type: attribute.type, value: data[0].value, stringFormat: attribute.stringFormat })
         : data[0].value;
@@ -7894,7 +7894,7 @@ const sliceShownOtherItems = (data, options = {}, showMore) => {
 };
 
 const tooltipNameFromAttributes = (name, attributes) => {
-    const attribute = attributes.find(item => item.name === name);
+    const attribute = attributes?.find(item => item.name === name);
     return attribute?.alias || name;
 };
 
@@ -8472,7 +8472,7 @@ const Chart = react.memo(({ config, element, elementConfig, type, renderElement
         ? getTotalFromRelatedFeatures((data[0]?.items || []))
         : getTotalFromAttributes(children, formattedAttributes), [data, children, formattedAttributes, isRelated]);
     const totalWord = react.useMemo(() => options?.totalAttribute
-        ? attributes.find(({ name }) => name === options.totalAttribute)?.value
+        ? attributes?.find(({ name }) => name === options.totalAttribute)?.value
         : options?.totalWord, [attributes, options.totalAttribute, options?.totalWord]);
     const renderPieChartTooltip = react.useCallback(item => isRelated
         ? pieChartTooltipFromRelatedFeatures(t, item, relatedAttributes, data[0]?.layerInfo)

package/dist/react.esm.js

@@ -5263,7 +5263,7 @@ const getAttributeValue = (element, attributes) => {
         return jsx(DashboardCheckbox, { title: attribute.alias || attribute.name, checked: attribute.value });
     }
     if (Array.isArray(element?.attributeName)) {
-        const concatAttributes = element.attributeName.map((attributeName) => attributes.find(({ name }) => name === attributeName)?.value || "");
+        const concatAttributes = element.attributeName.map((attributeName) => attributes?.find(({ name }) => name === attributeName)?.value || "");
         value = concatAttributes.join(separator || ", ");
     }
     else {
@@ -5602,7 +5602,7 @@ const ProgressContainer = memo(({ type, elementConfig, feature, maxValue, index,
     }), [renderElement]);
     const renderTooltip = useMemo(() => (jsxs(Fragment$1, { children: [jsx(ProgressTooltipAlias, { children: renderTooltipAlias }), jsxs(ProgressTooltipValueContainer, { children: [jsx(ProgressTooltipValue, { children: renderTooltipValue }), jsx(ProgressTooltipValueOf, { children: t("of", { ns: "dashboard" }) }), jsx("div", { children: formatAttributeValue({ t, type: valueType, value: currentMaxValue, stringFormat }) })] })] })), [currentMaxValue, renderTooltipAlias, renderTooltipValue, stringFormat, t, valueType]);
     const color = useMemo(() => colorAttribute
-        ? attributes.find(({ name }) => name === colorAttribute)?.value
+        ? attributes?.find(({ name }) => name === colorAttribute)?.value
         : colors?.[index] || bgColor, [attributes, bgColor, colorAttribute, colors, index]);
     return (jsx(Tooltip, { content: renderTooltip, placement: "top", arrow: true, children: ref => (jsxs(ProgressContainerWrapper, { ref: ref, style: innerTemplateStyle || style, children: [renderIcon && jsx(ProgressIcon, { children: renderIcon }), jsxs(ProgressContent, { children: [!hideTitle && (jsxs(ProgressAlias, { children: [jsx("div", { children: renderAlias }), jsxs(ProgressValue, { children: [renderValue, unitsElement && jsx(ProgressUnits, { children: renderElement({ id: "units" }) })] })] })), jsxs(ProgressBarContainer, { innerValue: innerValue, children: [jsx(ProgressBarWrapper, { children: jsx(ProgressBar, { "$width": width, "$color": color }) }), !!(hideTitle || innerValue) && jsx(ProgressInnerValue, { children: renderValue })] })] })] })) }));
 });
@@ -6340,7 +6340,7 @@ const RoundedBackgroundContainer = memo(({ type, elementConfig, feature, renderE
     const unitsElement = children?.find(({ id }) => id === "units");
     const valueElement = children?.find(({ id }) => id === "value");
     const value = renderElement({ id: "value" });
-    const color = useMemo(() => attributes.find(({ name }) => name === colorAttribute)?.value || fontColor, [attributes, colorAttribute, fontColor]);
+    const color = useMemo(() => attributes?.find(({ name }) => name === colorAttribute)?.value || fontColor, [attributes, colorAttribute, fontColor]);
     if (!value && hideEmpty)
         return null;
     return (jsxs(RoundedBackgroundContainerWrapper, { style: innerTemplateStyle || style, "$center": center, "$color": color, "$inlineUnits": inlineUnits, "$bigIcon": bigIcon, children: [renderElement({ id: "icon", wrap: false }), jsxs(ContainerValue, { style: valueElement?.style, big: true, children: [value, !!unitsElement && (jsx(ContainerUnits, { style: unitsElement?.style, children: renderElement({ id: "units" }) }))] }), jsx(ContainerAlias, { style: aliasElement?.style, children: jsx(TextTrim, { maxLength: maxLength || ALIAS_DEFAULT_MAX_LENGTH, children: renderElement({ id: "alias", wrap: false }) }) })] }));
@@ -6529,7 +6529,7 @@ const ElementImage = memo(({ type, elementConfig }) => {
         if (!attributeName || Array.isArray(attributeName)) {
             return null;
         }
-        const attribute = attributes.find(item => item.name === attributeName);
+        const attribute = attributes?.find(item => item.name === attributeName);
         return attribute?.value?.split(";")?.[0];
     }, [attributeName, attributes, value]);
     return firstImage ? jsx("img", { src: firstImage, alt: firstImage, width: width }) : null;
@@ -6731,7 +6731,7 @@ const ElementSlideshow = ({ elementConfig, type, renderElement }) => {
             ? dataSource.features.map(feature => feature.attributes[attributeName])
             : getSlideshowImages({
                 element: elementConfig,
-                attribute: attributes.find(({ name }) => name === attributeName),
+                attribute: attributes?.find(({ name }) => name === attributeName),
             });
         return (array?.map(image => ({
             src: image,
@@ -6772,7 +6772,7 @@ const ElementIcon = memo(({ type, elementConfig }) => {
     const { attributes } = useWidgetContext(type);
     const { value, attributeName, options } = elementConfig || {};
     const { fontSize, fontColor } = options || {};
-    const iconValue = useMemo(() => (attributeName ? attributes.find(item => item.name === attributeName)?.value : value), [attributeName, attributes, value]);
+    const iconValue = useMemo(() => (attributeName ? attributes?.find(item => item.name === attributeName)?.value : value), [attributeName, attributes, value]);
     return jsx(StyledIcon, { kind: iconValue, fontSize: fontSize, fontColor: fontColor });
 });
 
@@ -7706,7 +7706,7 @@ const getFilterValue = ({ selectedFilters, configFilters, filterName, newValue,
 const getFormattedAttributes = (t, data, attributes, config) => {
     const showOtherItems = config?.options?.otherItems < data?.length;
     const otherIndex = config?.options?.otherItems + 1;
-    const otherAttribute = showOtherItems && config?.children?.[otherIndex]
+    const otherAttribute = showOtherItems && config?.children?.[otherIndex] && attributes?.length
         ? attributes.find(({ name }) => name === config?.children?.[otherIndex]?.attributeName)
         : null;
     return otherAttribute
@@ -7817,7 +7817,7 @@ const getSvgUrl = ({ elementConfig, layerInfo, attributes, }) => {
     }
     else {
         url = elementConfig.attributeName
-            ? attributes.find(item => item.name === elementConfig.attributeName)?.value?.toString()
+            ? attributes?.find(item => item.name === elementConfig.attributeName)?.value?.toString()
             : elementConfig.value?.toString();
     }
     if (!url || typeof url !== "string")
@@ -7827,7 +7827,7 @@ const getSvgUrl = ({ elementConfig, layerInfo, attributes, }) => {
 
 const getTotalFromAttributes = (children, attributes) => {
     const total = children?.reduce((result, { attributeName }) => {
-        const value = attributes.find(({ name }) => name === attributeName)?.value || 0;
+        const value = attributes?.find(({ name }) => name === attributeName)?.value || 0;
         return result + value;
     }, 0);
     return typeof total === "number" ? total.toFixed(0) : "";
@@ -7838,7 +7838,7 @@ const getTotalFromRelatedFeatures = (data) => {
 };
 
 const pieChartTooltipFromAttributes = (t, data, attributes) => {
-    const attribute = attributes.find(({ name }) => name === data[0].name);
+    const attribute = attributes?.find(({ name }) => name === data[0].name);
     const renderValue = attribute
         ? formatAttributeValue({ t, type: attribute.type, value: data[0].value, stringFormat: attribute.stringFormat })
         : data[0].value;
@@ -7892,7 +7892,7 @@ const sliceShownOtherItems = (data, options = {}, showMore) => {
 };
 
 const tooltipNameFromAttributes = (name, attributes) => {
-    const attribute = attributes.find(item => item.name === name);
+    const attribute = attributes?.find(item => item.name === name);
     return attribute?.alias || name;
 };
 
@@ -8470,7 +8470,7 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
         ? getTotalFromRelatedFeatures((data[0]?.items || []))
         : getTotalFromAttributes(children, formattedAttributes), [data, children, formattedAttributes, isRelated]);
     const totalWord = useMemo(() => options?.totalAttribute
-        ? attributes.find(({ name }) => name === options.totalAttribute)?.value
+        ? attributes?.find(({ name }) => name === options.totalAttribute)?.value
         : options?.totalWord, [attributes, options.totalAttribute, options?.totalWord]);
     const renderPieChartTooltip = useCallback(item => isRelated
         ? pieChartTooltipFromRelatedFeatures(t, item, relatedAttributes, data[0]?.layerInfo)

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.1.13",
+  "version": "3.1.14",
   "name": "@evergis/react",
   "author": "Everpoint",
   "license": "MIT",
@@ -75,5 +75,5 @@
     "swiper": "^8.3.2",
     "wkt": "^0.1.1"
   },
-  "gitHead": "6c2eaf73a5d2ff6efdd174e50235d5733842d7ad"
+  "gitHead": "bfdac339ad7a29bb88ad02ecc65dc82fa749233b"
 }