@carto/meridian-ds 1.4.5-alpha-external-link.4 → 1.4.5
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 -3
- package/dist/Alert-D8jI1sG4.js +134 -0
- package/dist/{Alert-D01HgLe0.cjs → Alert-zqtoWsBL.cjs} +2 -125
- 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 +62 -64
- package/dist/components/index.js +75 -77
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.js +2 -2
- package/dist/types/components/atoms/Button.d.ts +0 -5
- 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/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/ChartLegend.d.ts.map +1 -1
- package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.d.ts.map +1 -1
- package/dist/widgets/index.cjs +31 -23
- package/dist/widgets/index.js +42 -34
- package/package.json +1 -1
- package/dist/Alert-C0UdTQsO.js +0 -257
- package/dist/types/components/atoms/ExternalLink.d.ts +0 -22
- package/dist/types/components/atoms/ExternalLink.d.ts.map +0 -1
- package/dist/types/components/atoms/Link.d.ts +0 -14
- package/dist/types/components/atoms/Link.d.ts.map +0 -1
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, debounce, Slider, TableCell, Table, TableHead, TableRow, TableBody, TableContainer, TableSortLabel, TablePagination,
|
|
3
|
+
import { useTheme, styled, Box, Skeleton, Grid, Link, darken, Button, Divider, TextField, InputAdornment, Checkbox, Tooltip, IconButton, debounce, Slider, TableCell, Table, TableHead, TableRow, TableBody, TableContainer, TableSortLabel, TablePagination, 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
|
-
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-
|
|
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 {
|
|
10
|
+
import { A as Alert } from "../Alert-D8jI1sG4.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;
|
|
@@ -2169,29 +2169,37 @@ function ChartLegend({
|
|
|
2169
2169
|
(overflowing || offset > 0) && /* @__PURE__ */ jsxs(ShowMoreButtons, { ref: showMoreButtonsRef, children: [
|
|
2170
2170
|
/* @__PURE__ */ jsx(OverflowVeil, {}),
|
|
2171
2171
|
/* @__PURE__ */ jsx(
|
|
2172
|
-
|
|
2172
|
+
Tooltip,
|
|
2173
2173
|
{
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2174
|
+
title: intlConfig.formatMessage({
|
|
2175
|
+
id: "c4r.widgets.chartLegend.next"
|
|
2176
|
+
}),
|
|
2177
|
+
children: /* @__PURE__ */ jsx(
|
|
2178
|
+
IconButton,
|
|
2179
|
+
{
|
|
2180
|
+
size: "small",
|
|
2181
|
+
disabled: offset === 0,
|
|
2182
|
+
onClick: handleClickLeft,
|
|
2183
|
+
children: /* @__PURE__ */ jsx(ChevronLeft, {})
|
|
2184
|
+
}
|
|
2185
|
+
)
|
|
2182
2186
|
}
|
|
2183
2187
|
),
|
|
2184
2188
|
/* @__PURE__ */ jsx(
|
|
2185
|
-
|
|
2189
|
+
Tooltip,
|
|
2186
2190
|
{
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2191
|
+
title: intlConfig.formatMessage({
|
|
2192
|
+
id: "c4r.widgets.chartLegend.prev"
|
|
2193
|
+
}),
|
|
2194
|
+
children: /* @__PURE__ */ jsx(
|
|
2195
|
+
IconButton,
|
|
2196
|
+
{
|
|
2197
|
+
size: "small",
|
|
2198
|
+
disabled: !overflowing,
|
|
2199
|
+
onClick: handleClickRight,
|
|
2200
|
+
children: /* @__PURE__ */ jsx(ChevronRight, {})
|
|
2201
|
+
}
|
|
2202
|
+
)
|
|
2195
2203
|
}
|
|
2196
2204
|
)
|
|
2197
2205
|
] })
|
|
@@ -4221,7 +4229,7 @@ function TimeSeriesControls({
|
|
|
4221
4229
|
};
|
|
4222
4230
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4223
4231
|
/* @__PURE__ */ jsx(
|
|
4224
|
-
IconButton
|
|
4232
|
+
IconButton,
|
|
4225
4233
|
{
|
|
4226
4234
|
size: "small",
|
|
4227
4235
|
color: "default",
|
|
@@ -4255,7 +4263,7 @@ function TimeSeriesControls({
|
|
|
4255
4263
|
}
|
|
4256
4264
|
),
|
|
4257
4265
|
/* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(
|
|
4258
|
-
IconButton
|
|
4266
|
+
IconButton,
|
|
4259
4267
|
{
|
|
4260
4268
|
size: "small",
|
|
4261
4269
|
color: "primary",
|
|
@@ -4266,7 +4274,7 @@ function TimeSeriesControls({
|
|
|
4266
4274
|
}
|
|
4267
4275
|
) }),
|
|
4268
4276
|
/* @__PURE__ */ jsx(Box, { mt: 0.75, children: /* @__PURE__ */ jsx(
|
|
4269
|
-
IconButton
|
|
4277
|
+
IconButton,
|
|
4270
4278
|
{
|
|
4271
4279
|
"data-testid": "play-pause",
|
|
4272
4280
|
size: "small",
|
|
@@ -5265,7 +5273,7 @@ function ComparativeCategoryWidgetUI({
|
|
|
5265
5273
|
{ id: "c4r.widgets.category.selectedItems" },
|
|
5266
5274
|
{ items: selectedCategories.length }
|
|
5267
5275
|
) : intlConfig.formatMessage({ id: "c4r.widgets.category.all" }) }),
|
|
5268
|
-
/* @__PURE__ */ jsx(Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsx(Link
|
|
5276
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsx(Link, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsx(Link, { onClick: disableBlocking, children: intlConfig.formatMessage({
|
|
5269
5277
|
id: "c4r.widgets.category.unlock"
|
|
5270
5278
|
}) }) : selectedCategories.length ? /* @__PURE__ */ jsxs(
|
|
5271
5279
|
Box,
|
|
@@ -5276,11 +5284,11 @@ function ComparativeCategoryWidgetUI({
|
|
|
5276
5284
|
gap: theme.spacing(1)
|
|
5277
5285
|
},
|
|
5278
5286
|
children: [
|
|
5279
|
-
/* @__PURE__ */ jsx(Link
|
|
5287
|
+
/* @__PURE__ */ jsx(Link, { onClick: enableBlocking, children: intlConfig.formatMessage({
|
|
5280
5288
|
id: "c4r.widgets.category.lock"
|
|
5281
5289
|
}) }),
|
|
5282
5290
|
/* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true }),
|
|
5283
|
-
/* @__PURE__ */ jsx(Link
|
|
5291
|
+
/* @__PURE__ */ jsx(Link, { onClick: clearSelection, children: intlConfig.formatMessage({
|
|
5284
5292
|
id: "c4r.widgets.category.clear"
|
|
5285
5293
|
}) })
|
|
5286
5294
|
]
|
|
@@ -5722,7 +5730,7 @@ function FeatureSelectionUIToggleButton({
|
|
|
5722
5730
|
}
|
|
5723
5731
|
) });
|
|
5724
5732
|
}
|
|
5725
|
-
const ArrowButton = styled(IconButton
|
|
5733
|
+
const ArrowButton = styled(IconButton, {
|
|
5726
5734
|
shouldForwardProp: (prop) => prop !== "isOpen"
|
|
5727
5735
|
})(({ isOpen, theme }) => ({
|
|
5728
5736
|
color: theme.palette.text.secondary,
|
|
@@ -6153,7 +6161,7 @@ function LegendOpacityControl({
|
|
|
6153
6161
|
{
|
|
6154
6162
|
title: intlConfig.formatMessage({ id: "c4r.widgets.legend.opacity" }),
|
|
6155
6163
|
children: /* @__PURE__ */ jsx(
|
|
6156
|
-
IconButton
|
|
6164
|
+
IconButton,
|
|
6157
6165
|
{
|
|
6158
6166
|
size: "small",
|
|
6159
6167
|
color: open ? "primary" : "default",
|
|
@@ -6734,7 +6742,7 @@ function LegendLayer({
|
|
|
6734
6742
|
return /* @__PURE__ */ jsxs(LegendLayerWrapper, { "data-testid": "legend-layer", "aria-label": title, children: [
|
|
6735
6743
|
/* @__PURE__ */ jsxs(LegendItemHeader, { ref: menuAnchorRef, children: [
|
|
6736
6744
|
collapsible && /* @__PURE__ */ jsx(
|
|
6737
|
-
IconButton
|
|
6745
|
+
IconButton,
|
|
6738
6746
|
{
|
|
6739
6747
|
size: "small",
|
|
6740
6748
|
"aria-label": intlConfig.formatMessage({
|
|
@@ -6790,7 +6798,7 @@ function LegendLayer({
|
|
|
6790
6798
|
id: visible ? "c4r.widgets.legend.hideLayer" : "c4r.widgets.legend.showLayer"
|
|
6791
6799
|
}),
|
|
6792
6800
|
children: /* @__PURE__ */ jsx(
|
|
6793
|
-
IconButton
|
|
6801
|
+
IconButton,
|
|
6794
6802
|
{
|
|
6795
6803
|
size: "small",
|
|
6796
6804
|
onClick: () => onChangeVisibility({
|
|
@@ -6880,7 +6888,7 @@ function LegendWidgetUI({
|
|
|
6880
6888
|
Tooltip,
|
|
6881
6889
|
{
|
|
6882
6890
|
title: intlConfig.formatMessage({ id: "c4r.widgets.legend.close" }),
|
|
6883
|
-
children: /* @__PURE__ */ jsx(IconButton
|
|
6891
|
+
children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChangeCollapsed(true), children: /* @__PURE__ */ jsx(Close, {}) })
|
|
6884
6892
|
}
|
|
6885
6893
|
)
|
|
6886
6894
|
] });
|
|
@@ -6888,7 +6896,7 @@ function LegendWidgetUI({
|
|
|
6888
6896
|
Tooltip,
|
|
6889
6897
|
{
|
|
6890
6898
|
title: intlConfig.formatMessage({ id: "c4r.widgets.legend.open" }),
|
|
6891
|
-
children: /* @__PURE__ */ jsx(IconButton
|
|
6899
|
+
children: /* @__PURE__ */ jsx(IconButton, { "aria-label": title, onClick: () => onChangeCollapsed(false), children: /* @__PURE__ */ jsx(LayersOutlined, {}) })
|
|
6892
6900
|
}
|
|
6893
6901
|
);
|
|
6894
6902
|
return /* @__PURE__ */ jsx(LegendRoot, { sx, elevation: 3, collapsed: collapsed || !!isMobile, children: isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -7043,7 +7051,7 @@ const HeaderItems = styled(Grid)(({ theme }) => ({
|
|
|
7043
7051
|
marginRight: theme.spacing(-0.5),
|
|
7044
7052
|
marginLeft: theme.spacing(1)
|
|
7045
7053
|
}));
|
|
7046
|
-
const IconActionButton = styled(IconButton
|
|
7054
|
+
const IconActionButton = styled(IconButton)(({ theme }) => ({
|
|
7047
7055
|
color: theme.palette.text.secondary
|
|
7048
7056
|
}));
|
|
7049
7057
|
const PaperMenu = styled(Menu)(({ theme }) => ({
|
package/package.json
CHANGED
package/dist/Alert-C0UdTQsO.js
DELETED
|
@@ -1,257 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
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";
|
|
8
|
-
const Option = styled("div")(({ theme }) => ({
|
|
9
|
-
position: "relative",
|
|
10
|
-
display: "inline-flex",
|
|
11
|
-
// TODO: Remove this once we have a better way to handle the spacing between icon buttons:
|
|
12
|
-
// https://app.shortcut.com/cartoteam/story/471284/create-iconbuttongroup-component-to-properly-group-several-icons
|
|
13
|
-
"& + &, & + .optionIconButton": {
|
|
14
|
-
marginLeft: theme.spacing(0.5)
|
|
15
|
-
}
|
|
16
|
-
}));
|
|
17
|
-
const StyledIconButton = styled(IconButton$1, {
|
|
18
|
-
shouldForwardProp: (prop) => !["active"].includes(prop)
|
|
19
|
-
})(({ active, theme }) => ({
|
|
20
|
-
...active && {
|
|
21
|
-
color: theme.palette.primary.main,
|
|
22
|
-
backgroundColor: theme.palette.primary.background,
|
|
23
|
-
"& svg:not(.doNotFillIcon) path": {
|
|
24
|
-
fill: theme.palette.primary.main
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}));
|
|
28
|
-
function _IconButton({
|
|
29
|
-
tooltip,
|
|
30
|
-
tooltipPlacement = "top",
|
|
31
|
-
icon,
|
|
32
|
-
size = "medium",
|
|
33
|
-
variant = "icon",
|
|
34
|
-
color = "default",
|
|
35
|
-
sx,
|
|
36
|
-
className,
|
|
37
|
-
loading,
|
|
38
|
-
disabled,
|
|
39
|
-
active,
|
|
40
|
-
...props
|
|
41
|
-
}, ref) {
|
|
42
|
-
return /* @__PURE__ */ jsx(Tooltip, { placement: tooltipPlacement, title: tooltip ?? "", children: /* @__PURE__ */ jsx(
|
|
43
|
-
Option,
|
|
44
|
-
{
|
|
45
|
-
className: `optionIconButton ${className ?? ""}`,
|
|
46
|
-
sx,
|
|
47
|
-
"data-testid": "icon-button",
|
|
48
|
-
children: /* @__PURE__ */ jsx(
|
|
49
|
-
StyledIconButton,
|
|
50
|
-
{
|
|
51
|
-
...props,
|
|
52
|
-
ref,
|
|
53
|
-
size,
|
|
54
|
-
variant,
|
|
55
|
-
color,
|
|
56
|
-
active,
|
|
57
|
-
disabled: disabled || loading,
|
|
58
|
-
role: "button",
|
|
59
|
-
children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 18, color: "inherit" }) : icon
|
|
60
|
-
}
|
|
61
|
-
)
|
|
62
|
-
}
|
|
63
|
-
) });
|
|
64
|
-
}
|
|
65
|
-
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
|
-
...variant === "caption" && {
|
|
77
|
-
fontSize: ICON_SIZE_SMALL
|
|
78
|
-
},
|
|
79
|
-
...variant === "body2" && {
|
|
80
|
-
fontSize: ICON_SIZE_MEDIUM
|
|
81
|
-
},
|
|
82
|
-
...variant === "body1" && {
|
|
83
|
-
fontSize: ICON_SIZE_LARGE
|
|
84
|
-
},
|
|
85
|
-
...variant === "button" && {
|
|
86
|
-
fontSize: ICON_SIZE_MEDIUM
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}));
|
|
90
|
-
function _Link({
|
|
91
|
-
children,
|
|
92
|
-
variant,
|
|
93
|
-
startIcon,
|
|
94
|
-
endIcon,
|
|
95
|
-
color,
|
|
96
|
-
external,
|
|
97
|
-
showExternalIcon = true,
|
|
98
|
-
...otherProps
|
|
99
|
-
}, ref) {
|
|
100
|
-
const intl = useIntl();
|
|
101
|
-
const intlConfig = useImperativeIntl(intl);
|
|
102
|
-
return /* @__PURE__ */ jsxs(
|
|
103
|
-
StyledLink,
|
|
104
|
-
{
|
|
105
|
-
...otherProps,
|
|
106
|
-
variant,
|
|
107
|
-
"data-color": color,
|
|
108
|
-
"data-name": "link",
|
|
109
|
-
role: "link",
|
|
110
|
-
color,
|
|
111
|
-
ref,
|
|
112
|
-
target: external ? "_blank" : void 0,
|
|
113
|
-
rel: external ? "noopener noreferrer" : void 0,
|
|
114
|
-
"aria-label": external ? `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
|
|
115
|
-
id: "c4r.button.opensInNewTab"
|
|
116
|
-
})})` : void 0,
|
|
117
|
-
children: [
|
|
118
|
-
startIcon && /* @__PURE__ */ jsx(Icon, { variant, children: startIcon }),
|
|
119
|
-
children,
|
|
120
|
-
(endIcon || external && showExternalIcon) && /* @__PURE__ */ jsx(Icon, { variant, children: endIcon || /* @__PURE__ */ jsx(OpenInNewOutlined, {}) })
|
|
121
|
-
]
|
|
122
|
-
}
|
|
123
|
-
);
|
|
124
|
-
}
|
|
125
|
-
const Link = forwardRef(_Link);
|
|
126
|
-
const StyledAlert = styled(Alert$1, {
|
|
127
|
-
shouldForwardProp: (prop) => ![
|
|
128
|
-
"isNeutral",
|
|
129
|
-
"content",
|
|
130
|
-
"hasCloseButton",
|
|
131
|
-
"hasAction",
|
|
132
|
-
"hasTitle",
|
|
133
|
-
"isSticky"
|
|
134
|
-
].includes(prop)
|
|
135
|
-
})(
|
|
136
|
-
({
|
|
137
|
-
isNeutral,
|
|
138
|
-
content,
|
|
139
|
-
hasCloseButton,
|
|
140
|
-
hasAction,
|
|
141
|
-
hasTitle,
|
|
142
|
-
isSticky,
|
|
143
|
-
theme
|
|
144
|
-
}) => ({
|
|
145
|
-
columnGap: theme.spacing(1),
|
|
146
|
-
minHeight: theme.spacing(6),
|
|
147
|
-
...hasAction && {
|
|
148
|
-
display: "grid",
|
|
149
|
-
gridTemplateAreas: content === "inline" || hasCloseButton ? `"icon message actions"` : `
|
|
150
|
-
"icon message"
|
|
151
|
-
"icon actions"
|
|
152
|
-
`,
|
|
153
|
-
gridTemplateColumns: hasCloseButton ? `${ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${ICON_SIZE_MEDIUM}`
|
|
154
|
-
},
|
|
155
|
-
...isNeutral && {
|
|
156
|
-
backgroundColor: theme.palette.default.background,
|
|
157
|
-
color: theme.palette.text.primary
|
|
158
|
-
},
|
|
159
|
-
...isSticky && {
|
|
160
|
-
borderRadius: 0
|
|
161
|
-
},
|
|
162
|
-
".MuiAlert-message": {
|
|
163
|
-
flex: 1,
|
|
164
|
-
paddingTop: hasTitle ? theme.spacing(0.25) : theme.spacing(0.5),
|
|
165
|
-
"& a": {
|
|
166
|
-
color: theme.palette.primary.main,
|
|
167
|
-
textDecoration: "none",
|
|
168
|
-
"&:hover": {
|
|
169
|
-
textDecoration: "underline"
|
|
170
|
-
}
|
|
171
|
-
},
|
|
172
|
-
...hasAction && {
|
|
173
|
-
gridArea: "message"
|
|
174
|
-
},
|
|
175
|
-
...isNeutral && {
|
|
176
|
-
"& :not(.MuiAlertTitle-root)": {
|
|
177
|
-
color: theme.palette.text.secondary
|
|
178
|
-
},
|
|
179
|
-
a: {
|
|
180
|
-
color: `${theme.palette.primary.main} !important`
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
},
|
|
184
|
-
".MuiAlert-icon": {
|
|
185
|
-
height: hasTitle ? theme.spacing(2.5) : theme.spacing(3),
|
|
186
|
-
marginRight: 0,
|
|
187
|
-
...hasAction && {
|
|
188
|
-
gridArea: "icon"
|
|
189
|
-
},
|
|
190
|
-
...isNeutral && {
|
|
191
|
-
color: theme.palette.text.primary
|
|
192
|
-
}
|
|
193
|
-
},
|
|
194
|
-
".MuiAlert-action": {
|
|
195
|
-
alignItems: content === "inline" && !hasCloseButton ? "center" : "flex-start",
|
|
196
|
-
margin: content === "block" && !hasCloseButton ? theme.spacing(1.5, 0, 0.5) : 0,
|
|
197
|
-
marginLeft: content === "inline" || hasCloseButton ? "auto" : 0,
|
|
198
|
-
padding: 0,
|
|
199
|
-
...hasAction && {
|
|
200
|
-
gridArea: "actions"
|
|
201
|
-
},
|
|
202
|
-
".MuiIconButton-root svg path": {
|
|
203
|
-
fill: hasCloseButton ? theme.palette.text.secondary : void 0
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
})
|
|
207
|
-
);
|
|
208
|
-
function _Alert({
|
|
209
|
-
title,
|
|
210
|
-
action,
|
|
211
|
-
severity = "neutral",
|
|
212
|
-
content = "inline",
|
|
213
|
-
variant = "standard",
|
|
214
|
-
children,
|
|
215
|
-
onClose,
|
|
216
|
-
open: controlledOpen,
|
|
217
|
-
isSticky,
|
|
218
|
-
...otherProps
|
|
219
|
-
}, ref) {
|
|
220
|
-
const [open, setOpen] = useState(controlledOpen ?? true);
|
|
221
|
-
const handleClose = onClose ? (ev) => {
|
|
222
|
-
onClose(ev);
|
|
223
|
-
setOpen(false);
|
|
224
|
-
} : void 0;
|
|
225
|
-
const isNeutral = severity === "neutral";
|
|
226
|
-
const isOpen = controlledOpen ?? open;
|
|
227
|
-
return /* @__PURE__ */ jsx(Fade, { in: isOpen, appear: false, children: /* @__PURE__ */ jsxs(
|
|
228
|
-
StyledAlert,
|
|
229
|
-
{
|
|
230
|
-
ref,
|
|
231
|
-
severity: isNeutral ? "info" : severity,
|
|
232
|
-
isNeutral,
|
|
233
|
-
content,
|
|
234
|
-
action,
|
|
235
|
-
onClose: handleClose,
|
|
236
|
-
hasCloseButton: Boolean(onClose),
|
|
237
|
-
hasAction: Boolean(action),
|
|
238
|
-
hasTitle: Boolean(title),
|
|
239
|
-
isSticky,
|
|
240
|
-
variant,
|
|
241
|
-
"data-name": "alert",
|
|
242
|
-
"data-sticky": isSticky,
|
|
243
|
-
"data-content": content,
|
|
244
|
-
...otherProps,
|
|
245
|
-
children: [
|
|
246
|
-
title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
|
|
247
|
-
/* @__PURE__ */ jsx(Typography, { variant: "caption", color: "inherit", component: "div", children })
|
|
248
|
-
]
|
|
249
|
-
}
|
|
250
|
-
) });
|
|
251
|
-
}
|
|
252
|
-
const Alert = forwardRef(_Alert);
|
|
253
|
-
export {
|
|
254
|
-
Alert as A,
|
|
255
|
-
IconButton as I,
|
|
256
|
-
Link as L
|
|
257
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
declare const ExternalLink: import('react').ForwardRefExoticComponent<(Omit<import('@mui/material/Link').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
2
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLAnchorElement> | null | undefined;
|
|
3
|
-
}, "p" | "style" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping" | "underline" | "endIcon" | "startIcon" | "TypographyClasses"> & {
|
|
4
|
-
component?: import('react').ElementType;
|
|
5
|
-
} & {
|
|
6
|
-
showIcon?: boolean;
|
|
7
|
-
useButton?: boolean;
|
|
8
|
-
icon?: JSX.Element;
|
|
9
|
-
}, "ref"> | Omit<{
|
|
10
|
-
target?: string;
|
|
11
|
-
loading?: boolean;
|
|
12
|
-
loadingPosition?: "start" | "end";
|
|
13
|
-
external?: boolean;
|
|
14
|
-
} & import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<any, "style" | "className" | "classes" | "color" | "children" | "sx" | "variant" | "target" | "tabIndex" | "href" | "disabled" | "action" | "loading" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "disableElevation" | "endIcon" | "startIcon" | "loadingPosition" | "external"> & {
|
|
15
|
-
component?: import('react').ElementType;
|
|
16
|
-
} & {
|
|
17
|
-
showIcon?: boolean;
|
|
18
|
-
useButton?: boolean;
|
|
19
|
-
icon?: JSX.Element;
|
|
20
|
-
}, "ref">) & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
21
|
-
export default ExternalLink;
|
|
22
|
-
//# sourceMappingURL=ExternalLink.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ExternalLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ExternalLink.tsx"],"names":[],"mappings":"AA+DA,QAAA,MAAM,YAAY;;;;;eAjCH,OAAO;gBACN,OAAO;WACZ,GAAG,CAAC,OAAO;;;;;;;;;eAFP,OAAO;gBACN,OAAO;WACZ,GAAG,CAAC,OAAO;kFA+BwB,CAAA;AAC9C,eAAe,YAAY,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { LinkProps as MUILinkProps } from '@mui/material';
|
|
2
|
-
export type LinkProps = MUILinkProps<React.ElementType, {
|
|
3
|
-
/**
|
|
4
|
-
* Whether the link is external. If true, the link will open in a new tab.
|
|
5
|
-
*/
|
|
6
|
-
external?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* Whether to show the external icon when external is true. Defaults to true.
|
|
9
|
-
*/
|
|
10
|
-
showExternalIcon?: boolean;
|
|
11
|
-
}>;
|
|
12
|
-
declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
13
|
-
export default Link;
|
|
14
|
-
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,IAAI,YAAY,EAG1B,MAAM,eAAe,CAAA;AAkCtB,MAAM,MAAM,SAAS,GAAG,YAAY,CAClC,KAAK,CAAC,WAAW,EACjB;IACE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CACF,CAAA;AAgDD,QAAA,MAAM,IAAI,sHAAoB,CAAA;AAC9B,eAAe,IAAI,CAAA"}
|