@veritone-ce/design-system 1.12.28 → 1.12.29

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 (100) hide show
  1. package/dist/assets/theme.d.ts +13 -11
  2. package/dist/assets/theme.js +53 -42
  3. package/dist/components/Alert/index.d.ts +22 -0
  4. package/dist/components/Alert/index.js +62 -0
  5. package/dist/components/AudioSlider/index.d.ts +12 -0
  6. package/dist/components/AudioSlider/index.js +73 -0
  7. package/dist/components/Box/index.d.ts +9 -4
  8. package/dist/components/Box/index.js +11 -10
  9. package/dist/components/Breadcrumbs/index.d.ts +6 -3
  10. package/dist/components/Breadcrumbs/index.js +15 -13
  11. package/dist/components/Button/Indicator.js +6 -4
  12. package/dist/components/Button/index.d.ts +14 -5
  13. package/dist/components/Button/index.js +27 -26
  14. package/dist/components/Checkbox/index.d.ts +10 -3
  15. package/dist/components/Checkbox/index.js +11 -14
  16. package/dist/components/Drawer/index.d.ts +12 -4
  17. package/dist/components/Drawer/index.js +12 -10
  18. package/dist/components/FileUploader/index.d.ts +21 -8
  19. package/dist/components/FileUploader/index.js +70 -102
  20. package/dist/components/FileUploader/useUploadFile.d.ts +1 -1
  21. package/dist/components/FileUploader/useUploadFile.js +10 -9
  22. package/dist/components/FormControlLabel/index.d.ts +9 -4
  23. package/dist/components/FormControlLabel/index.js +11 -10
  24. package/dist/components/Input/index.d.ts +22 -4
  25. package/dist/components/Input/index.js +27 -13
  26. package/dist/components/LinearProgress/index.d.ts +9 -4
  27. package/dist/components/LinearProgress/index.js +9 -37
  28. package/dist/components/Link/index.d.ts +7 -4
  29. package/dist/components/Link/index.js +13 -4
  30. package/dist/components/List/index.d.ts +8 -4
  31. package/dist/components/List/index.js +10 -10
  32. package/dist/components/ListItem/index.d.ts +8 -4
  33. package/dist/components/ListItem/index.js +10 -10
  34. package/dist/components/ListItemButton/index.d.ts +10 -4
  35. package/dist/components/ListItemButton/index.js +12 -10
  36. package/dist/components/ListItemText/index.d.ts +8 -4
  37. package/dist/components/ListItemText/index.js +10 -10
  38. package/dist/components/MenuFlyout/index.d.ts +11 -5
  39. package/dist/components/MenuFlyout/index.js +9 -19
  40. package/dist/components/Modal/index.d.ts +7 -4
  41. package/dist/components/Modal/index.js +10 -21
  42. package/dist/components/Panel/index.d.ts +7 -6
  43. package/dist/components/Panel/index.js +7 -16
  44. package/dist/components/ProgressIndicator/DefaultProgress.d.ts +2 -2
  45. package/dist/components/ProgressIndicator/DefaultProgress.js +10 -15
  46. package/dist/components/ProgressIndicator/MLProgress.d.ts +5 -2
  47. package/dist/components/ProgressIndicator/MLProgress.js +9 -14
  48. package/dist/components/ProgressIndicator/index.d.ts +13 -4
  49. package/dist/components/ProgressIndicator/index.js +4 -2
  50. package/dist/components/RadioButton/index.d.ts +15 -5
  51. package/dist/components/RadioButton/index.js +12 -17
  52. package/dist/components/RadioGroup/index.d.ts +28 -4
  53. package/dist/components/RadioGroup/index.js +13 -10
  54. package/dist/components/Select/index.d.ts +35 -9
  55. package/dist/components/Select/index.js +29 -30
  56. package/dist/components/StatusChip/index.d.ts +10 -8
  57. package/dist/components/StatusChip/index.js +12 -16
  58. package/dist/components/Step/index.d.ts +21 -4
  59. package/dist/components/Step/index.js +12 -11
  60. package/dist/components/StepLabel/index.d.ts +11 -4
  61. package/dist/components/StepLabel/index.js +10 -10
  62. package/dist/components/Stepper/index.d.ts +16 -7
  63. package/dist/components/Stepper/index.js +9 -11
  64. package/dist/components/Table/index.d.ts +85 -0
  65. package/dist/components/Table/index.js +123 -0
  66. package/dist/components/Tabs/index.d.ts +10 -6
  67. package/dist/components/Tabs/index.js +40 -48
  68. package/dist/components/ThemeProvider/index.d.ts +8 -2
  69. package/dist/components/ThemeProvider/index.js +12 -6
  70. package/dist/components/Toast/index.d.ts +5 -21
  71. package/dist/components/Toast/index.js +17 -51
  72. package/dist/components/Typography/index.d.ts +9 -3
  73. package/dist/components/Typography/index.js +10 -11
  74. package/dist/components/UtilityRail/index.d.ts +4 -3
  75. package/dist/components/UtilityRail/index.js +10 -18
  76. package/dist/components/ZeroState/index.d.ts +2 -0
  77. package/dist/components/ZeroState/index.js +25 -0
  78. package/dist/components/icons/HomeOutlinedIcon/index.d.ts +5 -0
  79. package/dist/components/icons/HomeOutlinedIcon/index.js +15 -0
  80. package/dist/components/icons/IconGroups/index.d.ts +5 -0
  81. package/dist/components/icons/IconGroups/index.js +16 -0
  82. package/dist/components/icons/IconListItem/index.d.ts +7 -0
  83. package/dist/components/icons/IconListItem/index.js +17 -0
  84. package/dist/index.d.ts +57 -23
  85. package/dist/index.js +85 -38
  86. package/package.json +4 -3
  87. package/dist/components/Button/useButtonProps.d.ts +0 -3
  88. package/dist/components/Button/useButtonProps.js +0 -26
  89. package/dist/components/CustomSlider/index.d.ts +0 -12
  90. package/dist/components/CustomSlider/index.js +0 -89
  91. package/dist/components/HomeOutlinedIcon/index.d.ts +0 -5
  92. package/dist/components/HomeOutlinedIcon/index.js +0 -22
  93. package/dist/components/IconGroups/index.d.ts +0 -5
  94. package/dist/components/IconGroups/index.js +0 -23
  95. package/dist/components/IconListItem/index.d.ts +0 -7
  96. package/dist/components/IconListItem/index.js +0 -27
  97. package/dist/components/ModelGridView/index.d.ts +0 -15
  98. package/dist/components/ModelGridView/index.js +0 -330
  99. package/dist/components/Tabs/Badge.d.ts +0 -7
  100. package/dist/components/Tabs/Badge.js +0 -29
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritone-ce/design-system",
3
- "version": "1.12.28",
3
+ "version": "1.12.29",
4
4
  "private": false,
