@veritone-ce/design-system 1.12.28 → 1.12.29

package/dist/components/Panel/index.d.ts

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
-type PanelProps = {
+export type PanelProps = {
+    'data-testid'?: string;
     title: string;
-    isOpen: boolean;
-    size?: 'big' | 'medium' | 'small';
+    open: boolean;
+    size: 'big' | 'medium' | 'small';
     children?: ReactNode;
-    handleClose?: () => void;
-    'data-testid'?: string;
+    onClose?(): void;
+    className?: string;
 };
-declare const Panel: ({ title, isOpen, children, size, handleClose, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: (props: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export default Panel;

package/dist/components/Panel/index.js

@@ -7,18 +7,8 @@ exports["default"] = void 0;
 var _material = require("@mui/material");
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["title", "isOpen", "children", "size", "handleClose"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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; }
-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; }
-var Panel = function Panel(_ref) {
-  var title = _ref.title,
-    isOpen = _ref.isOpen,
-    children = _ref.children,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'big' : _ref$size,
-    handleClose = _ref.handleClose,
-    props = _objectWithoutProperties(_ref, _excluded);
+var Panel = function Panel(props) {
   var _useTheme = (0, _material.useTheme)(),
     palette = _useTheme.palette;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
@@ -31,15 +21,16 @@ var Panel = function Panel(_ref) {
       right: 0,
       bottom: 0,
       zIndex: 1,
-      display: !isOpen ? 'none' : 'block'
+      display: !props.open ? 'none' : 'block'
     },
+    className: props.className,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
       component: "div",
       "data-testid": props['data-testid'] || 'wrapper-panel',
       sx: {
         position: 'absolute',
         background: palette.common.white,
-        maxWidth: size === 'medium' ? '560px' : size === 'small' ? '380px' : '720px',
+        maxWidth: props.size === 'medium' ? '560px' : props.size === 'small' ? '380px' : '720px',
         width: '100%',
         height: '99vh',
         display: 'flex',
@@ -72,12 +63,12 @@ var Panel = function Panel(_ref) {
             lineHeight: '23px',
             letterSpacing: '0.25px'
           },
-          children: title
+          children: props.title
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
           component: "button",
           "aria-label": "close-button-panel",
           "data-testid": props['data-testid'] ? "close-button-".concat(props['data-testid']) : 'close-button-wrapper-panel',
-          onClick: handleClose,
+          onClick: props.onClose,
           sx: {
             cursor: 'pointer',
             background: 'transparent',
@@ -109,7 +100,7 @@ var Panel = function Panel(_ref) {
             flex: 1,
             padding: '30px'
           },
-          children: children
+          children: props.children
         })
       })]
     })

package/dist/components/ProgressIndicator/DefaultProgress.d.ts

@@ -1,3 +1,3 @@
-import { ProgressIndicatorProps } from '.';
-declare const DefaultProgress: ({ itemLoading, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+import type { SharedProgressIndicatorProps } from '.';
+declare const DefaultProgress: (props: SharedProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultProgress;

package/dist/components/ProgressIndicator/DefaultProgress.js

@@ -1,34 +1,29 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["itemLoading"];
-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; }
-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; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
-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; }
-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; }
-var DefaultProgress = function DefaultProgress(_ref) {
-  var itemLoading = _ref.itemLoading,
-    props = _objectWithoutProperties(_ref, _excluded);
+var DefaultProgress = function DefaultProgress(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     sx: {
       display: 'flex'
     },
-    children: [itemLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+    className: props.className,
+    children: [props.itemLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
       sx: {
         fontSize: '14px',
         mr: '10px'
       },
-      children: " Loading ".concat(itemLoading)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, _objectSpread({}, props))]
+      children: " Loading ".concat(props.itemLoading)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+      "data-testid": props['data-testid'],
+      value: props.value,
+      variant: props.variant,
+      size: 18
+    })]
   });
 };
 var _default = DefaultProgress;

