@evergis/react 4.0.0 → 4.0.2

package/dist/react.esm.js

@@ -3953,8 +3953,13 @@ const useFetchWithAuth = (url, transform, cleanup) => {
         });
     }, [url]);
     useEffect(() => {
-        fetchData();
-    }, [fetchData]);
+        if (url) {
+            fetchData();
+        }
+        else {
+            setData(null);
+        }
+    }, [url]);
     useEffect(() => () => {
         if (data !== null)
             cleanupRef.current?.(data);
@@ -7777,10 +7782,9 @@ const PageTitleContainer = styled(Flex) `
 `;
 
 const DashboardDefaultHeader = memo(() => {
-    const { title, pageId, image, icon, tooltip, themeName } = useDashboardHeader();
+    const { title, pageId, image, icon, tooltip, themeName, onClickLogo } = useDashboardHeader();
     const { toggleLayersVisibility, components: { ProjectPanelMenu, ProjectPagesMenu }, } = useWidgetContext();
-    const backgroundImage = useFetchImageWithAuth(image ? getResourceUrl(image) : null);
-    return (jsxs(DefaultHeaderContainer, { image: backgroundImage ?? undefined, isDark: themeName === ThemeName.Dark, children: [!pageId && jsx(LinearProgress, {}), jsxs(Flex, { column: true, gap: "1rem", children: [jsx(FlexSpan, { children: jsxs(TopContainer, { children: [jsx(LogoContainer, { children: icon }), jsx(TopContainerButtons, { children: jsx(ProjectPanelMenu, {}) })] }) }), jsx(FlexSpan, { children: jsx(Flex, { column: true, gap: "0.25rem", children: jsx(FlexSpan, { children: jsxs(Flex, { alignItems: "center", children: [jsxs(PageTitleContainer, { children: [jsx(Tooltip$1, { arrow: true, content: tooltip, children: ref => (jsx(PageTitle, { ref: ref, onClick: toggleLayersVisibility, children: title })) }), jsx(ProjectPagesMenu, {})] }), jsx(FlexSpan, { children: jsx(Pagination, {}) })] }) }) }) })] })] }));
+    return (jsxs(DefaultHeaderContainer, { image: image, isDark: themeName === ThemeName.Dark, children: [!pageId && jsx(LinearProgress, {}), jsxs(Flex, { column: true, gap: "1rem", children: [jsx(FlexSpan, { children: jsxs(TopContainer, { children: [jsx(LogoContainer, { onClick: onClickLogo, children: icon }), jsx(TopContainerButtons, { children: jsx(ProjectPanelMenu, {}) })] }) }), jsx(FlexSpan, { children: jsx(Flex, { column: true, gap: "0.25rem", children: jsx(FlexSpan, { children: jsxs(Flex, { alignItems: "center", children: [jsxs(PageTitleContainer, { children: [jsx(Tooltip$1, { arrow: true, content: tooltip, children: ref => (jsx(PageTitle, { ref: ref, onClick: toggleLayersVisibility, children: title })) }), jsx(ProjectPagesMenu, {})] }), jsx(FlexSpan, { children: jsx(Pagination, {}) })] }) }) }) })] })] }));
 });
 
 const HeaderFrontView = styled(Flex) `
@@ -8516,8 +8520,10 @@ const ElementIcon = memo(({ type, elementConfig }) => {
     const { attributes } = useWidgetContext(type);
     const { value, attributeName, options, style } = elementConfig || {};
     const { fontSize, fontColor } = options || {};
-    const iconValue = useMemo(() => (attributeName ? attributes?.find(item => item.name === attributeName)?.value : value), [attributeName, attributes, value]);
-    return jsx(StyledIcon, { kind: iconValue, fontSize: fontSize, fontColor: fontColor, style: style });
+    const iconValue = useMemo(() => attributeName
+        ? attributes?.find(item => item.name === attributeName)?.value
+        : value, [attributeName, attributes, value]);
+    return (jsx(StyledIcon, { kind: iconValue, fontSize: fontSize, fontColor: fontColor, style: style }));
 });
 
 const ElementImage = memo(({ type, elementConfig }) => {
@@ -9106,10 +9112,10 @@ const ElementUploader = memo(({ elementConfig, type }) => {
     const [files, setFiles] = useState([]);
     const refInput = useRef();
     const { id, style, options } = elementConfig || {};
-    const { fileExtensions = DEFAULT_FILE_EXTENSIONS, multiSelect, parentResourceId, icon, title, filterName } = options || {};
+    const { fileExtensions = DEFAULT_FILE_EXTENSIONS, multiSelect, parentResourceId, icon, title, filterName, } = options || {};
     const onUpload = useCallback(async (input) => {
-        const files = Array.isArray(input) ? input : [input];
-        const response = await Promise.all(files.map(file => {
+        const newFiles = Array.isArray(input) ? input : [input];
+        const response = await Promise.all(newFiles.map(file => {
             return api.file.upload(file, true, parentResourceId || "", file.name);
         }));
         const uploadedFiles = response.map(item => ({
@@ -9117,28 +9123,29 @@ const ElementUploader = memo(({ elementConfig, type }) => {
             id: item.resourceId,
             done: true,
         }));
-        setFiles(currentFiles => ([...uploadedFiles, ...currentFiles]));
-    }, [parentResourceId]);
-    const onDelete = useCallback(async (id) => {
-        const index = files.findIndex(file => file.id === id);
+        setFiles(currentFiles => [...uploadedFiles, ...currentFiles]);
+    }, [api.file, parentResourceId]);
+    const onDelete = useCallback(async (deleteId) => {
+        const index = files.findIndex(file => file.id === deleteId);
         if (index === -1)
             return;
         const resourceId = files[index].id;
         await api.file.deleteResource({ resourceId });
-        setFiles(currentFiles => currentFiles.filter(({ id }) => id !== resourceId));
-    }, [files]);
+        setFiles(currentFiles => currentFiles.filter(file => file.id !== resourceId));
+    }, [api.file, files]);
     const renderTitle = useMemo(() => {
         if (files.length)
             return null;
-        return (jsxs(UploaderTitle, { children: [jsx(Icon, { kind: icon || "upload" }), jsx("div", { children: title ?? t("uploadTitle", {
-                        ns: "dashboard",
-                        defaultValue: "Перетащите файл сюда или нажмите, чтобы выбрать",
-                    }) })] }));
+        return (jsxs(UploaderTitle, { children: [jsx(Icon, { kind: icon || "upload" }), jsx("div", { children: title ??
+                        t("uploadTitle", {
+                            ns: "dashboard",
+                            defaultValue: "Перетащите файл сюда или нажмите, чтобы выбрать",
+                        }) })] }));
     }, [icon, t, title, files.length]);
     useEffect(() => {
         if (!filterName)
             return;
-        changeFilters({ [filterName]: { value: files.map(({ id }) => id) } });
+        changeFilters({ [filterName]: { value: files.map(file => file.id) } });
     }, [files]);
     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 }) }) }));
 });
@@ -10580,7 +10587,7 @@ const useChartData = ({ element, type }) => {
                 const dataSource = configDataSources.find(({ name }) => name === dataSourceName);
                 const layerInfo = layerInfos?.find(item => item?.name === dataSource?.layerName);
                 const featureDataSource = getDataSource(dataSourceName, dataSources);
-                const hasLayerInfo = !!layerInfo || !!featureDataSource?.attributeDefinition;
+                const hasLayerInfo = !!layerInfo || !!featureDataSource?.attributeDefinition || !!featureDataSource?.features?.length;
                 return {
                     items: hasLayerInfo
                         ? getDataFromRelatedFeatures({
@@ -10632,7 +10639,7 @@ const useChartData = ({ element, type }) => {
 };
 
 const useHeaderRender = (elementConfig, type = WidgetType.Dashboard) => {
-    const { layerInfo, attributes, expandedContainers, selectedTabId, setSelectedTabId } = useWidgetContext(type);
+    const { layerInfo, attributes, expandedContainers, selectedTabId, setSelectedTabId, } = useWidgetContext(type);
     const { config } = useWidgetConfig(type);
     const { pageIndex } = useWidgetPage(type);
     return useMemo(() => getRenderElement({
@@ -10644,7 +10651,16 @@ const useHeaderRender = (elementConfig, type = WidgetType.Dashboard) => {
         selectedTabId,
         setSelectedTabId,
         pageIndex,
-    }), [config, elementConfig, attributes, layerInfo, expandedContainers, selectedTabId, setSelectedTabId, pageIndex]);
+    }), [
+        config,
+        elementConfig,
+        attributes,
+        layerInfo,
+        expandedContainers,
+        selectedTabId,
+        setSelectedTabId,
+        pageIndex,
+    ]);
 };
 
 const useDashboardHeader = () => {
@@ -10653,21 +10669,30 @@ const useDashboardHeader = () => {
     const { currentPage } = useWidgetPage();
     const { alias, name } = projectInfo || {};
     const { id: pageId, header } = currentPage || {};
+    const { children, options } = header || {};
+    const { url } = options || {};
     const renderElement = useHeaderRender(header);
-    const image = useMemo(() => (header?.children?.some(({ id }) => id === "image") ? renderElement({ id: "image", wrap: false }) : null), [header?.children, renderElement]);
-    const icon = useMemo(() => header?.children?.some(({ id }) => id === "icon") ? (renderElement({ id: "icon", wrap: false })) : (jsx(Icon, { kind: "logo", style: { width: "2rem", height: "2rem" } })), [header?.children, renderElement]);
-    const title = useMemo(() => header?.children?.some(({ id }) => id === "title") ? renderElement({ id: "title" }) : currentPage?.options?.title, [header?.children, renderElement, currentPage?.options?.title]);
+    const image = useMemo(() => children?.some(({ id }) => id === "image")
+        ? renderElement({ id: "image", wrap: false })
+        : null, [children, renderElement]);
+    const icon = useMemo(() => children?.some(({ id }) => id === "icon") ? (renderElement({ id: "icon", wrap: false })) : (jsx(Icon, { kind: "logo", style: { width: "2rem", height: "2rem" } })), [children, renderElement]);
+    const title = useMemo(() => children?.some(({ id }) => id === "title")
+        ? renderElement({ id: "title" })
+        : currentPage?.options?.title, [children, renderElement, currentPage?.options?.title]);
     const tooltip = useMemo(() => (jsxs("div", { children: [jsx("span", { children: alias || name }), jsx("span", { style: { opacity: 0.54, marginLeft: "0.5rem" }, children: title })] })), [alias, name, title]);
-    const description = useMemo(() => (header?.children?.some(({ id }) => id === "description") ? renderElement({ id: "description" }) : ""), [header?.children, renderElement]);
+    const onClickLogo = useCallback(() => {
+        if (!url)
+            return;
+        window.open(url);
+    }, [url]);
     return {
         pageId,
         image,
         icon,
         title,
         tooltip,
-        description,
         themeName,
-        renderElement,
+        onClickLogo,
     };
 };
 
@@ -10676,7 +10701,7 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
     const { dataSources } = useWidgetContext(widgetType);
     const { filters: configFilters, dataSources: configDataSources } = config || {};
     const prevFilters = useRef({});
-    const getDataSourcePromises = useCallback(async ({ ds, query, parameters, layerName, limit, condition, url, resourceId }, newFilters, offset = 0) => {
+    const getDataSourcePromises = useCallback(async ({ ds, query, parameters, layerName, limit, condition, url, resourceId, fileName, methodName }, newFilters, offset = 0) => {
         const selectedFilters = {
             ...(filters || {}),
             ...(newFilters || {}),
@@ -10689,12 +10714,14 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
                     method: "get",
                     resourceId,
                     parameters,
+                    ...(fileName && { fileName }),
+                    ...(methodName && { methodName }),
                 }
             });
-            return {
-                items: response.result.items,
-                attributeDefinition: null,
-            };
+            if (response.error) {
+                throw new Error(response.error.message);
+            }
+            return response.result;
         }
         const newParams = applyQueryFilters({
             parameters,
@@ -10774,10 +10801,12 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
         const newDataSources = JSON.parse(JSON.stringify([...currentDataSources, ...otherDataSources]));
         responses.forEach((response, index) => {
             const isQueryDataSource = !isNil(currentDataSources[index].query) ||
-                !!currentDataSources[index].url ||
-                !!currentDataSources[index].resourceId;
+                !!currentDataSources[index].url;
+            const isPythonDataSource = !!currentDataSources[index].resourceId;
             newDataSources[index].layerName = currentDataSources[index].layerName;
-            const items = response.status === "rejected" ? null : response.value?.features || response.items;
+            const items = response.status === "rejected"
+                ? null
+                : response.value?.features || response.value?.items;
             newDataSources[index].features =
                 response.status === "rejected"
                     ? null
@@ -10785,10 +10814,11 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
                         ? items?.map((item, itemIndex) => ({
                             id: itemIndex + 1,
                             attributes: item.attributes,
+                            properties: item.properties || item.attributes,
                         }))
                         : items;
             newDataSources[index].attributeDefinition =
-                response.status === "rejected" || !isQueryDataSource
+                response.status === "rejected" || (!isQueryDataSource && !isPythonDataSource)
                     ? null
                     : response.value.attributeDefinition;
         });