@veritone-ce/design-system 1.12.31 → 1.12.32

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 export { createDesignSystemTheme, useTheme } from './assets/theme';
 export type { Theme } from './assets/theme';
+export { default as Alert } from './components/Alert';
+export type { AlertProps } from './components/Alert';
 export { default as AudioSlider } from './components/AudioSlider';
 export type { AudioSliderProps } from './components/AudioSlider';
-export { default as Box } from './components/Box';
-export type { BoxProps } from './components/Box';
 export { default as Breadcrumbs } from './components/Breadcrumbs';
 export type { BreadcrumbsProps } from './components/Breadcrumbs';
 export { default as Button } from './components/Button';

package/dist/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AudioSlider", {
+Object.defineProperty(exports, "Alert", {
   enumerable: true,
   get: function get() {
-    return _AudioSlider["default"];
+    return _Alert["default"];
   }
 });
-Object.defineProperty(exports, "Box", {
+Object.defineProperty(exports, "AudioSlider", {
   enumerable: true,
   get: function get() {
-    return _Box["default"];
+    return _AudioSlider["default"];
   }
 });
 Object.defineProperty(exports, "Breadcrumbs", {
@@ -268,8 +268,8 @@ Object.defineProperty(exports, "useTheme", {
   }
 });
 var _theme = require("./assets/theme");
+var _Alert = _interopRequireDefault(require("./components/Alert"));
 var _AudioSlider = _interopRequireDefault(require("./components/AudioSlider"));
-var _Box = _interopRequireDefault(require("./components/Box"));
 var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs"));
 var _Button = _interopRequireDefault(require("./components/Button"));
 var _Checkbox = _interopRequireDefault(require("./components/Checkbox"));

package/eslint-config/common.js

@@ -0,0 +1,59 @@
+/* eslint-disable */
+module.exports = (severity) => ({
+  rules: {
+    'no-restricted-imports': [
+      severity,
+      {
+        paths: [
+          {
+            name: '@mui/material',
+            importNames: [
+              'Alert',
+              'Button',
+              'Checkbox',
+              'Drawer',
+              'FormControlLabel',
+              'LinearProgress',
+              'Link',
+              'List',
+              'ListItem',
+              'ListItemButton',
+              'ListItemText',
+              'Menu',
+              'Modal',
+              'Popover',
+              'Radio',
+              'RadioGroup',
+              'Select',
+              'Snackbar',
+              'Step',
+              'StepLabel',
+              'Stepper',
+              'Table',
+              'TableBody',
+              'TableCell',
+              'TableContainer',
+              'TableFooter',
+              'TableHead',
+              'TablePagination',
+              'TableRow',
+              'TableSortLabel',
+              'Tabs',
+              'TextField', // prefer Input
+              'Typography',
+              'useTheme'
+            ],
+            message:
+              'Please use imports from @veritone-ce/design-system instead.'
+          },
+          {
+            name: '@mui/material/styles',
+            importNames: ['useTheme'],
+            message:
+              'Please use imports from @veritone-ce/design-system instead.'
+          }
+        ]
+      }
+    ]
+  }
+})

package/eslint-config/error.js

@@ -0,0 +1,9 @@
+/* eslint-disable */
+// this config can be loaded into other projects by adding the following to their eslintrc file:
+// extends: [
+//   "./node_modules/@veritone-ce/design-system/eslint-config/error"
+// ]
+
+const configFactory = require('./common.js')
+
+module.exports = configFactory('error')

package/eslint-config/warn.js

@@ -0,0 +1,9 @@
+/* eslint-disable */
+// this config can be loaded into other projects by adding the following to their eslintrc file:
+// extends: [
+//   "./node_modules/@veritone-ce/design-system/eslint-config/warn"
+// ]
+
+const configFactory = require('./common.js')
+
+module.exports = configFactory('warn')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.31",
+  "version": "1.12.32",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [
@@ -23,7 +23,8 @@
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "eslint-config"
   ],
   "scripts": {
     "build": "yarn types:check:build && yarn transpile && yarn types:emit && tsc-alias",
@@ -108,6 +109,7 @@
     "husky": "8.0.2",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
+    "lint-staged": "^14.0.1",
     "prettier": "^2.8.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
-export type BoxProps = {
-    'data-testid'?: string;
-    children?: React.ReactNode;
-    component?: React.ElementType;
-    sx?: SxProps<Theme>;
-    className?: string;
-};
-declare const Box: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;
-export default Box;

package/dist/components/Box/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _material = require("@mui/material");
-var React = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Box = function Box(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-    "data-testid": props['data-testid'],
-    component: props.component,
-    sx: props.sx,
-    className: props.className,
-    children: props.children
-  });
-};
-var _default = Box;
-exports["default"] = _default;