@carto/meridian-ds 1.4.5 → 1.4.7-alpha-stack-error.1
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 +7 -0
- package/dist/{Alert-zqtoWsBL.cjs → Alert-BiOR9aar.cjs} +61 -2
- package/dist/{Alert-D8jI1sG4.js → Alert-CywtIMOj.js} +62 -3
- package/dist/components/index.cjs +6 -64
- package/dist/components/index.js +17 -75
- package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/ChartLegend.d.ts.map +1 -1
- package/dist/widgets/index.cjs +25 -32
- package/dist/widgets/index.js +36 -43
- package/package.json +3 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,8 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
+
- Fix Category Widget max value calculation [#206](https://github.com/CartoDB/meridian-ds/pull/206)
|
|
6
|
+
|
|
5
7
|
## 1.0
|
|
6
8
|
|
|
9
|
+
### 1.4.6
|
|
10
|
+
|
|
11
|
+
- Fix tooltips in ChartLegend pagination buttons [201](https://github.com/CartoDB/meridian-ds/pull/201)
|
|
12
|
+
- Remove `scrollIntoView` from Category Widget [203](https://github.com/CartoDB/meridian-ds/pull/203)
|
|
13
|
+
|
|
7
14
|
### 1.4.5
|
|
8
15
|
|
|
9
16
|
- Fix Icon shapes size [#194](https://github.com/CartoDB/meridian-ds/pull/194)
|
|
@@ -1,8 +1,66 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
const TablePaginationActions = require("./TablePaginationActions-CFGXm44W.cjs");
|
|
4
|
-
const material = require("@mui/material");
|
|
5
3
|
const React = require("react");
|
|
4
|
+
const material = require("@mui/material");
|
|
5
|
+
const TablePaginationActions = require("./TablePaginationActions-CFGXm44W.cjs");
|
|
6
|
+
const Option = material.styled("div")(({ theme }) => ({
|
|
7
|
+
position: "relative",
|
|
8
|
+
display: "inline-flex",
|
|
9
|
+
// TODO: Remove this once we have a better way to handle the spacing between icon buttons:
|
|
10
|
+
// https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
|
|
11
|
+
"& + &, & + .optionIconButton": {
|
|
12
|
+
marginLeft: theme.spacing(0.5)
|
|
13
|
+
}
|
|
14
|
+
}));
|
|
15
|
+
const StyledIconButton = material.styled(material.IconButton, {
|
|
16
|
+
shouldForwardProp: (prop) => !["active"].includes(prop)
|
|
17
|
+
})(({ active, theme }) => ({
|
|
18
|
+
...active && {
|
|
19
|
+
color: theme.palette.primary.main,
|
|
20
|
+
backgroundColor: theme.palette.primary.background,
|
|
21
|
+
"& svg:not(.doNotFillIcon) path": {
|
|
22
|
+
fill: theme.palette.primary.main
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}));
|
|
26
|
+
function _IconButton({
|
|
27
|
+
tooltip,
|
|
28
|
+
tooltipPlacement = "top",
|
|
29
|
+
icon,
|
|
30
|
+
size = "medium",
|
|
31
|
+
variant = "icon",
|
|
32
|
+
color = "default",
|
|
33
|
+
sx,
|
|
34
|
+
className,
|
|
35
|
+
loading,
|
|
36
|
+
disabled,
|
|
37
|
+
active,
|
|
38
|
+
...props
|
|
39
|
+
}, ref) {
|
|
40
|
+
return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
41
|
+
Option,
|
|
42
|
+
{
|
|
43
|
+
className: `optionIconButton ${className ?? ""}`,
|
|
44
|
+
sx,
|
|
45
|
+
"data-testid": "icon-button",
|
|
46
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
47
|
+
StyledIconButton,
|
|
48
|
+
{
|
|
49
|
+
...props,
|
|
50
|
+
ref,
|
|
51
|
+
size,
|
|
52
|
+
variant,
|
|
53
|
+
color,
|
|
54
|
+
active,
|
|
55
|
+
disabled: disabled || loading,
|
|
56
|
+
role: "button",
|
|
57
|
+
children: loading ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 18, color: "inherit" }) : icon
|
|
58
|
+
}
|
|
59
|
+
)
|
|
60
|
+
}
|
|
61
|
+
) });
|
|
62
|
+
}
|
|
63
|
+
const IconButton = React.forwardRef(_IconButton);
|
|
6
64
|
const StyledAlert = material.styled(material.Alert, {
|
|
7
65
|
shouldForwardProp: (prop) => ![
|
|
8
66
|
"isNeutral",
|
|
@@ -131,3 +189,4 @@ function _Alert({
|
|
|
131
189
|
}
|
|
132
190
|
const Alert = React.forwardRef(_Alert);
|
|
133
191
|
exports.Alert = Alert;
|
|
192
|
+
exports.IconButton = IconButton;
|
|
@@ -1,7 +1,65 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-KpTvhN4Y.js";
|
|
3
|
-
import { styled, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
|
|
4
2
|
import { forwardRef, useState } from "react";
|
|
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";
|
|
5
|
+
const Option = styled("div")(({ theme }) => ({
|
|
6
|
+
position: "relative",
|
|
7
|
+
display: "inline-flex",
|
|
8
|
+
// TODO: Remove this once we have a better way to handle the spacing between icon buttons:
|
|
9
|
+
// https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
|
|
10
|
+
"& + &, & + .optionIconButton": {
|
|
11
|
+
marginLeft: theme.spacing(0.5)
|
|
12
|
+
}
|
|
13
|
+
}));
|
|
14
|
+
const StyledIconButton = styled(IconButton$1, {
|
|
15
|
+
shouldForwardProp: (prop) => !["active"].includes(prop)
|
|
16
|
+
})(({ active, theme }) => ({
|
|
17
|
+
...active && {
|
|
18
|
+
color: theme.palette.primary.main,
|
|
19
|
+
backgroundColor: theme.palette.primary.background,
|
|
20
|
+
"& svg:not(.doNotFillIcon) path": {
|
|
21
|
+
fill: theme.palette.primary.main
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}));
|
|
25
|
+
function _IconButton({
|
|
26
|
+
tooltip,
|
|
27
|
+
tooltipPlacement = "top",
|
|
28
|
+
icon,
|
|
29
|
+
size = "medium",
|
|
30
|
+
variant = "icon",
|
|
31
|
+
color = "default",
|
|
32
|
+
sx,
|
|
33
|
+
className,
|
|
34
|
+
loading,
|
|
35
|
+
disabled,
|
|
36
|
+
active,
|
|
37
|
+
...props
|
|
38
|
+
}, ref) {
|
|
39
|
+
return /* @__PURE__ */ jsx(Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsx(
|
|
40
|
+
Option,
|
|
41
|
+
{
|
|
42
|
+
className: `optionIconButton ${className ?? ""}`,
|
|
43
|
+
sx,
|
|
44
|
+
"data-testid": "icon-button",
|
|
45
|
+
children: /* @__PURE__ */ jsx(
|
|
46
|
+
StyledIconButton,
|
|
47
|
+
{
|
|
48
|
+
...props,
|
|
49
|
+
ref,
|
|
50
|
+
size,
|
|
51
|
+
variant,
|
|
52
|
+
color,
|
|
53
|
+
active,
|
|
54
|
+
disabled: disabled || loading,
|
|
55
|
+
role: "button",
|
|
56
|
+
children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 18, color: "inherit" }) : icon
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
}
|
|
60
|
+
) });
|
|
61
|
+
}
|
|
62
|
+
const IconButton = forwardRef(_IconButton);
|
|
5
63
|
const StyledAlert = styled(Alert$1, {
|
|
6
64
|
shouldForwardProp: (prop) => ![
|
|
7
65
|
"isNeutral",
|
|
@@ -130,5 +188,6 @@ function _Alert({
|
|
|
130
188
|
}
|
|
131
189
|
const Alert = forwardRef(_Alert);
|
|
132
190
|
export {
|
|
133
|
-
Alert as A
|
|
191
|
+
Alert as A,
|
|
192
|
+
IconButton as I
|
|
134
193
|
};
|
|
@@ -6,7 +6,7 @@ const material = require("@mui/material");
|
|
|
6
6
|
const TablePaginationActions = require("../TablePaginationActions-CFGXm44W.cjs");
|
|
7
7
|
const reactIntl = require("react-intl");
|
|
8
8
|
const iconsMaterial = require("@mui/icons-material");
|
|
9
|
-
const Alert$1 = require("../Alert-
|
|
9
|
+
const Alert$1 = require("../Alert-BiOR9aar.cjs");
|
|
10
10
|
require("cartocolor");
|
|
11
11
|
const MenuItem = require("../MenuItem-Br2jY2lt.cjs");
|
|
12
12
|
const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
|
|
@@ -381,64 +381,6 @@ function ToggleButtonGroup({
|
|
|
381
381
|
}
|
|
382
382
|
);
|
|
383
383
|
}
|
|
384
|
-
const Option = material.styled("div")(({ theme }) => ({
|
|
385
|
-
position: "relative",
|
|
386
|
-
display: "inline-flex",
|
|
387
|
-
// TODO: Remove this once we have a better way to handle the spacing between icon buttons:
|
|
388
|
-
// https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
|
|
389
|
-
"& + &, & + .optionIconButton": {
|
|
390
|
-
marginLeft: theme.spacing(0.5)
|
|
391
|
-
}
|
|
392
|
-
}));
|
|
393
|
-
const StyledIconButton = material.styled(material.IconButton, {
|
|
394
|
-
shouldForwardProp: (prop) => !["active"].includes(prop)
|
|
395
|
-
})(({ active, theme }) => ({
|
|
396
|
-
...active && {
|
|
397
|
-
color: theme.palette.primary.main,
|
|
398
|
-
backgroundColor: theme.palette.primary.background,
|
|
399
|
-
"& svg:not(.doNotFillIcon) path": {
|
|
400
|
-
fill: theme.palette.primary.main
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
}));
|
|
404
|
-
function _IconButton({
|
|
405
|
-
tooltip,
|
|
406
|
-
tooltipPlacement = "top",
|
|
407
|
-
icon,
|
|
408
|
-
size = "medium",
|
|
409
|
-
variant = "icon",
|
|
410
|
-
color = "default",
|
|
411
|
-
sx,
|
|
412
|
-
className,
|
|
413
|
-
loading,
|
|
414
|
-
disabled,
|
|
415
|
-
active,
|
|
416
|
-
...props
|
|
417
|
-
}, ref) {
|
|
418
|
-
return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
419
|
-
Option,
|
|
420
|
-
{
|
|
421
|
-
className: `optionIconButton ${className ?? ""}`,
|
|
422
|
-
sx,
|
|
423
|
-
"data-testid": "icon-button",
|
|
424
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
425
|
-
StyledIconButton,
|
|
426
|
-
{
|
|
427
|
-
...props,
|
|
428
|
-
ref,
|
|
429
|
-
size,
|
|
430
|
-
variant,
|
|
431
|
-
color,
|
|
432
|
-
active,
|
|
433
|
-
disabled: disabled || loading,
|
|
434
|
-
role: "button",
|
|
435
|
-
children: loading ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 18, color: "inherit" }) : icon
|
|
436
|
-
}
|
|
437
|
-
)
|
|
438
|
-
}
|
|
439
|
-
) });
|
|
440
|
-
}
|
|
441
|
-
const IconButton = React.forwardRef(_IconButton);
|
|
442
384
|
const StyledMenu = material.styled(material.Menu, {
|
|
443
385
|
shouldForwardProp: (prop) => !["extended", "width", "height"].includes(prop)
|
|
444
386
|
})(({ theme, extended, width, height }) => ({
|
|
@@ -1480,7 +1422,7 @@ const _CopiableComponent = ({
|
|
|
1480
1422
|
children: [
|
|
1481
1423
|
children,
|
|
1482
1424
|
button && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1483
|
-
IconButton,
|
|
1425
|
+
Alert$1.IconButton,
|
|
1484
1426
|
{
|
|
1485
1427
|
...buttonProps,
|
|
1486
1428
|
disabled,
|
|
@@ -1739,7 +1681,7 @@ function Snackbar({
|
|
|
1739
1681
|
}
|
|
1740
1682
|
),
|
|
1741
1683
|
closeable && /* @__PURE__ */ jsxRuntime.jsx(CloseButtonWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1742
|
-
IconButton,
|
|
1684
|
+
Alert$1.IconButton,
|
|
1743
1685
|
{
|
|
1744
1686
|
color: "default",
|
|
1745
1687
|
onClick: (e) => onClose(e, "timeout"),
|
|
@@ -2989,7 +2931,7 @@ function CodeAreaHeader({
|
|
|
2989
2931
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2990
2932
|
/* @__PURE__ */ jsxRuntime.jsxs(Header, { size, "data-size": size, "data-name": "code-area-header", children: [
|
|
2991
2933
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2992
|
-
IconButton,
|
|
2934
|
+
Alert$1.IconButton,
|
|
2993
2935
|
{
|
|
2994
2936
|
color: "default",
|
|
2995
2937
|
size,
|
|
@@ -3053,7 +2995,7 @@ function CodeAreaHeader({
|
|
|
3053
2995
|
}
|
|
3054
2996
|
),
|
|
3055
2997
|
showExpandButton && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3056
|
-
IconButton,
|
|
2998
|
+
Alert$1.IconButton,
|
|
3057
2999
|
{
|
|
3058
3000
|
color: "default",
|
|
3059
3001
|
size,
|
|
@@ -4543,6 +4485,7 @@ function CodeAreaDialog({
|
|
|
4543
4485
|
exports.TablePaginationActions = TablePaginationActions.TablePaginationActions;
|
|
4544
4486
|
exports.Typography = TablePaginationActions.Typography;
|
|
4545
4487
|
exports.Alert = Alert$1.Alert;
|
|
4488
|
+
exports.IconButton = Alert$1.IconButton;
|
|
4546
4489
|
exports.MenuItem = MenuItem.MenuItem;
|
|
4547
4490
|
exports.AccordionGroup = AccordionGroup;
|
|
4548
4491
|
exports.AppBar = AppBar;
|
|
@@ -4572,7 +4515,6 @@ exports.DialogFooter = DialogFooter;
|
|
|
4572
4515
|
exports.DialogHeader = DialogHeader;
|
|
4573
4516
|
exports.DialogPaper = DialogPaper;
|
|
4574
4517
|
exports.DialogStepper = DialogStepper;
|
|
4575
|
-
exports.IconButton = IconButton;
|
|
4576
4518
|
exports.LabelWithIndicator = LabelWithIndicator;
|
|
4577
4519
|
exports.Menu = Menu$1;
|
|
4578
4520
|
exports.MenuItemFilter = MenuItemFilter;
|
package/dist/components/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useState, useEffect, useMemo, useRef, Fragment as Fragment$1, useImperativeHandle, useCallback } from "react";
|
|
3
|
-
import { styled, Box, Button as Button$1, CircularProgress, TextField, InputAdornment, IconButton
|
|
3
|
+
import { styled, Box, Button as Button$1, CircularProgress, TextField, InputAdornment, IconButton, Tooltip, Select, MenuItem, FormControl, InputLabel, FormHelperText, ToggleButtonGroup as ToggleButtonGroup$1, Menu as Menu$2, MenuList as MenuList$1, Link, Checkbox, ListItemText, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Snackbar as Snackbar$1, Portal, Fade, Slide, alpha, useTheme, Toolbar, AppBar as AppBar$1, Paper, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1 } from "@mui/material";
|
|
4
4
|
import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-KpTvhN4Y.js";
|
|
5
5
|
import { a } from "../TablePaginationActions-KpTvhN4Y.js";
|
|
6
6
|
import { useIntl } from "react-intl";
|
|
7
7
|
import { VisibilityOffOutlined, VisibilityOutlined, Cancel, AddCircleOutlineOutlined, ContentCopyOutlined, CloseOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
|
|
8
|
-
import { A as Alert$1 } from "../Alert-
|
|
8
|
+
import { I as IconButton$1, A as Alert$1 } from "../Alert-CywtIMOj.js";
|
|
9
9
|
import "cartocolor";
|
|
10
10
|
import { M as MenuItem$1 } from "../MenuItem-CXnnE5lK.js";
|
|
11
11
|
import { A as ArrowDown } from "../ArrowDown-CY_wMVJT.js";
|
|
@@ -158,7 +158,7 @@ function _PasswordField({ InputProps, size = "small", ...otherProps }, ref) {
|
|
|
158
158
|
size,
|
|
159
159
|
InputProps: {
|
|
160
160
|
...InputProps,
|
|
161
|
-
endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton
|
|
161
|
+
endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size, onClick: handleClickShowPassword, children: /* @__PURE__ */ jsx(
|
|
162
162
|
Tooltip,
|
|
163
163
|
{
|
|
164
164
|
title: intlConfig.formatMessage({
|
|
@@ -380,64 +380,6 @@ function ToggleButtonGroup({
|
|
|
380
380
|
}
|
|
381
381
|
);
|
|
382
382
|
}
|
|
383
|
-
const Option = styled("div")(({ theme }) => ({
|
|
384
|
-
position: "relative",
|
|
385
|
-
display: "inline-flex",
|
|
386
|
-
// TODO: Remove this once we have a better way to handle the spacing between icon buttons:
|
|
387
|
-
// https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
|
|
388
|
-
"& + &, & + .optionIconButton": {
|
|
389
|
-
marginLeft: theme.spacing(0.5)
|
|
390
|
-
}
|
|
391
|
-
}));
|
|
392
|
-
const StyledIconButton = styled(IconButton$1, {
|
|
393
|
-
shouldForwardProp: (prop) => !["active"].includes(prop)
|
|
394
|
-
})(({ active, theme }) => ({
|
|
395
|
-
...active && {
|
|
396
|
-
color: theme.palette.primary.main,
|
|
397
|
-
backgroundColor: theme.palette.primary.background,
|
|
398
|
-
"& svg:not(.doNotFillIcon) path": {
|
|
399
|
-
fill: theme.palette.primary.main
|
|
400
|
-
}
|
|
401
|
-
}
|
|
402
|
-
}));
|
|
403
|
-
function _IconButton({
|
|
404
|
-
tooltip,
|
|
405
|
-
tooltipPlacement = "top",
|
|
406
|
-
icon,
|
|
407
|
-
size = "medium",
|
|
408
|
-
variant = "icon",
|
|
409
|
-
color = "default",
|
|
410
|
-
sx,
|
|
411
|
-
className,
|
|
412
|
-
loading,
|
|
413
|
-
disabled,
|
|
414
|
-
active,
|
|
415
|
-
...props
|
|
416
|
-
}, ref) {
|
|
417
|
-
return /* @__PURE__ */ jsx(Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsx(
|
|
418
|
-
Option,
|
|
419
|
-
{
|
|
420
|
-
className: `optionIconButton ${className ?? ""}`,
|
|
421
|
-
sx,
|
|
422
|
-
"data-testid": "icon-button",
|
|
423
|
-
children: /* @__PURE__ */ jsx(
|
|
424
|
-
StyledIconButton,
|
|
425
|
-
{
|
|
426
|
-
...props,
|
|
427
|
-
ref,
|
|
428
|
-
size,
|
|
429
|
-
variant,
|
|
430
|
-
color,
|
|
431
|
-
active,
|
|
432
|
-
disabled: disabled || loading,
|
|
433
|
-
role: "button",
|
|
434
|
-
children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 18, color: "inherit" }) : icon
|
|
435
|
-
}
|
|
436
|
-
)
|
|
437
|
-
}
|
|
438
|
-
) });
|
|
439
|
-
}
|
|
440
|
-
const IconButton = forwardRef(_IconButton);
|
|
441
383
|
const StyledMenu = styled(Menu$2, {
|
|
442
384
|
shouldForwardProp: (prop) => !["extended", "width", "height"].includes(prop)
|
|
443
385
|
})(({ theme, extended, width, height }) => ({
|
|
@@ -745,7 +687,7 @@ function _MultipleSelectField({
|
|
|
745
687
|
onChange: handleChange,
|
|
746
688
|
size,
|
|
747
689
|
variant,
|
|
748
|
-
endAdornment: showFilters && areAnySelected && /* @__PURE__ */ jsx(UnselectButton, { position: "end", size, children: /* @__PURE__ */ jsx(IconButton
|
|
690
|
+
endAdornment: showFilters && areAnySelected && /* @__PURE__ */ jsx(UnselectButton, { position: "end", size, children: /* @__PURE__ */ jsx(IconButton, { onClick: unselectAll, size, children: /* @__PURE__ */ jsx(Cancel, {}) }) }),
|
|
749
691
|
menuProps: {
|
|
750
692
|
PaperProps: {
|
|
751
693
|
sx: {
|
|
@@ -839,7 +781,7 @@ function FilesAction({
|
|
|
839
781
|
handleOpen,
|
|
840
782
|
inProgress
|
|
841
783
|
}) {
|
|
842
|
-
return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: inProgress ? /* @__PURE__ */ jsx(IconButton
|
|
784
|
+
return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: inProgress ? /* @__PURE__ */ jsx(IconButton, { "aria-label": "Loading", disabled: true, size, children: /* @__PURE__ */ jsx(CircularProgress, { size: 18 }) }) : !hasFiles ? /* @__PURE__ */ jsx(
|
|
843
785
|
Button$1,
|
|
844
786
|
{
|
|
845
787
|
onClick: handleOpen,
|
|
@@ -850,7 +792,7 @@ function FilesAction({
|
|
|
850
792
|
children: buttonText
|
|
851
793
|
}
|
|
852
794
|
) : /* @__PURE__ */ jsx(
|
|
853
|
-
IconButton
|
|
795
|
+
IconButton,
|
|
854
796
|
{
|
|
855
797
|
onClick: handleReset,
|
|
856
798
|
size,
|
|
@@ -1479,7 +1421,7 @@ const _CopiableComponent = ({
|
|
|
1479
1421
|
children: [
|
|
1480
1422
|
children,
|
|
1481
1423
|
button && /* @__PURE__ */ jsx(
|
|
1482
|
-
IconButton,
|
|
1424
|
+
IconButton$1,
|
|
1483
1425
|
{
|
|
1484
1426
|
...buttonProps,
|
|
1485
1427
|
disabled,
|
|
@@ -1738,7 +1680,7 @@ function Snackbar({
|
|
|
1738
1680
|
}
|
|
1739
1681
|
),
|
|
1740
1682
|
closeable && /* @__PURE__ */ jsx(CloseButtonWrapper, { children: /* @__PURE__ */ jsx(
|
|
1741
|
-
IconButton,
|
|
1683
|
+
IconButton$1,
|
|
1742
1684
|
{
|
|
1743
1685
|
color: "default",
|
|
1744
1686
|
onClick: (e) => onClose(e, "timeout"),
|
|
@@ -1949,7 +1891,7 @@ const Menu = styled("div")(({ theme }) => ({
|
|
|
1949
1891
|
height: APPBAR_SIZE,
|
|
1950
1892
|
marginRight: theme.spacing(1.5)
|
|
1951
1893
|
}));
|
|
1952
|
-
const MenuButton = styled(IconButton
|
|
1894
|
+
const MenuButton = styled(IconButton)(({ theme }) => ({
|
|
1953
1895
|
marginRight: theme.spacing(1),
|
|
1954
1896
|
"&.MuiButtonBase-root svg path": {
|
|
1955
1897
|
fill: theme.palette.brand.appBarContrastText
|
|
@@ -2101,7 +2043,7 @@ function ClearButton({
|
|
|
2101
2043
|
const intl = useIntl();
|
|
2102
2044
|
const intlConfig = useImperativeIntl(intl);
|
|
2103
2045
|
return /* @__PURE__ */ jsx(Container, { size, variant, children: /* @__PURE__ */ jsx(
|
|
2104
|
-
IconButton
|
|
2046
|
+
IconButton,
|
|
2105
2047
|
{
|
|
2106
2048
|
...props,
|
|
2107
2049
|
size,
|
|
@@ -2218,7 +2160,7 @@ function DatePicker({
|
|
|
2218
2160
|
slots: {
|
|
2219
2161
|
clearButton: (props2) => /* @__PURE__ */ jsx(ClearButton, { ...props2, size, variant }),
|
|
2220
2162
|
openPickerButton: (props2) => /* @__PURE__ */ jsx(
|
|
2221
|
-
IconButton
|
|
2163
|
+
IconButton,
|
|
2222
2164
|
{
|
|
2223
2165
|
...props2,
|
|
2224
2166
|
size,
|
|
@@ -2718,7 +2660,7 @@ function TimePicker({
|
|
|
2718
2660
|
slots: {
|
|
2719
2661
|
clearButton: (props2) => /* @__PURE__ */ jsx(ClearButton, { ...props2, size, variant }),
|
|
2720
2662
|
openPickerButton: (props2) => /* @__PURE__ */ jsx(
|
|
2721
|
-
IconButton
|
|
2663
|
+
IconButton,
|
|
2722
2664
|
{
|
|
2723
2665
|
...props2,
|
|
2724
2666
|
size,
|
|
@@ -2804,7 +2746,7 @@ function DateTimePicker({
|
|
|
2804
2746
|
slots: {
|
|
2805
2747
|
clearButton: (props2) => /* @__PURE__ */ jsx(ClearButton, { ...props2, size, variant }),
|
|
2806
2748
|
openPickerButton: (props2) => /* @__PURE__ */ jsx(
|
|
2807
|
-
IconButton
|
|
2749
|
+
IconButton,
|
|
2808
2750
|
{
|
|
2809
2751
|
...props2,
|
|
2810
2752
|
size,
|
|
@@ -2988,7 +2930,7 @@ function CodeAreaHeader({
|
|
|
2988
2930
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2989
2931
|
/* @__PURE__ */ jsxs(Header, { size, "data-size": size, "data-name": "code-area-header", children: [
|
|
2990
2932
|
/* @__PURE__ */ jsx(
|
|
2991
|
-
IconButton,
|
|
2933
|
+
IconButton$1,
|
|
2992
2934
|
{
|
|
2993
2935
|
color: "default",
|
|
2994
2936
|
size,
|
|
@@ -3052,7 +2994,7 @@ function CodeAreaHeader({
|
|
|
3052
2994
|
}
|
|
3053
2995
|
),
|
|
3054
2996
|
showExpandButton && /* @__PURE__ */ jsx(
|
|
3055
|
-
IconButton,
|
|
2997
|
+
IconButton$1,
|
|
3056
2998
|
{
|
|
3057
2999
|
color: "default",
|
|
3058
3000
|
size,
|
|
@@ -4000,7 +3942,7 @@ function DialogHeader({
|
|
|
4000
3942
|
{
|
|
4001
3943
|
title: intlConfig.formatMessage({ id: "c4r.button.close" }),
|
|
4002
3944
|
placement: "left",
|
|
4003
|
-
children: /* @__PURE__ */ jsx(IconButton
|
|
3945
|
+
children: /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: closeIcon || /* @__PURE__ */ jsx(CloseIcon, { "data-testid": "CloseIcon" }) })
|
|
4004
3946
|
}
|
|
4005
3947
|
)
|
|
4006
3948
|
] })
|
|
@@ -4569,7 +4511,7 @@ export {
|
|
|
4569
4511
|
DialogHeader,
|
|
4570
4512
|
DialogPaper,
|
|
4571
4513
|
DialogStepper,
|
|
4572
|
-
IconButton,
|
|
4514
|
+
IconButton$1 as IconButton,
|
|
4573
4515
|
LabelWithIndicator,
|
|
4574
4516
|
Menu$1 as Menu,
|
|
4575
4517
|
MenuItem$1 as MenuItem,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoryWidgetUI.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CategoryWidgetUI/CategoryWidgetUI.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,SAAS,EAAW,MAAM,YAAY,CAAA;AAkB/C,OAAO,EAAE,UAAU,EAAiB,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAwB,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI7E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAChD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAC/B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;CAC9D,CAAA;AAOD,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,SAAoB,EACpB,MAAkB,EAClB,QAAY,EACZ,WAAW,EACX,KAA0B,EAC1B,kBAA8B,EAC9B,0BAAqC,EACrC,SAAgB,EAChB,UAAiB,EACjB,UAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"CategoryWidgetUI.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CategoryWidgetUI/CategoryWidgetUI.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,SAAS,EAAW,MAAM,YAAY,CAAA;AAkB/C,OAAO,EAAE,UAAU,EAAiB,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAwB,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI7E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAChD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAC/B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;CAC9D,CAAA;AAOD,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,SAAoB,EACpB,MAAkB,EAClB,QAAY,EACZ,WAAW,EACX,KAA0B,EAC1B,kBAA8B,EAC9B,0BAAqC,EACrC,SAAgB,EAChB,UAAiB,EACjB,UAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,2CAmlBvB;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/widgets/ChartLegend.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/widgets/ChartLegend.tsx"],"names":[],"mappings":"AAkEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,kBAAkB,EAClB,eAAe,GAChB,EAAE;IACD,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzD,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,2CA+IA"}
|
package/dist/widgets/index.cjs
CHANGED
|
@@ -9,7 +9,7 @@ const _ReactEcharts = require("echarts-for-react");
|
|
|
9
9
|
const reactWindow = require("react-window");
|
|
10
10
|
const SwatchSquare = require("../SwatchSquare-benaO55C.cjs");
|
|
11
11
|
const iconsMaterial = require("@mui/icons-material");
|
|
12
|
-
const Alert = require("../Alert-
|
|
12
|
+
const Alert = require("../Alert-BiOR9aar.cjs");
|
|
13
13
|
const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
|
|
14
14
|
function detectTouchscreen() {
|
|
15
15
|
let result = false;
|
|
@@ -901,9 +901,6 @@ function CategoryWidgetUI({
|
|
|
901
901
|
setTempBlockedCategories(categories);
|
|
902
902
|
}
|
|
903
903
|
};
|
|
904
|
-
const handleSearchFocus = (event) => {
|
|
905
|
-
event.currentTarget.scrollIntoView();
|
|
906
|
-
};
|
|
907
904
|
const handleSearchChange = (event) => {
|
|
908
905
|
setSearchValue(event.currentTarget.value);
|
|
909
906
|
};
|
|
@@ -999,7 +996,12 @@ function CategoryWidgetUI({
|
|
|
999
996
|
}
|
|
1000
997
|
setSortedData(compressed);
|
|
1001
998
|
} else if (order === OrderTypes.Fixed) {
|
|
1002
|
-
setMaxValue(
|
|
999
|
+
setMaxValue(
|
|
1000
|
+
data.reduce(
|
|
1001
|
+
(max, e) => typeof e.value === "number" ? Math.max(max, e.value) : max,
|
|
1002
|
+
Number.NEGATIVE_INFINITY
|
|
1003
|
+
)
|
|
1004
|
+
);
|
|
1003
1005
|
const compressed = compressList(data);
|
|
1004
1006
|
setSortedData(compressed);
|
|
1005
1007
|
}
|
|
@@ -1226,7 +1228,6 @@ function CategoryWidgetUI({
|
|
|
1226
1228
|
id: "c4r.widgets.category.search"
|
|
1227
1229
|
}),
|
|
1228
1230
|
onChange: handleSearchChange,
|
|
1229
|
-
onFocus: handleSearchFocus,
|
|
1230
1231
|
InputProps: {
|
|
1231
1232
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: /* @__PURE__ */ jsxRuntime.jsx(SwatchSquare.Search, {}) })
|
|
1232
1233
|
},
|
|
@@ -2171,37 +2172,29 @@ function ChartLegend({
|
|
|
2171
2172
|
(overflowing || offset > 0) && /* @__PURE__ */ jsxRuntime.jsxs(ShowMoreButtons, { ref: showMoreButtonsRef, children: [
|
|
2172
2173
|
/* @__PURE__ */ jsxRuntime.jsx(OverflowVeil, {}),
|
|
2173
2174
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2174
|
-
|
|
2175
|
+
Alert.IconButton,
|
|
2175
2176
|
{
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
onClick: handleClickLeft,
|
|
2185
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChevronLeft, {})
|
|
2186
|
-
}
|
|
2187
|
-
)
|
|
2177
|
+
icon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChevronLeft, {}),
|
|
2178
|
+
component: "span",
|
|
2179
|
+
size: "small",
|
|
2180
|
+
disabled: offset === 0,
|
|
2181
|
+
onClick: handleClickLeft,
|
|
2182
|
+
tooltip: intlConfig.formatMessage({
|
|
2183
|
+
id: "c4r.widgets.chartLegend.prev"
|
|
2184
|
+
})
|
|
2188
2185
|
}
|
|
2189
2186
|
),
|
|
2190
2187
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2191
|
-
|
|
2188
|
+
Alert.IconButton,
|
|
2192
2189
|
{
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
onClick: handleClickRight,
|
|
2202
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChevronRight, {})
|
|
2203
|
-
}
|
|
2204
|
-
)
|
|
2190
|
+
icon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChevronRight, {}),
|
|
2191
|
+
component: "span",
|
|
2192
|
+
size: "small",
|
|
2193
|
+
disabled: !overflowing,
|
|
2194
|
+
onClick: handleClickRight,
|
|
2195
|
+
tooltip: intlConfig.formatMessage({
|
|
2196
|
+
id: "c4r.widgets.chartLegend.next"
|
|
2197
|
+
})
|
|
2205
2198
|
}
|
|
2206
2199
|
)
|
|
2207
2200
|
] })
|
package/dist/widgets/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import React, { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createContext, useContext, useLayoutEffect, createRef } from "react";
|
|
3
|
-
import { useTheme, styled, Box, Skeleton, Grid, Link, darken, Button, Divider, TextField, InputAdornment, Checkbox, Tooltip,
|
|
3
|
+
import { useTheme, styled, Box, Skeleton, Grid, Link, darken, Button, Divider, TextField, InputAdornment, Checkbox, Tooltip, debounce, Slider, TableCell, Table, TableHead, TableRow, TableBody, TableContainer, TableSortLabel, TablePagination, IconButton as IconButton$1, Menu, MenuItem, SvgIcon, lighten, Typography as Typography$1, ClickAwayListener, ToggleButton, capitalize, ListItem, Chip, List, Paper, Popover, Select, ListItemText, Collapse, Drawer, Icon, LinearProgress } from "@mui/material";
|
|
4
4
|
import { useIntl } from "react-intl";
|
|
5
5
|
import { d as getDefaultExportFromCjs, u as useImperativeIntl, T as Typography, S as SPACING, B as BREAKPOINTS, a as TablePaginationActions, b as ICON_SIZE_MEDIUM } from "../TablePaginationActions-KpTvhN4Y.js";
|
|
6
6
|
import _ReactEcharts from "echarts-for-react";
|
|
7
7
|
import { FixedSizeList } from "react-window";
|
|
8
8
|
import { S as Search, a as SwatchSquare } from "../SwatchSquare-DhaaXt53.js";
|
|
9
9
|
import { ChevronLeft, ChevronRight, KeyboardArrowDown, ErrorOutline, Cancel, VisibilityOutlined, VisibilityOffOutlined, ExpandLess, ExpandMore, Close, LayersOutlined, MoreVert } from "@mui/icons-material";
|
|
10
|
-
import { A as Alert } from "../Alert-
|
|
10
|
+
import { I as IconButton, A as Alert } from "../Alert-CywtIMOj.js";
|
|
11
11
|
import { a as getColorByCategory, c as commonPalette, b as getPalette } from "../paletteUtils-BHqJlHm9.js";
|
|
12
12
|
function detectTouchscreen() {
|
|
13
13
|
let result = false;
|
|
@@ -899,9 +899,6 @@ function CategoryWidgetUI({
|
|
|
899
899
|
setTempBlockedCategories(categories);
|
|
900
900
|
}
|
|
901
901
|
};
|
|
902
|
-
const handleSearchFocus = (event) => {
|
|
903
|
-
event.currentTarget.scrollIntoView();
|
|
904
|
-
};
|
|
905
902
|
const handleSearchChange = (event) => {
|
|
906
903
|
setSearchValue(event.currentTarget.value);
|
|
907
904
|
};
|
|
@@ -997,7 +994,12 @@ function CategoryWidgetUI({
|
|
|
997
994
|
}
|
|
998
995
|
setSortedData(compressed);
|
|
999
996
|
} else if (order === OrderTypes.Fixed) {
|
|
1000
|
-
setMaxValue(
|
|
997
|
+
setMaxValue(
|
|
998
|
+
data.reduce(
|
|
999
|
+
(max, e) => typeof e.value === "number" ? Math.max(max, e.value) : max,
|
|
1000
|
+
Number.NEGATIVE_INFINITY
|
|
1001
|
+
)
|
|
1002
|
+
);
|
|
1001
1003
|
const compressed = compressList(data);
|
|
1002
1004
|
setSortedData(compressed);
|
|
1003
1005
|
}
|
|
@@ -1224,7 +1226,6 @@ function CategoryWidgetUI({
|
|
|
1224
1226
|
id: "c4r.widgets.category.search"
|
|
1225
1227
|
}),
|
|
1226
1228
|
onChange: handleSearchChange,
|
|
1227
|
-
onFocus: handleSearchFocus,
|
|
1228
1229
|
InputProps: {
|
|
1229
1230
|
startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(Search, {}) })
|
|
1230
1231
|
},
|
|
@@ -2169,37 +2170,29 @@ function ChartLegend({
|
|
|
2169
2170
|
(overflowing || offset > 0) && /* @__PURE__ */ jsxs(ShowMoreButtons, { ref: showMoreButtonsRef, children: [
|
|
2170
2171
|
/* @__PURE__ */ jsx(OverflowVeil, {}),
|
|
2171
2172
|
/* @__PURE__ */ jsx(
|
|
2172
|
-
|
|
2173
|
+
IconButton,
|
|
2173
2174
|
{
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
onClick: handleClickLeft,
|
|
2183
|
-
children: /* @__PURE__ */ jsx(ChevronLeft, {})
|
|
2184
|
-
}
|
|
2185
|
-
)
|
|
2175
|
+
icon: /* @__PURE__ */ jsx(ChevronLeft, {}),
|
|
2176
|
+
component: "span",
|
|
2177
|
+
size: "small",
|
|
2178
|
+
disabled: offset === 0,
|
|
2179
|
+
onClick: handleClickLeft,
|
|
2180
|
+
tooltip: intlConfig.formatMessage({
|
|
2181
|
+
id: "c4r.widgets.chartLegend.prev"
|
|
2182
|
+
})
|
|
2186
2183
|
}
|
|
2187
2184
|
),
|
|
2188
2185
|
/* @__PURE__ */ jsx(
|
|
2189
|
-
|
|
2186
|
+
IconButton,
|
|
2190
2187
|
{
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
onClick: handleClickRight,
|
|
2200
|
-
children: /* @__PURE__ */ jsx(ChevronRight, {})
|
|
2201
|
-
}
|
|
2202
|
-
)
|
|
2188
|
+
icon: /* @__PURE__ */ jsx(ChevronRight, {}),
|
|
2189
|
+
component: "span",
|
|
2190
|
+
size: "small",
|
|
2191
|
+
disabled: !overflowing,
|
|
2192
|
+
onClick: handleClickRight,
|
|
2193
|
+
tooltip: intlConfig.formatMessage({
|
|
2194
|
+
id: "c4r.widgets.chartLegend.next"
|
|
2195
|
+
})
|
|
2203
2196
|
}
|
|
2204
2197
|
)
|
|
2205
2198
|
] })
|
|
@@ -4229,7 +4222,7 @@ function TimeSeriesControls({
|
|
|
4229
4222
|
};
|
|
4230
4223
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4231
4224
|
/* @__PURE__ */ jsx(
|
|
4232
|
-
IconButton,
|
|
4225
|
+
IconButton$1,
|
|
4233
4226
|
{
|
|
4234
4227
|
size: "small",
|
|
4235
4228
|
color: "default",
|
|
@@ -4263,7 +4256,7 @@ function TimeSeriesControls({
|
|
|
4263
4256
|
}
|
|
4264
4257
|
),
|
|
4265
4258
|
/* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(
|
|
4266
|
-
IconButton,
|
|
4259
|
+
IconButton$1,
|
|
4267
4260
|
{
|
|
4268
4261
|
size: "small",
|
|
4269
4262
|
color: "primary",
|
|
@@ -4274,7 +4267,7 @@ function TimeSeriesControls({
|
|
|
4274
4267
|
}
|
|
4275
4268
|
) }),
|
|
4276
4269
|
/* @__PURE__ */ jsx(Box, { mt: 0.75, children: /* @__PURE__ */ jsx(
|
|
4277
|
-
IconButton,
|
|
4270
|
+
IconButton$1,
|
|
4278
4271
|
{
|
|
4279
4272
|
"data-testid": "play-pause",
|
|
4280
4273
|
size: "small",
|
|
@@ -5730,7 +5723,7 @@ function FeatureSelectionUIToggleButton({
|
|
|
5730
5723
|
}
|
|
5731
5724
|
) });
|
|
5732
5725
|
}
|
|
5733
|
-
const ArrowButton = styled(IconButton, {
|
|
5726
|
+
const ArrowButton = styled(IconButton$1, {
|
|
5734
5727
|
shouldForwardProp: (prop) => prop !== "isOpen"
|
|
5735
5728
|
})(({ isOpen, theme }) => ({
|
|
5736
5729
|
color: theme.palette.text.secondary,
|
|
@@ -6161,7 +6154,7 @@ function LegendOpacityControl({
|
|
|
6161
6154
|
{
|
|
6162
6155
|
title: intlConfig.formatMessage({ id: "c4r.widgets.legend.opacity" }),
|
|
6163
6156
|
children: /* @__PURE__ */ jsx(
|
|
6164
|
-
IconButton,
|
|
6157
|
+
IconButton$1,
|
|
6165
6158
|
{
|
|
6166
6159
|
size: "small",
|
|
6167
6160
|
color: open ? "primary" : "default",
|
|
@@ -6742,7 +6735,7 @@ function LegendLayer({
|
|
|
6742
6735
|
return /* @__PURE__ */ jsxs(LegendLayerWrapper, { "data-testid": "legend-layer", "aria-label": title, children: [
|
|
6743
6736
|
/* @__PURE__ */ jsxs(LegendItemHeader, { ref: menuAnchorRef, children: [
|
|
6744
6737
|
collapsible && /* @__PURE__ */ jsx(
|
|
6745
|
-
IconButton,
|
|
6738
|
+
IconButton$1,
|
|
6746
6739
|
{
|
|
6747
6740
|
size: "small",
|
|
6748
6741
|
"aria-label": intlConfig.formatMessage({
|
|
@@ -6798,7 +6791,7 @@ function LegendLayer({
|
|
|
6798
6791
|
id: visible ? "c4r.widgets.legend.hideLayer" : "c4r.widgets.legend.showLayer"
|
|
6799
6792
|
}),
|
|
6800
6793
|
children: /* @__PURE__ */ jsx(
|
|
6801
|
-
IconButton,
|
|
6794
|
+
IconButton$1,
|
|
6802
6795
|
{
|
|
6803
6796
|
size: "small",
|
|
6804
6797
|
onClick: () => onChangeVisibility({
|
|
@@ -6888,7 +6881,7 @@ function LegendWidgetUI({
|
|
|
6888
6881
|
Tooltip,
|
|
6889
6882
|
{
|
|
6890
6883
|
title: intlConfig.formatMessage({ id: "c4r.widgets.legend.close" }),
|
|
6891
|
-
children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChangeCollapsed(true), children: /* @__PURE__ */ jsx(Close, {}) })
|
|
6884
|
+
children: /* @__PURE__ */ jsx(IconButton$1, { size: "small", onClick: () => onChangeCollapsed(true), children: /* @__PURE__ */ jsx(Close, {}) })
|
|
6892
6885
|
}
|
|
6893
6886
|
)
|
|
6894
6887
|
] });
|
|
@@ -6896,7 +6889,7 @@ function LegendWidgetUI({
|
|
|
6896
6889
|
Tooltip,
|
|
6897
6890
|
{
|
|
6898
6891
|
title: intlConfig.formatMessage({ id: "c4r.widgets.legend.open" }),
|
|
6899
|
-
children: /* @__PURE__ */ jsx(IconButton, { "aria-label": title, onClick: () => onChangeCollapsed(false), children: /* @__PURE__ */ jsx(LayersOutlined, {}) })
|
|
6892
|
+
children: /* @__PURE__ */ jsx(IconButton$1, { "aria-label": title, onClick: () => onChangeCollapsed(false), children: /* @__PURE__ */ jsx(LayersOutlined, {}) })
|
|
6900
6893
|
}
|
|
6901
6894
|
);
|
|
6902
6895
|
return /* @__PURE__ */ jsx(LegendRoot, { sx, elevation: 3, collapsed: collapsed || !!isMobile, children: isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -7051,7 +7044,7 @@ const HeaderItems = styled(Grid)(({ theme }) => ({
|
|
|
7051
7044
|
marginRight: theme.spacing(-0.5),
|
|
7052
7045
|
marginLeft: theme.spacing(1)
|
|
7053
7046
|
}));
|
|
7054
|
-
const IconActionButton = styled(IconButton)(({ theme }) => ({
|
|
7047
|
+
const IconActionButton = styled(IconButton$1)(({ theme }) => ({
|
|
7055
7048
|
color: theme.palette.text.secondary
|
|
7056
7049
|
}));
|
|
7057
7050
|
const PaperMenu = styled(Menu)(({ theme }) => ({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carto/meridian-ds",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.7-alpha-stack-error.1",
|
|
4
4
|
"description": "CARTO Meridian Design System",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -165,5 +165,6 @@
|
|
|
165
165
|
"bugs": {
|
|
166
166
|
"url": "https://github.com/CartoDB/meridian-ds/issues"
|
|
167
167
|
},
|
|
168
|
-
"homepage": "https://github.com/CartoDB/meridian-ds#readme"
|
|
168
|
+
"homepage": "https://github.com/CartoDB/meridian-ds#readme",
|
|
169
|
+
"stableVersion": "1.4.6"
|
|
169
170
|
}
|