@terraware/web-components 3.0.12-rc.0 → 3.0.13
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/components/Autocomplete/Autocomplete.d.ts +3 -2
- package/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/components/Autocomplete/Autocomplete.js +5 -3
- package/components/Button/Button.d.ts +2 -0
- package/components/Button/Button.d.ts.map +1 -1
- package/components/Button/Button.js +11 -13
- package/components/Checkbox.d.ts +2 -1
- package/components/Checkbox.d.ts.map +1 -1
- package/components/Checkbox.js +1 -1
- package/components/DatePicker/DatePicker.d.ts +2 -0
- package/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/components/DatePicker/DatePicker.js +3 -2
- package/components/Dropdown.d.ts +2 -1
- package/components/Dropdown.d.ts.map +1 -1
- package/components/Dropdown.js +5 -10
- package/components/ErrorBox/ErrorBox.d.ts +2 -0
- package/components/ErrorBox/ErrorBox.d.ts.map +1 -1
- package/components/ErrorBox/ErrorBox.js +6 -3
- package/components/FileChooser/index.d.ts.map +1 -1
- package/components/FileChooser/index.js +24 -32
- package/components/Icon/Icon.d.ts.map +1 -1
- package/components/Icon/Icon.js +2 -12
- package/components/IconTooltip/index.d.ts.map +1 -1
- package/components/IconTooltip/index.js +19 -29
- package/components/MultiSelect/index.d.ts +2 -1
- package/components/MultiSelect/index.d.ts.map +1 -1
- package/components/MultiSelect/index.js +5 -2
- package/components/Navbar/Navbar.d.ts.map +1 -1
- package/components/Navbar/Navbar.js +18 -23
- package/components/Note.d.ts.map +1 -1
- package/components/Note.js +8 -12
- package/components/PageForm/index.d.ts.map +1 -1
- package/components/PageForm/index.js +1 -0
- package/components/PhotoChooser/index.d.ts.map +1 -1
- package/components/PhotoChooser/index.js +20 -27
- package/components/PopoverMenu/index.d.ts.map +1 -1
- package/components/PopoverMenu/index.js +10 -19
- package/components/ProgressCircle/ProgressCircle.js +1 -1
- package/components/Select/Select.d.ts +2 -1
- package/components/Select/Select.d.ts.map +1 -1
- package/components/Select/SelectT.d.ts +2 -1
- package/components/Select/SelectT.d.ts.map +1 -1
- package/components/Select/SelectT.js +5 -2
- package/components/SummaryBox.d.ts.map +1 -1
- package/components/SummaryBox.js +47 -45
- package/components/TextTruncated/index.d.ts.map +1 -1
- package/components/TextTruncated/index.js +21 -29
- package/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/components/Tooltip/Tooltip.js +13 -20
- package/components/table/EnhancedTableToolbar.d.ts.map +1 -1
- package/components/table/EnhancedTableToolbar.js +20 -26
- package/components/table/TableCellRenderer.d.ts +11 -5
- package/components/table/TableCellRenderer.d.ts.map +1 -1
- package/components/table/TableCellRenderer.js +60 -55
- package/components/table/TableHeader.d.ts.map +1 -1
- package/components/table/TableHeader.js +11 -14
- package/components/table/TableHeaderItem.d.ts.map +1 -1
- package/components/table/TableHeaderItem.js +4 -2
- package/components/table/index.d.ts +2 -1
- package/components/table/index.d.ts.map +1 -1
- package/components/table/index.js +23 -37
- package/components/table/types.d.ts +3 -1
- package/components/table/types.d.ts.map +1 -1
- package/license-report.html +1 -1
- package/package.json +2 -1
- package/stories/Autocomplete.stories.d.ts.map +1 -1
- package/stories/Checkbox.stories.d.ts.map +1 -1
- package/stories/IntersectionObserver.stories.d.ts.map +1 -1
- package/stories/MultiSelect.stories.d.ts.map +1 -1
- package/stories/PageForm.stories.d.ts.map +1 -1
- package/stories/PopoverMenu.stories.d.ts.map +1 -1
- package/stories/Table.stories.d.ts.map +1 -1
- package/style-dictionary-dist/TerrawareTheme.d.ts +0 -2
- package/style-dictionary-dist/TerrawareTheme.d.ts.map +1 -1
- package/style-dictionary-dist/TerrawareTheme.js +180 -182
- package/style-dictionary-dist/terraware.scss +1 -2
- package/utils/useDeviceInfo.d.ts +6 -6
- package/utils/useDeviceInfo.js +6 -6
@@ -5,27 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = Navbar;
|
8
|
-
var
|
8
|
+
var _material = require("@mui/material");
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
10
10
|
require("./styles.scss");
|
11
11
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
12
12
|
var _utils = require("../../utils");
|
13
|
-
const useStyles = (0, _styles.makeStyles)(theme => ({
|
14
|
-
icon: {
|
15
|
-
fill: theme.palette.TwClrIcnSecondary,
|
16
|
-
marginRight: '16px',
|
17
|
-
marginBottom: '8px'
|
18
|
-
},
|
19
|
-
closeButton: {
|
20
|
-
background: 'none',
|
21
|
-
border: 'none',
|
22
|
-
cursor: 'pointer'
|
23
|
-
},
|
24
|
-
navBarTop: {
|
25
|
-
display: 'flex',
|
26
|
-
justifyContent: 'start'
|
27
|
-
}
|
28
|
-
}));
|
29
13
|
function Navbar(props) {
|
30
14
|
const {
|
31
15
|
children,
|
@@ -35,17 +19,28 @@ function Navbar(props) {
|
|
35
19
|
const {
|
36
20
|
isDesktop
|
37
21
|
} = (0, _utils.useDeviceInfo)();
|
38
|
-
const
|
22
|
+
const theme = (0, _material.useTheme)();
|
39
23
|
return /*#__PURE__*/_react.default.createElement("div", {
|
40
24
|
className: 'navbar' + (backgroundTransparent ? ' transparent' : '')
|
41
|
-
}, !isDesktop && /*#__PURE__*/_react.default.createElement(
|
42
|
-
|
43
|
-
|
25
|
+
}, !isDesktop && /*#__PURE__*/_react.default.createElement(_material.Box, {
|
26
|
+
sx: {
|
27
|
+
display: 'flex',
|
28
|
+
justifyContent: 'start'
|
29
|
+
}
|
30
|
+
}, /*#__PURE__*/_react.default.createElement(_material.ButtonBase, {
|
44
31
|
onClick: () => setShowNavBar(false),
|
45
|
-
|
32
|
+
sx: {
|
33
|
+
background: 'none',
|
34
|
+
border: 'none',
|
35
|
+
cursor: 'pointer'
|
36
|
+
}
|
46
37
|
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
47
38
|
name: "close",
|
48
39
|
size: "medium",
|
49
|
-
|
40
|
+
style: {
|
41
|
+
fill: theme.palette.TwClrIcnSecondary,
|
42
|
+
marginRight: '16px',
|
43
|
+
marginBottom: '8px'
|
44
|
+
}
|
50
45
|
}))), children);
|
51
46
|
}
|
package/components/Note.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../src/components/Note.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../src/components/Note.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAe7D"}
|
package/components/Note.js
CHANGED
@@ -5,24 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = Note;
|
8
|
-
var _material = require("@mui/material");
|
9
|
-
var _styles = require("@mui/styles");
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
11
|
-
|
12
|
-
note: {
|
13
|
-
borderRadius: 8,
|
14
|
-
backgroundColor: theme.palette.neutral[200],
|
15
|
-
marginBottom: theme.spacing(3),
|
16
|
-
padding: theme.spacing(2)
|
17
|
-
}
|
18
|
-
}));
|
9
|
+
var _material = require("@mui/material");
|
19
10
|
function Note(_ref) {
|
20
11
|
let {
|
21
12
|
children
|
22
13
|
} = _ref;
|
23
|
-
const
|
14
|
+
const theme = (0, _material.useTheme)();
|
24
15
|
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
25
|
-
|
16
|
+
sx: {
|
17
|
+
borderRadius: 8,
|
18
|
+
backgroundColor: theme.palette.neutral[200],
|
19
|
+
marginBottom: theme.spacing(3),
|
20
|
+
padding: theme.spacing(2)
|
21
|
+
}
|
26
22
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
27
23
|
component: "p"
|
28
24
|
}, children));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,OAAsB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,UAAU,EAAE,CAAC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,OAAsB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,UAAU,EAAE,CAAC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA2BlE"}
|
@@ -27,6 +27,7 @@ function PageForm(props) {
|
|
27
27
|
const [processing, setProcessing] = (0, _react.useState)(false);
|
28
28
|
const handleSave = async () => {
|
29
29
|
setProcessing(true);
|
30
|
+
// eslint-disable-next-line @typescript-eslint/await-thenable
|
30
31
|
await onSave(); // <-- we want all onSaves to be async
|
31
32
|
setProcessing(false);
|
32
33
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotoChooser/index.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotoChooser/index.tsx"],"names":[],"mappings":";AAOA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAwI1E"}
|
@@ -8,33 +8,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
exports.default = PhotoChooser;
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
10
10
|
var _material = require("@mui/material");
|
11
|
-
var _styles = require("@mui/styles");
|
12
11
|
var _utils = require("../../utils");
|
13
12
|
var _ErrorBox = _interopRequireDefault(require("../ErrorBox/ErrorBox"));
|
14
13
|
var _Button = _interopRequireDefault(require("../Button/Button"));
|
15
14
|
var _FileChooser = _interopRequireDefault(require("../FileChooser"));
|
16
|
-
const useStyles = (0, _styles.makeStyles)(theme => ({
|
17
|
-
removePhoto: {
|
18
|
-
position: 'absolute',
|
19
|
-
top: -10,
|
20
|
-
right: -10,
|
21
|
-
backgroundColor: theme.palette.TwClrBgDanger
|
22
|
-
},
|
23
|
-
error: {
|
24
|
-
width: 'auto',
|
25
|
-
marginBottom: theme.spacing(2),
|
26
|
-
'&.mobile': {
|
27
|
-
width: 'auto'
|
28
|
-
}
|
29
|
-
},
|
30
|
-
thumbnail: {
|
31
|
-
margin: 'auto auto',
|
32
|
-
objectFit: 'contain',
|
33
|
-
display: 'flex',
|
34
|
-
maxWidth: '120px',
|
35
|
-
maxHeight: '120px'
|
36
|
-
}
|
37
|
-
}));
|
38
15
|
function PhotoChooser(props) {
|
39
16
|
const {
|
40
17
|
title,
|
@@ -54,7 +31,6 @@ function PhotoChooser(props) {
|
|
54
31
|
const {
|
55
32
|
isMobile
|
56
33
|
} = (0, _utils.useDeviceInfo)();
|
57
|
-
const classes = useStyles();
|
58
34
|
const [files, setFiles] = (0, _react.useState)([]);
|
59
35
|
const [filesData, setFilesData] = (0, _react.useState)([]);
|
60
36
|
const divRef = (0, _react.useRef)(null);
|
@@ -98,7 +74,13 @@ function PhotoChooser(props) {
|
|
98
74
|
}, txt)) : description), error && /*#__PURE__*/_react.default.createElement(_ErrorBox.default, {
|
99
75
|
title: error.title,
|
100
76
|
text: error.text,
|
101
|
-
|
77
|
+
sx: {
|
78
|
+
width: 'auto',
|
79
|
+
marginBottom: theme.spacing(2),
|
80
|
+
'&.mobile': {
|
81
|
+
width: 'auto'
|
82
|
+
}
|
83
|
+
}
|
102
84
|
}), filesData.length > 0 && multipleSelection && /*#__PURE__*/_react.default.createElement(_material.Box, {
|
103
85
|
display: "flex",
|
104
86
|
flexDirection: "row",
|
@@ -118,12 +100,23 @@ function PhotoChooser(props) {
|
|
118
100
|
icon: "iconTrashCan",
|
119
101
|
onClick: () => removeFileAtIndex(index),
|
120
102
|
size: "small",
|
121
|
-
|
103
|
+
style: {
|
104
|
+
position: 'absolute',
|
105
|
+
top: -10,
|
106
|
+
right: -10,
|
107
|
+
backgroundColor: theme.palette.TwClrBgDanger
|
108
|
+
}
|
122
109
|
}), /*#__PURE__*/_react.default.createElement("img", {
|
123
110
|
height: "120px",
|
124
111
|
src: fileData,
|
125
112
|
alt: (_files$index = files[index]) === null || _files$index === void 0 ? void 0 : _files$index.name,
|
126
|
-
|
113
|
+
style: {
|
114
|
+
margin: 'auto auto',
|
115
|
+
objectFit: 'contain',
|
116
|
+
display: 'flex',
|
117
|
+
maxWidth: '120px',
|
118
|
+
maxHeight: '120px'
|
119
|
+
}
|
127
120
|
}));
|
128
121
|
}))), /*#__PURE__*/_react.default.createElement(_FileChooser.default, {
|
129
122
|
acceptFileType: "image/jpeg,image/png",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAgB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA+CpG"}
|
@@ -9,30 +9,14 @@ exports.default = PopoverMenu;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
10
10
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
11
11
|
var _material = require("@mui/material");
|
12
|
-
var _styles = require("@mui/styles");
|
13
12
|
var _Popover = _interopRequireDefault(require("./Popover"));
|
14
|
-
const useStyles = (0, _styles.makeStyles)(theme => ({
|
15
|
-
iconContainer: {
|
16
|
-
height: '48px',
|
17
|
-
borderRadius: '16px',
|
18
|
-
padding: theme.spacing(1.5, 2)
|
19
|
-
},
|
20
|
-
icon: {
|
21
|
-
width: '32px',
|
22
|
-
height: '32px'
|
23
|
-
},
|
24
|
-
chevronDown: {
|
25
|
-
marginLeft: '8px',
|
26
|
-
fill: theme.palette.TwClrIcn
|
27
|
-
}
|
28
|
-
}));
|
29
13
|
function PopoverMenu(_ref) {
|
30
14
|
let {
|
31
15
|
anchor,
|
32
16
|
menuSections,
|
33
17
|
onClick
|
34
18
|
} = _ref;
|
35
|
-
const
|
19
|
+
const theme = (0, _material.useTheme)();
|
36
20
|
const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
|
37
21
|
const handleClick = event => {
|
38
22
|
setAnchorEl(event.currentTarget);
|
@@ -49,11 +33,18 @@ function PopoverMenu(_ref) {
|
|
49
33
|
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
|
50
34
|
onClick: handleClick,
|
51
35
|
size: "small",
|
52
|
-
|
36
|
+
sx: {
|
37
|
+
height: '48px',
|
38
|
+
borderRadius: '16px',
|
39
|
+
padding: theme.spacing(1.5, 2)
|
40
|
+
}
|
53
41
|
}, anchor, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
54
42
|
name: "chevronDown",
|
55
43
|
size: "medium",
|
56
|
-
|
44
|
+
style: {
|
45
|
+
marginLeft: '8px',
|
46
|
+
fill: theme.palette.TwClrIcn
|
47
|
+
}
|
57
48
|
})), /*#__PURE__*/_react.default.createElement(_Popover.default, {
|
58
49
|
sections: menuSections,
|
59
50
|
handleClick: onItemClick,
|
@@ -25,7 +25,7 @@ function ProgressCircle(props) {
|
|
25
25
|
}), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
26
26
|
className: "label-container"
|
27
27
|
}, value && !hideValue && /*#__PURE__*/_react.default.createElement("p", {
|
28
|
-
className: "progress-circle-label--
|
28
|
+
className: "progress-circle-label--".concat(size)
|
29
29
|
}, renderPercentText(Math.round(value)))), /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
|
30
30
|
value: value,
|
31
31
|
variant: determinate ? 'determinate' : 'indeterminate',
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { TooltipProps } from '@mui/material';
|
2
|
+
import { SxProps, TooltipProps } from '@mui/material';
|
3
3
|
import './styles.scss';
|
4
4
|
import { SelectStyles } from './SelectT';
|
5
5
|
export interface SelectProps {
|
@@ -21,6 +21,7 @@ export interface SelectProps {
|
|
21
21
|
readonly?: boolean;
|
22
22
|
selectedValue?: string;
|
23
23
|
selectStyles?: SelectStyles;
|
24
|
+
sx?: SxProps;
|
24
25
|
tooltipTitle?: TooltipProps['title'];
|
25
26
|
warningText?: string | string[];
|
26
27
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,eAAe,CAAC;AACvB,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAY9D"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { TooltipProps } from '@mui/material';
|
1
|
+
import { SxProps, TooltipProps } from '@mui/material';
|
2
2
|
import React from 'react';
|
3
3
|
import './styles.scss';
|
4
4
|
export interface SelectStyles {
|
@@ -31,6 +31,7 @@ export interface SelectTProps<T> {
|
|
31
31
|
required?: boolean;
|
32
32
|
selectedValue?: T;
|
33
33
|
selectStyles?: SelectStyles;
|
34
|
+
sx?: SxProps;
|
34
35
|
toT: (input: string) => T;
|
35
36
|
tooltipTitle?: TooltipProps['title'];
|
36
37
|
warningText?: string | string[];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SelectT.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectT.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"SelectT.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectT.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,KAAwF,MAAM,OAAO,CAAC;AAE7G,OAAO,eAAe,CAAC;AAMvB,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAiRtE"}
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
7
7
|
});
|
8
8
|
exports.default = SelectT;
|
9
|
+
var _material = require("@mui/material");
|
9
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
10
11
|
var _react = _interopRequireWildcard(require("react"));
|
11
12
|
require("./styles.scss");
|
@@ -38,6 +39,7 @@ function SelectT(props) {
|
|
38
39
|
required,
|
39
40
|
selectedValue,
|
40
41
|
selectStyles,
|
42
|
+
sx,
|
41
43
|
tooltipTitle,
|
42
44
|
toT,
|
43
45
|
warningText
|
@@ -175,8 +177,9 @@ function SelectT(props) {
|
|
175
177
|
}
|
176
178
|
}
|
177
179
|
};
|
178
|
-
return /*#__PURE__*/_react.default.createElement(
|
179
|
-
className: "select ".concat(className)
|
180
|
+
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
181
|
+
className: "select ".concat(className),
|
182
|
+
sx: sx
|
180
183
|
}, label && /*#__PURE__*/_react.default.createElement("label", {
|
181
184
|
htmlFor: id,
|
182
185
|
className: "textfield-label"
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SummaryBox.d.ts","sourceRoot":"","sources":["../../src/components/SummaryBox.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"SummaryBox.d.ts","sourceRoot":"","sources":["../../src/components/SummaryBox.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAmB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyDnH"}
|
package/components/SummaryBox.js
CHANGED
@@ -1,49 +1,13 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = SummaryBox;
|
8
8
|
var _iconsMaterial = require("@mui/icons-material");
|
9
9
|
var _material = require("@mui/material");
|
10
|
-
var
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
12
|
-
const useStyles = (0, _styles.makeStyles)(theme => ({
|
13
|
-
bold: {
|
14
|
-
fontWeight: theme.typography.fontWeightBold,
|
15
|
-
whiteSpace: 'pre-line'
|
16
|
-
},
|
17
|
-
summaryDefault: {
|
18
|
-
position: 'relative',
|
19
|
-
borderRadius: 8,
|
20
|
-
backgroundColor: theme.palette.neutral[200],
|
21
|
-
padding: theme.spacing(2)
|
22
|
-
},
|
23
|
-
summaryAvailable: {
|
24
|
-
borderRadius: 8,
|
25
|
-
backgroundColor: theme.palette.neutral[700],
|
26
|
-
padding: theme.spacing(2),
|
27
|
-
color: theme.palette.common.white
|
28
|
-
},
|
29
|
-
summaryZero: {
|
30
|
-
borderRadius: 8,
|
31
|
-
backgroundColor: theme.palette.state[5],
|
32
|
-
padding: theme.spacing(2),
|
33
|
-
color: theme.palette.common.white
|
34
|
-
},
|
35
|
-
full: {
|
36
|
-
borderRadius: 8,
|
37
|
-
backgroundColor: theme.palette.neutral[200],
|
38
|
-
padding: theme.spacing(2),
|
39
|
-
height: '100%',
|
40
|
-
boxSizing: 'border-box'
|
41
|
-
},
|
42
|
-
infoIcon: {
|
43
|
-
position: 'absolute',
|
44
|
-
right: theme.spacing(2)
|
45
|
-
}
|
46
|
-
}));
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
47
11
|
function SummaryBox(_ref) {
|
48
12
|
let {
|
49
13
|
title,
|
@@ -53,19 +17,57 @@ function SummaryBox(_ref) {
|
|
53
17
|
icon,
|
54
18
|
onIconClick
|
55
19
|
} = _ref;
|
56
|
-
const
|
57
|
-
const
|
20
|
+
const theme = (0, _material.useTheme)();
|
21
|
+
const summaryBoxStyles = (0, _react.useMemo)(() => {
|
22
|
+
switch (variant) {
|
23
|
+
case 'default':
|
24
|
+
return {
|
25
|
+
position: 'relative',
|
26
|
+
borderRadius: 8,
|
27
|
+
backgroundColor: theme.palette.neutral[200],
|
28
|
+
padding: theme.spacing(2)
|
29
|
+
};
|
30
|
+
case 'available':
|
31
|
+
return {
|
32
|
+
borderRadius: 8,
|
33
|
+
backgroundColor: theme.palette.neutral[700],
|
34
|
+
padding: theme.spacing(2),
|
35
|
+
color: theme.palette.common.white
|
36
|
+
};
|
37
|
+
case 'full':
|
38
|
+
return {
|
39
|
+
borderRadius: 8,
|
40
|
+
backgroundColor: theme.palette.neutral[200],
|
41
|
+
padding: theme.spacing(2),
|
42
|
+
height: '100%',
|
43
|
+
boxSizing: 'border-box'
|
44
|
+
};
|
45
|
+
default:
|
46
|
+
return {
|
47
|
+
borderRadius: 8,
|
48
|
+
backgroundColor: theme.palette.state[5],
|
49
|
+
padding: theme.spacing(2),
|
50
|
+
color: theme.palette.common.white
|
51
|
+
};
|
52
|
+
}
|
53
|
+
}, [theme, variant]);
|
58
54
|
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
59
|
-
|
60
|
-
|
55
|
+
id: id,
|
56
|
+
sx: summaryBoxStyles
|
61
57
|
}, icon && /*#__PURE__*/_react.default.createElement(_material.IconButton, {
|
62
|
-
|
63
|
-
|
58
|
+
onClick: onIconClick,
|
59
|
+
sx: {
|
60
|
+
position: 'absolute',
|
61
|
+
right: theme.spacing(2)
|
62
|
+
}
|
64
63
|
}, /*#__PURE__*/_react.default.createElement(_iconsMaterial.Info, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
65
64
|
component: "p"
|
66
65
|
}, title), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
67
66
|
component: "p",
|
68
67
|
variant: "h6",
|
69
|
-
|
68
|
+
sx: {
|
69
|
+
fontWeight: theme.typography.fontWeightBold,
|
70
|
+
whiteSpace: 'pre-line'
|
71
|
+
}
|
70
72
|
}, value));
|
71
73
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextTruncated/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextTruncated/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAmD5D,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA0F/D"}
|
@@ -7,28 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.default = TextTruncated;
|
8
8
|
var _material = require("@mui/material");
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
10
|
-
var _styles = require("@mui/styles");
|
11
|
-
const useStyles = (0, _styles.makeStyles)(theme => ({
|
12
|
-
arrow: {
|
13
|
-
color: "".concat(theme.palette.TwClrBg, " !important"),
|
14
|
-
'&:before': {
|
15
|
-
border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary)
|
16
|
-
}
|
17
|
-
},
|
18
|
-
popper: {
|
19
|
-
maxHeight: '200px',
|
20
|
-
overflow: 'auto'
|
21
|
-
},
|
22
|
-
tooltip: {
|
23
|
-
backgroundColor: "".concat(theme.palette.TwClrBg, " !important"),
|
24
|
-
color: "".concat(theme.palette.TwClrTxt, " !important"),
|
25
|
-
border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary, " !important"),
|
26
|
-
borderRadius: '8px !important',
|
27
|
-
boxShadow: "0px 3px 3px ".concat(theme.palette.TwClrBaseGray100),
|
28
|
-
padding: '8px'
|
29
|
-
}
|
30
|
-
}));
|
31
|
-
|
32
10
|
/**
|
33
11
|
* Represents the result of truncating the string list
|
34
12
|
* text: the text to display before the '...# more' link
|
@@ -87,7 +65,6 @@ function TextTruncated(props) {
|
|
87
65
|
placeHolder
|
88
66
|
} = props;
|
89
67
|
const [showAllOpen, setShowAllOpen] = (0, _react.useState)(false);
|
90
|
-
const classes = useStyles();
|
91
68
|
const [canvasContext, setCanvasContext] = (0, _react.useState)();
|
92
69
|
const theme = (0, _material.useTheme)();
|
93
70
|
(0, _react.useEffect)(() => {
|
@@ -121,16 +98,31 @@ function TextTruncated(props) {
|
|
121
98
|
sx: textStyle
|
122
99
|
}, textToDisplay.text, textToDisplay.numberMore !== 0 ? moreSeparator : '', textToDisplay.numberMore !== 0 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
123
100
|
arrow: true,
|
124
|
-
classes: {
|
125
|
-
arrow: classes.arrow,
|
126
|
-
popper: classes.popper,
|
127
|
-
tooltip: classes.tooltip
|
128
|
-
},
|
129
101
|
open: showAllOpen,
|
130
102
|
title: /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
131
103
|
sx: showAllStyle,
|
132
104
|
fontSize: "14px"
|
133
|
-
}, stringList.join(listSeparator))
|
105
|
+
}, stringList.join(listSeparator)),
|
106
|
+
sx: {
|
107
|
+
'& .MuiTooltip-arrow': {
|
108
|
+
color: "".concat(theme.palette.TwClrBg, " !important"),
|
109
|
+
'&:before': {
|
110
|
+
border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary)
|
111
|
+
}
|
112
|
+
},
|
113
|
+
'& .MuiTooltip-popper': {
|
114
|
+
maxHeight: '200px',
|
115
|
+
overflow: 'auto'
|
116
|
+
},
|
117
|
+
'& .MuiTooltip-tooltip': {
|
118
|
+
backgroundColor: "".concat(theme.palette.TwClrBg, " !important"),
|
119
|
+
color: "".concat(theme.palette.TwClrTxt, " !important"),
|
120
|
+
border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary, " !important"),
|
121
|
+
borderRadius: '8px !important',
|
122
|
+
boxShadow: "0px 3px 3px ".concat(theme.palette.TwClrBaseGray100),
|
123
|
+
padding: '8px'
|
124
|
+
}
|
125
|
+
}
|
134
126
|
}, /*#__PURE__*/_react.default.createElement(_material.Link, {
|
135
127
|
component: "button",
|
136
128
|
onClick: onClickHandler,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyB,YAAY,EAAY,MAAM,eAAe,CAAC;AAI9E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAyCvG"}
|
@@ -7,21 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.default = Tooltip;
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
9
9
|
var _material = require("@mui/material");
|
10
|
-
var _styles = require("@mui/styles");
|
11
10
|
var _utils = require("../../utils");
|
12
|
-
const useStyles = (0, _styles.makeStyles)(theme => ({
|
13
|
-
arrow: {
|
14
|
-
color: theme.palette.TwClrBaseGray800
|
15
|
-
},
|
16
|
-
tooltip: {
|
17
|
-
backgroundColor: theme.palette.TwClrBaseGray800,
|
18
|
-
color: theme.palette.TwClrBaseWhite,
|
19
|
-
padding: '8px',
|
20
|
-
'& a': {
|
21
|
-
color: theme.palette.TwClrBaseWhite
|
22
|
-
}
|
23
|
-
}
|
24
|
-
}));
|
25
11
|
function Tooltip(_ref) {
|
26
12
|
let {
|
27
13
|
placement = 'top-start',
|
@@ -32,7 +18,7 @@ function Tooltip(_ref) {
|
|
32
18
|
const {
|
33
19
|
isMobile
|
34
20
|
} = (0, _utils.useDeviceInfo)();
|
35
|
-
const
|
21
|
+
const theme = (0, _material.useTheme)();
|
36
22
|
const handleTooltipClose = () => {
|
37
23
|
setOpen(false);
|
38
24
|
};
|
@@ -43,16 +29,23 @@ function Tooltip(_ref) {
|
|
43
29
|
};
|
44
30
|
return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
45
31
|
arrow: true,
|
46
|
-
classes: {
|
47
|
-
arrow: classes.arrow,
|
48
|
-
tooltip: classes.tooltip
|
49
|
-
},
|
50
32
|
onOpen: handleTooltipOpen,
|
51
33
|
onClose: handleTooltipClose,
|
52
34
|
open: open,
|
53
35
|
placement: placement,
|
54
36
|
sx: {
|
55
|
-
maxWidth: isMobile ? '342px' : '464px'
|
37
|
+
maxWidth: isMobile ? '342px' : '464px',
|
38
|
+
'& .MuiTooltip-arrow': {
|
39
|
+
color: theme.palette.TwClrBaseGray800
|
40
|
+
},
|
41
|
+
'& .MuiTooltip-tooltip': {
|
42
|
+
backgroundColor: theme.palette.TwClrBaseGray800,
|
43
|
+
color: theme.palette.TwClrBaseWhite,
|
44
|
+
padding: '8px',
|
45
|
+
'& a': {
|
46
|
+
color: theme.palette.TwClrBaseWhite
|
47
|
+
}
|
48
|
+
}
|
56
49
|
},
|
57
50
|
title: title
|
58
51
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EnhancedTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/table/EnhancedTableToolbar.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"EnhancedTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/table/EnhancedTableToolbar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,YAAY,EAAE,MAAM,GAAG,CAAC;AAGjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAEzE,UAAU,yBAAyB;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,aAAa,CAAC,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;IAC/C,qBAAqB,CAAC,EAAE,6BAA6B,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAyEjG"}
|