@vendorflow/components 3.0.14 → 4.0.0

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@vendorflow/components",
-  "version": "3.0.14",
+  "version": "4.0.0",
   "description": "React components for vendorflow",
-  "main": "lib/index.js",
+  "type": "module",
+  "main": "lib/index.umd.js",
+  "module": "lib/index.es.js",
   "types": "lib/index.d.ts",
   "private": false,
   "repository": "https://github.com/vendorflow/vendorflow-components",
@@ -11,11 +13,14 @@
     "lib/**/*"
   ],
   "scripts": {
-    "build": "webpack && tsc",
-    "storybook": "start-storybook -p 9009 -s public",
-    "build-storybook": "build-storybook -s public",
-    "format": "prettier --write \"src/**/*.ts\"",
+    "dev": "vite",
+    "transpile": "tsc --project ./tsconfig.build.json",
+    "build": "vite --config vite.build.config.ts build && yarn transpile",
     "lint": "eslint 'src/**/*.{js,ts,tsx}' --quiet --fix",
+    "format": "prettier --write \"src/**/*.ts\"",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "prepare": "npm run build",
     "prepublishOnly": "npm run lint",
     "preversion": "npm run lint",
@@ -35,94 +40,56 @@
     ]
   },
   "dependencies": {
-    "@date-io/date-fns": "1.x",
-    "@svgr/webpack": "4.3.3",
-    "@types/faker": "^5.5.8",
-    "@types/node": "^12.0.0",
-    "@types/react": "^17.0.27",
-    "@types/react-dom": "^17.0.9",
-    "@types/react-table": "^7.7.6",
-    "@typescript-eslint/eslint-plugin": "^4.32.0",
-    "@typescript-eslint/parser": "^4.32.0",
+    "@mui/x-date-pickers": "^5.0.20",
     "@vendorflow/common": "^1.0.50",
+    "@vendorflow/types": "^1.7.2",
     "classnames": "^2.3.1",
-    "css-loader": "3.4.2",
     "date-fns": "^2.12.0",
-    "eslint": "^7.32.0",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-loader": "3.0.3",
-    "eslint-plugin-flowtype": "4.6.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.26.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
     "faker": "^5.5.3",
-    "file-loader": "4.3.0",
-    "html-webpack-plugin": "4.0.0-beta.11",
     "immer": "^9.0.6",
     "lodash": "^4.17.21",
-    "material-ui-popup-state": "^2.0.0",
-    "mini-css-extract-plugin": "0.9.0",
-    "nanoid": "3.1.31",
-    "optimize-css-assets-webpack-plugin": "5.0.3",
-    "pnp-webpack-plugin": "1.6.4",
-    "postcss-flexbugs-fixes": "4.1.0",
-    "postcss-loader": "3.0.0",
-    "postcss-normalize": "8.0.1",
-    "postcss-preset-env": "6.7.0",
-    "postcss-safe-parser": "4.0.1",
-    "react-app-polyfill": "^1.0.6",
-    "react-color-palette": "^6.1.0",
-    "react-dev-utils": "11.0.4",
+    "nanoid": "5.0.8",
+    "react-color-palette": "^6.2.0",
     "react-h5-audio-player": "^3.8.1",
-    "react-measure": "^2.5.2",
-    "react-scripts": "^4.0.3",
     "react-scrollbar-size": "^4.0.0",
     "react-table": "^7.7.0",
-    "react-text-mask": "^5.4.3",
-    "react-textarea-autosize": "^8.3.3",
     "react-virtualized": "^9.22.3",
-    "resolve": "1.15.0",
-    "resolve-url-loader": "3.1.1",
-    "sass-loader": "8.0.2",
-    "semver": "6.3.0",
-    "short-uuid": "^4.2.0",
-    "style-loader": "0.23.1",
-    "terser-webpack-plugin": "2.3.5",
-    "ts-pnp": "1.1.6",
-    "typescript": "^4.5.5",
-    "url-loader": "2.3.0",
-    "webpack": "^5.68.0",
-    "webpack-dev-server": "3.10.3",
-    "webpack-manifest-plugin": "2.2.0",
-    "workbox-webpack-plugin": "4.3.1"
+    "regenerator-runtime": "^0.14.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.15.7",
-    "@babel/core": "^7.22.5",
-    "@babel/preset-env": "^7.22.5",
-    "@babel/preset-react": "^7.9.4",
-    "@babel/preset-typescript": "^7.22.5",
-    "@emotion/babel-plugin": "^11.3.0",
-    "@storybook/addon-actions": "^6.5.14",
-    "@storybook/addon-knobs": "^6.3.1",
-    "@storybook/addon-links": "^6.5.14",
-    "@storybook/addons": "^6.5.14",
-    "@storybook/preset-create-react-app": "^2.1.1",
-    "@storybook/react": "^6.5.14",
-    "@types/lodash": "^4.14.150",
-    "@types/react-measure": "^2.0.7",
-    "@types/react-text-mask": "^5.4.6",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@eslint/js": "^9.15.0",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/faker": "^5.5.8",
+    "@types/lodash": "^4.17.14",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-table": "^7.7.6",
     "@types/react-virtualized": "^9.21.21",
-    "babel-loader": "^9.1.2",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-storybook": "^0.6.8",
-    "eslint-webpack-plugin": "^2.5.4",
-    "prettier": "^2.0.5",
-    "tslint": "^6.1.2",
-    "tslint-config-prettier": "^1.18.0",
-    "webpack-cli": "^5.1.4"
+    "@types/regenerator-runtime": "^0.13.8",
+    "@vitejs/plugin-react": "^4.3.4",
+    "esbuild-plugin-react-virtualized": "^1.0.4",
+    "eslint": "^9.15.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "eslint-plugin-storybook": "^0.11.1",
+    "globals": "^15.12.0",
+    "prettier": "^3.4.2",
+    "storybook": "^8.4.7",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.15.0",
+    "vite": "6.0.1",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
@@ -130,8 +97,9 @@
     "@mui/icons-material": "^5.2.1",
     "@mui/lab": "^5.0.0-alpha.50",
     "@mui/material": "^5.0.3",
+    "@mui/styled-engine": "^5.16.14",
     "@mui/styles": "^5.0.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   }
 }

