@evergis/react 3.1.25 → 3.1.27

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

@@ -3,4 +3,5 @@ import { ConfigContainer, WidgetType } from '../../types';
 export declare const Dashboard: FC<{
     type?: WidgetType;
     config?: ConfigContainer;
+    noBorders?: boolean;
 }>;

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

@@ -3,6 +3,7 @@ export * from './Chart';
 export * from './ChartLegend';
 export * from './ContainerChildren';
 export * from './Dashboard';
+export * from './Dashboard/components/DashboardLoading';
 export * from './DashboardCheckbox';
 export * from './DashboardHeader';
 export * from './DataSourceError';

package/dist/components/Dashboard/containers/LayersContainer/styled.d.ts

@@ -1,7 +1,3 @@
-export declare const LayersContainerWrapper: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
-    isTitle?: boolean;
-    isColumn?: boolean;
-    isMain?: boolean;
-} & {
+export declare const LayersContainerWrapper: import('styled-components').StyledComponent<any, any, {
     isPresentationMode?: boolean;
-}, never>;
+}, string | number | symbol>;

package/dist/components/Dashboard/containers/styled.d.ts

@@ -1,8 +1,4 @@
-export declare const Container: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
-    isTitle?: boolean;
-    isColumn?: boolean;
-    isMain?: boolean;
-}, never>;
+export declare const Container: any;
 export declare const ContainerAlias: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
     hasBottomMargin?: boolean;
 }, never>;

package/dist/components/Dashboard/hooks/useWidgetContext.d.ts

