@evergis/react 3.1.26 → 3.1.28

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/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 `
@@ -4511,7 +4514,7 @@ const Container = styled(uilibGl.Flex) `
   ${({ isMain, isColumn }) => (isMain || isColumn) &&
     styled.css `
       > :not(:last-child) {
-        margin-bottom: 0.5rem;
+        margin-bottom: 1.5rem;
       }
     `}
 
@@ -4521,6 +4524,13 @@ const Container = styled(uilibGl.Flex) `
         margin-bottom: 0.75rem;
       }
     `}
+  
+  ${({ noBorders }) => noBorders && styled.css `
+    ${ContainerWrapper} {
+      box-shadow: none;
+      padding: 0;
+    }
+  `}
 `;
 const ContainerAlias = styled(uilibGl.Flex) `
   align-items: center;
@@ -5950,10 +5960,10 @@ const ChartContainer = React.memo(({ elementConfig, isVisible, type, renderEleme
     const hasItems = !!data[0]?.items?.length;
     if (!loading && !hasItems && hideEmpty)
         return null;
-    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" })) })] }))] }));
+    return (jsxRuntime.jsxs(uilibGl.FlexSpan, { flexDirection: "column", 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 +5993,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 }) => {
@@ -6461,7 +6471,7 @@ const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
 
   ${ContainerValue} {
     flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
-    justify-content: ${({ $big }) => ($big ? "flex-start" : "flex-end")};
+    justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
     align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
     line-height: 1;
   }
@@ -6758,6 +6768,7 @@ const Header = styled(uilibGl.Flex) `
   top: 0;
   flex-shrink: 0;
   overflow: hidden;
+  width: 100%;
   padding: 0.5rem;
 
   ${HeaderContainer} {
@@ -6845,8 +6856,6 @@ const HeaderFontColorMixin$1 = styled.css `
   }
 `;
 const HeaderWrapperMixin$1 = styled.css `
-  padding: 0.5rem 0.5rem 0;
-
   ${Header} {
     min-height: 5.25rem;
   }
@@ -6911,8 +6920,6 @@ const HeaderFontColorMixin = styled.css `
   }
 `;
 const HeaderWrapperMixin = styled.css `
-  padding: 0.5rem 0.5rem 0;
-
   ${Header} {
     min-height: 5.25rem;
   }
@@ -6970,7 +6977,7 @@ const BigIconHeaderMixin = styled.css `
 `;
 const IconHeaderWrapper = styled.div `
   ${Header} {
-    width: calc(100% + 3rem);
+    width: calc(100% + 1.5rem);
     margin: -1.5rem -1.5rem 0 -1.5rem;
     padding: 1.5rem;
     border-top-left-radius: 0.5rem;
@@ -9438,10 +9445,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);
@@ -9449,7 +9456,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) `
@@ -9961,6 +9968,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;