@veritone-ce/design-system 1.12.14 → 1.12.16

package/dist/components/Select/select.theme.d.ts

@@ -1,53 +0,0 @@
-import { Theme } from '../../assets/theme';
-declare const selectTheme: (theme: Theme) => {
-    defaultProps: {
-        fullWidth: boolean;
-        displayEmpty: boolean;
-    };
-    styleOverrides: {
-        root: () => {
-            '&.MuiOutlinedInput-root': {
-                '& .MuiSelect-outlined': {
-                    border: string;
-                };
-                '&.Mui-focused': {
-                    '& .MuiOutlinedInput-notchedOutline': {
-                        borderColor: string;
-                    };
-                };
-                '&.Mui-error': {
-                    '& .MuiSelect-outlined': {
-                        color: string;
-                        border: string;
-                        fontSize: string;
-                        lineHeight: string;
-                    };
-                    '& .MuiOutlinedInput-notchedOutline': {
-                        borderColor: string;
-                    };
-                    '& .MuiSelect-iconOutlined': {
-                        color: string;
-                    };
-                };
-                '&.Mui-disabled': {
-                    '& .MuiSelect-iconOutlined': {
-                        color: string;
-                    };
-                    '& .MuiSelect-outlined': {
-                        background: string;
-                        borderColor: string;
-                        color: string;
-                        WebkitTextFillColor: string;
-                    };
-                    '& .MuiOutlinedInput-notchedOutline': {
-                        border: string;
-                    };
-                };
-                '& .MuiSelect-iconOutlined': {
-                    color: string;
-                };
-            };
-        };
-    };
-};
-export default selectTheme;

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

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ label, ...props }: {
-    'data-testid'?: string | undefined;
-    status: "error" | "complete" | "processing" | "custom";
-    label?: string | undefined;
-    coloroverride?: string | undefined;
-} & {
-    avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    children?: null | undefined;
-    classes?: Partial<import("@mui/material").ChipClasses> | undefined;
-    clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
-    deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    disabled?: boolean | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    label?: import("react").ReactNode;
-    onDelete?: ((event: any) => void) | undefined;
-    size?: "small" | "medium" | undefined;
-    skipFocusWhenDisabled?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    variant?: "outlined" | "filled" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "color" | "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "children" | "disabled" | "sx" | "size" | "variant" | "clickable" | "avatar" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const Options: ComponentStory<({ label, ...props }: {
-    'data-testid'?: string | undefined;
-    status: "error" | "complete" | "processing" | "custom";
-    label?: string | undefined;
-    coloroverride?: string | undefined;
-} & {
-    avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    children?: null | undefined;
-    classes?: Partial<import("@mui/material").ChipClasses> | undefined;
-    clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
-    deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    disabled?: boolean | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    label?: import("react").ReactNode;
-    onDelete?: ((event: any) => void) | undefined;
-    size?: "small" | "medium" | undefined;
-    skipFocusWhenDisabled?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    variant?: "outlined" | "filled" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "color" | "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "children" | "disabled" | "sx" | "size" | "variant" | "clickable" | "avatar" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">) => import("react/jsx-runtime").JSX.Element>;

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

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

package/dist/components/StatusChip/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const COMPLETE = "complete";
-export declare const PROCESSING = "processing";
-export declare const ERROR = "error";

package/dist/components/StatusChip/index.d.ts

@@ -1,28 +0,0 @@
-import { ChipProps as MuiChipProps } from '@mui/material';
-type StatusChipProps = {
-    'data-testid'?: string;
-    /**
-      Determines stock color. Used as label if no label prop is provided.
-    **/
-    status: 'complete' | 'processing' | 'error' | 'custom';
-    /**
-      If no label prop provided, status prop is used as chip label.
-    **/
-    label?: string;
-    /**
-      To override the StatusChip stock colors, use `coloroverride` prop. The `coloroverride` prop should be a HEX Value.
-    **/
-    coloroverride?: string;
-} & MuiChipProps;
-/**
-- Use a StatusChip to display the status of some action to the user.
-- Veritone stock options derive from the required `status` prop and include Complete, Processing, or Error. Their corresponding colors derive from Veritone's Design System guidelines.
-- To override Stock Option labels, but retain corresponding chip color, use the `label` prop.
-- To override Stock Option colors, but retain corresponding label, either use the `color` prop (for MUI stock color options) **OR** use the `coloroverride` prop (for full color customization).
-- To fully customize StatusChip:
-    - Set `status` prop to "custom";
-    - Pass your custom string to `label` prop;
-    - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop.
-**/
-declare const StatusChip: ({ label, ...props }: StatusChipProps) => import("react/jsx-runtime").JSX.Element;
-export default StatusChip;