package/dist/components/ProgressIndicator/MLProgress.d.ts

@@ -1,3 +1,6 @@
-import { ProgressIndicatorProps } from '.';
-declare const MLProgress: ({ itemLoading, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+import type { SharedProgressIndicatorProps } from '.';
+type MLProgressProps = SharedProgressIndicatorProps & {
+    type: 'medium' | 'large';
+};
+declare const MLProgress: (props: MLProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default MLProgress;

package/dist/components/ProgressIndicator/MLProgress.js

@@ -1,23 +1,12 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["itemLoading"];
-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; }
-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; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
-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; }
-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; }
-var MLProgress = function MLProgress(_ref) {
-  var itemLoading = _ref.itemLoading,
-    props = _objectWithoutProperties(_ref, _excluded);
+var MLProgress = function MLProgress(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     sx: {
       display: 'flex',
@@ -25,11 +14,17 @@ var MLProgress = function MLProgress(_ref) {
       alignItems: 'center',
       justifyContent: 'center'
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, _objectSpread({}, props)), itemLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+    className: props.className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+      "data-testid": props['data-testid'],
+      value: props.value,
+      variant: props.variant,
+      size: props.type == 'large' ? 50 : 30
+    }), props.itemLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
       sx: {
         fontSize: '14px'
       },
-      children: " Loading ".concat(itemLoading)
+      children: " Loading ".concat(props.itemLoading)
     })]
   });
 };

package/dist/components/ProgressIndicator/index.d.ts

@@ -1,9 +1,18 @@
-import { CircularProgressProps } from '@mui/material';
-export type ProgressIndicatorProps = {
+export type SharedProgressIndicatorProps = {
     'data-testid'?: string;
     itemLoading?: string;
-    type?: string;
-} & CircularProgressProps;
+    value?: number;
+    /**
+     * The variant to use.
+     * Use indeterminate when there is no progress value.
+     * @default 'indeterminate'
+     */
+    variant?: 'determinate' | 'indeterminate';
+    className?: string;
+};
+export type ProgressIndicatorProps = SharedProgressIndicatorProps & {
+    type?: 'default' | 'medium' | 'large';
+};
 /**
 - Use a progress indicator to show the user that an operation is in progress.
 **/

package/dist/components/ProgressIndicator/index.js

@@ -25,8 +25,10 @@ var ProgressIndicator = function ProgressIndicator(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'default' : _ref$type,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [type === 'default' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultProgress["default"], _objectSpread({}, props)), type === 'medium' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MLProgress["default"], _objectSpread({}, props)), type === 'large' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MLProgress["default"], _objectSpread({}, props))]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: type === 'medium' || type === 'large' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MLProgress["default"], _objectSpread({
+      type: type
+    }, props)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultProgress["default"], _objectSpread({}, props))
   });
 };
 var _default = ProgressIndicator;

package/dist/components/RadioButton/index.d.ts

@@ -1,7 +1,17 @@
-import { RadioProps } from '@mui/material';
-type RadioButtonProps = {
+import React from 'react';
+export type RadioButtonProps = {
     'data-testid'?: string;
-    label?: string;
-} & RadioProps;
-declare const RadioButton: ({ label, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+    label?: React.ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    /**
+     * The default checked state. Use when the component is not controlled.
+     */
+    defaultChecked?: boolean;
+    name?: string;
+    required?: boolean;
+    onChange?(event: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;
+    className?: string;
+};
+declare const RadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioButton;

package/dist/components/RadioButton/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,21 +7,10 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label"];
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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; }
-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; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
-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; }
-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; }
-var RadioButton = function RadioButton(_ref) {
-  var label = _ref.label,
-    props = _objectWithoutProperties(_ref, _excluded);
+var RadioButton = function RadioButton(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
-    label: label,
+    label: props.label,
     sx: {
       margin: 0,
       height: '36px',
@@ -40,9 +28,16 @@ var RadioButton = function RadioButton(_ref) {
         }
       }
     },
-    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, _objectSpread({
-      "data-testid": "radio-button"
-    }, props))
+    className: props.className,
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {
+      "data-testid": props['data-testid'],
+      name: props.name,
+      checked: props.checked,
+      disabled: props.disabled,
+      required: props.required,
+      defaultChecked: props.defaultChecked,
+      onChange: props.onChange
+    })
   });
 };
 var _default = RadioButton;

