@veritone-ce/design-system 1.12.14 → 1.12.16

package/dist/components/StepLabel/__tests__/StepLabel.test.js

@@ -1,10 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { screen } from '@testing-library/react';
-import StepLabel from '..';
+"use strict";
+
+var _helpers = require("../../../utils/tests/helpers");
+var _react = require("@testing-library/react");
+var _ = _interopRequireDefault(require(".."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 describe('<StepLabel />', () => {
-    it('should render the StepLabel component', () => {
-        render(_jsx(StepLabel, { "data-testid": "step-label" }));
-        expect(screen.getByTestId('step-label')).toBeInTheDocument();
-    });
-});
+  it('should render the StepLabel component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "step-label"
+    }));
+    expect(_react.screen.getByTestId('step-label')).toBeInTheDocument();
+  });
+});

package/dist/components/StepLabel/index.js

@@ -1,18 +1,17 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+const StepLabel = ({
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
+    ...props
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StepLabel as MuiStepLabel } from '@mui/material';
-const StepLabel = (_a) => {
-    var props = __rest(_a, []);
-    return _jsx(MuiStepLabel, Object.assign({}, props));
-};
-export default StepLabel;
+var _default = StepLabel;
+exports.default = _default;

package/dist/components/Stepper/Stepper.stories.js

@@ -1,22 +1,38 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Step, StepLabel } from '@mui/material';
-import Stepper from '.';
-export default {
-    title: 'Components/Stepper',
-    component: Stepper
-};
-export const Default = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsxs(Stepper, Object.assign({}, args, { children: [_jsx(Step, { children: _jsx(StepLabel, { children: "This is a label" }) }), _jsx(Step, { children: _jsx(StepLabel, { children: "This is another label" }) }), _jsx(Step, { children: _jsx(StepLabel, { children: "This is a third label" }) }), _jsx(Step, { children: _jsx(StepLabel, { children: "This is a fourth label" }) })] })));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _material = require("@mui/material");
+var _ = _interopRequireDefault(require("."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components/Stepper',
+  component: _.default
 };
+exports.default = _default;
+const Default = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
+  ...args,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
+      children: "This is a label"
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
+      children: "This is another label"
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
+      children: "This is a third label"
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
+      children: "This is a fourth label"
+    })
+  })]
+});
+exports.Default = Default;

package/dist/components/Stepper/__tests__/Stepper.test.js

@@ -1,10 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { screen } from '@testing-library/react';
-import Stepper from '..';
+"use strict";
+
+var _helpers = require("../../../utils/tests/helpers");
+var _react = require("@testing-library/react");
+var _ = _interopRequireDefault(require(".."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 describe('<Stepper />', () => {
-    it('should render the Stepper component', () => {
-        render(_jsx(Stepper, { "data-testid": "stepper" }));
-        expect(screen.getByTestId('stepper')).toBeInTheDocument();
-    });
-});
+  it('should render the Stepper component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "stepper"
+    }));
+    expect(_react.screen.getByTestId('stepper')).toBeInTheDocument();
+  });
+});

package/dist/components/Stepper/index.js

@@ -1,5 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Stepper as MuiStepper } from '@mui/material';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
   The Stepper is used for highlighting where a user is in a progression of steps.
   For additional information see:
@@ -7,7 +13,11 @@ import { Stepper as MuiStepper } from '@mui/material';
     https://mui.com/material-ui/api/step/ ,
     https://mui.com/material-ui/api/step-label/ .
 **/
-const Stepper = (props) => {
-    return _jsx(MuiStepper, Object.assign({}, props));
+
+const Stepper = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stepper, {
+    ...props
+  });
 };
-export default Stepper;
+var _default = Stepper;
+exports.default = _default;

package/dist/components/Stepper/stepper.theme.js

