@veritone-ce/design-system 1.12.2 → 1.12.3

package/dist/assets/theme.js

@@ -256,6 +256,16 @@ theme = createTheme(theme, {
                     }
                 }
             }
+        }, MuiMenuItem: {
+            styleOverrides: {
+                root: {
+                    color: theme.palette.text.primary,
+                    padding: '10px 20px',
+                    ':hover, :focus': {
+                        backgroundColor: theme.palette.misc.altBackground
+                    }
+                }
+            }
         } })
 });
 export default theme;

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

@@ -7,8 +7,28 @@ describe('<Button />', () => {
         render(_jsx(Button, { children: "Button" }));
         expect(screen.getByText('Button')).toBeInTheDocument();
     });
-    it('should show circular progress', () => {
+    it('should render error Button component', () => {
+        render(_jsx(Button, Object.assign({ color: "error" }, { children: "Button" })));
+        expect(screen.getByText('Button')).toBeInTheDocument();
+    });
+    it('should render loading Button component', () => {
         render(_jsx(Button, Object.assign({ isLoading: true }, { children: "Button" })));
         expect(screen.getByTestId('loading-indicator')).toBeInTheDocument();
     });
+    it('should render outlined Button component', () => {
+        render(_jsx(Button, Object.assign({ variant: "outlined" }, { children: "Button" })));
+        expect(screen.getByText('Button')).toBeInTheDocument();
+    });
+    it('should render error outlined Button component', () => {
+        render(_jsx(Button, Object.assign({ variant: "outlined", color: "error" }, { children: "Button" })));
+        expect(screen.getByText('Button')).toBeInTheDocument();
+    });
+    it('should render text Button component', () => {
+        render(_jsx(Button, Object.assign({ variant: "text" }, { children: "Button" })));
+        expect(screen.getByText('Button')).toBeInTheDocument();
+    });
+    it('should render error text Button component', () => {
+        render(_jsx(Button, Object.assign({ variant: "text", color: "error" }, { children: "Button" })));
+        expect(screen.getByText('Button')).toBeInTheDocument();
+    });
 });

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

@@ -79,7 +79,7 @@ describe('<FileUploader />', () => {
         mockedAxios.default.mockImplementation(({ 
         //@ts-ignore
         onUploadProgress }) => {
-            onUploadProgress({ loaded: 0, total: 100 });
+            onUploadProgress({ loaded: 100, total: 100 });
             return Promise.resolve({});
         });
         yield act(() => __awaiter(void 0, void 0, void 0, function* () {
@@ -87,9 +87,6 @@ describe('<FileUploader />', () => {
         }));
         yield waitFor(() => {
             expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument();
-            expect(screen.getAllByTestId('file-progress-bar')[0]).toBeInTheDocument();
-            const progressStyles = getComputedStyle(screen.getAllByTestId('file-progress-bar')[0]);
-            expect(progressStyles.width).toBe('0%');
         });
         expect(onSuccess).toBeCalled();
     }));
@@ -208,46 +205,32 @@ describe('<FileUploader />', () => {
   
       expect(files).toBeCalled()
     })
-  
-    it('should delete a file on list', async () => {
-      const files = jest.fn()
-      render(<FileUploader uploadUrl="testing" files={files} />)
-  
-      const dropzone = screen.getByTestId('dropzone')
-  
-      const exampleFile = new File(['file'], 'image.png', {
-        type: 'image/png'
-      })
-  
-      Object.defineProperty(dropzone, 'files', {
-        value: [exampleFile]
-      })
-  
-      jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
-        jest.fn((_a, _b, setProgress) => {
-          setProgress(100)
-          return new Promise((resolve) => resolve({} as axios.AxiosResponse))
-        })
-      )
-  
-      await act(async () => {
-        fireEvent.drop(dropzone)
-      })
-  
-      await waitFor(() => {
-        expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
-  
-        expect(screen.getAllByTestId('file-item-size')[0]).toBeInTheDocument()
-      })
-  
-      expect(files).toBeCalled()
-  
-      await act(async () => {
-        fireEvent.click(screen.getAllByTestId('file-item-delete-button')[0])
-      })
-  
-      await waitFor(() => {
-        expect(screen.queryAllByTestId('file-item')).toHaveLength(0)
-      })
-    }) */
+    */
+    it('should delete a file on list', () => __awaiter(void 0, void 0, void 0, function* () {
+        const files = jest.fn();
+        render(_jsx(FileUploader, { uploadUrl: "testing", files: files }));
+        const dropzone = screen.getByTestId('dropzone');
+        const exampleFile = new File(['file'], 'image.png', {
+            type: 'image/png'
+        });
+        Object.defineProperty(dropzone, 'files', {
+            value: [exampleFile]
+        });
+        mockedAxios.default.mockImplementation(({ 
+        //@ts-ignore
+        onUploadProgress }) => {
+            onUploadProgress({ loaded: 0, total: 100 });
+            return Promise.resolve({});
+        });
+        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
+            fireEvent.drop(dropzone);
+        }));
+        expect(files).toBeCalled();
+        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
+            fireEvent.click(screen.getAllByTestId('file-item-delete-button')[0]);
+        }));
+        yield waitFor(() => {
+            expect(screen.queryAllByTestId('file-item')).toHaveLength(0);
+        });
+    }));
 });

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