5
5
  "description": "Design System for Veritone CE",
6
6
  "keywords": [
@@ -32,7 +32,7 @@
32
32
  "build-storybook-docs": "build-storybook --docs",
33
33
  "chromatic": "npx chromatic --project-token=2d24b3ec5211 --exit-zero-on-changes",
34
34
  "commit": "cz",
35
- "lint": "eslint src",
35
+ "lint": "ESLINT_USE_PRETTIER=true eslint src",
36
36
  "lint:fix": "prettier --write '**/*.{js,jsx,cjs,ts,tsx,css,md}' && eslint --fix '**/*.{js,jsx,ts,tsx}'",
37
37
  "prepare": "husky install",
38
38
  "release": "auto shipit --base-branch=main",
@@ -43,7 +43,8 @@
43
43
  "transpile": "babel src --config-file ./.build.babelrc --out-dir dist --extensions '.js,.jsx,.ts,.tsx'",
44
44
  "types:check": "tsc --noEmit",
45
45
  "types:check:build": "tsc --project tsconfig.build.json --noEmit",
46
- "types:emit": "tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --declarationDir dist --noEmit false"
46
+ "types:emit": "tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --declarationDir dist --noEmit false",
47
+ "publish:local": "yarn build && npx yalc publish"
47
48
  },