package/dist/components/RadioGroup/index.d.ts

@@ -1,6 +1,30 @@
-import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
-type RadioGroupProps = {
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type RadioGroupProps = {
     'data-testid'?: string;
-} & MuiRadioGroupProps;
-declare const RadioGroup: ({ ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: any;
+    /**
+     * The name used to reference the value of the control.
+     * If you don't provide this prop, it falls back to a randomly generated name.
+     */
+    name?: string;
+    /**
+     * Callback fired when a radio button is selected.
+     *
+     * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+     * @param {string} value The value of the selected radio button.
+     * You can pull out the new value by accessing `event.target.value` (string).
+     */
+    onChange?(event: React.ChangeEvent<HTMLInputElement>, value: string): void;
+    /**
+     * Value of the selected radio button. The DOM API casts this to a string.
+     */
+    value?: any;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const RadioGroup: (props: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

package/dist/components/RadioGroup/index.js

@@ -6,17 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
+var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-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; }
-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; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-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); }
-var RadioGroup = function RadioGroup(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.RadioGroup, _objectSpread({}, props));
+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); }
+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; }
+var RadioGroup = function RadioGroup(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.RadioGroup, {
+    "data-testid": props['data-testid'],
+    defaultValue: props.defaultValue,
+    name: props.name,
+    onChange: props.onChange,
+    value: props.value,
+    sx: props.sx,
+    className: props.className
+  });
 };
 var _default = RadioGroup;
 exports["default"] = _default;

package/dist/components/Select/index.d.ts

@@ -1,15 +1,41 @@
-import { SelectProps as MuiSelectProps } from '@mui/material';
-type ItemData = {
+import * as React from 'react';
+type SelectValue = string | number;
+type ItemData<V extends SelectValue> = {
     title?: string;
     name: string;
-    value: string | number;
+    key?: string;
+    value: V;
 };
-export type SelectProps = {
+export type SelectProps<V extends SelectValue> = {
     'data-testid'?: string;
-    label: string;
-    items: ItemData[];
+    label: React.ReactNode;
+    items: ItemData<V>[];
     helperText?: string;
-    errorMessage?: string;
-} & MuiSelectProps;
-declare const Select: ({ label, items, helperText, errorMessage, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+    error?: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: V;
+    /**
+     * The `input` value. Providing an empty string will select no options.
+     * Set to an empty string `''` if you don't want any of the available options to be selected.
+     *
+     * If the value is an object it must have reference equality with the option in order to be selected.
+     * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
+     */
+    value?: V | '';
+    open?: boolean;
+    onChange?(event: SelectChangeEvent<V>, child: React.ReactNode): void;
+    onClose?(event: React.SyntheticEvent): void;
+    className?: string;
+};
+export type SelectChangeEvent<V = string> = (Event & {
+    target: {
+        value: V;
+        name: string;
+    };
+}) | React.ChangeEvent<HTMLInputElement>;
+declare function Select<V extends SelectValue>(props: SelectProps<V>): import("react/jsx-runtime").JSX.Element;
 export default Select;

package/dist/components/Select/index.js

@@ -7,57 +7,56 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _material = require("@mui/material");
 var _Lens = _interopRequireDefault(require("@mui/icons-material/Lens"));
+var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label", "items", "helperText", "errorMessage"];
+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); }
+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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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; }
-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; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
-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; }
-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; }
-var Select = function Select(_ref) {
-  var label = _ref.label,
-    items = _ref.items,
-    helperText = _ref.helperText,
-    errorMessage = _ref.errorMessage,
-    props = _objectWithoutProperties(_ref, _excluded);
+function Select(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     sx: {
-      maxHeight: helperText ? '77px' : '56px'
+      maxHeight: props.helperText ? '77px' : '56px'
     },
+    className: props.className,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
-      id: "label-select",
       sx: {
         display: 'flex',
         alignItems: 'flex-end',
         lineHeight: '17px',
         marginBottom: '3px'
       },
-      children: label
+      children: props.label
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
       sx: {
         display: 'flex',
         '& .MuiOutlinedInput-root': {
           '& .MuiSelect-outlined': {
-            padding: helperText ? '7px 7.5px' : '5px 8px',
-            fontSize: helperText ? '14px' : '16px',
-            lineHeight: helperText ? '20px' : '24px'
+            padding: props.helperText ? '7px 7.5px' : '5px 8px',
+            fontSize: props.helperText ? '14px' : '16px',
+            lineHeight: props.helperText ? '20px' : '24px'
           },
           '&.Mui-error': {
             '& .MuiSelect-outlined': {
-              padding: helperText ? '7px 8px' : '5px 13px'
+              padding: props.helperText ? '7px 8px' : '5px 13px'
             }
           }
         }
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, _objectSpread(_objectSpread({}, props), {}, {
-        labelId: "label-select",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, {
+        "data-testid": props['data-testid'],
+        fullWidth: props.fullWidth,
+        displayEmpty: true,
+        error: props.error !== undefined,
+        disabled: props.disabled,
+        value: props.value,
+        defaultValue: props.defaultValue,
+        onChange: props.onChange,
+        onClose: props.onClose,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
           value: "",
           children: "Select"
-        }), items.map(function (item, index) {
+        }), props.items.map(function (item, index) {
+          var _item$key;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
             value: item.value,
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -75,17 +74,17 @@ var Select = function Select(_ref) {
                 children: item.name
               })]
             })
-          }, index);
+          }, (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : index);
         })]
