@carto/meridian-ds 1.4.8-alpha-external-link.5 → 1.4.8
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 +0 -5
- package/dist/{Alert-CmDToT57.cjs → Alert-BiOR9aar.cjs} +1 -72
- package/dist/{Alert-2L0Hy8lT.js → Alert-CywtIMOj.js} +3 -74
- package/dist/{OpenDiagonallyRight-CSm5GYYJ.js → OpenDiagonallyRight-5HZXh46V.js} +0 -27
- package/dist/{OpenDiagonallyRight-CM1tojUq.cjs → OpenDiagonallyRight-BrRyCV4Q.cjs} +0 -27
- package/dist/{TablePaginationActions-CAmwcyTy.cjs → TablePaginationActions-CFGXm44W.cjs} +3 -6
- package/dist/{TablePaginationActions-b5wP_uRE.js → TablePaginationActions-KpTvhN4Y.js} +3 -6
- package/dist/components/index.cjs +21 -239
- package/dist/components/index.js +27 -246
- package/dist/custom-icons/index.cjs +55 -29
- package/dist/custom-icons/index.js +55 -29
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.js +2 -2
- package/dist/types/components/atoms/Button.d.ts +0 -11
- package/dist/types/components/atoms/Button.d.ts.map +1 -1
- package/dist/types/components/atoms/index.d.ts +0 -4
- package/dist/types/components/atoms/index.d.ts.map +1 -1
- package/dist/types/components/organisms/CodeArea/CodeAreaInput.d.ts.map +1 -1
- package/dist/types/components/organisms/CodeArea/CodeAreaTheme.d.ts.map +1 -1
- package/dist/types/components/organisms/CodeArea/index.d.ts +0 -1
- package/dist/types/components/organisms/CodeArea/index.d.ts.map +1 -1
- package/dist/types/components/organisms/CodeArea/types.d.ts +0 -4
- package/dist/types/components/organisms/CodeArea/types.d.ts.map +1 -1
- package/dist/types/components/organisms/CodeArea/utils.d.ts +0 -34
- package/dist/types/components/organisms/CodeArea/utils.d.ts.map +1 -1
- package/dist/types/localization/en.d.ts +0 -1
- package/dist/types/localization/en.d.ts.map +1 -1
- package/dist/types/localization/es.d.ts +0 -1
- package/dist/types/localization/es.d.ts.map +1 -1
- package/dist/types/localization/id.d.ts +0 -1
- package/dist/types/localization/id.d.ts.map +1 -1
- package/dist/types/localization/index.d.ts +0 -3
- package/dist/types/localization/index.d.ts.map +1 -1
- package/dist/types/theme/types.d.ts +0 -6
- package/dist/types/theme/types.d.ts.map +1 -1
- package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.styled.d.ts +1 -1
- package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.styled.d.ts.map +1 -1
- package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.d.ts.map +1 -1
- package/dist/widgets/index.cjs +5 -5
- package/dist/widgets/index.js +5 -5
- package/package.json +1 -1
- package/dist/types/components/atoms/Link.d.ts +0 -14
- package/dist/types/components/atoms/Link.d.ts.map +0 -1
- package/dist/types/components/atoms/SplitButton.d.ts +0 -17
- package/dist/types/components/atoms/SplitButton.d.ts.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
-
- New Link components and Button with externalLink behavior [#202](https://github.com/CartoDB/meridian-ds/pull/202)
|
|
6
|
-
- Fix tooltips in ChartLegend pagination buttons [201](https://github.com/CartoDB/meridian-ds/pull/201)
|
|
7
|
-
- Add `SplitButton` [#212](https://github.com/CartoDB/meridian-ds/pull/212)
|
|
8
|
-
- CodeArea: Add automatic text marking for markdown [#209](https://github.com/CartoDB/meridian-ds/pull/209)
|
|
9
|
-
|
|
10
5
|
## 1.0
|
|
11
6
|
|
|
12
7
|
### 1.4.8
|
|
@@ -2,10 +2,7 @@
|
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const material = require("@mui/material");
|
|
5
|
-
const
|
|
6
|
-
const iconsMaterial = require("@mui/icons-material");
|
|
7
|
-
const TablePaginationActions = require("./TablePaginationActions-CAmwcyTy.cjs");
|
|
8
|
-
require("cartocolor");
|
|
5
|
+
const TablePaginationActions = require("./TablePaginationActions-CFGXm44W.cjs");
|
|
9
6
|
const Option = material.styled("div")(({ theme }) => ({
|
|
10
7
|
position: "relative",
|
|
11
8
|
display: "inline-flex",
|
|
@@ -64,73 +61,6 @@ function _IconButton({
|
|
|
64
61
|
) });
|
|
65
62
|
}
|
|
66
63
|
const IconButton = React.forwardRef(_IconButton);
|
|
67
|
-
const StyledLink = material.styled(material.Link)(({ theme }) => ({
|
|
68
|
-
display: "inline-flex",
|
|
69
|
-
alignItems: "center",
|
|
70
|
-
gap: theme.spacing(0.25)
|
|
71
|
-
}));
|
|
72
|
-
const Icon = material.styled(material.Box, {
|
|
73
|
-
shouldForwardProp: (prop) => prop !== "variant"
|
|
74
|
-
})(({ variant }) => ({
|
|
75
|
-
display: "flex",
|
|
76
|
-
svg: {
|
|
77
|
-
// Size adapts to the text size, but make sure the icon size is at least 12px
|
|
78
|
-
fontSize: `max(1em, ${TablePaginationActions.ICON_SIZE_SMALL})`,
|
|
79
|
-
color: "inherit !important",
|
|
80
|
-
"> path": {
|
|
81
|
-
color: "inherit !important"
|
|
82
|
-
},
|
|
83
|
-
// Defined sizes in design specs
|
|
84
|
-
...variant === "caption" && {
|
|
85
|
-
fontSize: TablePaginationActions.ICON_SIZE_SMALL
|
|
86
|
-
},
|
|
87
|
-
...variant === "button" && {
|
|
88
|
-
fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
|
|
89
|
-
},
|
|
90
|
-
...variant === "body2" && {
|
|
91
|
-
fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
|
|
92
|
-
},
|
|
93
|
-
...variant === "body1" && {
|
|
94
|
-
fontSize: TablePaginationActions.ICON_SIZE_LARGE
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}));
|
|
98
|
-
function _Link({
|
|
99
|
-
children,
|
|
100
|
-
variant,
|
|
101
|
-
startIcon,
|
|
102
|
-
endIcon,
|
|
103
|
-
color,
|
|
104
|
-
external,
|
|
105
|
-
showExternalIcon = true,
|
|
106
|
-
...otherProps
|
|
107
|
-
}, ref) {
|
|
108
|
-
const intl = reactIntl.useIntl();
|
|
109
|
-
const intlConfig = TablePaginationActions.useImperativeIntl(intl);
|
|
110
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
111
|
-
StyledLink,
|
|
112
|
-
{
|
|
113
|
-
...otherProps,
|
|
114
|
-
variant,
|
|
115
|
-
"data-color": color,
|
|
116
|
-
"data-name": "link",
|
|
117
|
-
role: "link",
|
|
118
|
-
color,
|
|
119
|
-
ref,
|
|
120
|
-
target: external ? "_blank" : void 0,
|
|
121
|
-
rel: external ? "noopener noreferrer" : void 0,
|
|
122
|
-
"aria-label": external ? `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
|
|
123
|
-
id: "c4r.button.opensInNewTab"
|
|
124
|
-
})})` : void 0,
|
|
125
|
-
children: [
|
|
126
|
-
startIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { variant, children: startIcon }),
|
|
127
|
-
children,
|
|
128
|
-
(endIcon || external && showExternalIcon) && /* @__PURE__ */ jsxRuntime.jsx(Icon, { variant, children: endIcon || /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.OpenInNewOutlined, {}) })
|
|
129
|
-
]
|
|
130
|
-
}
|
|
131
|
-
);
|
|
132
|
-
}
|
|
133
|
-
const Link = React.forwardRef(_Link);
|
|
134
64
|
const StyledAlert = material.styled(material.Alert, {
|
|
135
65
|
shouldForwardProp: (prop) => ![
|
|
136
66
|
"isNeutral",
|
|
@@ -260,4 +190,3 @@ function _Alert({
|
|
|
260
190
|
const Alert = React.forwardRef(_Alert);
|
|
261
191
|
exports.Alert = Alert;
|
|
262
192
|
exports.IconButton = IconButton;
|
|
263
|
-
exports.Link = Link;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useState } from "react";
|
|
3
|
-
import { styled, IconButton as IconButton$1, Tooltip, CircularProgress,
|
|
4
|
-
import {
|
|
5
|
-
import { OpenInNewOutlined } from "@mui/icons-material";
|
|
6
|
-
import { c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, I as ICON_SIZE_LARGE, u as useImperativeIntl, T as Typography } from "./TablePaginationActions-b5wP_uRE.js";
|
|
7
|
-
import "cartocolor";
|
|
3
|
+
import { styled, IconButton as IconButton$1, Tooltip, CircularProgress, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
|
|
4
|
+
import { b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-KpTvhN4Y.js";
|
|
8
5
|
const Option = styled("div")(({ theme }) => ({
|
|
9
6
|
position: "relative",
|
|
10
7
|
display: "inline-flex",
|
|
@@ -63,73 +60,6 @@ function _IconButton({
|
|
|
63
60
|
) });
|
|
64
61
|
}
|
|
65
62
|
const IconButton = forwardRef(_IconButton);
|
|
66
|
-
const StyledLink = styled(Link$1)(({ theme }) => ({
|
|
67
|
-
display: "inline-flex",
|
|
68
|
-
alignItems: "center",
|
|
69
|
-
gap: theme.spacing(0.25)
|
|
70
|
-
}));
|
|
71
|
-
const Icon = styled(Box, {
|
|
72
|
-
shouldForwardProp: (prop) => prop !== "variant"
|
|
73
|
-
})(({ variant }) => ({
|
|
74
|
-
display: "flex",
|
|
75
|
-
svg: {
|
|
76
|
-
// Size adapts to the text size, but make sure the icon size is at least 12px
|
|
77
|
-
fontSize: `max(1em, ${ICON_SIZE_SMALL})`,
|
|
78
|
-
color: "inherit !important",
|
|
79
|
-
"> path": {
|
|
80
|
-
color: "inherit !important"
|
|
81
|
-
},
|
|
82
|
-
// Defined sizes in design specs
|
|
83
|
-
...variant === "caption" && {
|
|
84
|
-
fontSize: ICON_SIZE_SMALL
|
|
85
|
-
},
|
|
86
|
-
...variant === "button" && {
|
|
87
|
-
fontSize: ICON_SIZE_MEDIUM
|
|
88
|
-
},
|
|
89
|
-
...variant === "body2" && {
|
|
90
|
-
fontSize: ICON_SIZE_MEDIUM
|
|
91
|
-
},
|
|
92
|
-
...variant === "body1" && {
|
|
93
|
-
fontSize: ICON_SIZE_LARGE
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}));
|
|
97
|
-
function _Link({
|
|
98
|
-
children,
|
|
99
|
-
variant,
|
|
100
|
-
startIcon,
|
|
101
|
-
endIcon,
|
|
102
|
-
color,
|
|
103
|
-
external,
|
|
104
|
-
showExternalIcon = true,
|
|
105
|
-
...otherProps
|
|
106
|
-
}, ref) {
|
|
107
|
-
const intl = useIntl();
|
|
108
|
-
const intlConfig = useImperativeIntl(intl);
|
|
109
|
-
return /* @__PURE__ */ jsxs(
|
|
110
|
-
StyledLink,
|
|
111
|
-
{
|
|
112
|
-
...otherProps,
|
|
113
|
-
variant,
|
|
114
|
-
"data-color": color,
|
|
115
|
-
"data-name": "link",
|
|
116
|
-
role: "link",
|
|
117
|
-
color,
|
|
118
|
-
ref,
|
|
119
|
-
target: external ? "_blank" : void 0,
|
|
120
|
-
rel: external ? "noopener noreferrer" : void 0,
|
|
121
|
-
"aria-label": external ? `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
|
|
122
|
-
id: "c4r.button.opensInNewTab"
|
|
123
|
-
})})` : void 0,
|
|
124
|
-
children: [
|
|
125
|
-
startIcon && /* @__PURE__ */ jsx(Icon, { variant, children: startIcon }),
|
|
126
|
-
children,
|
|
127
|
-
(endIcon || external && showExternalIcon) && /* @__PURE__ */ jsx(Icon, { variant, children: endIcon || /* @__PURE__ */ jsx(OpenInNewOutlined, {}) })
|
|
128
|
-
]
|
|
129
|
-
}
|
|
130
|
-
);
|
|
131
|
-
}
|
|
132
|
-
const Link = forwardRef(_Link);
|
|
133
63
|
const StyledAlert = styled(Alert$1, {
|
|
134
64
|
shouldForwardProp: (prop) => ![
|
|
135
65
|
"isNeutral",
|
|
@@ -259,6 +189,5 @@ function _Alert({
|
|
|
259
189
|
const Alert = forwardRef(_Alert);
|
|
260
190
|
export {
|
|
261
191
|
Alert as A,
|
|
262
|
-
IconButton as I
|
|
263
|
-
Link as L
|
|
192
|
+
IconButton as I
|
|
264
193
|
};
|
|
@@ -1,32 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { createSvgIcon } from "@mui/material/utils";
|
|
4
|
-
const Icon$2 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
|
|
5
|
-
"path",
|
|
6
|
-
{
|
|
7
|
-
fill: "currentColor",
|
|
8
|
-
fillRule: "evenodd",
|
|
9
|
-
d: "M12.01 11.83 15.18 15l1.41-1.41L12.01 9l-4.59 4.59L8.84 15z",
|
|
10
|
-
clipRule: "evenodd"
|
|
11
|
-
}
|
|
12
|
-
) });
|
|
13
|
-
const BaseSvgIcon$2 = createSvgIcon(Icon$2(), "ArrowUp");
|
|
14
|
-
function ArrowUp({ width, height, sx, ...props }, ref) {
|
|
15
|
-
return /* @__PURE__ */ jsx(
|
|
16
|
-
BaseSvgIcon$2,
|
|
17
|
-
{
|
|
18
|
-
ref,
|
|
19
|
-
viewBox: "0 0 24 24",
|
|
20
|
-
sx: {
|
|
21
|
-
width,
|
|
22
|
-
height: height || width,
|
|
23
|
-
...sx
|
|
24
|
-
},
|
|
25
|
-
...props
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
const ArrowUp$1 = forwardRef(ArrowUp);
|
|
30
4
|
const Icon$1 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
|
|
31
5
|
"path",
|
|
32
6
|
{
|
|
@@ -80,7 +54,6 @@ function OpenDiagonallyRight({ width, height, sx, ...props }, ref) {
|
|
|
80
54
|
}
|
|
81
55
|
const OpenDiagonallyRight$1 = forwardRef(OpenDiagonallyRight);
|
|
82
56
|
export {
|
|
83
|
-
ArrowUp$1 as A,
|
|
84
57
|
CloseDiagonallyRight$1 as C,
|
|
85
58
|
OpenDiagonallyRight$1 as O
|
|
86
59
|
};
|
|
@@ -2,32 +2,6 @@
|
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const utils = require("@mui/material/utils");
|
|
5
|
-
const Icon$2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6
|
-
"path",
|
|
7
|
-
{
|
|
8
|
-
fill: "currentColor",
|
|
9
|
-
fillRule: "evenodd",
|
|
10
|
-
d: "M12.01 11.83 15.18 15l1.41-1.41L12.01 9l-4.59 4.59L8.84 15z",
|
|
11
|
-
clipRule: "evenodd"
|
|
12
|
-
}
|
|
13
|
-
) });
|
|
14
|
-
const BaseSvgIcon$2 = utils.createSvgIcon(Icon$2(), "ArrowUp");
|
|
15
|
-
function ArrowUp({ width, height, sx, ...props }, ref) {
|
|
16
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
17
|
-
BaseSvgIcon$2,
|
|
18
|
-
{
|
|
19
|
-
ref,
|
|
20
|
-
viewBox: "0 0 24 24",
|
|
21
|
-
sx: {
|
|
22
|
-
width,
|
|
23
|
-
height: height || width,
|
|
24
|
-
...sx
|
|
25
|
-
},
|
|
26
|
-
...props
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
const ArrowUp$1 = React.forwardRef(ArrowUp);
|
|
31
5
|
const Icon$1 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
32
6
|
"path",
|
|
33
7
|
{
|
|
@@ -80,6 +54,5 @@ function OpenDiagonallyRight({ width, height, sx, ...props }, ref) {
|
|
|
80
54
|
);
|
|
81
55
|
}
|
|
82
56
|
const OpenDiagonallyRight$1 = React.forwardRef(OpenDiagonallyRight);
|
|
83
|
-
exports.ArrowUp = ArrowUp$1;
|
|
84
57
|
exports.CloseDiagonallyRight = CloseDiagonallyRight$1;
|
|
85
58
|
exports.OpenDiagonallyRight = OpenDiagonallyRight$1;
|
|
@@ -814,8 +814,7 @@ const en = {
|
|
|
814
814
|
copy: "Copy",
|
|
815
815
|
save: "Save",
|
|
816
816
|
add: "Add",
|
|
817
|
-
showOptions: "Show options"
|
|
818
|
-
opensInNewTab: "Opens in new tab"
|
|
817
|
+
showOptions: "Show options"
|
|
819
818
|
},
|
|
820
819
|
form: {
|
|
821
820
|
selectAll: "Select all",
|
|
@@ -963,8 +962,7 @@ const es = {
|
|
|
963
962
|
copy: "Copiar",
|
|
964
963
|
save: "Guardar",
|
|
965
964
|
add: "Añadir",
|
|
966
|
-
showOptions: "Mostrar opciones"
|
|
967
|
-
opensInNewTab: "Abre en una nueva pestaña"
|
|
965
|
+
showOptions: "Mostrar opciones"
|
|
968
966
|
},
|
|
969
967
|
form: {
|
|
970
968
|
selectAll: "Seleccionar todos",
|
|
@@ -1110,8 +1108,7 @@ const id = {
|
|
|
1110
1108
|
copy: "Salin",
|
|
1111
1109
|
save: "Simpan",
|
|
1112
1110
|
add: "Tambah",
|
|
1113
|
-
showOptions: "Tampilkan opsi"
|
|
1114
|
-
opensInNewTab: "Buka di tab baru"
|
|
1111
|
+
showOptions: "Tampilkan opsi"
|
|
1115
1112
|
},
|
|
1116
1113
|
form: {
|
|
1117
1114
|
selectAll: "Select all",
|
|
@@ -813,8 +813,7 @@ const en = {
|
|
|
813
813
|
copy: "Copy",
|
|
814
814
|
save: "Save",
|
|
815
815
|
add: "Add",
|
|
816
|
-
showOptions: "Show options"
|
|
817
|
-
opensInNewTab: "Opens in new tab"
|
|
816
|
+
showOptions: "Show options"
|
|
818
817
|
},
|
|
819
818
|
form: {
|
|
820
819
|
selectAll: "Select all",
|
|
@@ -962,8 +961,7 @@ const es = {
|
|
|
962
961
|
copy: "Copiar",
|
|
963
962
|
save: "Guardar",
|
|
964
963
|
add: "Añadir",
|
|
965
|
-
showOptions: "Mostrar opciones"
|
|
966
|
-
opensInNewTab: "Abre en una nueva pestaña"
|
|
964
|
+
showOptions: "Mostrar opciones"
|
|
967
965
|
},
|
|
968
966
|
form: {
|
|
969
967
|
selectAll: "Seleccionar todos",
|
|
@@ -1109,8 +1107,7 @@ const id = {
|
|
|
1109
1107
|
copy: "Salin",
|
|
1110
1108
|
save: "Simpan",
|
|
1111
1109
|
add: "Tambah",
|
|
1112
|
-
showOptions: "Tampilkan opsi"
|
|
1113
|
-
opensInNewTab: "Buka di tab baru"
|
|
1110
|
+
showOptions: "Tampilkan opsi"
|
|
1114
1111
|
},
|
|
1115
1112
|
form: {
|
|
1116
1113
|
selectAll: "Select all",
|