@@ -1,49 +1,56 @@
-const stepperTheme = (theme) => ({
-    MuiStepConnector: {
-        styleOverrides: {
-            line: {
-                borderColor: `#E0E8F0`
-            }
-        }
-    },
-    MuiStep: {
-        defaultProps: {
-            completed: false
-        }
-    },
-    MuiStepIcon: {
-        styleOverrides: {
-            root: {
-                borderRadius: `100%`,
-                height: `35px`,
-                width: `35px`,
-                outline: `1px solid ${theme.palette.text.tertiary}`,
-                color: `white`,
-                text: {
-                    fill: theme.palette.text.tertiary
-                },
-                '&.Mui-active': {
-                    outline: `none`,
-                    color: theme.palette.text.tertiary,
-                    text: {
-                        fill: `white`
-                    }
-                }
-            }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const stepperTheme = theme => ({
+  MuiStepConnector: {
+    styleOverrides: {
+      line: {
+        borderColor: `#E0E8F0`
+      }
+    }
+  },
+  MuiStep: {
+    defaultProps: {
+      completed: false
+    }
+  },
+  MuiStepIcon: {
+    styleOverrides: {
+      root: {
+        borderRadius: `100%`,
+        height: `35px`,
+        width: `35px`,
+        outline: `1px solid ${theme.palette.text.tertiary}`,
+        color: `white`,
+        text: {
+          fill: theme.palette.text.tertiary
+        },
+        '&.Mui-active': {
+          outline: `none`,
+          color: theme.palette.text.tertiary,
+          text: {
+            fill: `white`
+          }
         }
-    },
-    MuiStepLabel: {
-        styleOverrides: {
-            label: {
-                fontWeight: `600`,
-                '&.Mui-active': {
-                    fontWeight: `600`
-                }
-            },
-            iconContainer: {
-                padding: `0 10px 0 0`
-            }
+      }
+    }
+  },
+  MuiStepLabel: {
+    styleOverrides: {
+      label: {
+        fontWeight: `600`,
+        '&.Mui-active': {
+          fontWeight: `600`
         }
+      },
+      iconContainer: {
+        padding: `0 10px 0 0`
+      }
     }
+  }
 });
-export default stepperTheme;
+var _default = stepperTheme;
+exports.default = _default;

package/dist/components/Tabs/Badge.js

@@ -1,11 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Badge, Typography } from '@mui/material';
-function BadgeLabel({ badgeCount, label }) {
-    return (_jsxs(Box, Object.assign({ sx: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: 1.5
-        } }, { children: [_jsx(Typography, Object.assign({ variant: "body2" }, { children: label })), _jsx(Badge, { badgeContent: badgeCount, color: "primary" })] })));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+function BadgeLabel({
+  badgeCount,
+  label
+}) {
+  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: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Badge, {
+      badgeContent: badgeCount,
+      color: "primary"
+    })]
+  });
 }
-export default BadgeLabel;
+var _default = BadgeLabel;
+exports.default = _default;

package/dist/components/Tabs/Tabs.stories.js

@@ -1,37 +1,56 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.OnOffWithCount = exports.OnOffState = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _ = _interopRequireDefault(require("."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components/Tabs',
+  component: _material.Tabs
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Tabs, Box } from '@mui/material';
-import Tab from '.';
-export default {
-    title: 'Components/Tabs',
-    component: Tabs
-};
-export const OnOffState = (_a) => {
-    var args = __rest(_a, []);
-    function a11yProps(index) {
-        return {
-            id: `tab-${index}`
-        };
-    }
-    const [value, setValue] = React.useState(0);
-    const handleChange = (event, newValue) => {
-        setValue(newValue);
+exports.default = _default;
+const OnOffState = ({
+  ...args
+}) => {
+  function a11yProps(index) {
+    return {
+      id: `tab-${index}`
     };
-    return (_jsx(Box, Object.assign({ sx: { borderBottom: 1, borderColor: 'divider' } }, { children: _jsxs(Tabs, Object.assign({ value: value, onChange: handleChange, "aria-label": "basic tabs example" }, { children: [_jsx(Tab, Object.assign({ label: "Item One" }, a11yProps(0), args)), _jsx(Tab, Object.assign({ label: "Item Two" }, a11yProps(1), args))] })) })));
+  }
+  const [value, setValue] = _react.default.useState(0);
+  const handleChange = (event, newValue) => {
+    setValue(newValue);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    sx: {
+      borderBottom: 1,
+      borderColor: 'divider'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Tabs, {
+      value: value,
+      onChange: handleChange,
+      "aria-label": "basic tabs example",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        label: "Item One",
+        ...a11yProps(0),
+        ...args
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        label: "Item Two",
+        ...a11yProps(1),
+        ...args
+      })]
+    })
+  });
 };
-export const OnOffWithCount = OnOffState.bind({});
+exports.OnOffState = OnOffState;
+const OnOffWithCount = OnOffState.bind({});
+exports.OnOffWithCount = OnOffWithCount;
 OnOffWithCount.args = {
-    count: 2,
-    label: 'Item with count'
-};
+  count: 2,
+  label: 'Item with count'
+};

package/dist/components/Tabs/__tests__/Tabs.test.js

@@ -1,15 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { Tabs } from '@mui/material';
-import { screen } from '@testing-library/react';
-import Tab from '../';
+"use strict";
+
+var _helpers = require("../../../utils/tests/helpers");
+var _material = require("@mui/material");
+var _react = require("@testing-library/react");
+var _ = _interopRequireDefault(require("../"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 describe('<Tabs />', () => {
-    it('should render the Tabs component', () => {
-        render(_jsxs(Tabs, Object.assign({ value: 1 }, { children: [_jsx(Tab, { "data-testid": "tab", label: "test", value: 1 }), _jsx(Tab, { "data-testid": "tab", label: "test", value: 2 })] })));
-        expect(screen.getAllByTestId('tab')[0]).toBeInTheDocument();
-    });
-    it('should render the Tabs component with badge', () => {
-        render(_jsxs(Tabs, Object.assign({ value: 1 }, { children: [_jsx(Tab, { "data-testid": "tab", label: "test", count: 2, value: 1 }), _jsx(Tab, { "data-testid": "tab", label: "test", count: 2, value: 2 })] })));
-        expect(screen.getAllByTestId('tab')[0]).toBeInTheDocument();
-    });
-});
+  it('should render the Tabs component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Tabs, {
+      value: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        "data-testid": "tab",
+        label: "test",
+        value: 1
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        "data-testid": "tab",
+        label: "test",
+        value: 2
+      })]
+    }));
+    expect(_react.screen.getAllByTestId('tab')[0]).toBeInTheDocument();
+  });
+  it('should render the Tabs component with badge', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Tabs, {
+      value: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        "data-testid": "tab",
+        label: "test",
+        count: 2,
+        value: 1
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        "data-testid": "tab",
+        label: "test",
+        count: 2,
+        value: 2
+      })]
+    }));
+    expect(_react.screen.getAllByTestId('tab')[0]).toBeInTheDocument();
+  });
+});

