@evergis/react 3.1.86 → 3.1.88

package/dist/components/Dashboard/types.d.ts

@@ -34,6 +34,11 @@ export interface ConfigRelatedResource {
     fileName?: string;
     methodName?: string;
 }
+export interface ConfigControl {
+    type: "dropdown" | "checkbox";
+    targetAttributeName: string;
+    attributeAlias?: string;
+}
 export interface BaseMapSettings {
     opacity?: number;
     showBuildings?: boolean;
@@ -48,7 +53,6 @@ export interface ConfigOptions {
     relatedResources?: ConfigRelatedResource[];
     statusColors?: Record<RemoteTaskStatus, string>;
     chartType?: "bar" | "line" | "pie" | "stack";
-    controlType?: "dropdown" | "checkbox";
     layerNames?: string[];
     layerName?: string;
     geometryType?: GeometryType | EditGeometryType;
@@ -128,6 +132,7 @@ export interface ConfigOptions {
     tabId?: string;
     column?: boolean;
     relatedDataSource?: string;
+    control?: ConfigControl;
     filterName?: string;
     searchFilterName?: string;
     colorAttribute?: string;

package/dist/index.js

@@ -7778,20 +7778,25 @@ const ElementChips = React.memo(({ type, elementConfig }) => {
 
 const ElementControl = ({ elementConfig }) => {
     const { t } = useGlobalContext();
-    const { dataSources, controls, changeControls } = useWidgetContext(exports.WidgetType.FeatureCard);
+    const { attributes, layerInfo, dataSources, controls, changeControls } = useWidgetContext(exports.WidgetType.FeatureCard);
     const [value, setValue] = React.useState();
     const { options, attributeName } = elementConfig || {};
-    const { relatedDataSource, label, width, placeholder = t("selectValue", { ns: "dashboard", defaultValue: "Выберите значение" }) } = options || {};
+    const { relatedDataSource, label, width, control, placeholder = t("selectValue", { ns: "dashboard", defaultValue: "Выберите значение" }) } = options || {};
+    const attribute = React.useMemo(() => attributes?.find(({ name }) => name === attributeName), [attributes, attributeName]);
     const dataSource = React.useMemo(() => getDataSource(relatedDataSource, dataSources), [relatedDataSource, dataSources]);
     const items = React.useMemo(() => {
         if (!dataSource?.features?.length || !attributeName) {
             return [];
         }
-        return dataSource.features.map(({ attributes }) => ({
-            value: attributes?.[attributeName] || "",
-            text: attributes?.[attributeName] || "",
+        return dataSource.features.map(item => ({
+            value: item.attributes?.[attributeName] || "",
+            text: item.attributes?.[control?.attributeAlias || attributeName] || "",
         }));
-    }, [dataSource?.features, attributeName]);
+    }, [control?.attributeAlias, dataSource?.features, attributeName]);
+    const isDisabled = React.useMemo(() => {
+        const attr = layerInfo?.configuration?.attributesConfiguration?.attributes?.find(item => item.attributeName === attributeName);
+        return !attr?.isEditable;
+    }, [attributeName, layerInfo?.configuration?.attributesConfiguration?.attributes]);
     const handleChange = React.useCallback(([option]) => {
         setValue(option?.value);
         if (attributeName && changeControls) {
@@ -7800,7 +7805,7 @@ const ElementControl = ({ elementConfig }) => {
             });
         }
     }, [changeControls, attributeName]);
-    return (jsxRuntime.jsx(uilibGl.Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: controls?.[attributeName] ?? value, placeholder: placeholder, onChange: handleChange }));
+    return (jsxRuntime.jsx(uilibGl.Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: controls?.[attributeName] ?? value ?? attribute?.value, placeholder: placeholder, disabled: isDisabled, onChange: handleChange }));
 };
 
 const StyledIconFontSizeMixin = styled.css `