@veritone-ce/design-system 1.12.14 → 1.12.16

package/dist/components/RadioButton/RadioButton.stories.js

@@ -1,29 +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 } from "react/jsx-runtime";
-import RadioButton from '.';
-export default {
-    title: 'Components/RadioButton',
-    component: RadioButton
-};
-export const Default = (_a) => {
-    var args = __rest(_a, []);
-    return _jsx(RadioButton, Object.assign({ label: "Label" }, args));
-};
-export const Checked = (_a) => {
-    var args = __rest(_a, []);
-    return _jsx(RadioButton, Object.assign({ label: "Label", checked: true }, args));
-};
-export const Disabled = (_a) => {
-    var args = __rest(_a, []);
-    return _jsx(RadioButton, Object.assign({ label: "Label", disabled: true }, args));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Disabled = exports.Default = exports.Checked = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = _interopRequireDefault(require("."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components/RadioButton',
+  component: _.default
 };
+exports.default = _default;
+const Default = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+  label: "Label",
+  ...args
+});
+exports.Default = Default;
+const Checked = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+  label: "Label",
+  checked: true,
+  ...args
+});
+exports.Checked = Checked;
+const Disabled = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+  label: "Label",
+  disabled: true,
+  ...args
+});
+exports.Disabled = Disabled;

package/dist/components/RadioButton/RadioButton.theme.js

@@ -1,53 +1,60 @@
-const radioButtonTheme = (theme) => ({
-    defaultProps: {
-        disableFocusRipple: true,
-        disableTouchRipple: true,
-        disableRipple: true
-    },
-    styleOverrides: {
-        root: () => ({
-            display: 'flex',
-            width: 'fit-content',
-            height: 'fit-content',
-            padding: '8px',
-            '&:hover': {
-                backgroundColor: 'transparent'
-            },
-            '& .MuiSvgIcon-root': {
-                boxSizing: 'border-box',
-                borderRadius: '50%'
-            },
-            '&.Mui-checked': {
-                '& .MuiSvgIcon-root:nth-of-type(1)': {
-                    border: `1px solid ${theme.palette.button.main}`
-                }
-            },
-            '& .MuiSvgIcon-root:nth-of-type(1)': {
-                boxSizing: 'border-box',
-                fontSize: 18,
-                color: 'transparent',
-                border: `1px solid ${theme.palette.text.secondary}`,
-                transition: 'border-color 0.2s'
-            },
-            '& .MuiSvgIcon-root:nth-of-type(2)': {
-                boxSizing: 'border-box',
-                width: 'auto',
-                height: 'auto',
-                color: 'transparent',
-                background: theme.palette.button.main,
-                margin: '3.37px 3.38px',
-                transition: 'background 0.2s'
-            },
-            '&.Mui-disabled': {
-                '& .MuiSvgIcon-root:nth-of-type(1)': {
-                    border: `1px solid ${theme.palette.text.disabled}`
-                },
-                '& .MuiSvgIcon-root:nth-of-type(2)': {
-                    transform: 'scale(1)',
-                    background: theme.palette.text.disabled
-                }
-            }
-        })
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export default radioButtonTheme;
+exports.default = void 0;
+const radioButtonTheme = theme => ({
+  defaultProps: {
+    disableFocusRipple: true,
+    disableTouchRipple: true,
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: () => ({
+      display: 'flex',
+      width: 'fit-content',
+      height: 'fit-content',
+      padding: '8px',
+      '&:hover': {
+        backgroundColor: 'transparent'
+      },
+      '& .MuiSvgIcon-root': {
+        boxSizing: 'border-box',
+        borderRadius: '50%'
+      },
+      '&.Mui-checked': {
+        '& .MuiSvgIcon-root:nth-of-type(1)': {
+          border: `1px solid ${theme.palette.button.main}`
+        }
+      },
+      '& .MuiSvgIcon-root:nth-of-type(1)': {
+        boxSizing: 'border-box',
+        fontSize: 18,
+        color: 'transparent',
+        border: `1px solid ${theme.palette.text.secondary}`,
+        transition: 'border-color 0.2s'
+      },
+      '& .MuiSvgIcon-root:nth-of-type(2)': {
+        boxSizing: 'border-box',
+        width: 'auto',
+        height: 'auto',
+        color: 'transparent',
+        background: theme.palette.button.main,
+        margin: '3.37px 3.38px',
+        transition: 'background 0.2s'
+      },
+      '&.Mui-disabled': {
+        '& .MuiSvgIcon-root:nth-of-type(1)': {
+          border: `1px solid ${theme.palette.text.disabled}`
+        },
+        '& .MuiSvgIcon-root:nth-of-type(2)': {
+          transform: 'scale(1)',
+          background: theme.palette.text.disabled
+        }
+      }
+    })
+  }
+});
+var _default = radioButtonTheme;
+exports.default = _default;

package/dist/components/RadioButton/__tests__/RadioButton.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 RadioButton 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('<RadioButton />', () => {
-    it('should render the RadioButton component', () => {
-        render(_jsx(RadioButton, {}));
-        expect(screen.getByTestId('radio-button')).toBeInTheDocument();
-    });
-});
+  it('should render the RadioButton component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}));
+    expect(_react2.screen.getByTestId('radio-button')).toBeInTheDocument();
+  });
+});

package/dist/components/RadioButton/index.js

