@aveonline/ui-react 1.19.6 → 2.0.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aveonline/ui-react",
   "description": "Home base for Aveonline design system - ecosystem react",
   "private": false,
-  "version": "1.19.6",
+  "version": "2.0.1",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
@@ -35,10 +35,13 @@
   ],
   "license": "MIT",
   "scripts": {
-    "dev": "start-storybook -p 6006 --no-manager-cache",
-    "build": "vite build && npm run build:tailwind && npm run cp:tailwind-config && npm run cp:tokens",
-    "build:storybook": "build-storybook",
-    "lint": "eslint --ignore-path .gitignore \"./src/**/*.+(tsx,ts)\" --fix",
+    "dev": "storybook dev -p 6006",
+    "build": "npm run lint && vite build && npm run build:tailwind && npm run cp:tailwind-config && npm run cp:tokens",
+    "build:storybook": "npm run lint && storybook build",
+    "prettier": "prettier --check .",
+    "prettier:fix": "prettier --write .",
+    "lint": "eslint --cache \"**/*.{ts,tsx}*\"",
+    "lint:fix": "eslint --fix \"**/*.{ts,tsx}*\" && npm run prettier:fix",
     "build:tailwind": "npx tailwindcss -o ./dist/tailwind.css --minify",
     "clean": "rm -rf dist",
     "cp:tailwind-config": "cp tailwind.config.js dist/",
@@ -46,8 +49,8 @@
     "test": "vitest",
     "coverage": "vitest run --coverage",
     "test:ui": "vitest --ui",
-    "chromatic": "npx chromatic --project-token=53dce1ebae91",
-    "changelog": "conventional-changelog -i CHANGELOG-current.md -s -r 0"
+    "changelog": "conventional-changelog -i CHANGELOG-current.md -s -r 0",
+    "commit": "git-cz"
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.11.0",
@@ -55,57 +58,97 @@
     "@tanstack/match-sorter-utils": "8.7.6",
     "@tanstack/react-table": "8.7.8",
     "country-flag-icons": "1.5.5",
-    "hamburger-react": "^2.5.0",
+    "hamburger-react": "2.5.0",
     "react-currency-input-field": "3.6.9",
-    "react-input-mask": "^3.0.0-alpha.2",
+    "react-input-mask": "3.0.0-alpha.2",
     "react-merge-refs": "2.0.1",
-    "react-multi-date-picker": "^3.3.4",
+    "react-multi-date-picker": "3.3.4",
     "react-select": "5.6.0",
-    "recharts": "^2.5.0"
+    "recharts": "2.5.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.5.13",
-    "@storybook/addon-essentials": "6.5.13",
-    "@storybook/addon-interactions": "6.5.13",
-    "@storybook/addon-links": "6.5.13",
-    "@storybook/addons": "6.5.13",
-    "@storybook/builder-vite": "0.2.5",
-    "@storybook/react": "6.5.13",
-    "@storybook/theming": "6.5.13",
+    "@digitalroute/cz-conventional-changelog-for-jira": "8.0.1",
+    "@storybook/addon-a11y": "7.0.9",
+    "@storybook/addon-essentials": "7.0.9",
+    "@storybook/addon-interactions": "7.0.9",
+    "@storybook/addon-links": "7.0.9",
+    "@storybook/addon-mdx-gfm": "^7.0.9",
+    "@storybook/addons": "7.0.9",
+    "@storybook/blocks": "7.0.9",
+    "@storybook/react": "7.0.9",
+    "@storybook/react-vite": "7.0.9",
+    "@storybook/theming": "7.0.9",
     "@tailwindcss/forms": "0.5.3",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
     "@types/node": "16.11.6",
     "@types/react": "18.0.22",
     "@types/react-dom": "18.0.7",
-    "@types/react-input-mask": "^3.0.2",
-    "@types/react-text-mask": "^5.4.11",
-    "@vitejs/plugin-react": "2.2.0",
+    "@types/react-input-mask": "3.0.2",
+    "@types/react-text-mask": "5.4.11",
+    "@typescript-eslint/eslint-plugin": "5.59.1",
+    "@typescript-eslint/parser": "5.59.1",
+    "@vitejs/plugin-react": "4.0.0",
     "@vitest/coverage-c8": "0.24.5",
     "@vitest/ui": "0.24.5",
     "autoprefixer": "10.4.13",
-    "chromatic": "6.11.4",
     "classnames": "2.3.2",
+    "commitizen": "4.3.0",
     "conventional-changelog-cli": "2.2.2",
     "cssnano": "5.0.9",
+    "eslint": "8.39.0",
+    "eslint-config-ts-standard": "1.0.5",
+    "eslint-plugin-no-only-tests": "3.1.0",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-react-refresh": "0.3.5",
+    "eslint-plugin-storybook": "0.6.12",
     "jsdom": "20.0.2",
     "postcss": "8.3.11",
     "postcss-import": "15.0.0",
+    "prettier": "2.8.8",
     "prettier-plugin-tailwindcss": "0.1.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "sd-tailwindcss-transformer": "1.2.0",
+    "storybook": "7.0.9",
     "style-dictionary": "3.7.1",
-    "tailwindcss": "3.2.4",
+    "tailwindcss": "3.3.2",
     "ts-dedent": "2.2.0",
-    "typescript": "4.6.4",
-    "vite": "3.2.0",
+    "ts-standard": "12.0.2",
+    "typescript": "5.0.4",
+    "vite": "4.3.5",
     "vite-plugin-dts": "1.6.6",
     "vite-plugin-svgr": "2.4.0",
-    "vitest": "0.24.4"
+    "vitest": "0.31.0"
   },
   "peerDependencies": {
     "react": "18.2.0",
     "react-dom": "18.2.0"
+  },
+  "packageManager": "npm@9.5.1",
+  "engines": {
+    "node": ">=16.15.1 <18.0.0 || >=18.11",
+    "pnpm": "please-use-npm",
+    "yarn": "please-use-npm",
+    "npm": ">=8.0.0"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/@digitalroute/cz-conventional-changelog-for-jira",
+      "jiraPrefix": "APP",
+      "jiraLocation": "pre-type",
+      "jiraOptional": true,
+      "customScope": true,
+      "skipScope": false,
+      "scopes": [
+        "atoms",
+        "molecules",
+        "organisms",
+        "templates",
+        "design-tokens",
+        "styles",
+        "hooks"
+      ]
+    }
   }
 }

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { IButton } from './IButton';
-/**
- * Atom: Button
- * Are used primarily for actions, such as 'Add', 'Close', 'Cancel', or 'Save'. Plain buttons, which look similar to links, are used for less important or less commonly used actions, such as 'view shipping settings'.
- */
-declare const Button: React.ForwardRefExoticComponent<IButton & React.RefAttributes<HTMLButtonElement>>;
-export default Button;

