@veritone-ce/design-system 1.12.22 → 1.12.23

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

@@ -1,15 +0,0 @@
-"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', () => {
-    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      "data-testid": "stepper"
-    }));
-    expect(_react.screen.getByTestId('stepper')).toBeInTheDocument();
-  });
-});

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

@@ -1,6 +0,0 @@
-import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
-import BasicTabs from '.';
-declare const _default: ComponentMeta<({ tabs, ...props }: import(".").BasicTabsProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const OnOffState: ComponentStory<typeof BasicTabs> | Story;
-export declare const OnOffWithCount: Story<import("@storybook/react").Args> | ComponentStory<({ tabs, ...props }: import(".").BasicTabsProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -1,56 +0,0 @@
-"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: _.default
-};
-exports.default = _default;
-const tabs = [{
-  label: 'Item One',
-  'data-testid': 'tab-0'
-}, {
-  label: 'Item Two',
-  'data-testid': 'tab-1'
-}, {
-  label: 'Item Three',
-  'data-testid': 'tab-3'
-}];
-const OnOffState = () => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-    sx: {
-      borderBottom: 1,
-      borderColor: 'divider'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      tabs: tabs,
-      "aria-label": "basic tabs example"
-    })
-  });
-};
-exports.OnOffState = OnOffState;
-const OnOffWithCount = OnOffState.bind({});
-exports.OnOffWithCount = OnOffWithCount;
-OnOffWithCount.args = {
-  tabs: [{
-    label: 'Item One',
-    'data-testid': 'tab-0',
-    count: 1
-  }, {
-    label: 'Item Two',
-    'data-testid': 'tab-1',
-    count: 2
-  }, {
-    label: 'Item Three',
-    'data-testid': 'tab-3',
-    count: 3
-  }]
-};

package/dist/components/Tabs/__tests__/Tabs.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

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

@@ -1,53 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var _Tabs = _interopRequireDefault(require("../../Tabs"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('BasicTabs component', () => {
-  const tabs = [{
-    label: 'Tab 1',
-    count: 5,
-    content: 'Content 1'
-  }, {
-    label: 'Tab 2',
-    count: 10,
-    content: 'Content 2'
-  }, {
-    label: 'Tab 3',
-    content: 'Content 3'
-  }];
-  it('should render the correct number of tabs', () => {
-    const {
-      getAllByRole
-    } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
-      tabs: tabs
-    }));
-    const tabElements = getAllByRole('tab');
-    expect(tabElements).toHaveLength(tabs.length);
-  });
-  it('should display correct labels and optionally counts', () => {
-    const {
-      getByText
-    } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
-      tabs: tabs
-    }));
-    tabs.forEach(tab => {
-      expect(getByText(tab.label)).toBeInTheDocument();
-      if (tab.count !== undefined) {
-        expect(getByText(tab.count.toString())).toBeInTheDocument();
-      }
-    });
-  });
-  it('should set the correct tab as active when clicked', () => {
-    const {
-      getAllByRole
-    } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
-      tabs: tabs
-    }));
-    const tabElements = getAllByRole('tab');
-    _react.fireEvent.click(tabElements[1]);
-    expect(tabElements[1]).toHaveClass('Mui-selected');
-  });
-});

package/dist/components/ThemeProvider/__tests__/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,15 +0,0 @@
-"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', () => {
-    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      children: "ThemeProvider"
-    }));
-    expect(_react.screen.getByText('ThemeProvider')).toBeInTheDocument();
-  });
-});

package/dist/components/Toast/Toast.stories.d.ts

@@ -1,14 +0,0 @@
-import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
-import Toast from '.';
-declare const _default: ComponentMeta<({ severity, messageLabel, messageText, linkText, handleClose, open, ...props }: {
-    'data-testid'?: string | undefined;
-    messageLabel?: string | undefined;
-    messageText?: string | undefined;
-    linkText?: string | undefined;
-    handleClose?: (() => void) | undefined;
-    open?: boolean | undefined;
-} & import("@mui/material").SnackbarProps & import("@mui/material").AlertProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const DefaultAutoHide: ComponentStory<typeof Toast> | Story;
-export declare const onClose: ComponentStory<typeof Toast> | Story;
-export declare const onCloseWithLink: ComponentStory<typeof Toast> | Story;

package/dist/components/Toast/Toast.stories.js

@@ -1,108 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.onCloseWithLink = exports.onClose = exports.default = exports.DefaultAutoHide = 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/Toast',
-  component: _.default,
-  argTypes: {
-    severity: {
-      options: ['success', 'info', 'warning', 'error'],
-      control: {
-        type: 'radio'
-      }
-    }
-  }
-};
-exports.default = _default;
-const handleClose = () => {
-  /**
-   * - This is a dummy function to demonstrate passing in a handleClose prop
-   * - It adds a close button
-   **/
-};
-const DefaultAutoHide = ({
-  ...args
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
-  spacing: 2,
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    severity: "success",
-    ...args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    severity: "info",
-    ...args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    severity: "warning",
-    ...args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    severity: "error",
-    ...args
-  })]
-});
-exports.DefaultAutoHide = DefaultAutoHide;
-const onClose = ({
-  ...args
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
-    spacing: 2,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      severity: "success",
-      autoHideDuration: 15000,
-      handleClose: handleClose,
-      ...args
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      severity: "info",
-      autoHideDuration: 15000,
-      handleClose: handleClose,
-      ...args
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      severity: "warning",
-      autoHideDuration: 15000,
-      handleClose: handleClose,
-      ...args
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      severity: "error",
-      autoHideDuration: 15000,
-      handleClose: handleClose,
-      ...args
-    })]
-  });
-};
-exports.onClose = onClose;
-const onCloseWithLink = ({
-  ...args
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
-  spacing: 2,
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    severity: "success",
-    linkText: "See Action Result",
-    autoHideDuration: 15000,
-    handleClose: handleClose,
-    ...args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    severity: "info",
-    linkText: "Link",
-    autoHideDuration: 15000,
-    handleClose: handleClose,
-    ...args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    severity: "warning",
-    linkText: "Action Link",
-    autoHideDuration: 15000,
-    handleClose: handleClose,
-    ...args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    severity: "error",
-    linkText: "Correction Link",
-    autoHideDuration: 15000,
-    handleClose: handleClose,
-    ...args
-  })]
-});
-exports.onCloseWithLink = onCloseWithLink;

