@carto/meridian-ds 2.0.0-alpha-external-link.9 → 2.0.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 +4 -2
- package/dist/{Alert--4zcBs2d.cjs → Alert-BzEgeyQJ.cjs} +1 -100
- package/dist/{Alert-Dgmjgdl8.js → Alert-CnaTtNJd.js} +3 -102
- package/dist/{MenuItem-C8x-GasJ.js → MenuItem-C1DvWMry.js} +1 -1
- package/dist/{MenuItem-CyIdh2wX.cjs → MenuItem-C4bG5WHw.cjs} +1 -1
- package/dist/{TablePaginationActions-BWer8cmX.js → TablePaginationActions-Cz5Hbi6N.js} +3 -6
- package/dist/{TablePaginationActions-MwqZJoRm.cjs → TablePaginationActions-mbbjzV6Y.cjs} +3 -6
- package/dist/components/index.cjs +17 -50
- package/dist/components/index.js +18 -52
- package/dist/theme/index.cjs +2 -2
- package/dist/theme/index.js +3 -3
- 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 -3
- package/dist/types/components/atoms/index.d.ts.map +1 -1
- package/dist/types/components/molecules/Autocomplete/utils.d.ts +1 -1
- package/dist/types/components/molecules/Autocomplete/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/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 -39
- package/dist/types/components/atoms/Link.d.ts.map +0 -1
- package/dist/types/components/atoms/ScreenReaderOnly.d.ts +0 -3
- package/dist/types/components/atoms/ScreenReaderOnly.d.ts.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,10 +2,12 @@
|
|
|
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
|
-
|
|
7
5
|
## 2.0
|
|
8
6
|
|
|
7
|
+
### 2.0.1
|
|
8
|
+
|
|
9
|
+
- Autocomplete: fix flooding issue with console message [#225](https://github.com/CartoDB/meridian-ds/pull/225)
|
|
10
|
+
|
|
9
11
|
### 2.0.0
|
|
10
12
|
|
|
11
13
|
- Developer API change:
|
|
@@ -2,21 +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-MwqZJoRm.cjs");
|
|
8
|
-
require("cartocolor");
|
|
9
|
-
const ScreenReaderOnly = material.styled("span")(() => ({
|
|
10
|
-
position: "absolute",
|
|
11
|
-
width: 1,
|
|
12
|
-
height: 1,
|
|
13
|
-
padding: 0,
|
|
14
|
-
margin: -1,
|
|
15
|
-
overflow: "hidden",
|
|
16
|
-
clip: "rect(0, 0, 0, 0)",
|
|
17
|
-
whiteSpace: "nowrap",
|
|
18
|
-
border: 0
|
|
19
|
-
}));
|
|
5
|
+
const TablePaginationActions = require("./TablePaginationActions-mbbjzV6Y.cjs");
|
|
20
6
|
const Option = material.styled("div")(({ theme }) => ({
|
|
21
7
|
position: "relative",
|
|
22
8
|
display: "inline-flex",
|
|
@@ -75,89 +61,6 @@ function _IconButton({
|
|
|
75
61
|
) });
|
|
76
62
|
}
|
|
77
63
|
const IconButton = React.forwardRef(_IconButton);
|
|
78
|
-
const StyledLink = material.styled(material.Link)(() => ({
|
|
79
|
-
display: "inline"
|
|
80
|
-
}));
|
|
81
|
-
const Icon = material.styled(material.Box, {
|
|
82
|
-
shouldForwardProp: (prop) => prop !== "variant" && prop !== "iconPosition"
|
|
83
|
-
})(
|
|
84
|
-
({ variant, iconPosition }) => ({
|
|
85
|
-
display: "inline-flex",
|
|
86
|
-
position: "relative",
|
|
87
|
-
top: "calc(1em * 5.0/32)",
|
|
88
|
-
// heuristic to align icon with true perceived baseline
|
|
89
|
-
...iconPosition === "right" && {
|
|
90
|
-
marginLeft: "0.25em"
|
|
91
|
-
},
|
|
92
|
-
...iconPosition === "left" && {
|
|
93
|
-
marginRight: "0.25em"
|
|
94
|
-
},
|
|
95
|
-
svg: {
|
|
96
|
-
// Size adapts to the text size, but make sure the icon size is at least 12px
|
|
97
|
-
fontSize: `max(1em, ${TablePaginationActions.ICON_SIZE_SMALL})`,
|
|
98
|
-
color: "inherit !important",
|
|
99
|
-
"> path": {
|
|
100
|
-
color: "inherit !important"
|
|
101
|
-
},
|
|
102
|
-
// Defined sizes in design specs
|
|
103
|
-
...variant === "caption" && {
|
|
104
|
-
fontSize: TablePaginationActions.ICON_SIZE_SMALL
|
|
105
|
-
},
|
|
106
|
-
...variant === "button" && {
|
|
107
|
-
fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
|
|
108
|
-
},
|
|
109
|
-
...variant === "body2" && {
|
|
110
|
-
fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
|
|
111
|
-
},
|
|
112
|
-
...variant === "body1" && {
|
|
113
|
-
fontSize: TablePaginationActions.ICON_SIZE_LARGE
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
})
|
|
117
|
-
);
|
|
118
|
-
function _Link({
|
|
119
|
-
children,
|
|
120
|
-
variant,
|
|
121
|
-
startIcon,
|
|
122
|
-
endIcon,
|
|
123
|
-
color,
|
|
124
|
-
external,
|
|
125
|
-
showExternalIcon = true,
|
|
126
|
-
fontWeight = 500,
|
|
127
|
-
target,
|
|
128
|
-
rel,
|
|
129
|
-
"aria-describedby": ariaDescribedby,
|
|
130
|
-
...otherProps
|
|
131
|
-
}, ref) {
|
|
132
|
-
const intl = reactIntl.useIntl();
|
|
133
|
-
const intlConfig = TablePaginationActions.useImperativeIntl(intl);
|
|
134
|
-
const isButtonLink = otherProps.component === "button";
|
|
135
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
136
|
-
StyledLink,
|
|
137
|
-
{
|
|
138
|
-
...otherProps,
|
|
139
|
-
variant,
|
|
140
|
-
fontWeight,
|
|
141
|
-
"data-color": color,
|
|
142
|
-
"data-name": isButtonLink ? "button-link" : "link",
|
|
143
|
-
role: isButtonLink ? "button" : "link",
|
|
144
|
-
color,
|
|
145
|
-
ref,
|
|
146
|
-
target: external ? "_blank" : target,
|
|
147
|
-
rel: external ? "noopener noreferrer" : rel,
|
|
148
|
-
"aria-describedby": external ? "external-hint" : ariaDescribedby,
|
|
149
|
-
children: [
|
|
150
|
-
startIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { variant, iconPosition: "left", children: startIcon }),
|
|
151
|
-
children,
|
|
152
|
-
(endIcon || external && showExternalIcon) && /* @__PURE__ */ jsxRuntime.jsx(Icon, { variant, iconPosition: "right", children: endIcon || /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.OpenInNewOutlined, {}) }),
|
|
153
|
-
external && /* @__PURE__ */ jsxRuntime.jsx(ScreenReaderOnly, { id: "external-hint", children: ` (${intlConfig.formatMessage({
|
|
154
|
-
id: "c4r.button.opensInNewTab"
|
|
155
|
-
})})` })
|
|
156
|
-
]
|
|
157
|
-
}
|
|
158
|
-
);
|
|
159
|
-
}
|
|
160
|
-
const Link = React.forwardRef(_Link);
|
|
161
64
|
const StyledAlert = material.styled(material.Alert, {
|
|
162
65
|
shouldForwardProp: (prop) => ![
|
|
163
66
|
"isNeutral",
|
|
@@ -287,5 +190,3 @@ function _Alert({
|
|
|
287
190
|
const Alert = React.forwardRef(_Alert);
|
|
288
191
|
exports.Alert = Alert;
|
|
289
192
|
exports.IconButton = IconButton;
|
|
290
|
-
exports.Link = Link;
|
|
291
|
-
exports.ScreenReaderOnly = ScreenReaderOnly;
|
|
@@ -1,21 +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-BWer8cmX.js";
|
|
7
|
-
import "cartocolor";
|
|
8
|
-
const ScreenReaderOnly = styled("span")(() => ({
|
|
9
|
-
position: "absolute",
|
|
10
|
-
width: 1,
|
|
11
|
-
height: 1,
|
|
12
|
-
padding: 0,
|
|
13
|
-
margin: -1,
|
|
14
|
-
overflow: "hidden",
|
|
15
|
-
clip: "rect(0, 0, 0, 0)",
|
|
16
|
-
whiteSpace: "nowrap",
|
|
17
|
-
border: 0
|
|
18
|
-
}));
|
|
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-Cz5Hbi6N.js";
|
|
19
5
|
const Option = styled("div")(({ theme }) => ({
|
|
20
6
|
position: "relative",
|
|
21
7
|
display: "inline-flex",
|
|
@@ -74,89 +60,6 @@ function _IconButton({
|
|
|
74
60
|
) });
|
|
75
61
|
}
|
|
76
62
|
const IconButton = forwardRef(_IconButton);
|
|
77
|
-
const StyledLink = styled(Link$1)(() => ({
|
|
78
|
-
display: "inline"
|
|
79
|
-
}));
|
|
80
|
-
const Icon = styled(Box, {
|
|
81
|
-
shouldForwardProp: (prop) => prop !== "variant" && prop !== "iconPosition"
|
|
82
|
-
})(
|
|
83
|
-
({ variant, iconPosition }) => ({
|
|
84
|
-
display: "inline-flex",
|
|
85
|
-
position: "relative",
|
|
86
|
-
top: "calc(1em * 5.0/32)",
|
|
87
|
-
// heuristic to align icon with true perceived baseline
|
|
88
|
-
...iconPosition === "right" && {
|
|
89
|
-
marginLeft: "0.25em"
|
|
90
|
-
},
|
|
91
|
-
...iconPosition === "left" && {
|
|
92
|
-
marginRight: "0.25em"
|
|
93
|
-
},
|
|
94
|
-
svg: {
|
|
95
|
-
// Size adapts to the text size, but make sure the icon size is at least 12px
|
|
96
|
-
fontSize: `max(1em, ${ICON_SIZE_SMALL})`,
|
|
97
|
-
color: "inherit !important",
|
|
98
|
-
"> path": {
|
|
99
|
-
color: "inherit !important"
|
|
100
|
-
},
|
|
101
|
-
// Defined sizes in design specs
|
|
102
|
-
...variant === "caption" && {
|
|
103
|
-
fontSize: ICON_SIZE_SMALL
|
|
104
|
-
},
|
|
105
|
-
...variant === "button" && {
|
|
106
|
-
fontSize: ICON_SIZE_MEDIUM
|
|
107
|
-
},
|
|
108
|
-
...variant === "body2" && {
|
|
109
|
-
fontSize: ICON_SIZE_MEDIUM
|
|
110
|
-
},
|
|
111
|
-
...variant === "body1" && {
|
|
112
|
-
fontSize: ICON_SIZE_LARGE
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
})
|
|
116
|
-
);
|
|
117
|
-
function _Link({
|
|
118
|
-
children,
|
|
119
|
-
variant,
|
|
120
|
-
startIcon,
|
|
121
|
-
endIcon,
|
|
122
|
-
color,
|
|
123
|
-
external,
|
|
124
|
-
showExternalIcon = true,
|
|
125
|
-
fontWeight = 500,
|
|
126
|
-
target,
|
|
127
|
-
rel,
|
|
128
|
-
"aria-describedby": ariaDescribedby,
|
|
129
|
-
...otherProps
|
|
130
|
-
}, ref) {
|
|
131
|
-
const intl = useIntl();
|
|
132
|
-
const intlConfig = useImperativeIntl(intl);
|
|
133
|
-
const isButtonLink = otherProps.component === "button";
|
|
134
|
-
return /* @__PURE__ */ jsxs(
|
|
135
|
-
StyledLink,
|
|
136
|
-
{
|
|
137
|
-
...otherProps,
|
|
138
|
-
variant,
|
|
139
|
-
fontWeight,
|
|
140
|
-
"data-color": color,
|
|
141
|
-
"data-name": isButtonLink ? "button-link" : "link",
|
|
142
|
-
role: isButtonLink ? "button" : "link",
|
|
143
|
-
color,
|
|
144
|
-
ref,
|
|
145
|
-
target: external ? "_blank" : target,
|
|
146
|
-
rel: external ? "noopener noreferrer" : rel,
|
|
147
|
-
"aria-describedby": external ? "external-hint" : ariaDescribedby,
|
|
148
|
-
children: [
|
|
149
|
-
startIcon && /* @__PURE__ */ jsx(Icon, { variant, iconPosition: "left", children: startIcon }),
|
|
150
|
-
children,
|
|
151
|
-
(endIcon || external && showExternalIcon) && /* @__PURE__ */ jsx(Icon, { variant, iconPosition: "right", children: endIcon || /* @__PURE__ */ jsx(OpenInNewOutlined, {}) }),
|
|
152
|
-
external && /* @__PURE__ */ jsx(ScreenReaderOnly, { id: "external-hint", children: ` (${intlConfig.formatMessage({
|
|
153
|
-
id: "c4r.button.opensInNewTab"
|
|
154
|
-
})})` })
|
|
155
|
-
]
|
|
156
|
-
}
|
|
157
|
-
);
|
|
158
|
-
}
|
|
159
|
-
const Link = forwardRef(_Link);
|
|
160
63
|
const StyledAlert = styled(Alert$1, {
|
|
161
64
|
shouldForwardProp: (prop) => ![
|
|
162
65
|
"isNeutral",
|
|
@@ -286,7 +189,5 @@ function _Alert({
|
|
|
286
189
|
const Alert = forwardRef(_Alert);
|
|
287
190
|
export {
|
|
288
191
|
Alert as A,
|
|
289
|
-
IconButton as I
|
|
290
|
-
Link as L,
|
|
291
|
-
ScreenReaderOnly as S
|
|
192
|
+
IconButton as I
|
|
292
193
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { styled, MenuItem as MenuItem$1 } from "@mui/material";
|
|
4
|
-
import { e as MENU_ITEM_SIZE_DENSE, f as MENU_ITEM_SIZE_EXTENDED } from "./TablePaginationActions-
|
|
4
|
+
import { e as MENU_ITEM_SIZE_DENSE, f as MENU_ITEM_SIZE_EXTENDED } from "./TablePaginationActions-Cz5Hbi6N.js";
|
|
5
5
|
const StyledMenuItem = styled(MenuItem$1, {
|
|
6
6
|
shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
|
|
7
7
|
prop
|
|
@@ -2,7 +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 TablePaginationActions = require("./TablePaginationActions-
|
|
5
|
+
const TablePaginationActions = require("./TablePaginationActions-mbbjzV6Y.cjs");
|
|
6
6
|
const StyledMenuItem = material.styled(material.MenuItem, {
|
|
7
7
|
shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
|
|
8
8
|
prop
|
|
@@ -817,8 +817,7 @@ const en = {
|
|
|
817
817
|
copy: "Copy",
|
|
818
818
|
save: "Save",
|
|
819
819
|
add: "Add",
|
|
820
|
-
showOptions: "Show options"
|
|
821
|
-
opensInNewTab: "Opens in new tab"
|
|
820
|
+
showOptions: "Show options"
|
|
822
821
|
},
|
|
823
822
|
form: {
|
|
824
823
|
selectAll: "Select all",
|
|
@@ -966,8 +965,7 @@ const es = {
|
|
|
966
965
|
copy: "Copiar",
|
|
967
966
|
save: "Guardar",
|
|
968
967
|
add: "Añadir",
|
|
969
|
-
showOptions: "Mostrar opciones"
|
|
970
|
-
opensInNewTab: "Abre en una nueva pestaña"
|
|
968
|
+
showOptions: "Mostrar opciones"
|
|
971
969
|
},
|
|
972
970
|
form: {
|
|
973
971
|
selectAll: "Seleccionar todos",
|
|
@@ -1113,8 +1111,7 @@ const id = {
|
|
|
1113
1111
|
copy: "Salin",
|
|
1114
1112
|
save: "Simpan",
|
|
1115
1113
|
add: "Tambah",
|
|
1116
|
-
showOptions: "Tampilkan opsi"
|
|
1117
|
-
opensInNewTab: "Buka di tab baru"
|
|
1114
|
+
showOptions: "Tampilkan opsi"
|
|
1118
1115
|
},
|
|
1119
1116
|
form: {
|
|
1120
1117
|
selectAll: "Select all",
|
|
@@ -818,8 +818,7 @@ const en = {
|
|
|
818
818
|
copy: "Copy",
|
|
819
819
|
save: "Save",
|
|
820
820
|
add: "Add",
|
|
821
|
-
showOptions: "Show options"
|
|
822
|
-
opensInNewTab: "Opens in new tab"
|
|
821
|
+
showOptions: "Show options"
|
|
823
822
|
},
|
|
824
823
|
form: {
|
|
825
824
|
selectAll: "Select all",
|
|
@@ -967,8 +966,7 @@ const es = {
|
|
|
967
966
|
copy: "Copiar",
|
|
968
967
|
save: "Guardar",
|
|
969
968
|
add: "Añadir",
|
|
970
|
-
showOptions: "Mostrar opciones"
|
|
971
|
-
opensInNewTab: "Abre en una nueva pestaña"
|
|
969
|
+
showOptions: "Mostrar opciones"
|
|
972
970
|
},
|
|
973
971
|
form: {
|
|
974
972
|
selectAll: "Seleccionar todos",
|
|
@@ -1114,8 +1112,7 @@ const id = {
|
|
|
1114
1112
|
copy: "Salin",
|
|
1115
1113
|
save: "Simpan",
|
|
1116
1114
|
add: "Tambah",
|
|
1117
|
-
showOptions: "Tampilkan opsi"
|
|
1118
|
-
opensInNewTab: "Buka di tab baru"
|
|
1115
|
+
showOptions: "Tampilkan opsi"
|
|
1119
1116
|
},
|
|
1120
1117
|
form: {
|
|
1121
1118
|
selectAll: "Select all",
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
|
-
const reactIntl = require("react-intl");
|
|
6
5
|
const material = require("@mui/material");
|
|
7
|
-
const
|
|
8
|
-
const TablePaginationActions = require("../TablePaginationActions-MwqZJoRm.cjs");
|
|
9
|
-
const Alert$1 = require("../Alert--4zcBs2d.cjs");
|
|
6
|
+
const TablePaginationActions = require("../TablePaginationActions-mbbjzV6Y.cjs");
|
|
10
7
|
const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
|
|
11
8
|
const OpenDiagonallyRight = require("../OpenDiagonallyRight-CpL4ROwg.cjs");
|
|
9
|
+
const reactIntl = require("react-intl");
|
|
10
|
+
const iconsMaterial = require("@mui/icons-material");
|
|
11
|
+
const Alert$1 = require("../Alert-BzEgeyQJ.cjs");
|
|
12
12
|
require("cartocolor");
|
|
13
|
-
const MenuItem = require("../MenuItem-
|
|
13
|
+
const MenuItem = require("../MenuItem-C4bG5WHw.cjs");
|
|
14
14
|
const reactWindow = require("react-window");
|
|
15
15
|
const DatePicker$1 = require("@mui/x-date-pickers/DatePicker");
|
|
16
16
|
const xDatePickers = require("@mui/x-date-pickers");
|
|
@@ -62,16 +62,10 @@ function _Button({
|
|
|
62
62
|
startIcon,
|
|
63
63
|
endIcon,
|
|
64
64
|
loadingPosition,
|
|
65
|
-
external,
|
|
66
|
-
showExternalIcon = true,
|
|
67
|
-
"aria-describedby": ariaDescribedby,
|
|
68
65
|
...otherProps
|
|
69
66
|
}, ref) {
|
|
70
|
-
const intl = reactIntl.useIntl();
|
|
71
|
-
const intlConfig = TablePaginationActions.useImperativeIntl(intl);
|
|
72
67
|
const defaultIconLoader = /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 18, color: "inherit" });
|
|
73
68
|
const isDefaultLoading = loading && loadingPosition === void 0;
|
|
74
|
-
const isExternalLink = otherProps.href && external;
|
|
75
69
|
const renderContent = () => {
|
|
76
70
|
if (isDefaultLoading) {
|
|
77
71
|
return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
|
|
@@ -79,14 +73,6 @@ function _Button({
|
|
|
79
73
|
/* @__PURE__ */ jsxRuntime.jsx(HiddenText, { children })
|
|
80
74
|
] });
|
|
81
75
|
}
|
|
82
|
-
if (isExternalLink) {
|
|
83
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
84
|
-
children,
|
|
85
|
-
/* @__PURE__ */ jsxRuntime.jsx(Alert$1.ScreenReaderOnly, { id: "external-hint", children: `(${intlConfig.formatMessage({
|
|
86
|
-
id: "c4r.button.opensInNewTab"
|
|
87
|
-
})})` })
|
|
88
|
-
] });
|
|
89
|
-
}
|
|
90
76
|
return children;
|
|
91
77
|
};
|
|
92
78
|
const getIconForPosition = (position) => {
|
|
@@ -99,11 +85,7 @@ function _Button({
|
|
|
99
85
|
}
|
|
100
86
|
return void 0;
|
|
101
87
|
}
|
|
102
|
-
|
|
103
|
-
return startIcon;
|
|
104
|
-
} else {
|
|
105
|
-
return endIcon || (isExternalLink && showExternalIcon ? /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.OpenInNewOutlined, {}) : void 0);
|
|
106
|
-
}
|
|
88
|
+
return position === "start" ? startIcon : endIcon;
|
|
107
89
|
};
|
|
108
90
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
109
91
|
material.Button,
|
|
@@ -113,12 +95,7 @@ function _Button({
|
|
|
113
95
|
endIcon: getIconForPosition("end"),
|
|
114
96
|
...otherProps,
|
|
115
97
|
role: otherProps.href ? "link" : "button",
|
|
116
|
-
...isExternalLink && {
|
|
117
|
-
target: "_blank",
|
|
118
|
-
rel: "noopener noreferrer"
|
|
119
|
-
},
|
|
120
98
|
ref,
|
|
121
|
-
"aria-describedby": isExternalLink ? "external-hint" : ariaDescribedby,
|
|
122
99
|
children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "inherit", color: "inherit", noWrap: true, component: "span", children: renderContent() })
|
|
123
100
|
}
|
|
124
101
|
);
|
|
@@ -1238,25 +1215,17 @@ function createAutocompleteGroupByList({
|
|
|
1238
1215
|
});
|
|
1239
1216
|
return result;
|
|
1240
1217
|
}
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
})
|
|
1253
|
-
|
|
1254
|
-
<${componentName} options={groupedOptions} />
|
|
1255
|
-
\`\`\`
|
|
1256
|
-
`
|
|
1257
|
-
);
|
|
1258
|
-
}
|
|
1259
|
-
}
|
|
1218
|
+
const warnDeprecatedGroupBy = /* @__PURE__ */ (() => {
|
|
1219
|
+
const shownWarnings = /* @__PURE__ */ new Set();
|
|
1220
|
+
return (componentName) => {
|
|
1221
|
+
if (process.env.NODE_ENV !== "production" && !shownWarnings.has(componentName)) {
|
|
1222
|
+
shownWarnings.add(componentName);
|
|
1223
|
+
console.warn(
|
|
1224
|
+
`${componentName}: The \`groupBy\` prop is deprecated because it breaks virtualization. Use \`createAutocompleteGroupByList\` instead.`
|
|
1225
|
+
);
|
|
1226
|
+
}
|
|
1227
|
+
};
|
|
1228
|
+
})();
|
|
1260
1229
|
function _Autocomplete({
|
|
1261
1230
|
disabled,
|
|
1262
1231
|
loading,
|
|
@@ -5090,8 +5059,6 @@ exports.TablePaginationActions = TablePaginationActions.TablePaginationActions;
|
|
|
5090
5059
|
exports.Typography = TablePaginationActions.Typography;
|
|
5091
5060
|
exports.Alert = Alert$1.Alert;
|
|
5092
5061
|
exports.IconButton = Alert$1.IconButton;
|
|
5093
|
-
exports.Link = Alert$1.Link;
|
|
5094
|
-
exports.ScreenReaderOnly = Alert$1.ScreenReaderOnly;
|
|
5095
5062
|
exports.MenuItem = MenuItem.MenuItem;
|
|
5096
5063
|
exports.AUTOCOMPLETE_GROUP_HEADER_PROPERTY = AUTOCOMPLETE_GROUP_HEADER_PROPERTY;
|
|
5097
5064
|
exports.AccordionGroup = AccordionGroup;
|
package/dist/components/index.js
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement, Fragment as Fragment$1, useCallback, useImperativeHandle } from "react";
|
|
3
|
-
import { useIntl } from "react-intl";
|
|
4
3
|
import { styled, Box, Button as Button$1, CircularProgress, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, IconButton, Tooltip, Select, FormControl, InputLabel, FormHelperText, ToggleButtonGroup as ToggleButtonGroup$1, Menu as Menu$2, 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, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1 } from "@mui/material";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { a } from "../TablePaginationActions-BWer8cmX.js";
|
|
8
|
-
import { S as ScreenReaderOnly, I as IconButton$1, A as Alert$1 } from "../Alert-Dgmjgdl8.js";
|
|
9
|
-
import { L } from "../Alert-Dgmjgdl8.js";
|
|
4
|
+
import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, f as MENU_ITEM_SIZE_EXTENDED, e as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, M as MENU_ITEM_SIZE_DEFAULT, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-Cz5Hbi6N.js";
|
|
5
|
+
import { a } from "../TablePaginationActions-Cz5Hbi6N.js";
|
|
10
6
|
import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
|
|
11
7
|
import { A as ArrowUp, O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-CGdCEXlF.js";
|
|
8
|
+
import { useIntl } from "react-intl";
|
|
9
|
+
import { VisibilityOffOutlined, VisibilityOutlined, Cancel, AddCircleOutlineOutlined, ContentCopyOutlined, CloseOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
|
|
10
|
+
import { I as IconButton$1, A as Alert$1 } from "../Alert-CnaTtNJd.js";
|
|
12
11
|
import "cartocolor";
|
|
13
|
-
import { M as MenuItem$1 } from "../MenuItem-
|
|
12
|
+
import { M as MenuItem$1 } from "../MenuItem-C1DvWMry.js";
|
|
14
13
|
import { FixedSizeList } from "react-window";
|
|
15
14
|
import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
|
|
16
15
|
import { PickersDay as PickersDay$1 } from "@mui/x-date-pickers";
|
|
@@ -62,16 +61,10 @@ function _Button({
|
|
|
62
61
|
startIcon,
|
|
63
62
|
endIcon,
|
|
64
63
|
loadingPosition,
|
|
65
|
-
external,
|
|
66
|
-
showExternalIcon = true,
|
|
67
|
-
"aria-describedby": ariaDescribedby,
|
|
68
64
|
...otherProps
|
|
69
65
|
}, ref) {
|
|
70
|
-
const intl = useIntl();
|
|
71
|
-
const intlConfig = useImperativeIntl(intl);
|
|
72
66
|
const defaultIconLoader = /* @__PURE__ */ jsx(CircularProgress, { size: 18, color: "inherit" });
|
|
73
67
|
const isDefaultLoading = loading && loadingPosition === void 0;
|
|
74
|
-
const isExternalLink = otherProps.href && external;
|
|
75
68
|
const renderContent = () => {
|
|
76
69
|
if (isDefaultLoading) {
|
|
77
70
|
return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
|
|
@@ -79,14 +72,6 @@ function _Button({
|
|
|
79
72
|
/* @__PURE__ */ jsx(HiddenText, { children })
|
|
80
73
|
] });
|
|
81
74
|
}
|
|
82
|
-
if (isExternalLink) {
|
|
83
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
84
|
-
children,
|
|
85
|
-
/* @__PURE__ */ jsx(ScreenReaderOnly, { id: "external-hint", children: `(${intlConfig.formatMessage({
|
|
86
|
-
id: "c4r.button.opensInNewTab"
|
|
87
|
-
})})` })
|
|
88
|
-
] });
|
|
89
|
-
}
|
|
90
75
|
return children;
|
|
91
76
|
};
|
|
92
77
|
const getIconForPosition = (position) => {
|
|
@@ -99,11 +84,7 @@ function _Button({
|
|
|
99
84
|
}
|
|
100
85
|
return void 0;
|
|
101
86
|
}
|
|
102
|
-
|
|
103
|
-
return startIcon;
|
|
104
|
-
} else {
|
|
105
|
-
return endIcon || (isExternalLink && showExternalIcon ? /* @__PURE__ */ jsx(OpenInNewOutlined, {}) : void 0);
|
|
106
|
-
}
|
|
87
|
+
return position === "start" ? startIcon : endIcon;
|
|
107
88
|
};
|
|
108
89
|
return /* @__PURE__ */ jsx(
|
|
109
90
|
Button$1,
|
|
@@ -113,12 +94,7 @@ function _Button({
|
|
|
113
94
|
endIcon: getIconForPosition("end"),
|
|
114
95
|
...otherProps,
|
|
115
96
|
role: otherProps.href ? "link" : "button",
|
|
116
|
-
...isExternalLink && {
|
|
117
|
-
target: "_blank",
|
|
118
|
-
rel: "noopener noreferrer"
|
|
119
|
-
},
|
|
120
97
|
ref,
|
|
121
|
-
"aria-describedby": isExternalLink ? "external-hint" : ariaDescribedby,
|
|
122
98
|
children: /* @__PURE__ */ jsx(Typography, { variant: "inherit", color: "inherit", noWrap: true, component: "span", children: renderContent() })
|
|
123
99
|
}
|
|
124
100
|
);
|
|
@@ -1238,25 +1214,17 @@ function createAutocompleteGroupByList({
|
|
|
1238
1214
|
});
|
|
1239
1215
|
return result;
|
|
1240
1216
|
}
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
})
|
|
1253
|
-
|
|
1254
|
-
<${componentName} options={groupedOptions} />
|
|
1255
|
-
\`\`\`
|
|
1256
|
-
`
|
|
1257
|
-
);
|
|
1258
|
-
}
|
|
1259
|
-
}
|
|
1217
|
+
const warnDeprecatedGroupBy = /* @__PURE__ */ (() => {
|
|
1218
|
+
const shownWarnings = /* @__PURE__ */ new Set();
|
|
1219
|
+
return (componentName) => {
|
|
1220
|
+
if (process.env.NODE_ENV !== "production" && !shownWarnings.has(componentName)) {
|
|
1221
|
+
shownWarnings.add(componentName);
|
|
1222
|
+
console.warn(
|
|
1223
|
+
`${componentName}: The \`groupBy\` prop is deprecated because it breaks virtualization. Use \`createAutocompleteGroupByList\` instead.`
|
|
1224
|
+
);
|
|
1225
|
+
}
|
|
1226
|
+
};
|
|
1227
|
+
})();
|
|
1260
1228
|
function _Autocomplete({
|
|
1261
1229
|
disabled,
|
|
1262
1230
|
loading,
|
|
@@ -5121,7 +5089,6 @@ export {
|
|
|
5121
5089
|
DialogStepper,
|
|
5122
5090
|
IconButton$1 as IconButton,
|
|
5123
5091
|
LabelWithIndicator,
|
|
5124
|
-
L as Link,
|
|
5125
5092
|
Menu$1 as Menu,
|
|
5126
5093
|
MenuItem$1 as MenuItem,
|
|
5127
5094
|
MenuItemFilter,
|
|
@@ -5129,7 +5096,6 @@ export {
|
|
|
5129
5096
|
MultipleAutocomplete,
|
|
5130
5097
|
MultipleSelectField,
|
|
5131
5098
|
PasswordField,
|
|
5132
|
-
ScreenReaderOnly,
|
|
5133
5099
|
SelectField,
|
|
5134
5100
|
Snackbar,
|
|
5135
5101
|
SplitButton,
|
package/dist/theme/index.cjs
CHANGED
|
@@ -3,11 +3,11 @@ var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
4
|
const material = require("@mui/material");
|
|
5
5
|
const jsxRuntime = require("react/jsx-runtime");
|
|
6
|
-
const TablePaginationActions = require("../TablePaginationActions-
|
|
6
|
+
const TablePaginationActions = require("../TablePaginationActions-mbbjzV6Y.cjs");
|
|
7
7
|
const iconsMaterial = require("@mui/icons-material");
|
|
8
8
|
const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
|
|
9
9
|
const xDatePickers = require("@mui/x-date-pickers");
|
|
10
|
-
const MenuItem = require("../MenuItem-
|
|
10
|
+
const MenuItem = require("../MenuItem-C4bG5WHw.cjs");
|
|
11
11
|
const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
|
|
12
12
|
const tooltipArrowSize = 1;
|
|
13
13
|
const tooltipSeparation = 0.5;
|
package/dist/theme/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
2
2
|
import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
|
|
3
3
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
4
|
-
import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, e as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-
|
|
5
|
-
import { f, N } from "../TablePaginationActions-
|
|
4
|
+
import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, e as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-Cz5Hbi6N.js";
|
|
5
|
+
import { f, N } from "../TablePaginationActions-Cz5Hbi6N.js";
|
|
6
6
|
import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined } from "@mui/icons-material";
|
|
7
7
|
import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
|
|
8
8
|
import { renderDigitalClockTimeView } from "@mui/x-date-pickers";
|
|
9
|
-
import { M as MenuItem } from "../MenuItem-
|
|
9
|
+
import { M as MenuItem } from "../MenuItem-C1DvWMry.js";
|
|
10
10
|
import { c as commonPalette } from "../paletteUtils-BHqJlHm9.js";
|
|
11
11
|
import { g } from "../paletteUtils-BHqJlHm9.js";
|
|
12
12
|
const tooltipArrowSize = 1;
|
|
@@ -9,17 +9,6 @@ export type ButtonProps = MUIButtonProps<React.ElementType, {
|
|
|
9
9
|
* - 'end': Shows spinner at the end position, replacing the endIcon
|
|
10
10
|
*/
|
|
11
11
|
loadingPosition?: 'start' | 'end';
|
|
12
|
-
/**
|
|
13
|
-
* Whether the button is external. If true, the button will open in a new tab.
|
|
14
|
-
* Needs to have a href prop to be considered external.
|
|
15
|
-
*/
|
|
16
|
-
external?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Whether to show the external icon when external is true. Defaults to true.
|
|
19
|
-
* Needs to have a href prop to be considered external.
|
|
20
|
-
*/
|
|
21
|
-
showExternalIcon?: boolean;
|
|
22
|
-
'aria-describedby'?: string;
|
|
23
12
|
}>;
|
|
24
13
|
declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
25
14
|
export default Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,IAAI,cAAc,EAK9B,MAAM,eAAe,CAAA;AAmBtB,MAAM,MAAM,WAAW,GAAG,cAAc,CACtC,KAAK,CAAC,WAAW,EACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAClC,CACF,CAAA;AAoED,QAAA,MAAM,MAAM,wHAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}
|
|
@@ -6,8 +6,6 @@ export { default as SelectField } from './SelectField';
|
|
|
6
6
|
export { default as ToggleButtonGroup } from './ToggleButtonGroup';
|
|
7
7
|
export { default as Typography } from './Typography';
|
|
8
8
|
export { default as IconButton } from './IconButton';
|
|
9
|
-
export { default as Link } from './Link';
|
|
10
|
-
export { default as ScreenReaderOnly } from './ScreenReaderOnly';
|
|
11
9
|
export type * from './Button';
|
|
12
10
|
export type * from './SplitButton';
|
|
13
11
|
export type * from './LabelWithIndicator';
|
|
@@ -16,5 +14,4 @@ export type * from './SelectField';
|
|
|
16
14
|
export type * from './ToggleButtonGroup';
|
|
17
15
|
export type * from './Typography';
|
|
18
16
|
export type * from './IconButton';
|
|
19
|
-
export type * from './Link';
|
|
20
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,cAAc,CAAA"}
|
|
@@ -135,5 +135,5 @@ export declare function createAutocompleteGroupByList<T>({ options, groupBy, ext
|
|
|
135
135
|
* Shows a runtime warning for deprecated groupBy prop usage
|
|
136
136
|
* @param componentName - Name of the component (e.g., 'Autocomplete', 'MultipleAutocomplete')
|
|
137
137
|
*/
|
|
138
|
-
export declare
|
|
138
|
+
export declare const warnDeprecatedGroupBy: (componentName: string) => void;
|
|
139
139
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Autocomplete/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAA;AAE1D;;GAEG;AACH,eAAO,MAAM,kCAAkC,oBAAoB,CAAA;AAEnE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,OAAO,GACd,MAAM,IAAI,gCAAgC,CAM5C;AAGD,eAAO,MAAM,qBAAqB,GAAI,KAAK,UAAW,KAAK,KAAG,MAI7D,CAAA;AAGD,eAAO,MAAM,wBAAwB,GAAI,KAAK,UACpC,KAAK,YACH,OAAO,KAChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAIxB,CAAA;AAGD,eAAO,MAAM,uBAAuB,SAAU,MAAM,4CAEnD,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,aAAa,EACb,OAAY,EACZ,IAAc,EACd,cAAsC,GACvC,EAAE;IACD,aAAa,EAAE,CAAC,MAAM,EAAE;QACtB,aAAa,EAAE,MAAM,CAAA;QACrB,UAAU,EAAE,MAAM,CAAA;QAClB,aAAa,EAAE,SAAS,OAAO,EAAE,CAAA;QACjC,QAAQ,EAAE,SAAS,OAAO,EAAE,CAAA;QAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;KAC5C,KAAK,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;CAC7C,WACmC,SAAS,OAAO,EAAE,oDAmCrD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,OAAO,EACP,kBAAyB,GAC1B,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,mEAMI;IACD,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,SAAS,OAAO,EAAE,CAAA;IACjC,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;CAC5C,YASF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,EAAE,EAC/C,OAAO,EACP,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,CAAC,GAAG,gCAAgC,CAAC,EAAE,CA6B3C;AAED;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Autocomplete/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAA;AAE1D;;GAEG;AACH,eAAO,MAAM,kCAAkC,oBAAoB,CAAA;AAEnE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,OAAO,GACd,MAAM,IAAI,gCAAgC,CAM5C;AAGD,eAAO,MAAM,qBAAqB,GAAI,KAAK,UAAW,KAAK,KAAG,MAI7D,CAAA;AAGD,eAAO,MAAM,wBAAwB,GAAI,KAAK,UACpC,KAAK,YACH,OAAO,KAChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAIxB,CAAA;AAGD,eAAO,MAAM,uBAAuB,SAAU,MAAM,4CAEnD,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,aAAa,EACb,OAAY,EACZ,IAAc,EACd,cAAsC,GACvC,EAAE;IACD,aAAa,EAAE,CAAC,MAAM,EAAE;QACtB,aAAa,EAAE,MAAM,CAAA;QACrB,UAAU,EAAE,MAAM,CAAA;QAClB,aAAa,EAAE,SAAS,OAAO,EAAE,CAAA;QACjC,QAAQ,EAAE,SAAS,OAAO,EAAE,CAAA;QAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;KAC5C,KAAK,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;CAC7C,WACmC,SAAS,OAAO,EAAE,oDAmCrD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,OAAO,EACP,kBAAyB,GAC1B,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,mEAMI;IACD,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,SAAS,OAAO,EAAE,CAAA;IACjC,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;CAC5C,YASF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,EAAE,EAC/C,OAAO,EACP,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,CAAC,GAAG,gCAAgC,CAAC,EAAE,CA6B3C;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,kBAGT,MAAM,KAAG,IAY9B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/localization/en.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/localization/en.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAsJ0B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../src/localization/es.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../src/localization/es.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAwJ0B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../../src/localization/id.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../../src/localization/id.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAsJ0B"}
|
|
@@ -11,7 +11,6 @@ export declare const messages: {
|
|
|
11
11
|
save: string;
|
|
12
12
|
add: string;
|
|
13
13
|
showOptions: string;
|
|
14
|
-
opensInNewTab: string;
|
|
15
14
|
};
|
|
16
15
|
form: {
|
|
17
16
|
selectAll: string;
|
|
@@ -160,7 +159,6 @@ export declare const messages: {
|
|
|
160
159
|
save: string;
|
|
161
160
|
add: string;
|
|
162
161
|
showOptions: string;
|
|
163
|
-
opensInNewTab: string;
|
|
164
162
|
};
|
|
165
163
|
form: {
|
|
166
164
|
selectAll: string;
|
|
@@ -307,7 +305,6 @@ export declare const messages: {
|
|
|
307
305
|
save: string;
|
|
308
306
|
add: string;
|
|
309
307
|
showOptions: string;
|
|
310
|
-
opensInNewTab: string;
|
|
311
308
|
};
|
|
312
309
|
form: {
|
|
313
310
|
selectAll: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/localization/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/localization/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparativeCategoryWidgetUI.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ComparativeCategoryWidgetUI.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAA;AAU1E,MAAM,MAAM,gCAAgC,GAAG;IAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,IAAI,EAAE,YAAY,EAAE,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC9C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,KAA+B,EAC/B,IAAsC,EACtC,MAAgC,EAChC,MAAgC,EAChC,QAAY,EACZ,KAAwB,EACxB,SAAgB,EAChB,gBAAgB,EAChB,UAAiB,EACjB,UAAiB,EACjB,kBAA4C,EAC5C,0BAAqC,EACrC,SAAyD,EACzD,gBAAgE,EAChE,OAAc,EACd,SAAiB,GAClB,EAAE,gCAAgC,2CAwSlC"}
|
package/dist/widgets/index.cjs
CHANGED
|
@@ -4,12 +4,12 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const material = require("@mui/material");
|
|
6
6
|
const reactIntl = require("react-intl");
|
|
7
|
-
const TablePaginationActions = require("../TablePaginationActions-
|
|
7
|
+
const TablePaginationActions = require("../TablePaginationActions-mbbjzV6Y.cjs");
|
|
8
8
|
const _ReactEcharts = require("echarts-for-react");
|
|
9
9
|
const reactWindow = require("react-window");
|
|
10
10
|
const SwatchSquare = require("../SwatchSquare-B8PIY3Rd.cjs");
|
|
11
11
|
const iconsMaterial = require("@mui/icons-material");
|
|
12
|
-
const Alert = require("../Alert
|
|
12
|
+
const Alert = require("../Alert-BzEgeyQJ.cjs");
|
|
13
13
|
const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
|
|
14
14
|
function detectTouchscreen() {
|
|
15
15
|
let result = false;
|
|
@@ -5269,7 +5269,7 @@ function ComparativeCategoryWidgetUI({
|
|
|
5269
5269
|
{ id: "c4r.widgets.category.selectedItems" },
|
|
5270
5270
|
{ items: selectedCategories.length }
|
|
5271
5271
|
) : intlConfig.formatMessage({ id: "c4r.widgets.category.all" }) }),
|
|
5272
|
-
/* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
5272
|
+
/* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: disableBlocking, children: intlConfig.formatMessage({
|
|
5273
5273
|
id: "c4r.widgets.category.unlock"
|
|
5274
5274
|
}) }) : selectedCategories.length ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5275
5275
|
material.Box,
|
|
@@ -5280,11 +5280,11 @@ function ComparativeCategoryWidgetUI({
|
|
|
5280
5280
|
gap: theme.spacing(1)
|
|
5281
5281
|
},
|
|
5282
5282
|
children: [
|
|
5283
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5283
|
+
/* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: enableBlocking, children: intlConfig.formatMessage({
|
|
5284
5284
|
id: "c4r.widgets.category.lock"
|
|
5285
5285
|
}) }),
|
|
5286
5286
|
/* @__PURE__ */ jsxRuntime.jsx(material.Divider, { orientation: "vertical", flexItem: true }),
|
|
5287
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5287
|
+
/* @__PURE__ */ jsxRuntime.jsx(material.Link, { onClick: clearSelection, children: intlConfig.formatMessage({
|
|
5288
5288
|
id: "c4r.widgets.category.clear"
|
|
5289
5289
|
}) })
|
|
5290
5290
|
]
|
package/dist/widgets/index.js
CHANGED
|
@@ -2,12 +2,12 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React, { useMemo, useState, useEffect, useCallback, useRef, createContext, useContext, useLayoutEffect, createRef } from "react";
|
|
3
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
|
-
import { h 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 { h as getDefaultExportFromCjs, u as useImperativeIntl, T as Typography, S as SPACING, B as BREAKPOINTS, a as TablePaginationActions, b as ICON_SIZE_MEDIUM } from "../TablePaginationActions-Cz5Hbi6N.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-CaaLsjAC.js";
|
|
9
9
|
import { ChevronLeft, ChevronRight, KeyboardArrowDown, ErrorOutline, Cancel, VisibilityOutlined, VisibilityOffOutlined, ExpandLess, ExpandMore, Close, LayersOutlined, MoreVert } from "@mui/icons-material";
|
|
10
|
-
import { I as IconButton,
|
|
10
|
+
import { I as IconButton, A as Alert } from "../Alert-CnaTtNJd.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;
|
|
@@ -5267,7 +5267,7 @@ function ComparativeCategoryWidgetUI({
|
|
|
5267
5267
|
{ id: "c4r.widgets.category.selectedItems" },
|
|
5268
5268
|
{ items: selectedCategories.length }
|
|
5269
5269
|
) : intlConfig.formatMessage({ id: "c4r.widgets.category.all" }) }),
|
|
5270
|
-
/* @__PURE__ */ jsx(Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsx(Link
|
|
5270
|
+
/* @__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({
|
|
5271
5271
|
id: "c4r.widgets.category.unlock"
|
|
5272
5272
|
}) }) : selectedCategories.length ? /* @__PURE__ */ jsxs(
|
|
5273
5273
|
Box,
|
|
@@ -5278,11 +5278,11 @@ function ComparativeCategoryWidgetUI({
|
|
|
5278
5278
|
gap: theme.spacing(1)
|
|
5279
5279
|
},
|
|
5280
5280
|
children: [
|
|
5281
|
-
/* @__PURE__ */ jsx(Link
|
|
5281
|
+
/* @__PURE__ */ jsx(Link, { onClick: enableBlocking, children: intlConfig.formatMessage({
|
|
5282
5282
|
id: "c4r.widgets.category.lock"
|
|
5283
5283
|
}) }),
|
|
5284
5284
|
/* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true }),
|
|
5285
|
-
/* @__PURE__ */ jsx(Link
|
|
5285
|
+
/* @__PURE__ */ jsx(Link, { onClick: clearSelection, children: intlConfig.formatMessage({
|
|
5286
5286
|
id: "c4r.widgets.category.clear"
|
|
5287
5287
|
}) })
|
|
5288
5288
|
]
|
package/package.json
CHANGED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { LinkProps as MUILinkProps } from '@mui/material';
|
|
2
|
-
export type LinkProps = MUILinkProps<React.ElementType, {
|
|
3
|
-
endIcon?: React.ReactNode;
|
|
4
|
-
startIcon?: React.ReactNode;
|
|
5
|
-
/**
|
|
6
|
-
* Whether the link is external. If true, the link will open in a new tab.
|
|
7
|
-
*/
|
|
8
|
-
external?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Whether to show the external icon when external is true. Defaults to true.
|
|
11
|
-
*/
|
|
12
|
-
showExternalIcon?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* For target="_blank", use the `external` prop instead for better consistency and accessibility.
|
|
15
|
-
*
|
|
16
|
-
* Instead of: `<Link target="_blank" rel="noopener noreferrer" href="...">Link text</Link>`
|
|
17
|
-
*
|
|
18
|
-
* Use: `<Link external href="...">Link text</Link>`
|
|
19
|
-
*
|
|
20
|
-
* The `external` prop automatically handles target="_blank", rel="noopener noreferrer",
|
|
21
|
-
* and adds proper accessibility attributes and visual indicators.
|
|
22
|
-
*/
|
|
23
|
-
target?: string;
|
|
24
|
-
/**
|
|
25
|
-
* For rel="noopener noreferrer", use the `external` prop instead for better consistency and accessibility.
|
|
26
|
-
*
|
|
27
|
-
* Instead of: `<Link target="_blank" rel="noopener noreferrer" href="...">Link text</Link>`
|
|
28
|
-
*
|
|
29
|
-
* Use: `<Link external href="...">Link text</Link>`
|
|
30
|
-
*
|
|
31
|
-
* The `external` prop automatically handles target="_blank", rel="noopener noreferrer",
|
|
32
|
-
* and adds proper accessibility attributes and visual indicators.
|
|
33
|
-
*/
|
|
34
|
-
rel?: string;
|
|
35
|
-
'aria-describedby'?: string;
|
|
36
|
-
}>;
|
|
37
|
-
declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
38
|
-
export default Link;
|
|
39
|
-
//# 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;AAqDtB,MAAM,MAAM,SAAS,GAAG,YAAY,CAClC,KAAK,CAAC,WAAW,EACjB;IACE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;;;;;OASG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CACF,CAAA;AA6DD,QAAA,MAAM,IAAI,sHAAoB,CAAA;AAC9B,eAAe,IAAI,CAAA"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
declare const ScreenReaderOnly: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
2
|
-
export default ScreenReaderOnly;
|
|
3
|
-
//# sourceMappingURL=ScreenReaderOnly.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenReaderOnly.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ScreenReaderOnly.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,gBAAgB,+NAUnB,CAAA;AAEH,eAAe,gBAAgB,CAAA"}
|