package/dist/components/StatusChip/statusChip.theme.d.ts

@@ -1,4 +0,0 @@
-import { Theme } from '../../assets/theme';
-import { Components } from '@mui/material';
-declare const statusChipTheme: (theme: Theme) => Components['MuiChip'];
-export default statusChipTheme;

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

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

package/dist/components/Step/index.d.ts

@@ -1,6 +0,0 @@
-import { StepProps as MuiStepProps } from '@mui/material';
-type StepProps = {
-    'data-testid'?: string;
-} & MuiStepProps;
-declare const Step: ({ ...props }: StepProps) => import("react/jsx-runtime").JSX.Element;
-export default Step;

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

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

package/dist/components/StepLabel/index.d.ts

@@ -1,6 +0,0 @@
-import { StepLabelProps as MuiStepLabelProps } from '@mui/material';
-type StepLabelProps = {
-    'data-testid'?: string;
-} & MuiStepLabelProps;
-declare const StepLabel: ({ ...props }: StepLabelProps) => import("react/jsx-runtime").JSX.Element;
-export default StepLabel;

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

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
-import Stepper from '.';
-declare const _default: ComponentMeta<(props: {
-    'data-testid'?: string | undefined;
-} & {
-    component?: import("react").ElementType<any> | undefined;
-} & Pick<import("@mui/material").PaperProps<"div", {}>, "variant" | "square" | "elevation"> & {
-    activeStep?: number | undefined;
-    alternativeLabel?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").StepperClasses> | undefined;
-    connector?: import("react").ReactElement<any, any> | null | undefined;
-    nonLinear?: boolean | undefined;
-    orientation?: import("@mui/material").Orientation | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "square" | "elevation" | "orientation" | "component" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear">) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<typeof Stepper> | Story;

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

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

package/dist/components/Stepper/index.d.ts

@@ -1,13 +0,0 @@
-import { StepperProps as MuiStepperProps } from '@mui/material';
-type StepperProps = {
-    'data-testid'?: string;
-} & MuiStepperProps;
-/**
-  The Stepper is used for highlighting where a user is in a progression of steps.
-  For additional information see:
-    https://mui.com/material-ui/react-stepper/ ,
-    https://mui.com/material-ui/api/step/ ,
-    https://mui.com/material-ui/api/step-label/ .
-**/
-declare const Stepper: (props: StepperProps) => import("react/jsx-runtime").JSX.Element;
-export default Stepper;

package/dist/components/Stepper/stepper.theme.d.ts

@@ -1,50 +0,0 @@
-import { Theme } from '../../assets/theme';
-declare const stepperTheme: (theme: Theme) => {
-    MuiStepConnector: {
-        styleOverrides: {
-            line: {
-                borderColor: string;
-            };
-        };
-    };
-    MuiStep: {
-        defaultProps: {
-            completed: boolean;
-        };
-    };
-    MuiStepIcon: {
-        styleOverrides: {
-            root: {
-                borderRadius: string;
-                height: string;
-                width: string;
-                outline: string;
-                color: string;
-                text: {
-                    fill: string;
-                };
-                '&.Mui-active': {
-                    outline: string;
-                    color: string;
-                    text: {
-                        fill: string;
-                    };
-                };
-            };
-        };
-    };
-    MuiStepLabel: {
-        styleOverrides: {
-            label: {
-                fontWeight: string;
-                '&.Mui-active': {
-                    fontWeight: string;
-                };
-            };
-            iconContainer: {
-                padding: string;
-            };
-        };
-    };
-};
-export default stepperTheme;

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

@@ -1,7 +0,0 @@
-import { BadgeProps } from '@mui/material';
-export type BadgeLabelProps = {
-    badgeCount: number;
-    label: string;
-} & BadgeProps;
-declare function BadgeLabel({ badgeCount, label }: BadgeLabelProps): import("react/jsx-runtime").JSX.Element;
-export default BadgeLabel;

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

@@ -1,6 +0,0 @@
-import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
-import { Tabs } from '@mui/material';
-declare const _default: ComponentMeta<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TabsTypeMap<{}, import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>>>>;
-export default _default;
-export declare const OnOffState: ComponentStory<typeof Tabs> | Story;
-export declare const OnOffWithCount: Story<import("@storybook/react").Args> | ComponentStory<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TabsTypeMap<{}, import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>>>>;

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

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

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

@@ -1,14 +0,0 @@
-import { TabProps } from '@mui/material';
-export type SingleTabProps = {
-    'data-testid'?: string;
-    label: string;
-    count?: number;
-    value?: number;
-} & TabProps;
-/**
- * - 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
- **/
-declare const BasicTabs: ({ count, value, label, ...props }: SingleTabProps) => import("react/jsx-runtime").JSX.Element;
-export default BasicTabs;

package/dist/components/Tabs/tabs.theme.d.ts

@@ -1,4 +0,0 @@
-import { Components } from '@mui/material';
-import { Theme } from '../../assets/theme';
-declare const tabsTheme: (theme: Theme) => Components['MuiTabs'];
-export default tabsTheme;

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

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

package/dist/components/ThemeProvider/index.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProviderProps } from '@mui/system';
-declare const ThemeProvider: ({ children }: Omit<ThemeProviderProps, 'theme'>) => import("react/jsx-runtime").JSX.Element;
-export default ThemeProvider;

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/__tests__/Toast.test.d.ts

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

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

@@ -1,23 +0,0 @@
-import { SnackbarProps, AlertProps } from '@mui/material';
-type ToastProps = {
-    'data-testid'?: string;
-    messageLabel?: string;
-    messageText?: string;
-    /**
-     * - Use can pass messageLabel or messageText
-     * - If these props are not passed in, the default label and text will be set based on severity
-     **/
-    linkText?: string;
-    /**
-     * - User can add linkText if they want to provide users a link with information related to the toast
-     **/
-    handleClose?: () => void;
-    /**
-     * - handleClose is an optional function a user can pass
-     * - if user does not pass this function, the autoHideDuration will control when the toast disappears
-     * -
-     **/
-    open?: boolean;
-} & SnackbarProps & AlertProps;
-declare const Toast: ({ severity, messageLabel, messageText, linkText, handleClose, open, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
-export default Toast;

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/__tests__/Typography.test.d.ts

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

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

@@ -1,6 +0,0 @@
-import { TypographyProps as MuiTypographyProps } from '@mui/material';
-type TypographyProps = {
-    'data-testid'?: string;
-} & MuiTypographyProps;
-declare const Typography: ({ ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
-export default Typography;

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/__tests__/UtilityRail.test.d.ts

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

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

@@ -1,11 +0,0 @@
-export type Item = {
-    title: string;
-    subtitle: string;
-    description: string;
-};
-type UtilityRailProps = {
-    items: Item[];
-    'data-testid'?: string;
-};
-declare const UtilityRail: ({ items, ...props }: UtilityRailProps) => import("react/jsx-runtime").JSX.Element;
-export default UtilityRail;

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

@@ -1,2 +0,0 @@
-import { Item } from '.';
-export declare const mock: Item[];

package/dist/index.d.ts

@@ -1,31 +0,0 @@
-export { default as Button } from './components/Button';
-export { default as Checkbox } from './components/Checkbox';
-export { default as FileUploader } from './components/FileUploader';
-export { default as Input } from './components/Input';
-export { default as Panel } from './components/Panel';
-export { default as ProgressIndicator } from './components/ProgressIndicator';
-export { default as RadioButton } from './components/RadioButton';
-export { default as Select } from './components/Select';
-export { default as Tabs } from './components/Tabs';
-export { default as Stepper } from './components/Stepper';
-export { default as ThemeProvider } from './components/ThemeProvider';
-export { default as Typography } from './components/Typography';
-export { default as Box } from './components/Box';
-export { default as Drawer } from './components/Drawer';
-export { default as FormControlLabel } from './components/FormControlLabel';
-export { default as IconGroups } from './components/IconGroups';
-export { default as HomeOutlinedIcon } from './components/HomeOutlinedIcon';
-export { default as Link } from './components/Link';
-export { default as List } from './components/List';
-export { default as ListItem } from './components/ListItem';
-export { default as ListItemButton } from './components/ListItemButton';
-export { default as IconListItem } from './components/IconListItem';
-export { default as ListItemText } from './components/ListItemText';
-export { default as RadioGroup } from './components/RadioGroup';
-export { default as Step } from './components/Step';
-export { default as StepLabel } from './components/StepLabel';
-export { default as ModelGridView } from './components/ModelGridView';
-export { default as Breadcrumbs } from './components/Breadcrumbs';
-export { default as AudioSlider } from './components/CustomSlider';
-export { default as theme } from './assets/theme';
-export { useTheme } from '@mui/material';

package/dist/reportWebVitals.d.ts

@@ -1,3 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
-export default reportWebVitals;

package/dist/setupTests.d.ts

@@ -1 +0,0 @@
-import '@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 };