@evergis/react 3.1.84 → 3.1.86

package/dist/react.esm.js

@@ -5571,10 +5571,13 @@ const ChartLegendName = styled.div `
 const ContainerAlias = styled(Flex) `
   align-items: center;
   flex-wrap: nowrap;
-  margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
   font-size: 0.75rem;
   color: ${({ theme: { palette } }) => palette.textSecondary};
 
+  &&& {
+    margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
+  }
+  
   span[kind] {
     margin-right: 0.5rem;
 
@@ -7776,7 +7779,7 @@ const ElementControl = ({ elementConfig }) => {
     const { dataSources, controls, changeControls } = useWidgetContext(WidgetType.FeatureCard);
     const [value, setValue] = useState();
     const { options, attributeName } = elementConfig || {};
-    const { relatedDataSource, controlName, label, width, placeholder = t("selectValue", { ns: "dashboard", defaultValue: "Выберите значение" }) } = options || {};
+    const { relatedDataSource, label, width, placeholder = t("selectValue", { ns: "dashboard", defaultValue: "Выберите значение" }) } = options || {};
     const dataSource = useMemo(() => getDataSource(relatedDataSource, dataSources), [relatedDataSource, dataSources]);
     const items = useMemo(() => {
         if (!dataSource?.features?.length || !attributeName) {
@@ -7789,13 +7792,13 @@ const ElementControl = ({ elementConfig }) => {
     }, [dataSource?.features, attributeName]);
     const handleChange = useCallback(([option]) => {
         setValue(option?.value);
-        if (controlName && changeControls) {
+        if (attributeName && changeControls) {
             changeControls({
-                [controlName]: option?.value,
+                [attributeName]: option?.value,
             });
         }
-    }, [changeControls, controlName]);
-    return (jsx(Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: controls?.[controlName] ?? value, placeholder: placeholder, onChange: handleChange }));
+    }, [changeControls, attributeName]);
+    return (jsx(Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: controls?.[attributeName] ?? value, placeholder: placeholder, onChange: handleChange }));
 };
 
 const StyledIconFontSizeMixin = css `