@@ -1,6 +1,5 @@
 import { WidgetType } from '../types';
 export declare const useWidgetContext: (type?: WidgetType) => {
-    config: import('../types').ConfigContainer;
     projectInfo: import('@evergis/api').ExtendedProjectInfoDc;
     layerInfos: import('../../..').LayerInfo[];
     updateProject: (projectInfo: import('@evergis/api').ExtendedProjectInfoDc) => void;
@@ -19,6 +18,7 @@ export declare const useWidgetContext: (type?: WidgetType) => {
         ProjectPanelMenu?: import('react').FC;
         ProjectPagesMenu?: import('react').FC;
     };
+    config: import('../types').ConfigContainer;
     isLoading: boolean;
     pageIndex: number;
     filters: import('../types').SelectedFilters;

package/dist/components/Dashboard/hooks/useWidgetPage.d.ts

@@ -7,4 +7,5 @@ export declare const useWidgetPage: (type?: WidgetType) => {
     addConfigPage: () => void;
     deleteConfigPage: (index: number) => void;
     updateConfigLayer: (name: string, newProps: Omit<ConfigLayer, "name">) => void;
+    updateConfigLayers: (props: Record<string, Omit<ConfigLayer, "name">>) => void;
 };

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

@@ -1,8 +1,5 @@
-import { CSSProperties } from 'react';
 export declare const ElementValueWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ContainerWrapper: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
-    $zIndex?: CSSProperties["zIndex"];
-}, never>;
+export declare const ContainerWrapper: any;
 export declare const DashboardChip: import('styled-components').StyledComponent<any, any, any, any>;
 export declare const DashboardPlaceholderWrap: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps, never>;
 export declare const DashboardPlaceholder: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {

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

@@ -273,6 +273,7 @@ export interface ContainerProps {
     maxValue?: number;
     isRow?: boolean;
     isVisible?: boolean;
+    noBorders?: boolean;
     type?: WidgetType;
     index?: number;
     innerComponent?: FC<InnerContainerProps>;

package/dist/contexts/FeatureCardContext/index.d.ts

@@ -1,6 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC } from 'react';
 import { FeatureCardContextSettings } from './types';
 export declare const FeatureCardContext: import('react').Context<FeatureCardContextSettings>;
-export declare const FeatureCardProvider: FC<PropsWithChildren<{
-    settings: FeatureCardContextSettings;
-}>>;
+export declare const FeatureCardProvider: FC<FeatureCardContextSettings>;

package/dist/contexts/FeatureCardContext/types.d.ts

@@ -1,7 +1,9 @@
+import { PropsWithChildren } from 'react';
 import { LayerReferenceConfigurationDc } from '@evergis/api';
 import { LayerInfo, SelectedFeature } from '../../types';
-import { ClientFeatureAttribute, SelectedFilters, WidgetDataSource } from '../../components';
-export type FeatureCardContextSettings = {
+import { ClientFeatureAttribute, ConfigContainer, SelectedFilters, WidgetDataSource } from '../../components';
+export type FeatureCardContextSettings = PropsWithChildren<{
+    config?: ConfigContainer;
     attributes?: ClientFeatureAttribute[];
     layerInfo?: LayerInfo;
     feature?: SelectedFeature;
@@ -25,4 +27,4 @@ export type FeatureCardContextSettings = {
     prevPage?: (totalPages: number) => void;
     changePage?: (pageIndex: number) => void;
     closeFeatureCard?: VoidFunction;
-};
+}>;

package/dist/index.js

@@ -3803,8 +3803,10 @@ const DashboardProvider = React.memo(({ children, ...props }) => {
     return jsxRuntime.jsx(DashboardContext.Provider, { value: props, children: children });
 });
 
-const FeatureCardContext = React.createContext(null);
-const FeatureCardProvider = React.memo(({ settings, children }) => jsxRuntime.jsx(FeatureCardContext.Provider, { value: settings, children: children }));
+const FeatureCardContext = React.createContext({});
+const FeatureCardProvider = React.memo(({ children, ...props }) => {
+    return jsxRuntime.jsx(FeatureCardContext.Provider, { value: props, children: children });
+});
 
 const GlobalContext = React.createContext({});
 const GlobalProvider = React.memo(({ children, ...props }) => {
@@ -3911,10 +3913,9 @@ const ServerNotificationsProvider = ({ url, initialized, children }) => {
 };
 
 const useWidgetContext = (type = exports.WidgetType.Dashboard) => {
-    const { config, projectInfo, updateProject, layerInfos, geometryFilter, dashboardLayers, setDashboardLayer, components: dashboardComponents, pageIndex: projectPageIndex, selectedTabId: projectSelectedTabId, setSelectedTabId: setProjectSelectedTabId, dataSources: projectDataSources, loading: projectLoading, filters: projectFilters, changeFilters: projectChangeFilters, expandContainer: projectExpandContainer, expandedContainers: projectExpandedContainers, nextPage: projectNextPage, prevPage: projectPrevPage, changePage: projectChangePage, } = React.useContext(DashboardContext) || {};
-    const { layerInfo, attributes, feature, closeFeatureCard, pageIndex: featurePageIndex, selectedTabId: featureSelectedTabId, setSelectedTabId: setFeatureSelectedTabId, dataSources: featureDataSources, loading: featureLoading, filters: featureFilters, changeFilters: featureChangeFilters, expandContainer: featureExpandContainer, expandedContainers: featureExpandedContainers, nextPage: featureNextPage, prevPage: featurePrevPage, changePage: featureChangePage, } = React.useContext(FeatureCardContext) || {};
+    const { projectInfo, updateProject, layerInfos, geometryFilter, dashboardLayers, setDashboardLayer, components: dashboardComponents, config: dashboardConfig, pageIndex: projectPageIndex, selectedTabId: projectSelectedTabId, setSelectedTabId: setProjectSelectedTabId, dataSources: projectDataSources, loading: projectLoading, filters: projectFilters, changeFilters: projectChangeFilters, expandContainer: projectExpandContainer, expandedContainers: projectExpandedContainers, nextPage: projectNextPage, prevPage: projectPrevPage, changePage: projectChangePage, } = React.useContext(DashboardContext) || {};
+    const { layerInfo, attributes, feature, closeFeatureCard, config: featureConfig, pageIndex: featurePageIndex, selectedTabId: featureSelectedTabId, setSelectedTabId: setFeatureSelectedTabId, dataSources: featureDataSources, loading: featureLoading, filters: featureFilters, changeFilters: featureChangeFilters, expandContainer: featureExpandContainer, expandedContainers: featureExpandedContainers, nextPage: featureNextPage, prevPage: featurePrevPage, changePage: featureChangePage, } = React.useContext(FeatureCardContext) || {};
     return {
-        config,
         projectInfo,
         layerInfos,
         updateProject,
@@ -3926,6 +3927,7 @@ const useWidgetContext = (type = exports.WidgetType.Dashboard) => {
         feature,
         closeFeatureCard,
         components: dashboardComponents,
+        config: type === exports.WidgetType.Dashboard ? dashboardConfig : featureConfig,
         isLoading: type === exports.WidgetType.Dashboard ? projectLoading : featureLoading,
         pageIndex: type === exports.WidgetType.Dashboard ? projectPageIndex || 1 : featurePageIndex || 1,
         filters: type === exports.WidgetType.Dashboard ? projectFilters : featureFilters,
@@ -4477,6 +4479,7 @@ const ChartLegendItem = styled(uilibGl.Flex) `
   width: auto;
   margin-right: 0.375rem;
   margin-bottom: 0.25rem;
+  line-height: 0.75rem;
   opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
 `;
 const ChartLegendColor = styled.div `
@@ -4521,6 +4524,14 @@ const Container = styled(uilibGl.Flex) `
         margin-bottom: 0.75rem;
       }
     `}
+  
+  ${({ noBorders }) => noBorders && styled.css `
+    ${ContainerWrapper} {
+      box-shadow: none;
+      padding-left: 0;
+      padding-right: 0;
+    }
+  `}
 `;
 const ContainerAlias = styled(uilibGl.Flex) `
   align-items: center;
@@ -5953,7 +5964,7 @@ const ChartContainer = React.memo(({ elementConfig, isVisible, type, renderEleme
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { isColumn: true, children: [aliasElement && jsxRuntime.jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ContainerValue, { column: !twoColumns, alignItems: "center", children: hasItems ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerChart, { children: renderElement({ id: "chart" }) }), jsxRuntime.jsx(ContainerLegend, { children: renderElement({ id: "legend" }) })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u2014" })) })] }))] }));
 });
 
-const PagesContainer = React.memo(({ type = exports.WidgetType.Dashboard }) => {
+const PagesContainer = React.memo(({ type = exports.WidgetType.Dashboard, noBorders }) => {
     const { config } = useWidgetConfig(type);
     const { pageIndex, currentPage } = useWidgetPage(type);
     const { selectedTabId, setSelectedTabId, expandedContainers, attributes } = useWidgetContext(type);
@@ -5983,7 +5994,7 @@ const PagesContainer = React.memo(({ type = exports.WidgetType.Dashboard }) => {
         setSelectedTabId,
         type,
     ]);
-    return (jsxRuntime.jsxs("div", { style: { width }, children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: config, type: type, renderElement: renderElement }), jsxRuntime.jsx(Container, { isColumn: isColumn, isMain: true, children: jsxRuntime.jsx(ContainerChildren, { items: filteredChildren, isMain: true, renderElement: renderElement }) })] }));
+    return (jsxRuntime.jsxs("div", { style: { width }, children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: config, type: type, renderElement: renderElement }), jsxRuntime.jsx(Container, { isColumn: isColumn, isMain: true, noBorders: noBorders, children: jsxRuntime.jsx(ContainerChildren, { items: filteredChildren, isMain: true, renderElement: renderElement }) })] }));
 });
 
 const TwoColumnsInnerContainer = React.memo(({ renderElement }) => {
@@ -8736,7 +8747,28 @@ const useWidgetPage = (type = exports.WidgetType.Dashboard) => {
         page.layers[index] = { ...page.layers[index], ...newProps };
         updateProject(newProjectInfo);
     }, [projectInfo, pageIndex, updateProject]);
-    return { pageIndex, currentPage, changePage, updateConfigPage, addConfigPage, deleteConfigPage, updateConfigLayer };
+    const updateConfigLayers = React.useCallback((props) => {
+        const newProjectInfo = JSON.parse(JSON.stringify(projectInfo));
+        const pages = getPagesFromProjectInfo(newProjectInfo);
+        const page = pages?.[pageIndex - 1];
+        if (!page?.layers?.length)
+            return;
+        page.layers = page.layers.map(layer => ({
+            ...layer,
+            ...(props[layer.name] || {}),
+        }));
+        updateProject(newProjectInfo);
+    }, [projectInfo, pageIndex, updateProject]);
+    return {
+        pageIndex,
+        currentPage,
+        changePage,
+        updateConfigPage,
+        addConfigPage,
+        deleteConfigPage,
+        updateConfigLayer,
+        updateConfigLayers,
+    };
 };
 
 const useChartData = ({ element, type }) => {
@@ -9417,10 +9449,10 @@ const ContainerChildren = React.memo(({ items, isColumn, isMain, renderElement }
 });
 
 const DashboardLoading = React.memo(() => {
-    return (jsxRuntime.jsx(ContainerWrapper, { children: jsxRuntime.jsx(DashboardWrapper, { children: jsxRuntime.jsx(DashboardPlaceholderWrap, { children: jsxRuntime.jsxs(DashboardPlaceholder, { isLoading: true, children: [jsxRuntime.jsx(uilibGl.Icon, { kind: "dashboard_loading" }), jsxRuntime.jsx(uilibGl.Flex, { width: "8rem", children: jsxRuntime.jsx(uilibGl.LinearProgress, {}) })] }) }) }) }));
+    return (jsxRuntime.jsx(Container, { noBorders: true, children: jsxRuntime.jsx(ContainerWrapper, { children: jsxRuntime.jsx(DashboardWrapper, { children: jsxRuntime.jsx(DashboardPlaceholderWrap, { children: jsxRuntime.jsxs(DashboardPlaceholder, { isLoading: true, children: [jsxRuntime.jsx(uilibGl.Icon, { kind: "dashboard_loading" }), jsxRuntime.jsx(uilibGl.Flex, { width: "8rem", children: jsxRuntime.jsx(uilibGl.LinearProgress, {}) })] }) }) }) }) }));
 });
 
-const Dashboard = React.memo(({ type = exports.WidgetType.Dashboard, config }) => {
+const Dashboard = React.memo(({ type = exports.WidgetType.Dashboard, config, noBorders }) => {
     const { dataSources, isLoading } = useWidgetContext(type);
     const { currentPage } = useWidgetPage(type);
     const isDiffPage = useDiffPage(type);
@@ -9428,7 +9460,7 @@ const Dashboard = React.memo(({ type = exports.WidgetType.Dashboard, config }) =
     if (dataSourceLoading || isDiffPage) {
         return (jsxRuntime.jsx(DashboardLoading, {}));
     }
-    return (jsxRuntime.jsx(PagesContainer, { type: type }));
+    return (jsxRuntime.jsx(PagesContainer, { type: type, config: config, noBorders: noBorders }));
 });
 
 const CardCheckbox = styled(uilibGl.Checkbox) `
@@ -9940,6 +9972,7 @@ exports.DashboardContent = DashboardContent;
 exports.DashboardContext = DashboardContext;
 exports.DashboardDefaultHeader = DashboardDefaultHeader;
 exports.DashboardHeader = DashboardHeader;
+exports.DashboardLoading = DashboardLoading;
 exports.DashboardPlaceholder = DashboardPlaceholder;
 exports.DashboardPlaceholderWrap = DashboardPlaceholderWrap;
 exports.DashboardProvider = DashboardProvider;