@evergis/react 3.1.54 → 3.1.55

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

@@ -78,6 +78,7 @@ export interface ConfigOptions {
     inlineUnits?: boolean;
     noUnits?: boolean;
     noEmptyOption?: boolean;
+    noMargin?: boolean;
     chartId?: string;
     showTotal?: boolean;
     totalWord?: string;

package/dist/index.js

@@ -5120,13 +5120,6 @@ const Container = styled(uilibGl.Flex) `
           align-items: center;
         `}
 
-  ${({ isMain, isColumn }) => (isMain || isColumn) &&
-    styled.css `
-      > :not(:last-child) {
-        margin-bottom: 1.5rem;
-      }
-    `}
-
   ${({ isTitle }) => isTitle &&
     styled.css `
       &&&& {
@@ -5147,6 +5140,7 @@ const ContainerWrapper = styled(uilibGl.Flex) `
   width: 100%;
   background: ${({ theme: { palette } }) => palette.backgroundAlpha};
   box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
+  margin-bottom: 2rem;
   padding: 1.5rem;
   border-radius: 0.5rem;
   backdrop-filter: blur(20px);
@@ -5157,6 +5151,12 @@ const ContainerWrapper = styled(uilibGl.Flex) `
   ${Container} > :not(:last-child) {
     margin-bottom: 1.5rem;
   }
+  
+  ${({ $noMargin }) => $noMargin && styled.css `
+    &&&& {
+      margin-bottom: 0;
+    }
+  `}
 `;
 const DashboardChip = styled(uilibGl.Chip) `
   margin: 0 0.25rem 0.25rem 0;
@@ -5221,12 +5221,6 @@ const DashboardWrapper = styled(uilibGl.Flex) `
   width: calc(100% - 3rem);
   height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
 
-  > ${ContainerWrapper} {
-    > * {
-      margin-bottom: 2rem;
-    }
-  }
-
   ${({ hasImage, isPresentationMode }) => hasImage &&
     !isPresentationMode &&
     styled.css `
@@ -10258,12 +10252,12 @@ const ContainerChildren = React.memo(({ items, isColumn, isMain, renderElement }
                 index,
                 wrap: isColumn || isMain,
             });
-            return isMain ? (jsxRuntime.jsx(ContainerWrapper, { id: item.id, "data-templatename": item.templateName, children: jsxRuntime.jsx(DashboardWrapper, { children: render }) }, index)) : (jsxRuntime.jsx(React.Fragment, { children: render }, index));
+            return isMain ? (jsxRuntime.jsx(ContainerWrapper, { "data-id": item.id, "data-templatename": item.templateName, "$noMargin": item.options?.noMargin, children: jsxRuntime.jsx(DashboardWrapper, { children: render }) }, index)) : (jsxRuntime.jsx(React.Fragment, { children: render }, index));
         }) }));
 });
 
 const DashboardLoading = React.memo(() => {
-    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, {}) })] }) }) }) }) }));
+    return (jsxRuntime.jsx(Container, { noBorders: true, children: jsxRuntime.jsx(ContainerWrapper, { "$noMargin": true, 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, noBorders }) => {