48
49
  "lint-staged": {
49
50
  "*.{js,jsx,ts,tsx}": "eslint --cache --fix",
@@ -1,3 +0,0 @@
1
- import { ButtonProps } from '.';
2
- declare const useButtonProps: ({ isLoading, ...props }: ButtonProps) => ButtonProps;
3
- export default useButtonProps;
@@ -1,26 +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 _excluded = ["isLoading"];
9
- 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; }
10
- 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; }
11
- 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; }
12
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
- 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); }
14
- 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; }
15
- 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; }
16
- var useButtonProps = function useButtonProps(_ref) {
17
- var _ref$isLoading = _ref.isLoading,
18
- isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
19
- props = _objectWithoutProperties(_ref, _excluded);
20
- return _objectSpread({
21
- disabled: isLoading || props.disabled,
22
- isLoading: isLoading
23
- }, props);
24
- };
25
- var _default = useButtonProps;
26
- exports["default"] = _default;
@@ -1,12 +0,0 @@
1
- import { SliderProps as MuiSliderProps } from '@mui/material/Slider';
2
- export type CustomSliderProps = MuiSliderProps & {
3
- value: number;
4
- onChange: (event: Event, value: number) => void;
5
- label?: string;
6
- max?: number;
7
- isAvailable?: boolean;
8
- step?: number;
9
- typeData?: string;
10
- };
11
- declare const AudioSlider: ({ value, onChange, max, isAvailable, step, label, typeData, ...props }: CustomSliderProps) => import("react/jsx-runtime").JSX.Element;
12
- export default AudioSlider;
@@ -1,89 +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 _Slider = _interopRequireDefault(require("@mui/material/Slider"));
9
- var _styles = require("@mui/material/styles");
10
- var _Box = _interopRequireDefault(require("@mui/material/Box"));
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- var _excluded = ["value", "onChange", "max", "isAvailable", "step", "label", "typeData"];
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
- 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; }
15
- 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; }
16
- 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; }
17
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
- 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); }
19
- 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; }
20
- 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; }
21
- var MuiSlider = (0, _styles.styled)(_Slider["default"])({
22
- color: '#1871E8',
23
- height: 6,
24
- '& .MuiSlider-track': {
25
- border: 'none',
26
- height: '6px'
27
- },
28
- '& .MuiSlider-thumb': {
29
- height: 18,
30
- width: 14,
31
- backgroundColor: '#2A323C',
32
- borderRadius: 2,
33
- position: 'relative',
34
- '&::before': {
35
- content: '""',
36
- position: 'absolute',
37
- width: 1,
38
- height: 12,
39
- backgroundColor: '#FFFFFF',
40
- top: '50%',
41
- left: '50%',
42
- transform: 'translate(-50%, -50%)'
43
- },
44
- '&:hover': {
45
- outline: 'none'
46
- },
47
- '&:active': {
48
- outline: 'none'
49
- },
50
- '&:focus': {
51
- outline: 'none'
52
- }
53
- },
54
- '& .MuiSlider-rail': {
55
- height: '6px',
56
- backgroundColor: '#9FA2A4'
57
- },
58
- '& .MuiSlider-thumb.Mui-focusVisible, .MuiSlider-thumb:hover': {
59
- boxShadow: 'none'
60
- }
61
- });
62
- var AudioSlider = function AudioSlider(_ref) {
63
- var value = _ref.value,
64
- onChange = _ref.onChange,
65
- _ref$max = _ref.max,
66
- max = _ref$max === void 0 ? 3 : _ref$max,
67
- _ref$isAvailable = _ref.isAvailable,
68
- isAvailable = _ref$isAvailable === void 0 ? true : _ref$isAvailable,
69
- step = _ref.step,
70
- label = _ref.label,
71
- _ref$typeData = _ref.typeData,
72
- typeData = _ref$typeData === void 0 ? 'audio' : _ref$typeData,
73
- props = _objectWithoutProperties(_ref, _excluded);
74
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
75
- sx: {
76
- width: 320
77
- },
78
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MuiSlider, _objectSpread(_objectSpread({}, props), {}, {
79
- "aria-label": "audio-slider",
80
- value: value,
81
- max: max,
82
- step: step,
83
- onChange: onChange,
84
- disabled: !isAvailable
85
- }))
86
- });
87
- };
88
- var _default = AudioSlider;
89
- exports["default"] = _default;
@@ -1,5 +0,0 @@
1
- type HomeOutlinedIconProps = {
2
- 'data-testid'?: string;
3
- };
4
- declare const HomeOutlinedIcon: ({ ...props }: HomeOutlinedIconProps) => import("react/jsx-runtime").JSX.Element;
5
- export default HomeOutlinedIcon;
@@ -1,22 +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 _iconsMaterial = require("@mui/icons-material");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- 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; }
11
- 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; }
12
- 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; }
13
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
14
- 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); }
15
- function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
16
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
- var HomeOutlinedIcon = function HomeOutlinedIcon(_ref) {
18
- var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
19
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.HomeOutlined, _objectSpread({}, props));
20
- };
21
- var _default = HomeOutlinedIcon;
22
- exports["default"] = _default;
@@ -1,5 +0,0 @@
1
- type GroupsIconProps = {
2
- 'data-testid'?: string;
3
- };
4
- declare const IconGroups: ({ ...props }: GroupsIconProps) => import("react/jsx-runtime").JSX.Element;
5
- export default IconGroups;
@@ -1,23 +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 _Groups = _interopRequireDefault(require("@mui/icons-material/Groups"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- 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; }
12
- 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; }
13
- 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; }
14
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
15
- 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); }
16
- function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
17
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
18
- var IconGroups = function IconGroups(_ref) {
19
- var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
20
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Groups["default"], _objectSpread({}, props));
21
- };
22
- var _default = IconGroups;
23
- exports["default"] = _default;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- type ListItemIconProps = {
3
- 'data-testid'?: string;
4
- children?: React.ReactNode;
5
- };
6
- declare const IconListItem: ({ children, ...props }: ListItemIconProps) => import("react/jsx-runtime").JSX.Element;
7
- export default IconListItem;
@@ -1,27 +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 _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- var _excluded = ["children"];
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
- 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; }
13
- 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; }
14
- 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; }
15
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
16
- 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); }
17
- 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; }
18
- 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; }
19
- var IconListItem = function IconListItem(_ref) {
20
- var children = _ref.children,
21
- props = _objectWithoutProperties(_ref, _excluded);
22
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon["default"], _objectSpread(_objectSpread({}, props), {}, {
23
- children: children
24
- }));
25
- };
26
- var _default = IconListItem;
27
- exports["default"] = _default;
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- interface ModelGridViewData {
3
- modelName: string;
4
- lastModified: string;
5
- consentForm: string;
6
- versions: number;
7
- deployed: number;
8
- }
9
- export type ModelGridViewProps = {
10
- 'data-testid'?: string;
11
- rows: ModelGridViewData[];
12
- zeroStateComponent?: React.ReactNode;
13
- };
14
- declare const ModelGridView: ({ rows, zeroStateComponent }: ModelGridViewProps) => import("react/jsx-runtime").JSX.Element;
15
- export default ModelGridView;
@@ -1,330 +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 React = _interopRequireWildcard(require("react"));
9
- var _material = require("@mui/material");
10
- var _utils = require("@mui/utils");
11
- var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
12
- var _EditOutlined = _interopRequireDefault(require("@mui/icons-material/EditOutlined"));
13
- var _ArticleRounded = _interopRequireDefault(require("@mui/icons-material/ArticleRounded"));
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
- 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); }
17
- 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; }
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
20
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
21
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
22
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
23
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
24
- function descendingComparator(a, b, orderBy) {
25
- if (b[orderBy] < a[orderBy]) {
26
- return -1;
27
- }
28
- if (b[orderBy] > a[orderBy]) {
29
- return 1;
30
- }
31
- return 0;
32
- }
33
-
34
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
35
- function getComparator(order, orderBy) {
36
- return order === 'desc' ? function (a, b) {
37
- return descendingComparator(a, b, orderBy);
38
- } : function (a, b) {
39
- return -descendingComparator(a, b, orderBy);
40
- };
41
- }
42
- var headCells = [{
43
- id: 'modelName',
44
- numeric: false,
45
- disablePadding: false,
46
- label: 'Model Name',
47
- sortable: true
48
- }, {
49
- id: 'lastModified',
50
- numeric: false,
51
- disablePadding: false,
52
- label: 'Last Modified',
53
- sortable: true
54
- }, {
55
- id: 'consentForm',
56
- numeric: false,
57
- disablePadding: true,
58
- label: 'Consent Form'
59
- }, {
60
- id: 'versions',
61
- numeric: false,
62
- disablePadding: true,
63
- label: 'Versions'
64
- }, {
65
- id: 'deployed',
66
- numeric: false,
67
- disablePadding: true,
68
- label: 'Deployed'
69
- }];
70
- function EnhancedTableHead(props) {
71
- var order = props.order,
72
- orderBy = props.orderBy,
73
- onRequestSort = props.onRequestSort;
74
- var createSortHandler = function createSortHandler(property) {
75
- return function (event) {
76
- onRequestSort(event, property);
77
- };
78
- };
79
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableHead, {
80
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableRow, {
81
- sx: {
82
- '& .MuiTableCell-root': {
83
- borderBottomColor: function borderBottomColor(theme) {
84
- return theme.palette.text.disabled;
85
- },
86
- padding: '14.25px 16px',
87
- '&.MuiTableCell-paddingNone': {
88
- padding: 0
89
- }
90
- }
91
- },
92
- children: [headCells.map(function (headCell) {
93
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableCell, {
94
- padding: headCell.disablePadding ? 'none' : 'normal',
95
- sortDirection: orderBy === headCell.id ? order : false,
96
- children: [headCell.label, headCell.sortable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableSortLabel, {
97
- active: orderBy === headCell.id,
98
- direction: orderBy === headCell.id ? order : 'desc',
99
- onClick: createSortHandler(headCell.id),
100
- sx: {
101
- '& .MuiSvgIcon-root': {
102
- opacity: 1,
103
- fill: '#1B1D1F',
104
- ':hover': {
105
- opacity: 1,
106
- fill: '#1B1D1F'
107
- }
108
- }
109
- },
110
- children: orderBy === headCell.id ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
111
- component: "span",
112
- sx: _utils.visuallyHidden,
113
- children: order === 'desc' ? 'sorted descending' : 'sorted ascending'
114
- }) : null
115
- })]
116
- }, headCell.id);
117
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {})]
118
- })
119
- });
120
- }
121
- var ZeroState = function ZeroState() {
122
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
123
- sx: {
124
- width: '100%',
125
- height: '100vh',
126
- display: 'flex',
127
- justifyContent: 'center',
128
- alignItems: 'center',
129
- backgroundColor: 'rgba(224, 232, 240, 1)'
130
- },
131
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
132
- children: "No data to display"
133
- })
134
- });
135
- };
136
- var ModelGridView = function ModelGridView(_ref) {
137
- var rows = _ref.rows,
138
- zeroStateComponent = _ref.zeroStateComponent;
139
- var _React$useState = React.useState('desc'),
140
- _React$useState2 = _slicedToArray(_React$useState, 2),
141
- order = _React$useState2[0],
142
- setOrder = _React$useState2[1];
143
- var _React$useState3 = React.useState('lastModified'),
144
- _React$useState4 = _slicedToArray(_React$useState3, 2),
145
- orderBy = _React$useState4[0],
146
- setOrderBy = _React$useState4[1];
147
- var _React$useState5 = React.useState(null),
148
- _React$useState6 = _slicedToArray(_React$useState5, 2),
149
- anchorEl = _React$useState6[0],
150
- setAnchorEl = _React$useState6[1];
151
- var open = Boolean(anchorEl);
152
- var menuOptions = [{
153
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditOutlined["default"], {}),
154
- label: 'Edit Model'
155
- }, {
156
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleRounded["default"], {}),
157
- label: 'View Conset Form'
158
- }];
159
- var handleClick = function handleClick(event) {
160
- setAnchorEl(event.currentTarget);
161
- };
162
- var handleClose = function handleClose() {
163
- setAnchorEl(null);
164
- };
165
- var handleRequestSort = function handleRequestSort(event, property) {
166
- var isAsc = orderBy === property && order === 'asc';
167
- setOrder(isAsc ? 'desc' : 'asc');
168
- setOrderBy(property);
169
- };
170
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
171
- sx: {
172
- width: '100%'
173
- },
174
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Paper, {
175
- sx: {
176
- width: '100%',
177
- mb: 2,
178
- boxShadow: 'none'
179
- },
180
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableContainer, {
181
- sx: {
182
- '& .MuiTableCell-root': {
183
- lineHeight: '21px',
184
- fontWeight: 400
185
- }
186
- },
187
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Table, {
188
- sx: {
189
- minWidth: 750
190
- },
191
- "aria-labelledby": "tableTitle",
192
- size: 'medium',
193
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(EnhancedTableHead, {
194
- order: order,
195
- orderBy: orderBy,
196
- onRequestSort: handleRequestSort
197
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableBody, {
198
- children: [rows.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableRow, {
199
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
200
- colSpan: 6,
201
- align: "center",
202
- sx: {
203
- height: '100%',
204
- verticalAlign: 'middle'
205
- },
206
- children: zeroStateComponent || /*#__PURE__*/(0, _jsxRuntime.jsx)(ZeroState, {})
207
- })
208
- }), rows.length > 0 && rows.slice().sort(getComparator(order, orderBy)).map(function (row, index) {
209
- var labelId = "enhanced-table-checkbox-".concat(index);
210
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableRow, {
211
- tabIndex: -1,
212
- sx: {
213
- '& .MuiTableCell-root': {
214
- borderBottomColor: function borderBottomColor(theme) {
215
- return theme.palette.misc.altBackground;
216
- },
217
- padding: '17px 16px',
218
- '&.MuiTableCell-paddingNone': {
219
- padding: 0
220
- }
221
- }
222
- },
223
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
224
- component: "th",
225
- id: labelId,
226
- scope: "row",
227
- padding: "none",
228
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
229
- href: "#",
230
- underline: "always",
231
- sx: {
232
- '&.MuiLink-underlineAlways': {
233
- color: function color(theme) {
234
- return theme.palette.button.main;
235
- },
236
- textDecorationColor: function textDecorationColor(theme) {
237
- return theme.palette.button.main;
238
- }
239
- }
240
- },
241
- children: row.modelName
242
- })
243
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
244
- align: "left",
245
- children: row.lastModified
246
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
247
- align: "left",
248
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
249
- sx: {
250
- display: 'flex',
251
- flexDirection: 'row',
252
- justifyContent: 'center',
253
- alignItems: 'center',
254
- backgroundColor: function backgroundColor(theme) {
255
- return theme.palette.success.main;
256
- },
257
- color: function color(theme) {
258
- return theme.palette.common.white;
259
- },
260
- width: '82px',
261
- height: '18px',
262
- borderRadius: '2px',
263
- fontStyle: 'normal',
264
- fontWeight: 800,
265
- fontSize: '9px',
266
- lineHeight: '12px',
267
- textTransform: 'uppercase'
268
- },
269
- children: row.consentForm
270
- })
271
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
272
- align: "left",
273
- children: row.versions
274
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
275
- align: "left",
276
- children: row.deployed === 0 ? '--' : row.deployed
277
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableCell, {
278
- align: "right",
279
- padding: "none",
280
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
281
- "aria-label": "more",
282
- id: "long-button",
283
- "aria-controls": open ? 'long-menu' : undefined,
284
- "aria-expanded": open ? 'true' : undefined,
285
- "aria-haspopup": "true",
286
- onClick: handleClick,
287
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoreVert["default"], {})
288
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
289
- id: "long-menu",
290
- MenuListProps: {
291
- 'aria-labelledby': 'long-button'
292
- },
293
- anchorEl: anchorEl,
294
- open: open,
295
- onClose: handleClose,
296
- PaperProps: {
297
- style: {
298
- boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.25)',
299
- borderRadius: 0
300
- }
301
- },
302
- children: menuOptions.map(function (option) {
303
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
304
- onClick: handleClose,
305
- sx: {
306
- fontSize: '14px',
307
- lineHeight: '20px',
308
- height: '46px',
309
- gap: '13px',
310
- '& .MuiSvgIcon-root': {
311
- color: function color(theme) {
312
- return theme.palette.text.tertiary;
313
- }
314
- }
315
- },
316
- children: [option.icon, option.label]
317
- }, option.label);
318
- })
319
- })]
320
- })]
321
- }, row.modelName);
322
- })]
323
- })]
324
- })
325
- })
326
- })
327
- });
328
- };
329
- var _default = ModelGridView;
330
- exports["default"] = _default;
@@ -1,7 +0,0 @@
1
- import { BadgeProps } from '@mui/material';
2
- export type BadgeLabelProps = {
3
- badgeCount: number;
4
- label: string;
5
- } & BadgeProps;
6
- declare function BadgeLabel({ badgeCount, label }: BadgeLabelProps): import("react/jsx-runtime").JSX.Element;
7
- export default BadgeLabel;