@veritone-ce/design-system 1.12.14 → 1.12.16

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

package/dist/components/IconGroups/IconGroups.stories.js

@@ -1,21 +1,20 @@
-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 IconGroups from '.';
-export default {
-    title: 'Components/IconGroups',
-    component: IconGroups
-};
-export const Default = (_a) => {
-    var args = __rest(_a, []);
-    return _jsx(IconGroups, Object.assign({}, args));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = 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/IconGroups',
+  component: _.default
 };
+exports.default = _default;
+const Default = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+  ...args
+});
+exports.Default = Default;

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

package/dist/components/IconGroups/index.js

@@ -1,18 +1,18 @@
-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 _Groups = _interopRequireDefault(require("@mui/icons-material/Groups"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const IconGroups = ({
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Groups.default, {
+    ...props
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import GroupsIcon from '@mui/icons-material/Groups';
-const IconGroups = (_a) => {
-    var props = __rest(_a, []);
-    return _jsx(GroupsIcon, Object.assign({}, props));
-};
-export default IconGroups;
+var _default = IconGroups;
+exports.default = _default;

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

package/dist/components/IconListItem/index.js

@@ -1,18 +1,20 @@
-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 _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const IconListItem = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+    ...props,
+    children: children
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import ListItemIcon from '@mui/material/ListItemIcon';
-const IconListItem = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return _jsx(ListItemIcon, Object.assign({}, props, { children: children }));
-};
-export default IconListItem;
+var _default = IconListItem;
+exports.default = _default;

package/dist/components/Input/Input.stories.js

@@ -1,53 +1,113 @@
-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 SearchIcon from '@mui/icons-material/Search';
-import Input from '.';
-import { Box, InputAdornment } from '@mui/material';
-export default {
-    title: 'Components/Input',
-    component: Input,
-    argTypes: {
-        label: { control: 'text' },
-        helperText: { control: 'text' },
-        disabled: { control: 'boolean' },
-        error: { control: 'boolean' },
-        InputProps: { control: false },
-        margin: { control: false },
-        focused: { control: false },
-        ref: { control: false },
-        hiddenLabel: { control: false },
-        'data-testid': { control: false }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Search = exports.MultiLine = exports.Error = exports.Disabled = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _ = _interopRequireDefault(require("."));
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components/Input',
+  component: _.default,
+  argTypes: {
+    label: {
+      control: 'text'
+    },
+    helperText: {
+      control: 'text'
+    },
+    disabled: {
+      control: 'boolean'
+    },
+    error: {
+      control: 'boolean'
+    },
+    InputProps: {
+      control: false
+    },
+    margin: {
+      control: false
+    },
+    focused: {
+      control: false
+    },
+    ref: {
+      control: false
+    },
+    hiddenLabel: {
+      control: false
+    },
+    'data-testid': {
+      control: false
     }
+  }
 };
-export const Default = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(Box, { children: _jsx(Input, Object.assign({ value: "Input Text .paragraph1", label: "label.semibold 14/17", helperText: "Helper Text .paragraph3 (Optional)" }, args)) }));
-};
-export const Disabled = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(Box, { children: _jsx(Input, Object.assign({ value: "Input Text .paragraph1", label: "label.semibold 14/17", disabled: true }, args)) }));
-};
-export const Error = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(Box, { children: _jsx(Input, Object.assign({ value: "Input Text .paragraph1", label: "label.semibold 14/17", helperText: "Error Message", error: true }, args)) }));
-};
-export const Search = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(Box, { children: _jsx(Input, Object.assign({ placeholder: "Search", label: "label.semibold 14/17", InputLabelProps: { shrink: true }, InputProps: {
-                startAdornment: (_jsx(InputAdornment, Object.assign({ position: "start" }, { children: _jsx(SearchIcon, {}) })))
-            } }, args)) }));
-};
-export const MultiLine = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(Box, { children: _jsx(Input, Object.assign({ label: "label.semibold 14/17", multiline: true, rows: 4 }, args)) }));
-};
+exports.default = _default;
+const Default = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+    value: "Input Text .paragraph1",
+    label: "label.semibold 14/17",
+    helperText: "Helper Text .paragraph3 (Optional)",
+    ...args
+  })
+});
+exports.Default = Default;
+const Disabled = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+    value: "Input Text .paragraph1",
+    label: "label.semibold 14/17",
+    disabled: true,
+    ...args
+  })
+});
+exports.Disabled = Disabled;
+const Error = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+    value: "Input Text .paragraph1",
+    label: "label.semibold 14/17",
+    helperText: "Error Message",
+    error: true,
+    ...args
+  })
+});
+exports.Error = Error;
+const Search = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+    placeholder: "Search",
+    label: "label.semibold 14/17",
+    InputLabelProps: {
+      shrink: true
+    },
+    InputProps: {
+      startAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+        position: "start",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.default, {})
+      })
+    },
+    ...args
+  })
+});
+exports.Search = Search;
+const MultiLine = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+    label: "label.semibold 14/17",
+    multiline: true,
+    rows: 4,
+    ...args
+  })
+});
+exports.MultiLine = MultiLine;

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

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

