@evergis/react 4.0.20 → 4.0.21

package/dist/react.esm.js

@@ -4248,8 +4248,8 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
     const customize = useCallback(({ svg }) => {
         svg.style("overflow", "visible");
         svg
-            .selectAll(`.${lineChartClassNames.lineChartXScaleGlobal} line,
-              .${lineChartClassNames.lineChartYScaleGlobal} line,
+            .selectAll(`.${lineChartClassNames.lineChartXScaleGlobal} line,
+              .${lineChartClassNames.lineChartYScaleGlobal} line,
               .domain`)
             .each((_, index, nodes) => {
             nodes[index].remove();
@@ -4320,11 +4320,11 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
                 .attr("fill", `url(#${gradientId})`)
                 .attr("stroke-width", "0")
                 .attr("fill-opacity", FILL_OPACITY);
-            defs.push(`
-          <linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
-            <stop offset="0" stop-color="${color}" stop-opacity="1" />
-            <stop offset="1" stop-color="${color}" stop-opacity="0" />
-          </linearGradient>
+            defs.push(`
+          <linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
+            <stop offset="0" stop-color="${color}" stop-opacity="1" />
+            <stop offset="1" stop-color="${color}" stop-opacity="0" />
+          </linearGradient>
         `);
             ref.current = {
                 path: newPath,
@@ -7534,7 +7534,8 @@ const useEditControl = (type, elementConfig) => {
         attributes,
     ]);
     const dataSource = useMemo(() => dataSources?.find(({ name }) => name === control.relatedDataSource), [control.relatedDataSource, dataSources]);
-    const items = useMemo(() => dataSource?.features.map(item => item.properties[control?.attributeName] || null) || [], [dataSource?.features, control?.attributeName]);
+    const items = useMemo(() => control?.variants?.map(v => String(v.text || v.value)) ||
+        dataSource?.features.map(item => item.properties[control?.attributeName] || null) || [], [control?.variants, dataSource?.features, control?.attributeName]);
     const onChange = useCallback((newValue) => {
         changeControls({
             [control?.targetAttributeName]: newValue,
@@ -8539,11 +8540,7 @@ const ElementControl = ({ elementConfig }) => {
     const isDisabled = useMemo(() => {
         const attr = layerInfo?.configuration?.attributesConfiguration?.attributes?.find(item => item.attributeName === control?.targetAttributeName);
         return !attr?.isEditable;
-    }, [
-        control?.targetAttributeName,
-        layerInfo?.configuration
-            ?.attributesConfiguration?.attributes,
-    ]);
+    }, [control?.targetAttributeName, layerInfo?.configuration]);
     const currentValue = controls?.[control?.targetAttributeName] ??
         attribute?.value ??
         defaultValue;