@evergis/react 3.1.54 → 3.1.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Dashboard/types.d.ts +1 -0
- package/dist/index.js +9 -15
- package/dist/index.js.map +1 -1
- package/dist/react.esm.js +9 -15
- package/dist/react.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/react.esm.js
CHANGED
|
@@ -5118,13 +5118,6 @@ const Container = styled(Flex) `
|
|
|
5118
5118
|
align-items: center;
|
|
5119
5119
|
`}
|
|
5120
5120
|
|
|
5121
|
-
${({ isMain, isColumn }) => (isMain || isColumn) &&
|
|
5122
|
-
css `
|
|
5123
|
-
> :not(:last-child) {
|
|
5124
|
-
margin-bottom: 1.5rem;
|
|
5125
|
-
}
|
|
5126
|
-
`}
|
|
5127
|
-
|
|
5128
5121
|
${({ isTitle }) => isTitle &&
|
|
5129
5122
|
css `
|
|
5130
5123
|
&&&& {
|
|
@@ -5145,6 +5138,7 @@ const ContainerWrapper = styled(Flex) `
|
|
|
5145
5138
|
width: 100%;
|
|
5146
5139
|
background: ${({ theme: { palette } }) => palette.backgroundAlpha};
|
|
5147
5140
|
box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
|
|
5141
|
+
margin-bottom: 2rem;
|
|
5148
5142
|
padding: 1.5rem;
|
|
5149
5143
|
border-radius: 0.5rem;
|
|
5150
5144
|
backdrop-filter: blur(20px);
|
|
@@ -5155,6 +5149,12 @@ const ContainerWrapper = styled(Flex) `
|
|
|
5155
5149
|
${Container} > :not(:last-child) {
|
|
5156
5150
|
margin-bottom: 1.5rem;
|
|
5157
5151
|
}
|
|
5152
|
+
|
|
5153
|
+
${({ $noMargin }) => $noMargin && css `
|
|
5154
|
+
&&&& {
|
|
5155
|
+
margin-bottom: 0;
|
|
5156
|
+
}
|
|
5157
|
+
`}
|
|
5158
5158
|
`;
|
|
5159
5159
|
const DashboardChip = styled(Chip) `
|
|
5160
5160
|
margin: 0 0.25rem 0.25rem 0;
|
|
@@ -5219,12 +5219,6 @@ const DashboardWrapper = styled(Flex) `
|
|
|
5219
5219
|
width: calc(100% - 3rem);
|
|
5220
5220
|
height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
|
|
5221
5221
|
|
|
5222
|
-
> ${ContainerWrapper} {
|
|
5223
|
-
> * {
|
|
5224
|
-
margin-bottom: 2rem;
|
|
5225
|
-
}
|
|
5226
|
-
}
|
|
5227
|
-
|
|
5228
5222
|
${({ hasImage, isPresentationMode }) => hasImage &&
|
|
5229
5223
|
!isPresentationMode &&
|
|
5230
5224
|
css `
|
|
@@ -10256,12 +10250,12 @@ const ContainerChildren = memo(({ items, isColumn, isMain, renderElement }) => {
|
|
|
10256
10250
|
index,
|
|
10257
10251
|
wrap: isColumn || isMain,
|
|
10258
10252
|
});
|
|
10259
|
-
return isMain ? (jsx(ContainerWrapper, { id: item.id, "data-templatename": item.templateName, children: jsx(DashboardWrapper, { children: render }) }, index)) : (jsx(Fragment, { children: render }, index));
|
|
10253
|
+
return isMain ? (jsx(ContainerWrapper, { "data-id": item.id, "data-templatename": item.templateName, "$noMargin": item.options?.noMargin, children: jsx(DashboardWrapper, { children: render }) }, index)) : (jsx(Fragment, { children: render }, index));
|
|
10260
10254
|
}) }));
|
|
10261
10255
|
});
|
|
10262
10256
|
|
|
10263
10257
|
const DashboardLoading = memo(() => {
|
|
10264
|
-
return (jsx(Container, { noBorders: true, children: jsx(ContainerWrapper, { children: jsx(DashboardWrapper, { children: jsx(DashboardPlaceholderWrap, { children: jsxs(DashboardPlaceholder, { isLoading: true, children: [jsx(Icon, { kind: "dashboard_loading" }), jsx(Flex, { width: "8rem", children: jsx(LinearProgress, {}) })] }) }) }) }) }));
|
|
10258
|
+
return (jsx(Container, { noBorders: true, children: jsx(ContainerWrapper, { "$noMargin": true, children: jsx(DashboardWrapper, { children: jsx(DashboardPlaceholderWrap, { children: jsxs(DashboardPlaceholder, { isLoading: true, children: [jsx(Icon, { kind: "dashboard_loading" }), jsx(Flex, { width: "8rem", children: jsx(LinearProgress, {}) })] }) }) }) }) }));
|
|
10265
10259
|
});
|
|
10266
10260
|
|
|
10267
10261
|
const Dashboard = memo(({ type = WidgetType.Dashboard, config, noBorders }) => {
|