@veritone-ce/design-system 1.12.28 → 1.12.31

package/dist/components/Input/index.js

@@ -1,29 +1,43 @@
 "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 _react = _interopRequireDefault(require("react"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
 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 _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 Input = function Input(_ref) {
-  var TextFieldProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField["default"], _objectSpread({
+var Input = function Input(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField["default"], {
     InputLabelProps: {
       shrink: false
     },
-    "data-testid": "input-component"
-  }, TextFieldProps));
+    "data-testid": props['data-testid'],
+    type: props.type,
+    value: props.value,
+    helperText: props.helperText,
+    label: props.label,
+    disabled: props.disabled,
+    placeholder: props.placeholder,
+    required: props.required,
+    error: props.error,
+    name: props.name,
+    multiline: props.multiline,
+    rows: props.rows,
+    maxRows: props.maxRows,
+    minRows: props.minRows,
+    InputProps: {
+      startAdornment: props.prefixEl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+        position: "start",
+        children: props.prefixEl
+      }) : null
+    },
+    sx: props.sx,
+    className: props.className,
+    onChange: props.onChange
+  });
 };
 var _default = Input;
 exports["default"] = _default;

package/dist/components/Input/input.theme.js

@@ -10,8 +10,7 @@ var inputTheme = function inputTheme(theme) {
     styleOverrides: {
       root: function root() {
         return {
-          maxWidth: '300px',
-          display: 'flex',
+          // display: 'flex',
           gap: '3px',
           '& .MuiInputLabel-root': {
             position: 'initial',

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

@@ -1,5 +1,5 @@
-import { LinearProgressProps as MuiLinearProgressProps } from '@mui/material';
-type LinearProgressProps = {
+import { SxProps, Theme } from '@mui/system';
+export type LinearProgressProps = {
     'data-testid'?: string;
     value: number;
     /**
@@ -18,10 +18,15 @@ type LinearProgressProps = {
     - Optional prop that can be passed to show error message
     **/
     isUploaded: boolean;
-} & MuiLinearProgressProps;
+    /**
+    - Prop that shows whether the file is fully uploaded or not
+    **/
+    sx?: SxProps<Theme>;
+    className?: string;
+};
 /**
 - Use a Linear Progress Bar to show the user that an operation is in progress.
   This is currently being used in conjuction with the uploader tool
 **/
-declare const LinearProgress: ({ value, itemLoading, isError, feedbackText, isUploaded, ...props }: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinearProgress: (props: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default LinearProgress;

package/dist/components/LinearProgress/index.js

@@ -1,38 +1,23 @@
 "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 = ["value", "itemLoading", "isError", "feedbackText", "isUploaded"];
-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; }
 /**
 - Use a Linear Progress Bar to show the user that an operation is in progress.
   This is currently being used in conjuction with the uploader tool
 **/
 
-var LinearProgress = function LinearProgress(_ref) {
-  var value = _ref.value,
-    itemLoading = _ref.itemLoading,
-    _ref$isError = _ref.isError,
-    isError = _ref$isError === void 0 ? false : _ref$isError,
-    feedbackText = _ref.feedbackText,
-    isUploaded = _ref.isUploaded,
-    props = _objectWithoutProperties(_ref, _excluded);
+var LinearProgress = function LinearProgress(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     sx: {
       width: "100%",
       margin: "5px 0"
     },
+    className: props.className,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
       sx: {
         display: "flex",
@@ -44,38 +29,25 @@ var LinearProgress = function LinearProgress(_ref) {
           fontSize: "14px",
           fontWeight: "600"
         },
-        children: itemLoading
+        children: props.itemLoading
       })
-    }), isError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, _objectSpread({
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {
       "aria-label": 'linear progress bar',
       variant: "determinate",
-      value: value,
+      value: props.value,
+      "data-testid": props['data-testid'],
       sx: {
         '& .MuiLinearProgress-bar': {
-          backgroundColor: "#EB0000"
+          backgroundColor: props.isError ? "#EB0000" : props.isUploaded ? "#28BA3F" : undefined
         }
       }
-    }, props)) : isUploaded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, _objectSpread(_objectSpread({
-      "aria-label": 'linear progress bar',
-      variant: "determinate",
-      value: value
-    }, props), {}, {
-      sx: {
-        '& .MuiLinearProgress-bar': {
-          backgroundColor: "#28BA3F"
-        }
-      }
-    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, _objectSpread({
-      "aria-label": 'linear progress bar',
-      variant: "determinate",
-      value: value
-    }, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
       sx: {
         fontSize: "11px",
         marginTop: "10px",
         color: "#5C6269"
       },
-      children: feedbackText ? feedbackText : "".concat(value, "%")
+      children: props.feedbackText ? props.feedbackText : "".concat(props.value, "%")
     })]
   });
 };

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

@@ -1,6 +1,9 @@
-import { LinkProps as MuiLinkProps } from '@mui/material';
-type LinkProps = {
+import { SxProps, Theme } from '@mui/system';
+import * as React from 'react';
+export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> & {
     'data-testid'?: string;
-} & MuiLinkProps;
-declare const Link: ({ ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const Link: ({ sx, className, ...restProps }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/dist/components/Link/index.js

@@ -6,17 +6,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
+var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["sx", "className"];
+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 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); }
+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 Link = function Link(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, _objectSpread({}, props));
+  var sx = _ref.sx,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, _objectSpread(_objectSpread({}, restProps), {}, {
+    sx: sx,
+    className: className
+  }));
 };
 var _default = Link;
 exports["default"] = _default;

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

@@ -1,6 +1,10 @@
-import { ListProps as MuiListProps } from '@mui/material';
-type ListProps = {
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type ListProps = {
     'data-testid'?: string;
-} & MuiListProps;
-declare const List: ({ ...props }: ListProps) => import("react/jsx-runtime").JSX.Element;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
 export default List;

package/dist/components/List/index.js

@@ -6,17 +6,17 @@ 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 List = function List(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, _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 List = function List(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
 };
 var _default = List;
 exports["default"] = _default;

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

@@ -1,6 +1,10 @@
-import { ListItemProps as MuiListItemProps } from '@mui/material';
-type ListItemProps = {
+import { SxProps, Theme } from '@mui/system';
+import * as React from 'react';
+export type ListItemProps = {
     'data-testid'?: string;
-} & MuiListItemProps;
-declare const ListItem: ({ ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const ListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/dist/components/ListItem/index.js

@@ -6,17 +6,17 @@ 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 ListItem = function ListItem(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, _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 ListItem = function ListItem(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
 };
 var _default = ListItem;
 exports["default"] = _default;

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

@@ -1,6 +1,12 @@
-import { ListItemButtonProps as MuiListItemButtonProps } from '@mui/material';
-type ListItemButtonProps = {
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type ListItemButtonProps = {
     'data-testid'?: string;
-} & MuiListItemButtonProps;
-declare const ListItemButton: ({ ...props }: ListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
+    disabled?: boolean;
+    selected?: boolean;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const ListItemButton: (props: ListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItemButton;

package/dist/components/ListItemButton/index.js

@@ -6,17 +6,19 @@ 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 ListItemButton = function ListItemButton(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemButton, _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 ListItemButton = function ListItemButton(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemButton, {
+    "data-testid": props['data-testid'],
+    disabled: props.disabled,
+    selected: props.selected,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
 };
 var _default = ListItemButton;
 exports["default"] = _default;

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

@@ -1,6 +1,10 @@
-import { ListItemTextProps as MuiListItemTextProps } from '@mui/material';
-type ListItemTextProps = {
+import { SxProps, Theme } from '@mui/system';
+import * as React from 'react';
+export type ListItemTextProps = {
     'data-testid'?: string;
-} & MuiListItemTextProps;
-declare const ListItemText: ({ ...props }: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const ListItemText: (props: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItemText;

package/dist/components/ListItemText/index.js

@@ -6,17 +6,17 @@ 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 ListItemText = function ListItemText(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, _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 ListItemText = function ListItemText(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
 };
 var _default = ListItemText;
 exports["default"] = _default;

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

@@ -1,15 +1,21 @@
-import { MenuProps } from '@mui/material';
 import React from 'react';
-type MenuOption = {
+import { SxProps, Theme } from '@mui/system';
+export type MenuOption = {
     label: string;
     icon?: React.ReactElement;
 };
-type MenuFlyoutProps = {
+export type MenuFlyoutProps = {
     'data-testid'?: string;
+    open: boolean;
+    onClose?: {
+        bivarianceHack(event: Event, reason: 'backdropClick' | 'escapeKeyDown'): void;
+    }['bivarianceHack'];
     /**
      An array of objects of type `MenuOption[]`. Each object in this array **requires** a label property of type `string` and an **optional** icon property of type `React.ReactElement`. Each object represents a list item on the menu flyout component.
     **/
     menuOptions: MenuOption[];
-} & MenuProps;
-declare const MenuFlyout: ({ menuOptions, open, ...props }: MenuFlyoutProps) => import("react/jsx-runtime").JSX.Element;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const MenuFlyout: (props: MenuFlyoutProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuFlyout;

package/dist/components/MenuFlyout/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,24 +7,15 @@ exports["default"] = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["menuOptions", "open"];
 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 MenuFlyout = function MenuFlyout(_ref) {
-  var menuOptions = _ref.menuOptions,
-    open = _ref.open,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, _objectSpread(_objectSpread({
-    "data-testid": true,
-    open: true
-  }, props), {}, {
-    children: menuOptions.map(function (menuItem, index) {
+var MenuFlyout = function MenuFlyout(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
+    "data-testid": props['data-testid'],
+    open: props.open,
+    onClose: props.onClose,
+    sx: props.sx,
+    className: props.className,
+    children: props.menuOptions.map(function (menuItem, index) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
           sx: {
@@ -50,7 +40,7 @@ var MenuFlyout = function MenuFlyout(_ref) {
         })
       }, index);
     })
-  }));
+  });
 };
 var _default = MenuFlyout;
 exports["default"] = _default;

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

@@ -1,11 +1,14 @@
 import React from 'react';
-type ModalProps = {
+import { SxProps, Theme } from '@mui/system';
+export type ModalProps = {
     'data-testid'?: string;
-    handleClose?: () => void;
-    isOpen: boolean;
+    open: boolean;
     title?: string;
     height?: string;
     children?: React.ReactNode;
+    onClose?(): void;
+    sx?: SxProps<Theme>;
+    className?: string;
 };
-declare const Modal: ({ handleClose, isOpen, title, children, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/dist/components/Modal/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,31 +7,21 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["handleClose", "isOpen", "title", "children"];
 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 Modal = function Modal(_ref) {
-  var handleClose = _ref.handleClose,
-    isOpen = _ref.isOpen,
-    title = _ref.title,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, _objectSpread(_objectSpread({}, props), {}, {
-    open: isOpen,
-    onClose: handleClose,
+var Modal = function Modal(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
+    "data-testid": props['data-testid'],
+    open: props.open,
+    onClose: props.onClose,
     "aria-labelledby": "alert-dialog-title",
     "aria-describedby": "alert-dialog-description",
+    sx: props.sx,
+    className: props.className,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogTitle, {
       id: "alert-dialog-title",
-      children: title
-    }), children]
-  }));
+      children: props.title
+    }), props.children]
+  });
 };
 var _default = Modal;
 exports["default"] = _default;