package/dist/components/Toast/__tests__/Toast.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,48 +0,0 @@
-"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('<Toast />', () => {
-  it('should render the Success Toast component', () => {
-    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      "data-testid": "success",
-      severity: "success"
-    }));
-    expect(_react.screen.getByText('Success:')).toBeInTheDocument();
-    expect(_react.screen.getByText('Your action was completed.')).toBeInTheDocument();
-  });
-  it('should render the Info Toast component', () => {
-    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      "data-testid": "info",
-      severity: "info"
-    }));
-    expect(_react.screen.getByText('Info:')).toBeInTheDocument();
-    expect(_react.screen.getByText('General information.')).toBeInTheDocument();
-  });
-  it('should render the Warning Toast component', () => {
-    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      "data-testid": "warning",
-      severity: "warning"
-    }));
-    expect(_react.screen.getByText('Alert:')).toBeInTheDocument();
-    expect(_react.screen.getByText('Your action is required.')).toBeInTheDocument();
-  });
-  it('should render the Error Toast component', () => {
-    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      "data-testid": "error",
-      severity: "error"
-    }));
-    expect(_react.screen.getByText('Error:')).toBeInTheDocument();
-    expect(_react.screen.getByText('An error has occured.')).toBeInTheDocument();
-  });
-  it('should render linkText in Toast component when provided', () => {
-    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      "data-testid": "link",
-      linkText: "Click link for more information"
-    }));
-    expect(_react.screen.getByText('Click link for more information')).toBeInTheDocument();
-  });
-});

package/dist/components/Typography/Typography.stories.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
-import Typography from '.';
-declare const _default: ComponentMeta<({ ...props }: {
-    'data-testid'?: string | undefined;
-} & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | undefined;
-    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2", string>> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | ("color" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<typeof Typography> | Story;

package/dist/components/Typography/Typography.stories.js

@@ -1,21 +0,0 @@
-"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/Typography',
-  component: _.default
-};
-exports.default = _default;
-const Default = ({
-  ...args
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-  ...args,
-  children: "Typography"
-});
-exports.Default = Default;

package/dist/components/Typography/__tests__/Typography.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,16 +0,0 @@
-"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('<Typography />', () => {
-  it('should render the Typography component', () => {
-    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      "data-testid": "typography",
-      children: "Typography"
-    }));
-    expect(_react.screen.getByTestId('typography')).toBeInTheDocument();
-  });
-});

package/dist/components/UtilityRail/UtilityRail.stories.d.ts

@@ -1,8 +0,0 @@
-import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
-import UtilityRail from '.';
-declare const _default: ComponentMeta<({ items, ...props }: {
-    items: import(".").Item[];
-    'data-testid'?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<typeof UtilityRail> | Story;

package/dist/components/UtilityRail/UtilityRail.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _mock = require("./mock");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  title: 'Components/UtilityRail',
-  component: _.default
-};
-exports.default = _default;
-const Default = ({
-  ...args
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-  items: _mock.mock,
-  ...args
-});
-exports.Default = Default;

package/dist/components/UtilityRail/__tests__/UtilityRail.test.d.ts

@@ -1 +0,0 @@
-export {};

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

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

package/dist/modules.d.js

@@ -1 +0,0 @@
-"use strict";

package/dist/setupTests.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/setupTests.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("@testing-library/jest-dom");

package/dist/utils/tests/helpers.d.ts

@@ -1,6 +0,0 @@
-import { RenderOptions } from '@testing-library/react';
-import { ReactElement } from 'react';
-export type CustomRenderProps = Omit<RenderOptions, 'queries'>;
-declare const customRender: (ui: ReactElement, { ...renderOptions }?: CustomRenderProps) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
-export * from '@testing-library/react';
-export { customRender as render };

package/dist/utils/tests/helpers.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  render: true
-};
-exports.render = void 0;
-var _material = require("@mui/material");
-var _react = require("@testing-library/react");
-Object.keys(_react).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _react[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _react[key];
-    }
-  });
-});
-var _theme = _interopRequireDefault(require("../../assets/theme"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const customRender = (ui, {
-  ...renderOptions
-} = {}) => (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ThemeProvider, {
-  theme: _theme.default,
-  children: ui
-}), renderOptions);
-exports.render = customRender;