@veritone-ce/design-system 1.12.14 → 1.12.16

package/dist/components/LinearProgress/LinearProgress.stories.js

@@ -1,29 +1,43 @@
-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 LinearProgress from '.';
-export default {
-    title: 'Components/LinearProgress',
-    component: LinearProgress
-};
-export const Default = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(LinearProgress, Object.assign({ value: 60, itemLoading: 'image-file-name.png', isUploaded: false }, args)));
-};
-export const FullProgress = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(LinearProgress, Object.assign({ value: 100, itemLoading: 'image-file-name.png', isUploaded: true }, args)));
-};
-export const ProgressError = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(LinearProgress, Object.assign({ value: 70, itemLoading: 'image-file-name.png', isError: true, feedbackText: 'Error messaging', isUploaded: false }, args)));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProgressError = exports.FullProgress = exports.Default = void 0;
+var _ = _interopRequireDefault(require("."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components/LinearProgress',
+  component: _.default
 };
+exports.default = _default;
+const Default = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+  value: 60,
+  itemLoading: 'image-file-name.png',
+  isUploaded: false,
+  ...args
+});
+exports.Default = Default;
+const FullProgress = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+  value: 100,
+  itemLoading: 'image-file-name.png',
+  isUploaded: true,
+  ...args
+});
+exports.FullProgress = FullProgress;
+const ProgressError = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+  value: 70,
+  itemLoading: 'image-file-name.png',
+  isError: true,
+  feedbackText: 'Error messaging',
+  isUploaded: false,
+  ...args
+});
+exports.ProgressError = ProgressError;

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

@@ -1,18 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { screen } from '@testing-library/react';
-import LinearProgress 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('<LinearProgress />', () => {
-    it('should render the LinearProgress component', () => {
-        render(_jsx(LinearProgress, { "data-testid": "linear-progress", value: 15, itemLoading: '', isUploaded: false }));
-        expect(screen.getByTestId('linear-progress')).toBeInTheDocument();
-    });
-    it('should render the Linear Progress component with feedback text', () => {
-        render(_jsx(LinearProgress, { "data-testid": "linear-progress", value: 15, itemLoading: '', isError: true, feedbackText: 'Error message', isUploaded: false }));
-        expect(screen.getByText('Error message')).toBeInTheDocument();
-    });
-    it('should render the Linear Progress component with uploadProgress when there is no feedback text', () => {
-        render(_jsx(LinearProgress, { "data-testid": "linear-progress", value: 15, itemLoading: '', isError: true, feedbackText: '', isUploaded: false }));
-        expect(screen.getByText('15%')).toBeInTheDocument();
-    });
-});
+  it('should render the LinearProgress component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "linear-progress",
+      value: 15,
+      itemLoading: '',
+      isUploaded: false
+    }));
+    expect(_react.screen.getByTestId('linear-progress')).toBeInTheDocument();
+  });
+  it('should render the Linear Progress component with feedback text', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "linear-progress",
+      value: 15,
+      itemLoading: '',
+      isError: true,
+      feedbackText: 'Error message',
+      isUploaded: false
+    }));
+    expect(_react.screen.getByText('Error message')).toBeInTheDocument();
+  });
+  it('should render the Linear Progress component with uploadProgress when there is no feedback text', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "linear-progress",
+      value: 15,
+      itemLoading: '',
+      isError: true,
+      feedbackText: '',
+      isUploaded: false
+    }));
+    expect(_react.screen.getByText('15%')).toBeInTheDocument();
+  });
+});

package/dist/components/LinearProgress/index.js

@@ -1,26 +1,76 @@
-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 { LinearProgress as MuiLinearProgress, Typography, Box } 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");
 /**
 - 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
 **/
-const LinearProgress = (_a) => {
-    var { value, itemLoading, isError = false, feedbackText, isUploaded } = _a, props = __rest(_a, ["value", "itemLoading", "isError", "feedbackText", "isUploaded"]);
-    return (_jsxs(Box, Object.assign({ sx: { width: `100%`, margin: `5px 0` } }, { children: [_jsx(Box, Object.assign({ sx: {
-                    display: `flex`,
-                    justifyContent: `space-between`,
-                    marginBottom: `5px`
-                } }, { children: _jsx(Typography, Object.assign({ sx: { fontSize: `14px`, fontWeight: `600` } }, { children: itemLoading })) })), isError ? (_jsx(MuiLinearProgress, Object.assign({ "aria-label": 'linear progress bar', variant: "determinate", value: value, sx: { '& .MuiLinearProgress-bar': { backgroundColor: `#EB0000` } } }, props))) : isUploaded ? (_jsx(MuiLinearProgress, Object.assign({ "aria-label": 'linear progress bar', variant: "determinate", value: value }, props, { sx: { '& .MuiLinearProgress-bar': { backgroundColor: `#28BA3F` } } }))) : (_jsx(MuiLinearProgress, Object.assign({ "aria-label": 'linear progress bar', variant: "determinate", value: value }, props))), _jsx(Typography, Object.assign({ sx: { fontSize: `11px`, marginTop: `10px`, color: `#5C6269` } }, { children: feedbackText ? feedbackText : `${value}%` }))] })));
+
+const LinearProgress = ({
+  value,
+  itemLoading,
+  isError = false,
+  feedbackText,
+  isUploaded,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      width: `100%`,
+      margin: `5px 0`
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      sx: {
+        display: `flex`,
+        justifyContent: `space-between`,
+        marginBottom: `5px`
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        sx: {
+          fontSize: `14px`,
+          fontWeight: `600`
+        },
+        children: itemLoading
+      })
+    }), isError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {
+      "aria-label": 'linear progress bar',
+      variant: "determinate",
+      value: value,
+      sx: {
+        '& .MuiLinearProgress-bar': {
+          backgroundColor: `#EB0000`
+        }
+      },
+      ...props
+    }) : isUploaded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {
+      "aria-label": 'linear progress bar',
+      variant: "determinate",
+      value: value,
+      ...props,
+      sx: {
+        '& .MuiLinearProgress-bar': {
+          backgroundColor: `#28BA3F`
+        }
+      }
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {
+      "aria-label": 'linear progress bar',
+      variant: "determinate",
+      value: value,
+      ...props
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      sx: {
+        fontSize: `11px`,
+        marginTop: `10px`,
+        color: `#5C6269`
+      },
+      children: feedbackText ? feedbackText : `${value}%`
+    })]
+  });
 };
