@carto/meridian-ds 2.8.0-alpha-empty-state.4 → 2.9.0
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/CHANGELOG.md +5 -2
- package/dist/components/index.cjs +5 -3
- package/dist/components/index.js +5 -3
- package/dist/types/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyState.styled.d.ts +1 -1
- package/dist/types/components/EmptyState/types.d.ts +1 -1
- package/dist/types/widgets/FeatureSelectionWidgetUI/FeatureSelectionWidgetUI.test.d.ts +0 -1
- package/dist/types/widgets/FeatureSelectionWidgetUI/FeatureSelectionWidgetUI.test.d.ts.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,10 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
-
- New EmptyState component [#330](https://github.com/CartoDB/meridian-ds/pull/330)
|
|
6
|
-
|
|
7
5
|
## 2.0
|
|
8
6
|
|
|
7
|
+
### 2.9.0
|
|
8
|
+
|
|
9
|
+
- New EmptyState component [#330](https://github.com/CartoDB/meridian-ds/pull/330)
|
|
10
|
+
- Tests: Add console mock utility and enhance test setup [#315](https://github.com/CartoDB/meridian-ds/pull/315)
|
|
11
|
+
|
|
9
12
|
### 2.8.0
|
|
10
13
|
|
|
11
14
|
- New Loader and CircularProgress components [#329](https://github.com/CartoDB/meridian-ds/pull/329)
|
|
@@ -776,7 +776,7 @@ function _MultipleSelectField({
|
|
|
776
776
|
const MultipleSelectField = React.forwardRef(_MultipleSelectField);
|
|
777
777
|
const StyledToggleButtonGroup = material.styled(material.ToggleButtonGroup, {
|
|
778
778
|
shouldForwardProp: (prop) => prop !== "backgroundColor"
|
|
779
|
-
})();
|
|
779
|
+
})(() => ({}));
|
|
780
780
|
function _ToggleButtonGroup({
|
|
781
781
|
children,
|
|
782
782
|
variant = "floating",
|
|
@@ -4666,7 +4666,7 @@ function DateTimePicker({
|
|
|
4666
4666
|
}
|
|
4667
4667
|
);
|
|
4668
4668
|
}
|
|
4669
|
-
const EMPTY_STATE_WIDTH =
|
|
4669
|
+
const EMPTY_STATE_WIDTH = 592;
|
|
4670
4670
|
const Root = material.styled(material.Stack, {
|
|
4671
4671
|
shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing" && prop !== "contentHeight"
|
|
4672
4672
|
})(({ size = "medium", spacing, contentHeight, theme }) => ({
|
|
@@ -4732,7 +4732,7 @@ function _EmptyState({
|
|
|
4732
4732
|
}, ref) {
|
|
4733
4733
|
const hasAnyTextContent = title || description;
|
|
4734
4734
|
const isSmall = size === "small";
|
|
4735
|
-
const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ?
|
|
4735
|
+
const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ? 32 : 48);
|
|
4736
4736
|
const iconColor = (iconProps == null ? void 0 : iconProps.color) === null ? null : (iconProps == null ? void 0 : iconProps.color) ?? "text.disabled";
|
|
4737
4737
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4738
4738
|
Root,
|
|
@@ -4759,6 +4759,7 @@ function _EmptyState({
|
|
|
4759
4759
|
{
|
|
4760
4760
|
variant: isSmall ? "body2" : "body1",
|
|
4761
4761
|
color: "textSecondary",
|
|
4762
|
+
component: "div",
|
|
4762
4763
|
...titleProps,
|
|
4763
4764
|
children: title
|
|
4764
4765
|
}
|
|
@@ -4768,6 +4769,7 @@ function _EmptyState({
|
|
|
4768
4769
|
{
|
|
4769
4770
|
variant: isSmall ? "caption" : "body2",
|
|
4770
4771
|
color: "textSecondary",
|
|
4772
|
+
component: "div",
|
|
4771
4773
|
...descriptionProps,
|
|
4772
4774
|
children: description
|
|
4773
4775
|
}
|
package/dist/components/index.js
CHANGED
|
@@ -776,7 +776,7 @@ function _MultipleSelectField({
|
|
|
776
776
|
const MultipleSelectField = forwardRef(_MultipleSelectField);
|
|
777
777
|
const StyledToggleButtonGroup = styled(ToggleButtonGroup$1, {
|
|
778
778
|
shouldForwardProp: (prop) => prop !== "backgroundColor"
|
|
779
|
-
})();
|
|
779
|
+
})(() => ({}));
|
|
780
780
|
function _ToggleButtonGroup({
|
|
781
781
|
children,
|
|
782
782
|
variant = "floating",
|
|
@@ -4666,7 +4666,7 @@ function DateTimePicker({
|
|
|
4666
4666
|
}
|
|
4667
4667
|
);
|
|
4668
4668
|
}
|
|
4669
|
-
const EMPTY_STATE_WIDTH =
|
|
4669
|
+
const EMPTY_STATE_WIDTH = 592;
|
|
4670
4670
|
const Root = styled(Stack, {
|
|
4671
4671
|
shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing" && prop !== "contentHeight"
|
|
4672
4672
|
})(({ size = "medium", spacing, contentHeight, theme }) => ({
|
|
@@ -4732,7 +4732,7 @@ function _EmptyState({
|
|
|
4732
4732
|
}, ref) {
|
|
4733
4733
|
const hasAnyTextContent = title || description;
|
|
4734
4734
|
const isSmall = size === "small";
|
|
4735
|
-
const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ?
|
|
4735
|
+
const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ? 32 : 48);
|
|
4736
4736
|
const iconColor = (iconProps == null ? void 0 : iconProps.color) === null ? null : (iconProps == null ? void 0 : iconProps.color) ?? "text.disabled";
|
|
4737
4737
|
return /* @__PURE__ */ jsxs(
|
|
4738
4738
|
Root,
|
|
@@ -4759,6 +4759,7 @@ function _EmptyState({
|
|
|
4759
4759
|
{
|
|
4760
4760
|
variant: isSmall ? "body2" : "body1",
|
|
4761
4761
|
color: "textSecondary",
|
|
4762
|
+
component: "div",
|
|
4762
4763
|
...titleProps,
|
|
4763
4764
|
children: title
|
|
4764
4765
|
}
|
|
@@ -4768,6 +4769,7 @@ function _EmptyState({
|
|
|
4768
4769
|
{
|
|
4769
4770
|
variant: isSmall ? "caption" : "body2",
|
|
4770
4771
|
color: "textSecondary",
|
|
4772
|
+
component: "div",
|
|
4771
4773
|
...descriptionProps,
|
|
4772
4774
|
children: description
|
|
4773
4775
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAkGzC,QAAA,MAAM,UAAU,4GAA2D,CAAA;AAC3E,eAAe,UAAU,CAAA"}
|
|
@@ -54,7 +54,7 @@ export type EmptyStateProps = {
|
|
|
54
54
|
* The height of the component.
|
|
55
55
|
* If using a number, the pixel unit is assumed.
|
|
56
56
|
* If using a string, you need to provide the CSS unit, for example '3rem'.
|
|
57
|
-
* @default
|
|
57
|
+
* @default 592
|
|
58
58
|
*/
|
|
59
59
|
contentWidth?: number | string;
|
|
60
60
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeatureSelectionWidgetUI.test.d.ts","sourceRoot":"","sources":["../../../../src/widgets/FeatureSelectionWidgetUI/FeatureSelectionWidgetUI.test.tsx"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"FeatureSelectionWidgetUI.test.d.ts","sourceRoot":"","sources":["../../../../src/widgets/FeatureSelectionWidgetUI/FeatureSelectionWidgetUI.test.tsx"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,CAAA"}
|