@veritone-ce/design-system 1.12.28 → 1.12.29

package/dist/components/StatusChip/index.js

@@ -1,20 +1,13 @@
 "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 _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label"];
-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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**
 - 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.
@@ -26,18 +19,21 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
     - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop. 
 **/
 
-var StatusChip = function StatusChip(_ref) {
-  var label = _ref.label,
-    props = _objectWithoutProperties(_ref, _excluded);
+var StatusChip = function StatusChip(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     sx: {
       display: "inline-flex",
       position: "relative"
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, _objectSpread({
-      label: label ? label : props.status,
-      "data-testid": true
-    }, props))
+    className: props.className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
+      "data-testid": props['data-testid'],
+      label: props.label ? props.label : props.status,
+      color: props.color,
+      clickable: props.clickable,
+      disabled: props.disabled,
+      onClick: props.onClick
+    })
   });
 };
 var _default = StatusChip;

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

@@ -1,6 +1,23 @@
-import { StepProps as MuiStepProps } from '@mui/material';
-type StepProps = {
+import React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type StepProps = {
     'data-testid'?: string;
-} & MuiStepProps;
-declare const Step: ({ ...props }: StepProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * Sets the step as active. Is passed to child components.
+     */
+    active?: boolean;
+    /**
+     * Mark the step as completed. Is passed to child components.
+     */
+    completed?: boolean;
+    /**
+     * If `true`, the step is disabled, will also disable the button if
+     * `StepButton` is a child of `Step`. Is passed to child components.
+     */
+    disabled?: boolean;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const Step: (props: StepProps) => import("react/jsx-runtime").JSX.Element;
 export default Step;

package/dist/components/Step/index.js

@@ -1,22 +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 _react = _interopRequireDefault(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 Step = function Step(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, _objectSpread({}, props));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Step = function Step(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
+    "data-testid": props['data-testid'],
+    active: props.active,
+    completed: props.completed,
+    disabled: props.disabled,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
 };
 var _default = Step;
 exports["default"] = _default;

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

@@ -1,6 +1,13 @@
-import { StepLabelProps as MuiStepLabelProps } from '@mui/material';
-type StepLabelProps = {
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type StepLabelProps = {
     'data-testid'?: string;
-} & MuiStepLabelProps;
-declare const StepLabel: ({ ...props }: StepLabelProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * In most cases will simply be a string containing a title for the label.
+     */
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const StepLabel: (props: StepLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default StepLabel;

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

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

@@ -1,13 +1,22 @@
-import { StepperProps as MuiStepperProps } from '@mui/material';
-type StepperProps = {
+import React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type StepperProps = {
     'data-testid'?: string;
-} & MuiStepperProps;
+    /**
+     * Set the active step (zero based index).
+     * Set to -1 to disable all the steps.
+     * @default 0
+     */
+    activeStep?: number;
+    /**
+     * Two or more `<Step />` components.
+     */
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
 /**
   The Stepper is used for highlighting where a user is in a progression of steps.
-  For additional information see:
-    https://mui.com/material-ui/react-stepper/ ,
-    https://mui.com/material-ui/api/step/ ,
-    https://mui.com/material-ui/api/step-label/ .
 **/
 declare const Stepper: (props: StepperProps) => import("react/jsx-runtime").JSX.Element;
 export default Stepper;

package/dist/components/Stepper/index.js

@@ -5,23 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-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); }
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**
   The Stepper is used for highlighting where a user is in a progression of steps.
-  For additional information see:
-    https://mui.com/material-ui/react-stepper/ ,
-    https://mui.com/material-ui/api/step/ ,
-    https://mui.com/material-ui/api/step-label/ .
 **/
 
 var Stepper = function Stepper(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stepper, _objectSpread({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stepper, {
+    "data-testid": props['data-testid'],
+    activeStep: props.activeStep,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
 };
 var _default = Stepper;
 exports["default"] = _default;

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

@@ -0,0 +1,85 @@
+import { TablePaginationProps as MuiTablePaginationProps, TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material';
+import React from 'react';
+import { SxProps, Theme } from '@mui/system';
+export type TableProps = {
+    'data-testid'?: string;
+    /**
+     * Set the header sticky.
+     *
+     * ⚠️ It doesn't work with IE11.
+     * @default false
+     */
+    stickyHeader?: boolean;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+export declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
+export type TableBodyProps = {
+    'data-testid'?: string;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+export declare const TableBody: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export type TableCellProps = {
+    'data-testid'?: string;
+    variant?: 'header' | 'data';
+    align?: 'left' | 'center' | 'right' | 'justify' | 'inherit';
+    colSpan?: number;
+    headers?: string;
+    rowSpan?: number;
+    scope?: string;
+    abbr?: string;
+    sortDirection?: 'asc' | 'desc' | false;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+export declare const TableCell: ({ variant, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export type TableContainerProps = {
+    'data-testid'?: string;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+export declare const TableContainer: (props: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export type TableFooterProps = {
+    'data-testid'?: string;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+export declare const TableFooter: (props: TableFooterProps) => import("react/jsx-runtime").JSX.Element;
+export type TableHeadProps = {
+    'data-testid'?: string;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+export declare const TableHead: (props: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+export type TablePaginationProps = {
+    'data-testid'?: string;
+} & MuiTablePaginationProps;
+export declare const TablePagination: (props: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export type TableRowProps = {
+    'data-testid'?: string;
+    children?: React.ReactNode;
+    /**
+     * If `true`, the table row will shade on hover.
+     * @default false
+     */
+    hover?: boolean;
+    /**
+     * If `true`, the table row will have the selected shading.
+     * @default false
+     */
+    selected?: boolean;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+export declare const TableRow: (props: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+export type TableSortLabelProps = {
+    'data-testid'?: string;
+} & MuiTableSortLabelProps;
+export declare const TableSortLabel: (props: TableSortLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/index.js

@@ -0,0 +1,123 @@
+"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.TableSortLabel = exports.TableRow = exports.TablePagination = exports.TableHead = exports.TableFooter = exports.TableContainer = exports.TableCell = exports.TableBody = exports.Table = void 0;
+var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["variant"];
+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 Table = function Table(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Table, {
+    "data-testid": props['data-testid'],
+    stickyHeader: props.stickyHeader,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+exports.Table = Table;
+var TableBody = function TableBody(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableBody, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+exports.TableBody = TableBody;
+var TableCell = function TableCell(_ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'data' : _ref$variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+    "data-testid": props['data-testid'],
+    component: variant === 'header' ? 'th' : 'td',
+    align: props.align,
+    colSpan: props.colSpan,
+    headers: props.headers,
+    rowSpan: props.rowSpan,
+    scope: props.scope,
+    abbr: props.abbr,
+    sortDirection: props.sortDirection,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+exports.TableCell = TableCell;
+var StyledMuiTableContainer = (0, _styles.styled)(_material.TableContainer)({
+  '& .MuiTableCell-root': {
+    lineHeight: '21px',
+    fontWeight: 400
+  }
+});
+var TableContainer = function TableContainer(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMuiTableContainer, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+exports.TableContainer = TableContainer;
+var TableFooter = function TableFooter(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableFooter, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+exports.TableFooter = TableFooter;
+var TableHead = function TableHead(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableHead, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+exports.TableHead = TableHead;
+var TablePagination = function TablePagination(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TablePagination, _objectSpread({}, props));
+};
+exports.TablePagination = TablePagination;
+var StyledMuiTableRow = (0, _styles.styled)(_material.TableRow)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    '& .MuiTableCell-root': {
+      borderBottomColor: theme.palette.text.disabled,
+      padding: '14.25px 16px',
+      '&.MuiTableCell-paddingNone': {
+        padding: 0
+      }
+    }
+  };
+});
+var TableRow = function TableRow(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMuiTableRow, {
+    "data-testid": props['data-testid'],
+    hover: props.hover,
+    selected: props.selected,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+exports.TableRow = TableRow;
+var TableSortLabel = function TableSortLabel(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableSortLabel, _objectSpread({}, props));
+};
+exports.TableSortLabel = TableSortLabel;

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

@@ -1,12 +1,16 @@
-import { TabProps } from '@mui/material';
-export type SingleTabProps = TabProps & {
+import { SxProps, Theme } from '@mui/system';
+import * as React from 'react';
+export type Tab = {
     'data-testid'?: string;
     label: string;
     count?: number;
-    content?: string;
 };
 export type BasicTabsProps = {
-    tabs: SingleTabProps[];
+    tabs: Tab[];
+    value: number;
+    onChange?(event: React.SyntheticEvent, value: number): void;
+    sx?: SxProps<Theme>;
+    className?: string;
 };
-declare const BasicTabs: ({ tabs, ...props }: BasicTabsProps) => import("react/jsx-runtime").JSX.Element;
-export default BasicTabs;
+declare function Tabs(props: BasicTabsProps): import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/dist/components/Tabs/index.js

@@ -5,54 +5,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = require("react");
 var _material = require("@mui/material");
-var _Badge = _interopRequireDefault(require("./Badge"));
+var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["tabs"];
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 BasicTabs = function BasicTabs(_ref) {
-  var tabs = _ref.tabs,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedTab = _useState2[0],
-    setSelectedTab = _useState2[1];
-  var handleChange = function handleChange(event, newValue) {
-    setSelectedTab(newValue);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, _objectSpread(_objectSpread({
-      value: selectedTab,
-      onChange: handleChange
-    }, props), {}, {
-      children: tabs.map(function (tab, index) {
-        var _tab$count;
-        return /*#__PURE__*/(0, _react.createElement)(_material.Tab, _objectSpread(_objectSpread({}, tab), {}, {
-          key: index,
-          value: index,
-          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge["default"], {
-            badgeCount: (_tab$count = tab.count) !== null && _tab$count !== void 0 ? _tab$count : 0,
-            label: tab.label
-          }),
-          disableRipple: true
-        }));
-      })
-    })), tabs[selectedTab].content && tabs[selectedTab].content]
+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 Tabs(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, {
+    value: props.value,
+    onChange: props.onChange,
+    sx: props.sx,
+    className: props.className,
+    children: props.tabs.map(function (tab, index) {
+      var _tab$count;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
+        value: index,
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(BadgeLabel, {
+          count: (_tab$count = tab.count) !== null && _tab$count !== void 0 ? _tab$count : 0,
+          label: tab.label
+        }),
+        disableRipple: true
+      }, index);
+    })
   });
-};
-var _default = BasicTabs;
-exports["default"] = _default;
+}
+var _default = Tabs;
+exports["default"] = _default;
+function BadgeLabel(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 1.5
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      variant: "body2",
+      children: props.label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Badge, {
+      badgeContent: props.count,
+      color: "primary"
+    })]
+  });
+}

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

@@ -1,3 +1,9 @@
-import { ThemeProviderProps } from '@mui/system';
-declare const ThemeProvider: ({ children }: Omit<ThemeProviderProps, 'theme'>) => import("react/jsx-runtime").JSX.Element;
+import { Theme } from '@mui/system';
+import React from 'react';
+export declare const defaultTheme: import("@mui/material").Theme;
+export type ThemeProviderProps = {
+    theme?: Theme;
+    children?: React.ReactNode;
+};
+declare const ThemeProvider: (props: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default ThemeProvider;

package/dist/components/ThemeProvider/index.js

@@ -3,16 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.defaultTheme = exports["default"] = void 0;
 var _system = require("@mui/system");
-var _theme = _interopRequireDefault(require("../../assets/theme"));
+var _theme = require("../../assets/theme");
+var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ThemeProvider = function ThemeProvider(_ref) {
-  var children = _ref.children;
+var defaultTheme = (0, _theme.createDesignSystemTheme)();
+exports.defaultTheme = defaultTheme;
+var ThemeProvider = function ThemeProvider(props) {
+  var theme = _react["default"].useMemo(function () {
+    var _props$theme;
+    return (_props$theme = props.theme) !== null && _props$theme !== void 0 ? _props$theme : defaultTheme;
+  }, [props.theme]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.ThemeProvider, {
-    theme: _theme["default"],
-    children: children
+    theme: theme,
+    children: props.children
   });
 };
 var _default = ThemeProvider;