-      }))
-    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
+      })
+    }), props.helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
       sx: {
         lineHeight: '18px',
         color: function color(theme) {
           return theme.palette.text.disabled;
         }
       },
-      children: helperText
+      children: props.helperText
     }), props.error && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
       sx: {
         display: 'flex',
@@ -107,10 +106,10 @@ var Select = function Select(_ref) {
           },
           lineHeight: '18px'
         },
-        children: errorMessage
+        children: props.error
       })]
     })]
   });
-};
+}
 var _default = Select;
 exports["default"] = _default;

package/dist/components/StatusChip/index.d.ts

@@ -1,5 +1,6 @@
 import { ChipProps as MuiChipProps } from '@mui/material';
-type StatusChipProps = {
+import React, { MouseEventHandler } from 'react';
+export type StatusChipProps = {
     'data-testid'?: string;
     /**
       Determines stock color. Used as label if no label prop is provided.
@@ -8,12 +9,13 @@ type StatusChipProps = {
     /**
       If no label prop provided, status prop is used as chip label.
     **/
-    label?: string;
-    /**
-      To override the StatusChip stock colors, use `coloroverride` prop. The `coloroverride` prop should be a HEX Value.
-    **/
-    coloroverride?: string;
-} & MuiChipProps;
+    label?: React.ReactNode;
+    clickable?: boolean;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    disabled?: boolean;
+    color?: MuiChipProps['color'];
+    className?: string;
+};
 /**
 - Use a StatusChip to display the status of some action to the user.
 - Veritone stock options derive from the required `status` prop and include Complete, Processing, or Error. Their corresponding colors derive from Veritone's Design System guidelines.
@@ -24,5 +26,5 @@ type StatusChipProps = {
     - Pass your custom string to `label` prop;
     - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop.
 **/
-declare const StatusChip: ({ label, ...props }: StatusChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const StatusChip: (props: StatusChipProps) => import("react/jsx-runtime").JSX.Element;
 export default StatusChip;