package/dist/components/Input/index.js

@@ -1,20 +1,23 @@
-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 _react = _interopRequireDefault(require("react"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Input = ({
+  ...TextFieldProps
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+    InputLabelProps: {
+      shrink: false
+    },
+    "data-testid": "input-component",
+    ...TextFieldProps
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import TextField from '@mui/material/TextField';
-const Input = (_a) => {
-    var TextFieldProps = __rest(_a, []);
-    return (_jsx(TextField, Object.assign({ InputLabelProps: {
-            shrink: false
-        }, "data-testid": "input-component" }, TextFieldProps)));
-};
-export default Input;
+var _default = Input;
+exports.default = _default;

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

@@ -1,98 +1,105 @@
-const inputTheme = (theme) => ({
-    defaultProps: {},
-    styleOverrides: {
-        root: () => ({
-            maxWidth: '300px',
-            display: 'flex',
-            gap: '3px',
-            '& .MuiInputLabel-root': {
-                position: 'initial',
-                transform: 'initial',
-                fontWeight: 600,
-                fontSize: '14px',
-                lineHeight: '20px',
-                color: theme.palette.neutral.main,
-                '&.Mui-focused': {
-                    color: theme.palette.neutral.main
-                }
-            },
-            '& .MuiInputLabel-root.Mui-disabled': {
-                color: theme.palette.neutral.main
-            },
-            '& .MuiInputLabel-root.Mui-error': {
-                color: theme.palette.neutral.main
-            },
-            '& .MuiInputBase-root': {
-                padding: '0px 0px 4px',
-                height: '36px',
-                '& input': {
-                    boxSizing: 'border-box',
-                    height: '100%',
-                    width: '100%',
-                    padding: '8px',
-                    fontFamily: 'Nunito Sans',
-                    fontSize: '14px',
-                    fontWeight: '400',
-                    lineHeight: '20px',
-                    color: theme.palette.text.primary,
-                    border: 'none',
-                    '&:disabled': {
-                        background: theme.palette.action.disabledBackground,
-                        borderColor: '#E0E8F0 !important'
-                    }
-                },
-                '& fieldset': {
-                    border: `1px solid ${theme.palette.neutral.main}`,
-                    borderRadius: '4px',
-                    '&:focus': {
-                        border: `2px solid ${theme.palette.secondary.main}`
-                    },
-                    '&:disabled': {
-                        background: theme.palette.action.disabledBackground,
-                        borderColor: '#E0E8F0 !important'
-                    },
-                    '& legend': {
-                        display: 'none'
-                    }
-                }
-            },
-            '& .MuiInputBase-root.MuiInputBase-multiline': {
-                height: '157px',
-                border: 'none',
-                fontWeight: 400,
-                fontSize: '14px',
-                lineHeight: '20px',
-                '& textarea': {
-                    boxSizing: 'border-box',
-                    height: '100% !important',
-                    width: '100%',
-                    padding: '8px'
-                }
-            },
-            '& .MuiFormHelperText-root': {
-                fontWeight: 400,
-                fontSize: '12px',
-                lineHeight: '18px',
-                margin: 0,
-                color: theme.palette.action.disabled
-            },
-            '& .MuiFormHelperText-root.Mui-error': {
-                color: theme.palette.error.main
-            },
-            '& .Mui-error': {
-                '& input': {
-                    border: 'none',
-                    '&:focus': {
-                        border: 'none'
-                    }
-                }
-            },
-            '& .MuiInputAdornment-root': {
-                padding: '9px 2px 9px 8px',
-                marginRight: '0px',
-                color: theme.palette.text.tertiary
-            }
-        })
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export default inputTheme;
+exports.default = void 0;
+const inputTheme = theme => ({
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      maxWidth: '300px',
+      display: 'flex',
+      gap: '3px',
+      '& .MuiInputLabel-root': {
+        position: 'initial',
+        transform: 'initial',
+        fontWeight: 600,
+        fontSize: '14px',
+        lineHeight: '20px',
+        color: theme.palette.neutral.main,
+        '&.Mui-focused': {
+          color: theme.palette.neutral.main
+        }
+      },
+      '& .MuiInputLabel-root.Mui-disabled': {
+        color: theme.palette.neutral.main
+      },
+      '& .MuiInputLabel-root.Mui-error': {
+        color: theme.palette.neutral.main
+      },
+      '& .MuiInputBase-root': {
+        padding: '0px 0px 4px',
+        height: '36px',
+        '& input': {
+          boxSizing: 'border-box',
+          height: '100%',
+          width: '100%',
+          padding: '8px',
+          fontFamily: 'Nunito Sans',
+          fontSize: '14px',
+          fontWeight: '400',
+          lineHeight: '20px',
+          color: theme.palette.text.primary,
+          border: 'none',
+          '&:disabled': {
+            background: theme.palette.action.disabledBackground,
+            borderColor: '#E0E8F0 !important'
+          }
+        },
+        '& fieldset': {
+          border: `1px solid ${theme.palette.neutral.main}`,
+          borderRadius: '4px',
+          '&:focus': {
+            border: `2px solid ${theme.palette.secondary.main}`
+          },
+          '&:disabled': {
+            background: theme.palette.action.disabledBackground,
+            borderColor: '#E0E8F0 !important'
+          },
+          '& legend': {
+            display: 'none'
+          }
+        }
+      },
+      '& .MuiInputBase-root.MuiInputBase-multiline': {
+        height: '157px',
+        border: 'none',
+        fontWeight: 400,
+        fontSize: '14px',
+        lineHeight: '20px',
+        '& textarea': {
+          boxSizing: 'border-box',
+          height: '100% !important',
+          width: '100%',
+          padding: '8px'
+        }
+      },
+      '& .MuiFormHelperText-root': {
+        fontWeight: 400,
+        fontSize: '12px',
+        lineHeight: '18px',
+        margin: 0,
+        color: theme.palette.action.disabled
+      },
+      '& .MuiFormHelperText-root.Mui-error': {
+        color: theme.palette.error.main
+      },
+      '& .Mui-error': {
+        '& input': {
+          border: 'none',
+          '&:focus': {
+            border: 'none'
+          }
+        }
+      },
+      '& .MuiInputAdornment-root': {
+        padding: '9px 2px 9px 8px',
+        marginRight: '0px',
+        color: theme.palette.text.tertiary
+      }
+    })
+  }
+});
+var _default = inputTheme;
+exports.default = _default;