@evergis/react 4.0.36 → 4.0.37

package/dist/react.esm.js

@@ -7,9 +7,9 @@ import { AttributeType, STORAGE_TOKEN_KEY, generateId, parseJwt, STORAGE_REFRESH
 import Gradient from 'javascript-color-gradient';
 import { Color as Color$1 } from '@evergis/color';
 import { isValid, format, parseJSON, parseISO, toDate } from 'date-fns';
+import { isNil, uniqueId, isEmpty, isEqual, unescape } from 'lodash';
 import { ru } from 'date-fns/locale/ru';
 import { enUS } from 'date-fns/locale/en-US';
-import { uniqueId, isNil, isEmpty, isEqual, unescape } from 'lodash';
 import { HubConnectionBuilder, HttpTransportType, LogLevel } from '@microsoft/signalr';
 import { changeProps, returnFound } from 'find-and';
 import { jsPDF } from 'jspdf';
@@ -3827,15 +3827,16 @@ const formatNumberValue = (stringFormat, value, type, noUnits = false) => {
     return currentValue?.toString() || "";
 };
 const formatAttributeValue = ({ t, type, value, stringFormat, noUnits = false }) => {
+    const isNilValue = isNil(value);
     if (type === AttributeType.Point) {
-        if (!stringFormat?.format || !value) {
+        if (!stringFormat?.format || isNilValue) {
             return null;
         }
         const { coordinates } = value;
         return formatPointValue({ t, stringFormat, value: coordinates });
     }
     if (type === AttributeType.DateTime) {
-        if (!stringFormat?.format || !value)
+        if (!stringFormat?.format || isNilValue)
             return null;
         return formatDateValue(stringFormat, value);
     }
@@ -3856,12 +3857,12 @@ const formatAttributeValue = ({ t, type, value, stringFormat, noUnits = false })
         return formatNumberValue(stringFormat, value, type, noUnits);
     }
     if (type === AttributeType.Json) {
-        if (!value || value?.length === 0) {
+        if (isNilValue || value?.length === 0) {
             return "";
         }
         return `${t("total", { ns: "table" })} ${value.length}`;
     }
-    return value ? value.toString() : "";
+    return !isNilValue ? value.toString() : "";
 };
 const formatNumber = (number) => {
     let result = "";
@@ -6342,18 +6343,7 @@ const DataSourceInnerContainer = memo(({ config, elementConfig, feature, maxValu
         setSelectedTabId,
         pageIndex,
         type,
-    }), [
-        getRenderElement,
-        config,
-        elementConfig,
-        attributes,
-        layerInfo,
-        expandedContainers,
-        selectedTabId,
-        setSelectedTabId,
-        pageIndex,
-        type,
-    ]);
+    }), [config, elementConfig, attributes, layerInfo, expandedContainers, selectedTabId, setSelectedTabId, pageIndex, type]);
     if (!InnerContainer) {
         return null;
     }
@@ -8148,6 +8138,11 @@ const FeatureCardGradientHeader = ({ isRow }) => {
                                     }) })] }), jsx(FeatureCardButtons, {})] }) }) }) }));
 };
 
+const LayerIconClickable = styled.div `
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`;
 const HeaderFontColorMixin = css `
   ${HeaderTitleContainer}, ${HeaderTitleContainer} *, ${LayerDescription} {
     color: ${({ $fontColor }) => $fontColor};
@@ -8225,13 +8220,16 @@ const IconHeaderWrapper = styled.div `
 `;
 
 const FeatureCardIconHeader = ({ isRow }) => {
-    const { layerInfo } = useWidgetContext(WidgetType.FeatureCard);
+    const { t } = useGlobalContext();
+    const { layerInfo, feature } = useWidgetContext(WidgetType.FeatureCard);
     const { config } = useWidgetConfig(WidgetType.FeatureCard);
+    const zoomToFeatures = useZoomToFeatures();
     const { header } = config || {};
     const { options } = header || {};
     const { fontColor, bgColor, bigIcon } = options || {};
     const renderElement = useHeaderRender(header);
-    return (jsx(IconHeaderWrapper, { "$fontColor": fontColor, "$bgColor": bgColor, "$bigIcon": bigIcon, children: jsx(ThemeProvider, { theme: defaultTheme, children: jsxs(Header, { "$isRow": isRow, children: [jsxs(HeaderFrontView, { children: [jsxs(HeaderContainer, { children: [jsx(LayerIcon, { layerInfo: layerInfo }), jsx(FeatureCardTitle, { title: renderElement({
+    const handleIconClick = useCallback(() => zoomToFeatures([feature]), [zoomToFeatures, feature]);
+    return (jsx(IconHeaderWrapper, { "$fontColor": fontColor, "$bgColor": bgColor, "$bigIcon": bigIcon, children: jsx(ThemeProvider, { theme: defaultTheme, children: jsxs(Header, { "$isRow": isRow, children: [jsxs(HeaderFrontView, { children: [jsxs(HeaderContainer, { children: [jsx(Tooltip$1, { arrow: true, placement: "top", content: t("zoomToFeature", { ns: "dashboard", defaultValue: "Приблизить к объекту" }), delay: [600, 0], children: ref => (jsx(LayerIconClickable, { ref: ref, onClick: handleIconClick, children: jsx(LayerIcon, { layerInfo: layerInfo }) })) }), jsx(FeatureCardTitle, { title: renderElement({
                                             id: "title",
                                             wrap: false,
                                         }), description: renderElement({
@@ -9533,7 +9531,7 @@ function getFeatureAttributes(feature = {}, layer, dataSource) {
                 readOnly: true,
             }
             : {
-                value: currentAttributes?.[attributeName] || dataSource?.features?.[0]?.properties?.[attributeName],
+                value: currentAttributes?.[attributeName] ?? dataSource?.features?.[0]?.properties?.[attributeName],
                 readOnly: attributeConfigurationType === AttributeConfigurationType.Calculated || !isEditable,
             };
         const clientData = layer?.configuration?.attributesConfiguration?.attributes?.find(layerAttribute => layerAttribute.attributeName === attributeName)?.clientData;