@@ -1,30 +1,39 @@
-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]];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
+const RadioButton = ({
+  label,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+    label: label,
+    sx: {
+      margin: 0,
+      height: '36px',
+      color: theme => theme.palette.text.secondary,
+      '& .MuiTypography-root': {
+        lineHeight: '24px'
+      },
+      '&.Mui-disabled': {
+        '& .MuiTypography-root': {
+          color: theme => theme.palette.text.disabled
         }
-    return t;
+      }
+    },
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, {
+      "data-testid": "radio-button",
+      ...props
+    })
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormControlLabel, Radio } from '@mui/material';
-const RadioButton = (_a) => {
-    var { label } = _a, props = __rest(_a, ["label"]);
-    return (_jsx(FormControlLabel, { label: label, sx: {
-            margin: 0,
-            height: '36px',
-            color: (theme) => theme.palette.text.secondary,
-            '& .MuiTypography-root': {
-                lineHeight: '24px'
-            },
-            '&.Mui-disabled': {
-                '& .MuiTypography-root': {
-                    color: (theme) => theme.palette.text.disabled
-                }
-            }
-        }, control: _jsx(Radio, Object.assign({ "data-testid": "radio-button" }, props)) }));
-};
-export default RadioButton;
+var _default = RadioButton;
+exports.default = _default;

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

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

package/dist/components/Select/Select.stories.js

@@ -1,37 +1,86 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Box } from '@mui/material';
-import Select from '.';
-export default {
-    title: 'Components/Select',
-    component: Select
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MultiLine = exports.Default = 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/Select',
+  component: _.default
 };
-const Template = (args) => (_jsx(Box, Object.assign({ sx: {
-        display: `grid`,
-        gridTemplateColumns: `repeat(2, 300px)`,
-        gap: 2
-    } }, { children: _jsxs(React.Fragment, { children: [_jsx(Select, Object.assign({}, args)), _jsx(Select, Object.assign({}, args, { helperText: "Helper Text" })), _jsx(Select, Object.assign({}, args, { disabled: true })), _jsx(Select, Object.assign({}, args, { disabled: true, helperText: "Helper Text" })), _jsx(Select, Object.assign({}, args, { error: true, errorMessage: "Error Message" })), _jsx(Select, Object.assign({}, args, { error: true, errorMessage: "Error Message", helperText: "Helper Text" }))] }) })));
-export const Default = Template.bind({});
+exports.default = _default;
+const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  sx: {
+    display: `grid`,
+    gridTemplateColumns: `repeat(2, 300px)`,
+    gap: 2
+  },
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      ...args
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      ...args,
+      helperText: "Helper Text"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      ...args,
+      disabled: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      ...args,
+      disabled: true,
+      helperText: "Helper Text"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      ...args,
+      error: true,
+      errorMessage: "Error Message"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      ...args,
+      error: true,
+      errorMessage: "Error Message",
+      helperText: "Helper Text"
+    })]
+  })
+});
+const Default = Template.bind({});
+exports.Default = Default;
 Default.args = {
-    label: 'Label',
-    value: '',
-    items: [
-        { name: 'One', value: 1 },
-        { name: 'Two', value: 2 },
-        { name: 'Three', value: 3 }
-    ],
-    fullWidth: true,
-    displayEmpty: true
+  label: 'Label',
+  value: '',
+  items: [{
+    name: 'One',
+    value: 1
+  }, {
+    name: 'Two',
+    value: 2
+  }, {
+    name: 'Three',
+    value: 3
+  }],
+  fullWidth: true,
+  displayEmpty: true
 };
-export const MultiLine = Template.bind({});
+const MultiLine = Template.bind({});
+exports.MultiLine = MultiLine;
 MultiLine.args = {
-    label: 'Label',
-    value: '',
-    items: [
-        { name: 'UA-12234566', value: 4, title: 'Google Analytics' },
-        { name: 'UA-12234567', value: 4, title: 'Source' },
-        { name: 'UA-12234568', value: 4, title: 'Source' }
-    ],
-    fullWidth: true,
-    displayEmpty: true
-};
+  label: 'Label',
+  value: '',
+  items: [{
+    name: 'UA-12234566',
+    value: 4,
+    title: 'Google Analytics'
+  }, {
+    name: 'UA-12234567',
+    value: 4,
+    title: 'Source'
+  }, {
+    name: 'UA-12234568',
+    value: 4,
+    title: 'Source'
+  }],
+  fullWidth: true,
+  displayEmpty: true
+};

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

@@ -1,19 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { screen } from '@testing-library/react';
-import Select from '..';
-const items = [
-    { name: 'One', value: 1 },
-    { name: 'Two', value: 2 },
-    { name: 'Three', value: 3 }
-];
+"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 }; }
+const items = [{
+  name: 'One',
+  value: 1
+}, {
+  name: 'Two',
+  value: 2
+}, {
+  name: 'Three',
+  value: 3
+}];
 describe('<Select />', () => {
-    it('should render the Select component', () => {
-        render(_jsx(Select, { "data-testid": "select", label: 'Select', value: '', items: items }));
-        expect(screen.getByTestId('select')).toBeInTheDocument();
-    });
-    it('should render Select component with all properties', () => {
-        render(_jsx(Select, { "data-testid": "select", label: 'Select', value: '', helperText: "Helper Text", error: true, errorMessage: "Error Message", items: items }));
-        expect(screen.getByTestId('select')).toBeInTheDocument();
-    });
-});
+  it('should render the Select component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "select",
+      label: 'Select',
+      value: '',
+      items: items
+    }));
+    expect(_react.screen.getByTestId('select')).toBeInTheDocument();
+  });
+  it('should render Select component with all properties', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "select",
+      label: 'Select',
+      value: '',
+      helperText: "Helper Text",
+      error: true,
+      errorMessage: "Error Message",
+      items: items
+    }));
+    expect(_react.screen.getByTestId('select')).toBeInTheDocument();
+  });
+});