package/dist/components/Tabs/index.js

@@ -1,24 +1,33 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tab from '@mui/material/Tab';
-import BadgeLabel from './Badge';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+var _Badge = _interopRequireDefault(require("./Badge"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * - This is a wrapper around the Tab component
  * - It adds a badge to the tab if the count is greater than 0
  * - It also adds a11y props to the tab
  **/
-const BasicTabs = (_a) => {
-    var { count = 0, value, label } = _a, props = __rest(_a, ["count", "value", "label"]);
-    return (_jsx(Tab, Object.assign({}, props, { value: value, label: _jsx(BadgeLabel, { badgeCount: count, label: label }), disableRipple: true })));
+const BasicTabs = ({
+  count = 0,
+  value,
+  label,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
+    ...props,
+    value: value,
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+      badgeCount: count,
+      label: label
+    }),
+    disableRipple: true
+  });
 };
-export default BasicTabs;
+var _default = BasicTabs;
+exports.default = _default;

package/dist/components/Tabs/tabs.theme.js

@@ -1,28 +1,35 @@
-const tabsTheme = (theme) => ({
-    styleOverrides: {
-        root: () => ({
-            '& .MuiTabs-indicator': {
-                backgroundColor: theme.palette.text.primary
-            },
-            '.css-1v8tsix-MuiButtonBase-root-MuiTab-root.Mui-selected': {
-                color: theme.palette.text.primary
-            },
-            '.css-1v8tsix-MuiButtonBase-root-MuiTab-root': {
-                color: theme.palette.text.secondary,
-                '&:hover': {
-                    color: theme.palette.text.primary
-                }
-            },
-            '& .MuiBadge-badge': {
-                backgroundColor: theme.palette.misc.rowOnHoverGreyTwo,
-                color: theme.palette.text.primary,
-                fontSize: '10px',
-                padding: '0 4px',
-                height: '18px',
-                minWidth: '18px',
-                borderRadius: '9px'
-            }
-        })
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export default tabsTheme;
+exports.default = void 0;
+const tabsTheme = theme => ({
+  styleOverrides: {
+    root: () => ({
+      '& .MuiTabs-indicator': {
+        backgroundColor: theme.palette.text.primary
+      },
+      '.css-1v8tsix-MuiButtonBase-root-MuiTab-root.Mui-selected': {
+        color: theme.palette.text.primary
+      },
+      '.css-1v8tsix-MuiButtonBase-root-MuiTab-root': {
+        color: theme.palette.text.secondary,
+        '&:hover': {
+          color: theme.palette.text.primary
+        }
+      },
+      '& .MuiBadge-badge': {
+        backgroundColor: theme.palette.misc.rowOnHoverGreyTwo,
+        color: theme.palette.text.primary,
+        fontSize: '10px',
+        padding: '0 4px',
+        height: '18px',
+        minWidth: '18px',
+        borderRadius: '9px'
+      }
+    })
+  }
+});
+var _default = tabsTheme;
+exports.default = _default;

package/dist/components/ThemeProvider/__tests__/Button.test.js

@@ -1,10 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { screen } from '@testing-library/react';
-import ThemeProvider from '..';
+"use strict";
+
+var _helpers = require("../../../utils/tests/helpers");
+var _react = require("@testing-library/react");
+var _ = _interopRequireDefault(require(".."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 describe('<ThemeProvider />', () => {
-    it('should render the ThemeProvider component', () => {
-        render(_jsx(ThemeProvider, { children: "ThemeProvider" }));
-        expect(screen.getByText('ThemeProvider')).toBeInTheDocument();
-    });
-});
+  it('should render the ThemeProvider component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      children: "ThemeProvider"
+    }));
+    expect(_react.screen.getByText('ThemeProvider')).toBeInTheDocument();
+  });
+});

package/dist/components/ThemeProvider/index.js

@@ -1,7 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ThemeProvider as MuiThemeProvider } from '@mui/system';
-import MuiTheme from '../../assets/theme';
-const ThemeProvider = ({ children }) => {
-    return _jsx(MuiThemeProvider, Object.assign({ theme: MuiTheme }, { children: children }));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _system = require("@mui/system");
+var _theme = _interopRequireDefault(require("../../assets/theme"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ThemeProvider = ({
+  children
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.ThemeProvider, {
+    theme: _theme.default,
+    children: children
+  });
 };
-export default ThemeProvider;
+var _default = ThemeProvider;
+exports.default = _default;