@veritone-ce/design-system 1.2.2 → 1.2.3

package/dist/components/Button/button.theme.js

@@ -5,7 +5,6 @@ const buttonTheme = (theme) => ({
         disableRipple: true
     },
     styleOverrides: {
-        // @ts-ignore
         root: ({ ownerState }) => (Object.assign(Object.assign(Object.assign({ textTransform: 'none', fontWeight: '600', '&.MuiButton-outlinedError': {
                 backgroundColor: theme.palette.common.white
             }, '&.Mui-disabled': Object.assign({}, (ownerState.variant !== `text` && {

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

@@ -1,7 +1,6 @@
 import { ButtonProps as MuiButtonProps } from '@mui/material';
 export declare type ButtonProps = {
     'data-testid'?: string;
-    variant?: 'primary' | 'secondary' | 'terciary';
     isLoading?: boolean;
 } & MuiButtonProps;
 /**

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '../../../utils/tests/helpers';
+import { screen } from '@testing-library/react';
+import ThemeProvider from '..';
+describe('<ThemeProvider />', () => {
+    it('should render the ThemeProvider component', () => {
+        render(_jsx(ThemeProvider, { children: "ThemeProvider" }));
+        expect(screen.getByText('ThemeProvider')).toBeInTheDocument();
+    });
+});

package/dist/index.d.ts

@@ -3,3 +3,4 @@ import '@fontsource/dosis';
 export { default as Button } from './components/Button';
 export { default as ThemeProvider } from './components/ThemeProvider';
 export { default as theme } from './assets/theme';
+export { useTheme } from '@mui/material';

package/dist/index.js

@@ -3,3 +3,4 @@ import '@fontsource/dosis';
 export { default as Button } from './components/Button';
 export { default as ThemeProvider } from './components/ThemeProvider';
 export { default as theme } from './assets/theme';
+export { useTheme } from '@mui/material';

package/dist/reportWebVitals.d.ts

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

package/dist/reportWebVitals.js

@@ -0,0 +1,12 @@
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+export default reportWebVitals;

package/dist/setupTests.d.ts

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

package/dist/setupTests.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,6 @@
+import { RenderOptions } from '@testing-library/react';
+import { ReactElement } from 'react';
+export declare 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

@@ -0,0 +1,21 @@
+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 { ThemeProvider } from '@mui/material';
+import { render } from '@testing-library/react';
+import theme from '../../assets/theme';
+const customRender = (ui, _a = {}) => {
+    var renderOptions = __rest(_a, []);
+    return render(_jsx(ThemeProvider, Object.assign({ theme: theme }, { children: ui })), renderOptions);
+};
+export * from '@testing-library/react';
+export { customRender as render };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "private": false,
   "scripts": {
     "start": "yarn storybook",
-    "build": "yarn tsc",
+    "build": "yarn tsc && tsc-alias",
     "lint": "eslint src",
     "build-docs": "yarn build-storybook-docs",
     "test": "jest",
@@ -47,6 +47,7 @@
     "cz-conventional-changelog": "^3.3.0",
     "husky": "^8.0.2",
     "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
     "typescript": "^4.4.2",
     "web-vitals": "^2.1.0"
@@ -87,6 +88,7 @@
     "plop": "^3.1.1",
     "prettier": "^2.8.0",
     "prop-types": "^15.8.1",
+    "tsc-alias": "^1.8.2",
     "webpack": "^5.74.0"
   },
   "peerDependencies": {