package/dist/components/atoms/Checkbox/Checkbox.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { IPropsCheckbox } from './ICheckbox';
-/**
- * Atom: Checkbox
- * Checkboxes are most commonly used to give merchants a way to make a range of selections (zero, one, or multiple). They may also be used as a way to have merchants indicate they agree to specific terms and services.
- */
-declare const Checkbox: React.ForwardRefExoticComponent<IPropsCheckbox & React.RefAttributes<HTMLInputElement>>;
-export default Checkbox;

package/dist/components/atoms/RadioButton/RadioButton.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { IPropsRadio } from './IRadioButton';
-/**
- * Atom: RadioButton
- * Use radio buttons to present each item in a list of options where merchants must make a single selection.
- */
-declare const RadioButton: React.ForwardRefExoticComponent<IPropsRadio & React.RefAttributes<HTMLInputElement>>;
-export default RadioButton;

package/dist/components/atoms/RadioButton/index.d.ts

@@ -1,2 +0,0 @@
-export { default as RadioButton } from './RadioButton';
-export * from './IRadioButton';

package/dist/components/atoms/Typography/Text/TextRef.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { IText } from './IText';
-declare const Text: React.ForwardRefExoticComponent<Pick<IText, keyof IText> & React.RefAttributes<any>>;
-export default Text;