@@ -4,7 +4,15 @@ import { screen } from '@testing-library/react';
 import ProgressIndicator from '../';
 describe('<ProgressIndicator />', () => {
     it('should render the ProgressIndicator component', () => {
-        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator" }));
+        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", itemLoading: "true" }));
+        expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
+    });
+    it('should render component ProgressIndicator type medium', () => {
+        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", type: "medium", itemLoading: "true" }));
+        expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
+    });
+    it('should render component ProgressIndicator type large', () => {
+        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", type: "large", itemLoading: "true" }));
         expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
     });
 });

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

@@ -8,11 +8,11 @@ const items = [
     { name: 'Three', value: 3 }
 ];
 describe('<Select />', () => {
-    it.skip('should render the Select component', () => {
+    it('should render the Select component', () => {
         render(_jsx(Select, { "data-testid": "select", label: 'Select', value: '', items: items }));
         expect(screen.getByTestId('select')).toBeInTheDocument();
     });
-    it.skip('should render Select component with all properties', () => {
+    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();
     });

package/dist/components/Select/index.js

@@ -35,19 +35,7 @@ const Select = (_a) => {
                             }
                         }
                     }
-                } }, { children: _jsxs(MuiSelect, Object.assign({}, props, { labelId: "label-select" }, { children: [_jsx(MenuItem, Object.assign({ value: "", sx: {
-                                color: (theme) => theme.palette.text.primary,
-                                padding: '10px 20px',
-                                ':hover, :focus': {
-                                    backgroundColor: (theme) => theme.palette.misc.altBackground
-                                }
-                            } }, { children: "Select" })), items.map((item, index) => (_jsx(MenuItem, Object.assign({ value: item.value, sx: {
-                                color: (theme) => theme.palette.text.primary,
-                                padding: '10px 20px',
-                                ':hover, :focus': {
-                                    backgroundColor: (theme) => theme.palette.misc.altBackground
-                                }
-                            } }, { children: _jsxs(Box, Object.assign({ sx: { lineHeight: '20px', fontSize: '14px', opacity: 0.9 } }, { children: [_jsx(Box, Object.assign({ sx: { fontWeight: 700 } }, { children: item.title })), _jsx(Box, { children: item.name })] })) }), index)))] })) })), helperText && (_jsx(FormHelperText, Object.assign({ sx: {
+                } }, { children: _jsxs(MuiSelect, Object.assign({}, props, { labelId: "label-select" }, { children: [_jsx(MenuItem, Object.assign({ value: "" }, { children: "Select" })), items.map((item, index) => (_jsx(MenuItem, Object.assign({ value: item.value }, { children: _jsxs(Box, Object.assign({ sx: { lineHeight: '20px', fontSize: '14px', opacity: 0.9 } }, { children: [_jsx(Box, Object.assign({ sx: { fontWeight: 700 } }, { children: item.title })), _jsx(Box, { children: item.name })] })) }), index)))] })) })), helperText && (_jsx(FormHelperText, Object.assign({ sx: {
                     lineHeight: '18px',
                     color: (theme) => theme.palette.text.disabled
                 } }, { children: helperText }))), props.error && (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: [_jsx(Circle, { sx: {

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

@@ -1,10 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render } from '../../../utils/tests/helpers';
+import { Tabs } from '@mui/material';
 import { screen } from '@testing-library/react';
-import Tabs from '../';
+import Tab from '../';
 describe('<Tabs />', () => {
     it('should render the Tabs component', () => {
-        render(_jsx(Tabs, { "data-testid": "tabs", label: "test" }));
-        expect(screen.getByTestId('tabs')).toBeInTheDocument();
+        render(_jsxs(Tabs, Object.assign({ value: 1 }, { children: [_jsx(Tab, { "data-testid": "tab", label: "test", value: 1 }), _jsx(Tab, { "data-testid": "tab", label: "test", value: 2 })] })));
+        expect(screen.getAllByTestId('tab')[0]).toBeInTheDocument();
+    });
+    it('should render the Tabs component with badge', () => {
+        render(_jsxs(Tabs, Object.assign({ value: 1 }, { children: [_jsx(Tab, { "data-testid": "tab", label: "test", count: 2, value: 1 }), _jsx(Tab, { "data-testid": "tab", label: "test", count: 2, value: 2 })] })));
+        expect(screen.getAllByTestId('tab')[0]).toBeInTheDocument();
     });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "private": false,
   "scripts": {
     "start": "yarn storybook",