-export default LinearProgress;
+var _default = LinearProgress;
+exports.default = _default;

package/dist/components/LinearProgress/linearProgress.theme.js

@@ -1,13 +1,20 @@
-const linearProgress = (theme) => ({
-    styleOverrides: {
-        root: () => ({
-            borderRadius: `20px`,
-            backgroundColor: `#E0E8F0`,
-            '& .MuiLinearProgress-bar': {
-                backgroundColor: '#335B89',
-                borderRadius: `20px`
-            }
-        })
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export default linearProgress;
+exports.default = void 0;
+const linearProgress = theme => ({
+  styleOverrides: {
+    root: () => ({
+      borderRadius: `20px`,
+      backgroundColor: `#E0E8F0`,
+      '& .MuiLinearProgress-bar': {
+        backgroundColor: '#335B89',
+        borderRadius: `20px`
+      }
+    })
+  }
+});
+var _default = linearProgress;
+exports.default = _default;

package/dist/components/Link/__tests__/Link.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 Link 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('<Link />', () => {
-    it('should render the Link component', () => {
-        render(_jsx(Link, { "data-testid": "link" }));
-        expect(screen.getByTestId('link')).toBeInTheDocument();
-    });
-});
+  it('should render the Link component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "link"
+    }));
+    expect(_react.screen.getByTestId('link')).toBeInTheDocument();
+  });
+});

package/dist/components/Link/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 Link = ({
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
+    ...props
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Link as MuiLink } from '@mui/material';
-const Link = (_a) => {
-    var props = __rest(_a, []);
-    return _jsx(MuiLink, Object.assign({}, props));
-};
-export default Link;
+var _default = Link;
+exports.default = _default;

package/dist/components/List/__tests__/List.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 List 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('<List />', () => {
-    it('should render the List component', () => {
-        render(_jsx(List, { "data-testid": "list" }));
-        expect(screen.getByTestId('list')).toBeInTheDocument();
-    });
-});
+  it('should render the List component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "list"
+    }));
+    expect(_react.screen.getByTestId('list')).toBeInTheDocument();
+  });
+});

package/dist/components/List/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 List = ({
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
+    ...props
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { List as MuiList } from '@mui/material';
-const List = (_a) => {
-    var props = __rest(_a, []);
-    return _jsx(MuiList, Object.assign({}, props));
-};
-export default List;
+var _default = List;
+exports.default = _default;

package/dist/components/ListItem/__tests__/ListItem.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 ListItem 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('<ListItem />', () => {
-    it('should render the ListItem component', () => {
-        render(_jsx(ListItem, { "data-testid": "list-item" }));
-        expect(screen.getByTestId('list-item')).toBeInTheDocument();
-    });
-});
+  it('should render the ListItem component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "list-item"
+    }));
+    expect(_react.screen.getByTestId('list-item')).toBeInTheDocument();
+  });
+});

package/dist/components/ListItem/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 ListItem = ({
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+    ...props
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ListItem as MuiListItem } from '@mui/material';
-const ListItem = (_a) => {
-    var props = __rest(_a, []);
-    return _jsx(MuiListItem, Object.assign({}, props));
-};
-export default ListItem;
+var _default = ListItem;
+exports.default = _default;

package/dist/components/ListItemButton/__tests__/ListItemButton.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 ListItemButton 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('<ListItemButton />', () => {
-    it('should render the ListItemButton component', () => {
-        render(_jsx(ListItemButton, { "data-testid": "list-item-button" }));
-        expect(screen.getByTestId('list-item-button')).toBeInTheDocument();
-    });
-});
+  it('should render the ListItemButton component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "list-item-button"
+    }));
+    expect(_react.screen.getByTestId('list-item-button')).toBeInTheDocument();
+  });
+});

package/dist/components/ListItemButton/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 ListItemButton = ({
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemButton, {
+    ...props
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ListItemButton as MuiListItemButton } from '@mui/material';
-const ListItemButton = (_a) => {
-    var props = __rest(_a, []);
-    return _jsx(MuiListItemButton, Object.assign({}, props));
-};
-export default ListItemButton;
+var _default = ListItemButton;
+exports.default = _default;

package/dist/components/ListItemText/__tests__/ListItemText.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 ListItemText 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('<ListItemText />', () => {
-    it('should render the ListItemText component', () => {
-        render(_jsx(ListItemText, { "data-testid": "list-item-text" }));
-        expect(screen.getByTestId('list-item-text')).toBeInTheDocument();
-    });
-});
+  it('should render the ListItemText component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "list-item-text"
+    }));
+    expect(_react.screen.getByTestId('list-item-text')).toBeInTheDocument();
+  });
+});

package/dist/components/ListItemText/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 ListItemText = ({
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+    ...props
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ListItemText as MuiListItemText } from '@mui/material';
-const ListItemText = (_a) => {
-    var props = __rest(_a, []);
-    return _jsx(MuiListItemText, Object.assign({}, props));
-};
-export default ListItemText;
+var _default = ListItemText;
+exports.default = _default;