package/dist/components/molecules/Card/Select/index.d.ts

@@ -1,2 +0,0 @@
-export { default as CardSelect } from './Select';
-export * from './ISelect';

package/dist/components/molecules/Card/Simple/index.d.ts

@@ -1,2 +0,0 @@
-export { default as CardSimple } from './Simple';
-export * from './Simple';

package/dist/components/molecules/Dropdown/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Dropdown } from './Dropdown';
-export * from './IDropdown';

package/dist/components/molecules/Filter/FilterSearchMultiple/FilterSearchMultiple.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IFilterSearchMultiple } from './IFilterSearchMultiple';
-export default function FilterSearchMultiple({ options, title, titleNotFound, onSelected, placement, placeholderSearch }: IFilterSearchMultiple): JSX.Element;

package/dist/components/molecules/Filter/FilterSearchMultiple/index.d.ts

@@ -1,2 +0,0 @@
-export { default as FilterSearchMultiple } from './FilterSearchMultiple';
-export * from './IFilterSearchMultiple';

package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/IDropdownButton.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
+interface IOptionDropdownButton {
+    title: string | JSX.Element;
+    onClick: () => void;
+}
 interface IDropdownButton {
     options: Array<IOptionDropdownButton>;
     filling?: boolean;
     isDisabled?: boolean;
 }
-interface IOptionDropdownButton {
-    title: string | JSX.Element;
-    onClick: () => void;
-}
 export { IDropdownButton, IOptionDropdownButton };

package/dist/{components → ui}/molecules/Field/IFieldCustom.d.ts

@@ -1,3 +1,25 @@
+declare type IFieldCustomMask = {
+    charactersLength?: number;
+    /**
+     * Mask string. Format characters are:
+     * * `9`: `0-9`
+     * * `a`: `A-Z, a-z`
+     * * `\*`: `A-Z, a-z, 0-9`
+     *
+     * Any character can be escaped with backslash, which usually will appear as double backslash in JS strings.
+     * For example, German phone mask with unremoveable prefix +49 will look like `mask="+4\\9 99 999 99"` or `mask={"+4\\\\9 99 999 99"}`
+     */
+    mask?: string | RegExp;
+    /**
+     * Character to cover unfilled editable parts of mask. Default character is "_". If set to null, unfilled parts will be empty, like in ordinary input.
+     */
+    maskChar?: string | null | undefined;
+    maskPlaceholder?: string;
+    /**
+     * Show mask even in empty input without focus.
+     */
+    alwaysShowMask?: boolean | undefined;
+};
 declare type IFieldCustom = {
     /**
      * Allow decimals
@@ -83,26 +105,4 @@ declare type IFieldCustom = {
      */
     mask?: IFieldCustomMask;
 };
-declare type IFieldCustomMask = {
-    charactersLength?: number;
-    /**
-     * Mask string. Format characters are:
-     * * `9`: `0-9`
-     * * `a`: `A-Z, a-z`
-     * * `\*`: `A-Z, a-z, 0-9`
-     *
-     * Any character can be escaped with backslash, which usually will appear as double backslash in JS strings.
-     * For example, German phone mask with unremoveable prefix +49 will look like `mask="+4\\9 99 999 99"` or `mask={"+4\\\\9 99 999 99"}`
-     */
-    mask?: string | RegExp;
-    /**
-     * Character to cover unfilled editable parts of mask. Default character is "_". If set to null, unfilled parts will be empty, like in ordinary input.
-     */
-    maskChar?: string | null | undefined;
-    maskPlaceholder?: string;
-    /**
-     * Show mask even in empty input without focus.
-     */
-    alwaysShowMask?: boolean | undefined;
-};
 export type { IFieldCustom, IFieldCustomMask };