@evergis/react 4.0.30 → 4.0.31

package/dist/react.esm.js

@@ -5403,6 +5403,7 @@ const usePythonTask = () => {
     const [taskId, setTaskId] = useState(null);
     const [subscriptionId, setSubscriptionId] = useState(null);
     const [isLogDialogOpen, setIsLogDialogOpen] = useState(false);
+    const [result, setResult] = useState(null);
     const logRef = useRef(null);
     const reset = useCallback(() => {
         setStatus(RemoteTaskStatus.Unknown);
@@ -5411,6 +5412,7 @@ const usePythonTask = () => {
         setExecutionTime(null);
         setTaskId(null);
         setSubscriptionId(null);
+        setResult(null);
     }, []);
     const runTask = useCallback(async ({ resourceId, parameters, script, fileName, methodName, }) => {
         reset();
@@ -5450,7 +5452,7 @@ const usePythonTask = () => {
         });
         setTaskId(newTaskId);
         setSubscriptionId(newSubscriptionId);
-        const onNotification = ({ data }) => {
+        const onNotification = async ({ data }) => {
             if (data?.taskId === newTaskId) {
                 setStatus(data.status);
                 setLog([logRef.current, data.log].filter(Boolean).join("\n"));
@@ -5466,10 +5468,14 @@ const usePythonTask = () => {
                     unsubscribeById(newSubscriptionId);
                     connection.off(SERVER_NOTIFICATION_EVENT.PythonProgressNotification, onNotification);
                 }
+                if (data.status === RemoteTaskStatus.Completed) {
+                    const subTasks = await api.remoteTaskManager.get(newTaskId);
+                    setResult(subTasks?.[0]?.results ?? null);
+                }
             }
         };
         connection.on(SERVER_NOTIFICATION_EVENT.PythonProgressNotification, onNotification);
-    }, [api, connection, addSubscription, unsubscribeById, reset]);
+    }, [reset, api.remoteTaskManager, addSubscription, connection, t, unsubscribeById]);
     const stopTask = useCallback(async () => {
         await api.remoteTaskManager.stop(taskId);
         reset();
@@ -5496,6 +5502,7 @@ const usePythonTask = () => {
         executionTime,
         isLogDialogOpen,
         closeLog,
+        result,
     };
 };
 
@@ -7466,14 +7473,35 @@ const StatusWaitingButton = ({ title, icon = "play", status, statusColors, isWai
     return (jsx(ThemeProvider, { theme: darkTheme, children: jsxs(StyledButton, { status: status, statusColors: statusColors, disabled: isDisabled, themeName: themeName, onClick: onClick, children: [renderIcon, renderTitle] }) }));
 };
 
+const buildFiltersFromResponse = (responseFilters, result) => {
+    if (!responseFilters || !result)
+        return null;
+    const properties = result?.result?.features?.[0]?.properties;
+    if (!properties)
+        return null;
+    const filters = Object.entries(responseFilters).reduce((acc, [filterName, token]) => {
+        const attrName = typeof token === "string" && token.startsWith("%") ? token.slice(1) : token;
+        const value = properties[attrName];
+        if (value === undefined)
+            return acc;
+        return { ...acc, [filterName]: { value: value } };
+    }, {});
+    return Object.keys(filters).length ? filters : null;
+};
+
 const TaskContainer = memo(({ type, elementConfig, renderElement }) => {
     const { t, ewktGeometry } = useGlobalContext();
-    const { dataSources, filters: selectedFilters, attributes, layerInfo } = useWidgetContext(type);
+    const { dataSources, filters: selectedFilters, attributes, layerInfo, changeFilters, } = useWidgetContext(type);
     const { dataSources: projectDataSources } = useWidgetContext(WidgetType.Dashboard);
     const { currentPage } = useWidgetPage(type);
-    const { taskId, runTask, stopTask, status, openLog, loading, isLogDialogOpen, closeLog, log } = usePythonTask();
+    const { taskId, runTask, stopTask, status, openLog, loading, isLogDialogOpen, closeLog, log, result, } = usePythonTask();
     const { options } = elementConfig || {};
-    const { title, relatedResources, center, icon, statusColors } = options || {};
+    const { title, relatedResources, center, icon, statusColors, responseFilters } = options || {};
+    useEffect(() => {
+        const filtersToApply = buildFiltersFromResponse(responseFilters, result);
+        if (filtersToApply)
+            changeFilters(filtersToApply);
+    }, [result, responseFilters, changeFilters]);
     const onClick = useCallback(async () => {
         if (taskId) {
             await stopTask();
@@ -7520,6 +7548,12 @@ const EditGroupContainer = memo(({ type, elementConfig, renderElement }) => {
     const getRenderContainerItem = useRenderContainerItem(type, renderElement);
     const { options } = elementConfig || {};
     const { controls } = options || {};
+    const filteredAttributes = useMemo(() => {
+        const { idAttribute } = layerInfo?.configuration?.attributesConfiguration || {};
+        if (!idAttribute)
+            return attributes;
+        return attributes.filter(({ attributeName }) => attributeName !== idAttribute);
+    }, [attributes, layerInfo?.configuration]);
     const renderContainer = useCallback((attributeName) => {
         const control = controls?.find(({ targetAttributeName }) => targetAttributeName === attributeName);
         const itemAttribute = attributes.find(item => item.attributeName === attributeName);
@@ -7552,7 +7586,7 @@ const EditGroupContainer = memo(({ type, elementConfig, renderElement }) => {
         expandedContainers,
     ]);
     if (!controls?.length) {
-        return (jsx(Fragment$1, { children: attributes.map(({ attributeName }) => renderContainer(attributeName)) }));
+        return (jsx(Fragment$1, { children: filteredAttributes.map(({ attributeName }) => renderContainer(attributeName)) }));
     }
     return (jsx(Fragment$1, { children: controls.map(({ targetAttributeName }) => renderContainer(targetAttributeName)) }));
 });
@@ -7583,6 +7617,16 @@ const useEditControl = (type, elementConfig) => {
             [attributeName]: newValue,
         });
     }, [changeControls, attributeName]);
+    useEffect(() => {
+        if (control?.defaultValue === undefined)
+            return;
+        if (controls[attributeName] !== undefined)
+            return;
+        const hasAttributeValue = attributes.some(({ attributeName: name, value: attrValue }) => name === attributeName && attrValue !== undefined && attrValue !== null);
+        if (hasAttributeValue)
+            return;
+        changeControls({ [attributeName]: control.defaultValue });
+    }, [attributeName, attributes, changeControls, control?.defaultValue, controls]);
     return useMemo(() => ({ control, value, dataSource, items, onChange }), [control, value, dataSource, items, onChange]);
 };
 
@@ -7718,7 +7762,7 @@ const DefaultHeaderContainer = styled(Flex) `
   position: relative;
   flex-shrink: 0;
   min-height: 8.175rem;
-  margin-bottom: -1.5rem;
+  margin-bottom: -0.75rem;
   padding: 1.5rem 1.5rem 0;
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
@@ -9268,19 +9312,15 @@ const ElementUploader = memo(({ elementConfig, type }) => {
     return (jsx(UploaderContainer, { id: id, style: style, children: jsx("div", { children: jsx(Uploader, { currentRef: refInput, title: renderTitle, accept: fileExtensions, width: "100%", fileItems: files, isMultiple: multiSelect, onUpload: onUpload, onDelete: onDelete }) }) }));
 });
 
-const ModalIcon = styled(Icon) `
-  &&& {
-    cursor: pointer;
-
-    :after {
-      font-size: 0.75rem;
-      color: ${({ theme: { palette } }) => palette.iconDisabled};
-      transition: color ${transition.hover};
-    }
+const ModalIcon = styled(IconButton) `
+  :after {
+    font-size: 0.75rem;
+    color: ${({ theme: { palette } }) => palette.iconDisabled};
+    transition: color ${transition.hover};
+  }
 
-    :hover:after {
-      color: ${({ theme: { palette } }) => palette.icon};
-    }
+  :hover:after {
+    color: ${({ theme: { palette } }) => palette.icon};
   }
 `;
 
@@ -9390,7 +9430,7 @@ const ElementModal = memo(({ type = WidgetType.Dashboard, elementConfig }) => {
         return null;
     const { options: modalOptions } = modalConfig;
     const { title, maxWidth, minWidth, minHeight } = modalOptions || {};
-    return (jsxs(Fragment$1, { children: [jsx(ModalIcon, { kind: icon || "new_window", onClick: handleOpen }), jsxs(Dialog, { isOpen: isOpen, onCloseRequest: handleClose, modal: true, maxWidth: maxWidth, minWidth: minWidth, minHeight: minHeight, style: { paddingBottom: "2rem" }, children: [jsx(DialogTitle, { children: jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [!!title && jsx("span", { children: title }), jsx(IconButton, { kind: "close", onClick: handleClose })] }) }), jsx(DialogContent, { children: isLoading ? (jsx(DashboardLoading, {})) : (jsx(Container, { isColumn: true, noBorders: true, children: jsx(ContainerChildren, { type: type, items: modalContent, isMain: true, renderElement: renderElement }) })) })] })] }));
+    return (jsxs(Fragment$1, { children: [jsx(ModalIcon, { kind: icon || "new_window", onClick: handleOpen, children: title }), jsxs(Dialog, { maxWidth: maxWidth, minWidth: minWidth, minHeight: minHeight, isOpen: isOpen, modal: true, onCloseRequest: handleClose, style: { paddingBottom: "2rem" }, children: [jsx(DialogTitle, { children: jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [!!title && jsx("span", { children: title }), jsx(IconButton, { kind: "close", onClick: handleClose })] }) }), jsx(DialogContent, { children: isLoading ? (jsx(DashboardLoading, {})) : (jsx(Container, { isColumn: true, noBorders: true, children: jsx(ContainerChildren, { type: type, items: modalContent, isMain: true, renderElement: renderElement }) })) })] })] }));
 });
 
 const ElementLayerName = memo(({ type }) => {