@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.
Files changed (118) hide show
  1. package/eslint-config/common.js +1 -1
  2. package/eslint-config/error.js +2 -1
  3. package/eslint-config/warn.js +2 -1
  4. package/package.json +2 -2
  5. package/dist/assets/theme.d.ts +0 -62
  6. package/dist/assets/theme.js +0 -357
  7. package/dist/components/Alert/index.d.ts +0 -22
  8. package/dist/components/Alert/index.js +0 -62
  9. package/dist/components/AudioSlider/index.d.ts +0 -12
  10. package/dist/components/AudioSlider/index.js +0 -73
  11. package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts +0 -11
  12. package/dist/components/Breadcrumbs/breadcrumbs.theme.js +0 -21
  13. package/dist/components/Breadcrumbs/index.d.ts +0 -18
  14. package/dist/components/Breadcrumbs/index.js +0 -59
  15. package/dist/components/Button/Indicator.d.ts +0 -2
  16. package/dist/components/Button/Indicator.js +0 -36
  17. package/dist/components/Button/button.theme.d.ts +0 -4
  18. package/dist/components/Button/button.theme.js +0 -125
  19. package/dist/components/Button/index.d.ts +0 -22
  20. package/dist/components/Button/index.js +0 -57
  21. package/dist/components/Checkbox/checkbox.theme.d.ts +0 -18
  22. package/dist/components/Checkbox/checkbox.theme.js +0 -28
  23. package/dist/components/Checkbox/index.d.ts +0 -14
  24. package/dist/components/Checkbox/index.js +0 -26
  25. package/dist/components/Drawer/index.d.ts +0 -14
  26. package/dist/components/Drawer/index.js +0 -24
  27. package/dist/components/FileUploader/index.d.ts +0 -34
  28. package/dist/components/FileUploader/index.js +0 -203
  29. package/dist/components/FileUploader/useUploadFile.d.ts +0 -5
  30. package/dist/components/FileUploader/useUploadFile.js +0 -169
  31. package/dist/components/FormControlLabel/index.d.ts +0 -11
  32. package/dist/components/FormControlLabel/index.js +0 -23
  33. package/dist/components/Input/index.d.ts +0 -24
  34. package/dist/components/Input/index.js +0 -43
  35. package/dist/components/Input/input.theme.d.ts +0 -3
  36. package/dist/components/Input/input.theme.js +0 -108
  37. package/dist/components/LinearProgress/index.d.ts +0 -32
  38. package/dist/components/LinearProgress/index.js +0 -55
  39. package/dist/components/LinearProgress/linearProgress.theme.d.ts +0 -14
  40. package/dist/components/LinearProgress/linearProgress.theme.js +0 -24
  41. package/dist/components/Link/index.d.ts +0 -9
  42. package/dist/components/Link/index.js +0 -31
  43. package/dist/components/List/index.d.ts +0 -10
  44. package/dist/components/List/index.js +0 -22
  45. package/dist/components/ListItem/index.d.ts +0 -10
  46. package/dist/components/ListItem/index.js +0 -22
  47. package/dist/components/ListItemButton/index.d.ts +0 -12
  48. package/dist/components/ListItemButton/index.js +0 -24
  49. package/dist/components/ListItemText/index.d.ts +0 -10
  50. package/dist/components/ListItemText/index.js +0 -22
  51. package/dist/components/MenuFlyout/constants.d.ts +0 -3
  52. package/dist/components/MenuFlyout/constants.js +0 -12
  53. package/dist/components/MenuFlyout/index.d.ts +0 -21
  54. package/dist/components/MenuFlyout/index.js +0 -46
  55. package/dist/components/MenuFlyout/menuFlyout.theme.d.ts +0 -41
  56. package/dist/components/MenuFlyout/menuFlyout.theme.js +0 -56
  57. package/dist/components/Modal/index.d.ts +0 -14
  58. package/dist/components/Modal/index.js +0 -27
  59. package/dist/components/Modal/modal.theme.d.ts +0 -3
  60. package/dist/components/Modal/modal.theme.js +0 -35
  61. package/dist/components/Panel/index.d.ts +0 -12
  62. package/dist/components/Panel/index.js +0 -112
  63. package/dist/components/ProgressIndicator/DefaultProgress.d.ts +0 -3
  64. package/dist/components/ProgressIndicator/DefaultProgress.js +0 -30
  65. package/dist/components/ProgressIndicator/MLProgress.d.ts +0 -6
  66. package/dist/components/ProgressIndicator/MLProgress.js +0 -32
  67. package/dist/components/ProgressIndicator/index.d.ts +0 -20
  68. package/dist/components/ProgressIndicator/index.js +0 -35
  69. package/dist/components/RadioButton/RadioButton.theme.d.ts +0 -4
  70. package/dist/components/RadioButton/RadioButton.theme.js +0 -64
  71. package/dist/components/RadioButton/index.d.ts +0 -17
  72. package/dist/components/RadioButton/index.js +0 -44
  73. package/dist/components/RadioGroup/index.d.ts +0 -30
  74. package/dist/components/RadioGroup/index.js +0 -25
  75. package/dist/components/Select/index.d.ts +0 -41
  76. package/dist/components/Select/index.js +0 -118
  77. package/dist/components/Select/select.theme.d.ts +0 -53
  78. package/dist/components/Select/select.theme.js +0 -63
  79. package/dist/components/StatusChip/constants.d.ts +0 -3
  80. package/dist/components/StatusChip/constants.js +0 -12
  81. package/dist/components/StatusChip/index.d.ts +0 -30
  82. package/dist/components/StatusChip/index.js +0 -40
  83. package/dist/components/StatusChip/statusChip.theme.d.ts +0 -4
  84. package/dist/components/StatusChip/statusChip.theme.js +0 -46
  85. package/dist/components/Step/index.d.ts +0 -23
  86. package/dist/components/Step/index.js +0 -23
  87. package/dist/components/StepLabel/index.d.ts +0 -13
  88. package/dist/components/StepLabel/index.js +0 -22
  89. package/dist/components/Stepper/index.d.ts +0 -22
  90. package/dist/components/Stepper/index.js +0 -25
  91. package/dist/components/Stepper/stepper.theme.d.ts +0 -50
  92. package/dist/components/Stepper/stepper.theme.js +0 -58
  93. package/dist/components/Table/index.d.ts +0 -85
  94. package/dist/components/Table/index.js +0 -123
  95. package/dist/components/Tabs/index.d.ts +0 -16
  96. package/dist/components/Tabs/index.js +0 -50
  97. package/dist/components/Tabs/tabs.theme.d.ts +0 -4
  98. package/dist/components/Tabs/tabs.theme.js +0 -39
  99. package/dist/components/ThemeProvider/index.d.ts +0 -9
  100. package/dist/components/ThemeProvider/index.js +0 -25
  101. package/dist/components/Toast/index.d.ts +0 -7
  102. package/dist/components/Toast/index.js +0 -38
  103. package/dist/components/Typography/index.d.ts +0 -12
  104. package/dist/components/Typography/index.js +0 -21
  105. package/dist/components/UtilityRail/index.d.ts +0 -12
  106. package/dist/components/UtilityRail/index.js +0 -76
  107. package/dist/components/UtilityRail/mock.d.ts +0 -2
  108. package/dist/components/UtilityRail/mock.js +0 -32
  109. package/dist/components/ZeroState/index.d.ts +0 -2
  110. package/dist/components/ZeroState/index.js +0 -25
  111. package/dist/components/icons/HomeOutlinedIcon/index.d.ts +0 -5
  112. package/dist/components/icons/HomeOutlinedIcon/index.js +0 -15
  113. package/dist/components/icons/IconGroups/index.d.ts +0 -5
  114. package/dist/components/icons/IconGroups/index.js +0 -16
  115. package/dist/components/icons/IconListItem/index.d.ts +0 -7
  116. package/dist/components/icons/IconListItem/index.js +0 -17
  117. package/dist/index.d.ts +0 -70
  118. 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,3 +0,0 @@
1
- import type { SharedProgressIndicatorProps } from '.';
2
- declare const DefaultProgress: (props: SharedProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
3
- export default DefaultProgress;
@@ -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,4 +0,0 @@
1
- import { Components } from '@mui/material';
2
- import { Theme } from '../../assets/theme';
3
- declare const radioButtonTheme: (theme: Theme) => Components['MuiRadio'];
4
- export default radioButtonTheme;
@@ -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;