@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.
Files changed (45) hide show
  1. package/CHANGELOG.md +0 -5
  2. package/dist/{Alert-CmDToT57.cjs → Alert-BiOR9aar.cjs} +1 -72
  3. package/dist/{Alert-2L0Hy8lT.js → Alert-CywtIMOj.js} +3 -74
  4. package/dist/{OpenDiagonallyRight-CSm5GYYJ.js → OpenDiagonallyRight-5HZXh46V.js} +0 -27
  5. package/dist/{OpenDiagonallyRight-CM1tojUq.cjs → OpenDiagonallyRight-BrRyCV4Q.cjs} +0 -27
  6. package/dist/{TablePaginationActions-CAmwcyTy.cjs → TablePaginationActions-CFGXm44W.cjs} +3 -6
  7. package/dist/{TablePaginationActions-b5wP_uRE.js → TablePaginationActions-KpTvhN4Y.js} +3 -6
  8. package/dist/components/index.cjs +21 -239
  9. package/dist/components/index.js +27 -246
  10. package/dist/custom-icons/index.cjs +55 -29
  11. package/dist/custom-icons/index.js +55 -29
  12. package/dist/theme/index.cjs +1 -1
  13. package/dist/theme/index.js +2 -2
  14. package/dist/types/components/atoms/Button.d.ts +0 -11
  15. package/dist/types/components/atoms/Button.d.ts.map +1 -1
  16. package/dist/types/components/atoms/index.d.ts +0 -4
  17. package/dist/types/components/atoms/index.d.ts.map +1 -1
  18. package/dist/types/components/organisms/CodeArea/CodeAreaInput.d.ts.map +1 -1
  19. package/dist/types/components/organisms/CodeArea/CodeAreaTheme.d.ts.map +1 -1
  20. package/dist/types/components/organisms/CodeArea/index.d.ts +0 -1
  21. package/dist/types/components/organisms/CodeArea/index.d.ts.map +1 -1
  22. package/dist/types/components/organisms/CodeArea/types.d.ts +0 -4
  23. package/dist/types/components/organisms/CodeArea/types.d.ts.map +1 -1
  24. package/dist/types/components/organisms/CodeArea/utils.d.ts +0 -34
  25. package/dist/types/components/organisms/CodeArea/utils.d.ts.map +1 -1
  26. package/dist/types/localization/en.d.ts +0 -1
  27. package/dist/types/localization/en.d.ts.map +1 -1
  28. package/dist/types/localization/es.d.ts +0 -1
  29. package/dist/types/localization/es.d.ts.map +1 -1
  30. package/dist/types/localization/id.d.ts +0 -1
  31. package/dist/types/localization/id.d.ts.map +1 -1
  32. package/dist/types/localization/index.d.ts +0 -3
  33. package/dist/types/localization/index.d.ts.map +1 -1
  34. package/dist/types/theme/types.d.ts +0 -6
  35. package/dist/types/theme/types.d.ts.map +1 -1
  36. package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.styled.d.ts +1 -1
  37. package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.styled.d.ts.map +1 -1
  38. package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.d.ts.map +1 -1
  39. package/dist/widgets/index.cjs +5 -5
  40. package/dist/widgets/index.js +5 -5
  41. package/package.json +1 -1
  42. package/dist/types/components/atoms/Link.d.ts +0 -14
  43. package/dist/types/components/atoms/Link.d.ts.map +0 -1
  44. package/dist/types/components/atoms/SplitButton.d.ts +0 -17
  45. 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 reactIntl = require("react-intl");
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, Link as Link$1, Box, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
4
- import { useIntl } from "react-intl";
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",