package/lib/components/material-ui/AudioPlayer/AudioPlayer.story.d.ts

@@ -1,2 +0,0 @@
-declare const AudioPlayer: () => JSX.Element;
-export default AudioPlayer;

package/lib/components/material-ui/AudioPlayer/index.d.ts

@@ -1 +0,0 @@
-export { default } from './AudioPlayer';

package/lib/components/material-ui/Button/Button.story.d.ts

@@ -1,2 +0,0 @@
-declare const Button: () => JSX.Element;
-export default Button;

package/lib/components/material-ui/Button/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Button';

package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {};
-export default _default;
-export declare const ButtonMenuUsingDefault: () => JSX.Element;
-export declare const ButtonMenuUsingCustom: () => JSX.Element;
-export declare const ButtonMenuDisableTest: () => JSX.Element;

package/lib/components/material-ui/ButtonMenu/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ButtonMenu';

package/lib/components/material-ui/ColorPicker/ColorPicker.story.d.ts

@@ -1,2 +0,0 @@
-declare function ColorPicker(): JSX.Element;
-export default ColorPicker;

package/lib/components/material-ui/ColorPicker/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ColorPicker';

package/lib/components/material-ui/ColorPicker/styles.d.ts

@@ -1 +0,0 @@
-export declare const colorPaletteStyles: import("@emotion/react").SerializedStyles;

package/lib/components/material-ui/DataTable/DataTable.story.d.ts

@@ -1,2 +0,0 @@
-declare function DataTable(): JSX.Element;
-export default DataTable;

package/lib/components/material-ui/DataTable/index.d.ts

@@ -1 +0,0 @@
-export { DataTable, getColumnFilterConfig, SingleLineCell, usePluginConfig, useDefaultTableInstance } from './DataTable';

package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story.d.ts

@@ -1,2 +0,0 @@
-declare const InputCheckboxGroup: () => JSX.Element;
-export default InputCheckboxGroup;

package/lib/components/material-ui/InputCheckboxGroup/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InputCheckboxGroup';

package/lib/components/material-ui/InputDate/InputDate.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { DatePickerProps } from '@mui/lab';
-import { SimpleEventHandler } from '../../../types';
-import { TextFieldProps } from '@mui/material';
-type Props = {
-    name?: string;
-    onChange: SimpleEventHandler<string>;
-    InputProps?: Omit<TextFieldProps, 'id'>;
-} & Omit<DatePickerProps<any>, 'onChange' | 'renderInput' | 'date' | 'rawValue' | 'openPicker' | 'InputProps'> & React.RefAttributes<HTMLDivElement>;
-export default function InputDate(props: Props): JSX.Element;
-export {};

package/lib/components/material-ui/InputDate/InputDate.story.d.ts

@@ -1,2 +0,0 @@
-declare const InputDate: () => JSX.Element;
-export default InputDate;

package/lib/components/material-ui/InputDate/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InputDate';

package/lib/components/material-ui/InputDateTime/InputDateTime.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { DateTimePickerProps } from '@mui/lab';
-import { SimpleEventHandler } from '../../../types';
-import { TextFieldProps } from '@mui/material';
-type Props = {
-    name?: string;
-    onChange: SimpleEventHandler<string>;
-    InputProps?: Omit<TextFieldProps, 'id'>;
-} & Omit<DateTimePickerProps<any>, 'onChange' | 'renderInput' | 'date' | 'rawValue' | 'openPicker' | 'InputProps'> & React.RefAttributes<HTMLDivElement>;
-export default function InputDateTime(props: Props): JSX.Element;
-export {};

package/lib/components/material-ui/InputDateTime/InputDateTime.story.d.ts

@@ -1,2 +0,0 @@
-declare const InputDateTime: () => JSX.Element;
-export default InputDateTime;

package/lib/components/material-ui/InputDateTime/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InputDateTime';

package/lib/components/material-ui/InputGroup/InputGroup.story.d.ts

@@ -1,2 +0,0 @@
-declare const InputGroup: () => JSX.Element;
-export default InputGroup;

package/lib/components/material-ui/InputGroup/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InputGroup';

package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.story.d.ts

@@ -1,2 +0,0 @@
-declare const InputRadioGroup: () => JSX.Element;
-export default InputRadioGroup;

package/lib/components/material-ui/InputRadioGroup/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InputRadioGroup';

package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.story.d.ts

@@ -1,4 +0,0 @@
-declare const _default: {};
-export default _default;
-export declare const InputSearchDropdownSingle: () => JSX.Element;
-export declare const InputSearchDropdownMulti: () => JSX.Element;

package/lib/components/material-ui/InputSearchDropdown/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InputSearchDropdown';

package/lib/components/material-ui/InputTime/InputTime.story.d.ts

@@ -1,2 +0,0 @@
-declare const InputTime: () => JSX.Element;
-export default InputTime;

package/lib/components/material-ui/InputTime/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InputTime';

package/lib/components/material-ui/Modal/Modal.story.d.ts

@@ -1,2 +0,0 @@
-declare const Modal: () => JSX.Element;
-export default Modal;

package/lib/components/material-ui/Modal/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Modal';