@veritone-ce/design-system 1.12.32 → 1.12.33
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/eslint-config/common.js +1 -1
- package/eslint-config/error.js +2 -1
- package/eslint-config/warn.js +2 -1
- package/package.json +2 -2
- package/dist/assets/theme.d.ts +0 -62
- package/dist/assets/theme.js +0 -357
- package/dist/components/Alert/index.d.ts +0 -22
- package/dist/components/Alert/index.js +0 -62
- package/dist/components/AudioSlider/index.d.ts +0 -12
- package/dist/components/AudioSlider/index.js +0 -73
- package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts +0 -11
- package/dist/components/Breadcrumbs/breadcrumbs.theme.js +0 -21
- package/dist/components/Breadcrumbs/index.d.ts +0 -18
- package/dist/components/Breadcrumbs/index.js +0 -59
- package/dist/components/Button/Indicator.d.ts +0 -2
- package/dist/components/Button/Indicator.js +0 -36
- package/dist/components/Button/button.theme.d.ts +0 -4
- package/dist/components/Button/button.theme.js +0 -125
- package/dist/components/Button/index.d.ts +0 -22
- package/dist/components/Button/index.js +0 -57
- package/dist/components/Checkbox/checkbox.theme.d.ts +0 -18
- package/dist/components/Checkbox/checkbox.theme.js +0 -28
- package/dist/components/Checkbox/index.d.ts +0 -14
- package/dist/components/Checkbox/index.js +0 -26
- package/dist/components/Drawer/index.d.ts +0 -14
- package/dist/components/Drawer/index.js +0 -24
- package/dist/components/FileUploader/index.d.ts +0 -34
- package/dist/components/FileUploader/index.js +0 -203
- package/dist/components/FileUploader/useUploadFile.d.ts +0 -5
- package/dist/components/FileUploader/useUploadFile.js +0 -169
- package/dist/components/FormControlLabel/index.d.ts +0 -11
- package/dist/components/FormControlLabel/index.js +0 -23
- package/dist/components/Input/index.d.ts +0 -24
- package/dist/components/Input/index.js +0 -43
- package/dist/components/Input/input.theme.d.ts +0 -3
- package/dist/components/Input/input.theme.js +0 -108
- package/dist/components/LinearProgress/index.d.ts +0 -32
- package/dist/components/LinearProgress/index.js +0 -55
- package/dist/components/LinearProgress/linearProgress.theme.d.ts +0 -14
- package/dist/components/LinearProgress/linearProgress.theme.js +0 -24
- package/dist/components/Link/index.d.ts +0 -9
- package/dist/components/Link/index.js +0 -31
- package/dist/components/List/index.d.ts +0 -10
- package/dist/components/List/index.js +0 -22
- package/dist/components/ListItem/index.d.ts +0 -10
- package/dist/components/ListItem/index.js +0 -22
- package/dist/components/ListItemButton/index.d.ts +0 -12
- package/dist/components/ListItemButton/index.js +0 -24
- package/dist/components/ListItemText/index.d.ts +0 -10
- package/dist/components/ListItemText/index.js +0 -22
- package/dist/components/MenuFlyout/constants.d.ts +0 -3
- package/dist/components/MenuFlyout/constants.js +0 -12
- package/dist/components/MenuFlyout/index.d.ts +0 -21
- package/dist/components/MenuFlyout/index.js +0 -46
- package/dist/components/MenuFlyout/menuFlyout.theme.d.ts +0 -41
- package/dist/components/MenuFlyout/menuFlyout.theme.js +0 -56
- package/dist/components/Modal/index.d.ts +0 -14
- package/dist/components/Modal/index.js +0 -27
- package/dist/components/Modal/modal.theme.d.ts +0 -3
- package/dist/components/Modal/modal.theme.js +0 -35
- package/dist/components/Panel/index.d.ts +0 -12
- package/dist/components/Panel/index.js +0 -112
- package/dist/components/ProgressIndicator/DefaultProgress.d.ts +0 -3
- package/dist/components/ProgressIndicator/DefaultProgress.js +0 -30
- package/dist/components/ProgressIndicator/MLProgress.d.ts +0 -6
- package/dist/components/ProgressIndicator/MLProgress.js +0 -32
- package/dist/components/ProgressIndicator/index.d.ts +0 -20
- package/dist/components/ProgressIndicator/index.js +0 -35
- package/dist/components/RadioButton/RadioButton.theme.d.ts +0 -4
- package/dist/components/RadioButton/RadioButton.theme.js +0 -64
- package/dist/components/RadioButton/index.d.ts +0 -17
- package/dist/components/RadioButton/index.js +0 -44
- package/dist/components/RadioGroup/index.d.ts +0 -30
- package/dist/components/RadioGroup/index.js +0 -25
- package/dist/components/Select/index.d.ts +0 -41
- package/dist/components/Select/index.js +0 -118
- package/dist/components/Select/select.theme.d.ts +0 -53
- package/dist/components/Select/select.theme.js +0 -63
- package/dist/components/StatusChip/constants.d.ts +0 -3
- package/dist/components/StatusChip/constants.js +0 -12
- package/dist/components/StatusChip/index.d.ts +0 -30
- package/dist/components/StatusChip/index.js +0 -40
- package/dist/components/StatusChip/statusChip.theme.d.ts +0 -4
- package/dist/components/StatusChip/statusChip.theme.js +0 -46
- package/dist/components/Step/index.d.ts +0 -23
- package/dist/components/Step/index.js +0 -23
- package/dist/components/StepLabel/index.d.ts +0 -13
- package/dist/components/StepLabel/index.js +0 -22
- package/dist/components/Stepper/index.d.ts +0 -22
- package/dist/components/Stepper/index.js +0 -25
- package/dist/components/Stepper/stepper.theme.d.ts +0 -50
- package/dist/components/Stepper/stepper.theme.js +0 -58
- package/dist/components/Table/index.d.ts +0 -85
- package/dist/components/Table/index.js +0 -123
- package/dist/components/Tabs/index.d.ts +0 -16
- package/dist/components/Tabs/index.js +0 -50
- package/dist/components/Tabs/tabs.theme.d.ts +0 -4
- package/dist/components/Tabs/tabs.theme.js +0 -39
- package/dist/components/ThemeProvider/index.d.ts +0 -9
- package/dist/components/ThemeProvider/index.js +0 -25
- package/dist/components/Toast/index.d.ts +0 -7
- package/dist/components/Toast/index.js +0 -38
- package/dist/components/Typography/index.d.ts +0 -12
- package/dist/components/Typography/index.js +0 -21
- package/dist/components/UtilityRail/index.d.ts +0 -12
- package/dist/components/UtilityRail/index.js +0 -76
- package/dist/components/UtilityRail/mock.d.ts +0 -2
- package/dist/components/UtilityRail/mock.js +0 -32
- package/dist/components/ZeroState/index.d.ts +0 -2
- package/dist/components/ZeroState/index.js +0 -25
- package/dist/components/icons/HomeOutlinedIcon/index.d.ts +0 -5
- package/dist/components/icons/HomeOutlinedIcon/index.js +0 -15
- package/dist/components/icons/IconGroups/index.d.ts +0 -5
- package/dist/components/icons/IconGroups/index.js +0 -16
- package/dist/components/icons/IconListItem/index.d.ts +0 -7
- package/dist/components/icons/IconListItem/index.js +0 -17
- package/dist/index.d.ts +0 -70
- package/dist/index.js +0 -305
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
var Panel = function Panel(props) {
|
|
12
|
-
var _useTheme = (0, _material.useTheme)(),
|
|
13
|
-
palette = _useTheme.palette;
|
|
14
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
15
|
-
component: "div",
|
|
16
|
-
"data-testid": props['data-testid'] ? "overlay-".concat(props['data-testid']) : 'overlay-panel',
|
|
17
|
-
sx: {
|
|
18
|
-
position: 'absolute',
|
|
19
|
-
top: 0,
|
|
20
|
-
right: 0,
|
|
21
|
-
bottom: 0,
|
|
22
|
-
zIndex: 1,
|
|
23
|
-
display: !props.open ? 'none' : 'block',
|
|
24
|
-
marginTop: '55px'
|
|
25
|
-
},
|
|
26
|
-
className: props.className,
|
|
27
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
28
|
-
component: "div",
|
|
29
|
-
"data-testid": props['data-testid'] || 'wrapper-panel',
|
|
30
|
-
sx: {
|
|
31
|
-
position: 'fixed',
|
|
32
|
-
right: 0,
|
|
33
|
-
background: palette.common.white,
|
|
34
|
-
maxWidth: props.size === 'medium' ? '560px' : props.size === 'small' ? '380px' : '720px',
|
|
35
|
-
width: '100%',
|
|
36
|
-
height: '100%',
|
|
37
|
-
display: 'flex',
|
|
38
|
-
flexDirection: 'column',
|
|
39
|
-
boxShadow: "0 4px 10px ".concat(palette.text.primary, "80"),
|
|
40
|
-
overflow: 'auto',
|
|
41
|
-
borderBottom: "5px solid ".concat(palette.secondary.main),
|
|
42
|
-
zIndex: 2
|
|
43
|
-
},
|
|
44
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
45
|
-
component: "header",
|
|
46
|
-
"data-testid": "header-panel",
|
|
47
|
-
sx: {
|
|
48
|
-
background: palette.secondary.main,
|
|
49
|
-
height: '64px',
|
|
50
|
-
padding: '0px 25px 0px 30px',
|
|
51
|
-
display: 'flex',
|
|
52
|
-
alignItems: 'center',
|
|
53
|
-
justifyContent: 'space-between',
|
|
54
|
-
position: 'sticky',
|
|
55
|
-
top: 0,
|
|
56
|
-
zIndex: 1000
|
|
57
|
-
},
|
|
58
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
59
|
-
sx: {
|
|
60
|
-
fontFamily: 'Dosis',
|
|
61
|
-
textTransform: 'uppercase',
|
|
62
|
-
fontWeight: 600,
|
|
63
|
-
fontSize: '18px',
|
|
64
|
-
color: palette.common.white,
|
|
65
|
-
lineHeight: '23px',
|
|
66
|
-
letterSpacing: '0.25px'
|
|
67
|
-
},
|
|
68
|
-
children: props.title
|
|
69
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
70
|
-
component: "button",
|
|
71
|
-
"aria-label": "close-button-panel",
|
|
72
|
-
"data-testid": props['data-testid'] ? "close-button-".concat(props['data-testid']) : 'close-button-wrapper-panel',
|
|
73
|
-
onClick: props.onClose,
|
|
74
|
-
sx: {
|
|
75
|
-
cursor: 'pointer',
|
|
76
|
-
background: 'transparent',
|
|
77
|
-
border: 'none',
|
|
78
|
-
width: '26px',
|
|
79
|
-
height: '26px',
|
|
80
|
-
display: 'flex',
|
|
81
|
-
alignItems: 'center',
|
|
82
|
-
justifyContent: 'center'
|
|
83
|
-
},
|
|
84
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close["default"], {
|
|
85
|
-
"data-testid": "panel-close-icon",
|
|
86
|
-
sx: {
|
|
87
|
-
fill: palette.common.white,
|
|
88
|
-
margin: 'auto'
|
|
89
|
-
}
|
|
90
|
-
})
|
|
91
|
-
})]
|
|
92
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
93
|
-
component: "div",
|
|
94
|
-
sx: {
|
|
95
|
-
overflow: 'auto',
|
|
96
|
-
flex: 1
|
|
97
|
-
},
|
|
98
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
99
|
-
component: "div",
|
|
100
|
-
"data-testid": "panel-content",
|
|
101
|
-
sx: {
|
|
102
|
-
flex: 1,
|
|
103
|
-
padding: '30px'
|
|
104
|
-
},
|
|
105
|
-
children: props.children
|
|
106
|
-
})
|
|
107
|
-
})]
|
|
108
|
-
})
|
|
109
|
-
});
|
|
110
|
-
};
|
|
111
|
-
var _default = Panel;
|
|
112
|
-
exports["default"] = _default;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
var DefaultProgress = function DefaultProgress(props) {
|
|
10
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
11
|
-
sx: {
|
|
12
|
-
display: 'flex'
|
|
13
|
-
},
|
|
14
|
-
className: props.className,
|
|
15
|
-
children: [props.itemLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
16
|
-
sx: {
|
|
17
|
-
fontSize: '14px',
|
|
18
|
-
mr: '10px'
|
|
19
|
-
},
|
|
20
|
-
children: " Loading ".concat(props.itemLoading)
|
|
21
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
|
|
22
|
-
"data-testid": props['data-testid'],
|
|
23
|
-
value: props.value,
|
|
24
|
-
variant: props.variant,
|
|
25
|
-
size: 18
|
|
26
|
-
})]
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
var _default = DefaultProgress;
|
|
30
|
-
exports["default"] = _default;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { SharedProgressIndicatorProps } from '.';
|
|
2
|
-
type MLProgressProps = SharedProgressIndicatorProps & {
|
|
3
|
-
type: 'medium' | 'large';
|
|
4
|
-
};
|
|
5
|
-
declare const MLProgress: (props: MLProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export default MLProgress;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
var MLProgress = function MLProgress(props) {
|
|
10
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
11
|
-
sx: {
|
|
12
|
-
display: 'flex',
|
|
13
|
-
flexDirection: 'column',
|
|
14
|
-
alignItems: 'center',
|
|
15
|
-
justifyContent: 'center'
|
|
16
|
-
},
|
|
17
|
-
className: props.className,
|
|
18
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
|
|
19
|
-
"data-testid": props['data-testid'],
|
|
20
|
-
value: props.value,
|
|
21
|
-
variant: props.variant,
|
|
22
|
-
size: props.type == 'large' ? 50 : 30
|
|
23
|
-
}), props.itemLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
24
|
-
sx: {
|
|
25
|
-
fontSize: '14px'
|
|
26
|
-
},
|
|
27
|
-
children: " Loading ".concat(props.itemLoading)
|
|
28
|
-
})]
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
var _default = MLProgress;
|
|
32
|
-
exports["default"] = _default;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type SharedProgressIndicatorProps = {
|
|
2
|
-
'data-testid'?: string;
|
|
3
|
-
itemLoading?: string;
|
|
4
|
-
value?: number;
|
|
5
|
-
/**
|
|
6
|
-
* The variant to use.
|
|
7
|
-
* Use indeterminate when there is no progress value.
|
|
8
|
-
* @default 'indeterminate'
|
|
9
|
-
*/
|
|
10
|
-
variant?: 'determinate' | 'indeterminate';
|
|
11
|
-
className?: string;
|
|
12
|
-
};
|
|
13
|
-
export type ProgressIndicatorProps = SharedProgressIndicatorProps & {
|
|
14
|
-
type?: 'default' | 'medium' | 'large';
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
- Use a progress indicator to show the user that an operation is in progress.
|
|
18
|
-
**/
|
|
19
|
-
declare const ProgressIndicator: ({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
export default ProgressIndicator;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _DefaultProgress = _interopRequireDefault(require("./DefaultProgress"));
|
|
9
|
-
var _MLProgress = _interopRequireDefault(require("./MLProgress"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
var _excluded = ["type"];
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
18
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
19
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
20
|
-
/**
|
|
21
|
-
- Use a progress indicator to show the user that an operation is in progress.
|
|
22
|
-
**/
|
|
23
|
-
|
|
24
|
-
var ProgressIndicator = function ProgressIndicator(_ref) {
|
|
25
|
-
var _ref$type = _ref.type,
|
|
26
|
-
type = _ref$type === void 0 ? 'default' : _ref$type,
|
|
27
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
29
|
-
children: type === 'medium' || type === 'large' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MLProgress["default"], _objectSpread({
|
|
30
|
-
type: type
|
|
31
|
-
}, props)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultProgress["default"], _objectSpread({}, props))
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
var _default = ProgressIndicator;
|
|
35
|
-
exports["default"] = _default;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var radioButtonTheme = function radioButtonTheme(theme) {
|
|
8
|
-
return {
|
|
9
|
-
defaultProps: {
|
|
10
|
-
disableFocusRipple: true,
|
|
11
|
-
disableTouchRipple: true,
|
|
12
|
-
disableRipple: true
|
|
13
|
-
},
|
|
14
|
-
styleOverrides: {
|
|
15
|
-
root: function root() {
|
|
16
|
-
return {
|
|
17
|
-
display: 'flex',
|
|
18
|
-
width: 'fit-content',
|
|
19
|
-
height: 'fit-content',
|
|
20
|
-
padding: '8px',
|
|
21
|
-
'&:hover': {
|
|
22
|
-
backgroundColor: 'transparent'
|
|
23
|
-
},
|
|
24
|
-
'& .MuiSvgIcon-root': {
|
|
25
|
-
boxSizing: 'border-box',
|
|
26
|
-
borderRadius: '50%'
|
|
27
|
-
},
|
|
28
|
-
'&.Mui-checked': {
|
|
29
|
-
'& .MuiSvgIcon-root:nth-of-type(1)': {
|
|
30
|
-
border: "1px solid ".concat(theme.palette.button.main)
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
'& .MuiSvgIcon-root:nth-of-type(1)': {
|
|
34
|
-
boxSizing: 'border-box',
|
|
35
|
-
fontSize: 18,
|
|
36
|
-
color: 'transparent',
|
|
37
|
-
border: "1px solid ".concat(theme.palette.text.secondary),
|
|
38
|
-
transition: 'border-color 0.2s'
|
|
39
|
-
},
|
|
40
|
-
'& .MuiSvgIcon-root:nth-of-type(2)': {
|
|
41
|
-
boxSizing: 'border-box',
|
|
42
|
-
width: 'auto',
|
|
43
|
-
height: 'auto',
|
|
44
|
-
color: 'transparent',
|
|
45
|
-
background: theme.palette.button.main,
|
|
46
|
-
margin: '3.37px 3.38px',
|
|
47
|
-
transition: 'background 0.2s'
|
|
48
|
-
},
|
|
49
|
-
'&.Mui-disabled': {
|
|
50
|
-
'& .MuiSvgIcon-root:nth-of-type(1)': {
|
|
51
|
-
border: "1px solid ".concat(theme.palette.text.disabled)
|
|
52
|
-
},
|
|
53
|
-
'& .MuiSvgIcon-root:nth-of-type(2)': {
|
|
54
|
-
transform: 'scale(1)',
|
|
55
|
-
background: theme.palette.text.disabled
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
var _default = radioButtonTheme;
|
|
64
|
-
exports["default"] = _default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type RadioButtonProps = {
|
|
3
|
-
'data-testid'?: string;
|
|
4
|
-
label?: React.ReactNode;
|
|
5
|
-
checked?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* The default checked state. Use when the component is not controlled.
|
|
9
|
-
*/
|
|
10
|
-
defaultChecked?: boolean;
|
|
11
|
-
name?: string;
|
|
12
|
-
required?: boolean;
|
|
13
|
-
onChange?(event: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;
|
|
14
|
-
className?: string;
|
|
15
|
-
};
|
|
16
|
-
declare const RadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export default RadioButton;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
var RadioButton = function RadioButton(props) {
|
|
12
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
|
|
13
|
-
label: props.label,
|
|
14
|
-
sx: {
|
|
15
|
-
margin: 0,
|
|
16
|
-
height: '36px',
|
|
17
|
-
color: function color(theme) {
|
|
18
|
-
return theme.palette.text.secondary;
|
|
19
|
-
},
|
|
20
|
-
'& .MuiTypography-root': {
|
|
21
|
-
lineHeight: '24px'
|
|
22
|
-
},
|
|
23
|
-
'&.Mui-disabled': {
|
|
24
|
-
'& .MuiTypography-root': {
|
|
25
|
-
color: function color(theme) {
|
|
26
|
-
return theme.palette.text.disabled;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
className: props.className,
|
|
32
|
-
control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {
|
|
33
|
-
"data-testid": props['data-testid'],
|
|
34
|
-
name: props.name,
|
|
35
|
-
checked: props.checked,
|
|
36
|
-
disabled: props.disabled,
|
|
37
|
-
required: props.required,
|
|
38
|
-
defaultChecked: props.defaultChecked,
|
|
39
|
-
onChange: props.onChange
|
|
40
|
-
})
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
var _default = RadioButton;
|
|
44
|
-
exports["default"] = _default;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SxProps, Theme } from '@mui/system';
|
|
3
|
-
export type RadioGroupProps = {
|
|
4
|
-
'data-testid'?: string;
|
|
5
|
-
/**
|
|
6
|
-
* The default value. Use when the component is not controlled.
|
|
7
|
-
*/
|
|
8
|
-
defaultValue?: any;
|
|
9
|
-
/**
|
|
10
|
-
* The name used to reference the value of the control.
|
|
11
|
-
* If you don't provide this prop, it falls back to a randomly generated name.
|
|
12
|
-
*/
|
|
13
|
-
name?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Callback fired when a radio button is selected.
|
|
16
|
-
*
|
|
17
|
-
* @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
|
|
18
|
-
* @param {string} value The value of the selected radio button.
|
|
19
|
-
* You can pull out the new value by accessing `event.target.value` (string).
|
|
20
|
-
*/
|
|
21
|
-
onChange?(event: React.ChangeEvent<HTMLInputElement>, value: string): void;
|
|
22
|
-
/**
|
|
23
|
-
* Value of the selected radio button. The DOM API casts this to a string.
|
|
24
|
-
*/
|
|
25
|
-
value?: any;
|
|
26
|
-
sx?: SxProps<Theme>;
|
|
27
|
-
className?: string;
|
|
28
|
-
};
|
|
29
|
-
declare const RadioGroup: (props: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export default RadioGroup;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
-
var RadioGroup = function RadioGroup(props) {
|
|
14
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.RadioGroup, {
|
|
15
|
-
"data-testid": props['data-testid'],
|
|
16
|
-
defaultValue: props.defaultValue,
|
|
17
|
-
name: props.name,
|
|
18
|
-
onChange: props.onChange,
|
|
19
|
-
value: props.value,
|
|
20
|
-
sx: props.sx,
|
|
21
|
-
className: props.className
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
var _default = RadioGroup;
|
|
25
|
-
exports["default"] = _default;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type SelectValue = string | number;
|
|
3
|
-
type ItemData<V extends SelectValue> = {
|
|
4
|
-
title?: string;
|
|
5
|
-
name: string;
|
|
6
|
-
key?: string;
|
|
7
|
-
value: V;
|
|
8
|
-
};
|
|
9
|
-
export type SelectProps<V extends SelectValue> = {
|
|
10
|
-
'data-testid'?: string;
|
|
11
|
-
label: React.ReactNode;
|
|
12
|
-
items: ItemData<V>[];
|
|
13
|
-
helperText?: string;
|
|
14
|
-
error?: string;
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
fullWidth?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* The default value. Use when the component is not controlled.
|
|
19
|
-
*/
|
|
20
|
-
defaultValue?: V;
|
|
21
|
-
/**
|
|
22
|
-
* The `input` value. Providing an empty string will select no options.
|
|
23
|
-
* Set to an empty string `''` if you don't want any of the available options to be selected.
|
|
24
|
-
*
|
|
25
|
-
* If the value is an object it must have reference equality with the option in order to be selected.
|
|
26
|
-
* If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
|
|
27
|
-
*/
|
|
28
|
-
value?: V | '';
|
|
29
|
-
open?: boolean;
|
|
30
|
-
onChange?(event: SelectChangeEvent<V>, child: React.ReactNode): void;
|
|
31
|
-
onClose?(event: React.SyntheticEvent): void;
|
|
32
|
-
className?: string;
|
|
33
|
-
};
|
|
34
|
-
export type SelectChangeEvent<V = string> = (Event & {
|
|
35
|
-
target: {
|
|
36
|
-
value: V;
|
|
37
|
-
name: string;
|
|
38
|
-
};
|
|
39
|
-
}) | React.ChangeEvent<HTMLInputElement>;
|
|
40
|
-
declare function Select<V extends SelectValue>(props: SelectProps<V>): import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
export default Select;
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _Lens = _interopRequireDefault(require("@mui/icons-material/Lens"));
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
function Select(props) {
|
|
16
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
17
|
-
sx: {
|
|
18
|
-
maxHeight: props.helperText ? '77px' : '56px'
|
|
19
|
-
},
|
|
20
|
-
className: props.className,
|
|
21
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
|
|
22
|
-
sx: {
|
|
23
|
-
display: 'flex',
|
|
24
|
-
alignItems: 'flex-end',
|
|
25
|
-
lineHeight: '17px',
|
|
26
|
-
marginBottom: '3px'
|
|
27
|
-
},
|
|
28
|
-
children: props.label
|
|
29
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
30
|
-
sx: {
|
|
31
|
-
display: 'flex',
|
|
32
|
-
'& .MuiOutlinedInput-root': {
|
|
33
|
-
'& .MuiSelect-outlined': {
|
|
34
|
-
padding: props.helperText ? '7px 7.5px' : '5px 8px',
|
|
35
|
-
fontSize: props.helperText ? '14px' : '16px',
|
|
36
|
-
lineHeight: props.helperText ? '20px' : '24px'
|
|
37
|
-
},
|
|
38
|
-
'&.Mui-error': {
|
|
39
|
-
'& .MuiSelect-outlined': {
|
|
40
|
-
padding: props.helperText ? '7px 8px' : '5px 13px'
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, {
|
|
46
|
-
"data-testid": props['data-testid'],
|
|
47
|
-
fullWidth: props.fullWidth,
|
|
48
|
-
displayEmpty: true,
|
|
49
|
-
error: props.error !== undefined,
|
|
50
|
-
disabled: props.disabled,
|
|
51
|
-
value: props.value,
|
|
52
|
-
defaultValue: props.defaultValue,
|
|
53
|
-
onChange: props.onChange,
|
|
54
|
-
onClose: props.onClose,
|
|
55
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
|
|
56
|
-
value: "",
|
|
57
|
-
children: "Select"
|
|
58
|
-
}), props.items.map(function (item, index) {
|
|
59
|
-
var _item$key;
|
|
60
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
|
|
61
|
-
value: item.value,
|
|
62
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
63
|
-
sx: {
|
|
64
|
-
lineHeight: '20px',
|
|
65
|
-
fontSize: '14px',
|
|
66
|
-
opacity: 0.9
|
|
67
|
-
},
|
|
68
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
69
|
-
sx: {
|
|
70
|
-
fontWeight: 700
|
|
71
|
-
},
|
|
72
|
-
children: item.title
|
|
73
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
74
|
-
children: item.name
|
|
75
|
-
})]
|
|
76
|
-
})
|
|
77
|
-
}, (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : index);
|
|
78
|
-
})]
|
|
79
|
-
})
|
|
80
|
-
}), props.helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
|
|
81
|
-
sx: {
|
|
82
|
-
lineHeight: '18px',
|
|
83
|
-
color: function color(theme) {
|
|
84
|
-
return theme.palette.text.disabled;
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
children: props.helperText
|
|
88
|
-
}), props.error && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
89
|
-
sx: {
|
|
90
|
-
display: 'flex',
|
|
91
|
-
alignItems: 'center'
|
|
92
|
-
},
|
|
93
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Lens["default"], {
|
|
94
|
-
sx: {
|
|
95
|
-
width: '14px',
|
|
96
|
-
height: '14px',
|
|
97
|
-
margin: '1px 3px 0 -2px',
|
|
98
|
-
color: function color(theme) {
|
|
99
|
-
return theme.palette.error.main;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
|
|
103
|
-
sx: {
|
|
104
|
-
color: function color(theme) {
|
|
105
|
-
return theme.palette.error.main;
|
|
106
|
-
},
|
|
107
|
-
fontSize: function fontSize(theme) {
|
|
108
|
-
return theme.typography.body1.fontSize;
|
|
109
|
-
},
|
|
110
|
-
lineHeight: '18px'
|
|
111
|
-
},
|
|
112
|
-
children: props.error
|
|
113
|
-
})]
|
|
114
|
-
})]
|
|
115
|
-
});
|
|
116
|
-
}
|
|
117
|
-
var _default = Select;
|
|
118
|
-
exports["default"] = _default;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { Theme } from '../../assets/theme';
|
|
2
|
-
declare const selectTheme: (theme: Theme) => {
|
|
3
|
-
defaultProps: {
|
|
4
|
-
fullWidth: boolean;
|
|
5
|
-
displayEmpty: boolean;
|
|
6
|
-
};
|
|
7
|
-
styleOverrides: {
|
|
8
|
-
root: () => {
|
|
9
|
-
'&.MuiOutlinedInput-root': {
|
|
10
|
-
'& .MuiSelect-outlined': {
|
|
11
|
-
border: string;
|
|
12
|
-
};
|
|
13
|
-
'&.Mui-focused': {
|
|
14
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
15
|
-
borderColor: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
'&.Mui-error': {
|
|
19
|
-
'& .MuiSelect-outlined': {
|
|
20
|
-
color: string;
|
|
21
|
-
border: string;
|
|
22
|
-
fontSize: string;
|
|
23
|
-
lineHeight: string;
|
|
24
|
-
};
|
|
25
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
26
|
-
borderColor: string;
|
|
27
|
-
};
|
|
28
|
-
'& .MuiSelect-iconOutlined': {
|
|
29
|
-
color: string;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
'&.Mui-disabled': {
|
|
33
|
-
'& .MuiSelect-iconOutlined': {
|
|
34
|
-
color: string;
|
|
35
|
-
};
|
|
36
|
-
'& .MuiSelect-outlined': {
|
|
37
|
-
background: string;
|
|
38
|
-
borderColor: string;
|
|
39
|
-
color: string;
|
|
40
|
-
WebkitTextFillColor: string;
|
|
41
|
-
};
|
|
42
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
43
|
-
border: string;
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
'& .MuiSelect-iconOutlined': {
|
|
47
|
-
color: string;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
export default selectTheme;
|