@evergis/react 3.1.120 → 3.1.121

package/dist/react.esm.js

@@ -7381,14 +7381,24 @@ const EditContainer = ({ type, elementConfig, renderElement }) => {
     return (jsxs(Fragment$1, { children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), jsxs(Container, { id: id, isColumn: true, style: style, children: [jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsx(ContainerValue, { children: renderElement({ id: "value" }) })] })] }));
 };
 
+const getControlTemplateName = (type) => {
+    switch (type) {
+        case "dropdown":
+        default: return ContainerTemplate.EditDropdown;
+    }
+};
+
 const EditGroupContainer = memo(({ type, elementConfig, renderElement }) => {
     const { config, attributes, layerInfo, expandedContainers } = useWidgetContext(type);
     const getRenderContainerItem = useRenderContainerItem(type, renderElement);
     const { id, options } = elementConfig || {};
     const { editAttributes } = options || {};
     const renderContainer = useCallback((attribute) => {
+        const editAttribute = editAttributes?.find(({ name }) => name === attribute);
         const itemAttribute = attributes.find(({ name }) => name === attribute);
-        const templateName = getTemplateNameFromAttribute(itemAttribute);
+        const templateName = editAttribute?.type
+            ? getControlTemplateName(editAttribute.type)
+            : getTemplateNameFromAttribute(itemAttribute);
         const itemConfig = {
             ...elementConfig,
             children: elementConfig.children.map(child => ({ ...child, attributeName: attribute })),
@@ -7401,7 +7411,7 @@ const EditGroupContainer = memo(({ type, elementConfig, renderElement }) => {
             return null;
         }
         return (jsx(ContainerTemplateValue, { id: attribute, type: type, config: config, elementConfig: itemConfig, layerInfo: layerInfo, attributes: attributes, innerComponent: getContainerComponent(templateName), isVisible: isVisibleContainer(id, expandable, expanded, expandedContainers), renderElement: render }, attribute));
-    }, [id, attributes, elementConfig, expandedContainers]);
+    }, [id, attributes, elementConfig, expandedContainers, editAttributes]);
     return editAttributes?.length ? (jsx(Fragment$1, { children: editAttributes.map(attribute => renderContainer(attribute.name)) })) : (renderContainer());
 });
 
@@ -7413,7 +7423,7 @@ const useEditAttribute = (type, elementConfig) => {
         const valueElement = children.find(({ id }) => id === "value");
         return valueElement?.attributeName;
     }, [children]);
-    const editAttribute = useMemo(() => editAttributes.find(({ name }) => name === attributeName), [editAttributes, attributeName]);
+    const editAttribute = useMemo(() => editAttributes?.find(({ name }) => name === attributeName), [editAttributes, attributeName]);
     const attributeValue = useMemo(() => {
         const value = controls[attributeName] === undefined
             ? attributes.find(({ name }) => name === attributeName)?.value
@@ -7460,12 +7470,12 @@ const EditDropdownContainer = ({ type, elementConfig, renderElement }) => {
     const { id, style, options } = elementConfig || {};
     const { placeholder, label, width } = options || {};
     const optionsList = useMemo(() => dataSource?.features.map(item => {
-        const value = item[editAttribute?.name] || null;
+        const value = item.attributes[editAttribute?.name] || null;
         return { text: value, value };
     }), [dataSource?.features, editAttribute.name]);
     const onChange = useCallback(([option]) => {
-        changeControls({ [editAttribute?.name]: option });
-    }, [editAttribute.name, changeControls]);
+        changeControls({ [editAttribute?.name]: option.value });
+    }, [editAttribute?.name, changeControls]);
     return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { children: jsx(Dropdown, { zIndex: 1000, label: label, placeholder: placeholder, options: optionsList, value: attributeValue ?? editAttribute.defaultValue, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, onChange: onChange }) })] }));
 };