@skodaflow/web-library 3.4.0-alpha.0 → 4.0.0

package/package.json

@@ -1,105 +1,131 @@
-{
-  "name": "@skodaflow/web-library",
-  "version": "3.4.0-alpha.0",
-  "description": "Implementation of Skoda Flow Design System with Material UI as core library.",
-  "author": "Skoda Auto",
-  "license": "SEE LICENSE IN eula.txt",
-  "main": "./build/index.js",
-  "module": "./build/index.es.js",
-  "types": "./build",
-  "files": [
-    "build",
-    "theme"
-  ],
-  "scripts": {
-    "build": "rollup --config build.library.config.js",
-    "ci-build": "npm run build && npm run build-assets",
-    "build-assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
-    "lint": "eslint src/**",
-    "lint-fix": "eslint src/** --fix",
-    "lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
-    "lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
-    "lint-report-vs": "eslint -f visualstudio -o eslint/results/LINT-web-library.trx src",
-    "lint-staged": "lint-staged",
-    "test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
-    "test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\"",
-    "test": "cypress run-ct",
-    "test-watch": "cypress open-ct",
-    "preci-test": "webpack --config cypress/utils/clean/config.js --mode none",
-    "ci-test": "cypress run-ct --reporter ../../node_modules/mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.13.0",
-    "@mui/system": "^5.12.3",
-    "react": "^17.0.2 || ^18.0.0"
-  },
-  "dependencies": {
-    "@googlemaps/markerclusterer": "^1.0.22",
-    "@googlemaps/react-wrapper": "^1.1.22",
-    "@skodaflow/web-tokens": "^2.4.0",
-    "ag-grid-community": "^29.1.0",
-    "ag-grid-react": "^29.1.0",
-    "country-flag-icons": "^1.4.17",
-    "embla-carousel-auto-height": "^7.1.0",
-    "embla-carousel-autoplay": "^7.1.0",
-    "embla-carousel-class-names": "^7.1.0",
-    "embla-carousel-react": "^7.1.0",
-    "embla-carousel-wheel-gestures": "^3.0.0",
-    "react-use": "^17.4.0"
-  },
-  "devDependencies": {
-    "@cypress/react": "5.12.5",
-    "@cypress/webpack-dev-server": "^1.6.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@skodaflow/cypress-execution-sonar-reporter": "^1.0.1",
-    "@skodaflow/eslint-config-react": "^1.0.3",
-    "@skodaflow/eslint-formatter-junit": "^1.0.0",
-    "@skodaflow/sonar-report-merger": "^1.0.1",
-    "@types/cypress-image-snapshot": "^3.1.6",
-    "@types/google.maps": "^3.47.4",
-    "@types/lodash": "^4.14.191",
-    "@types/react": "^17.0.15",
-    "css-loader": "5.2.7",
-    "cypress": "8.7.0",
-    "cypress-image-snapshot": "4.0.1",
-    "eslint": "^7.32.0",
-    "extract-loader": "5.1.0",
-    "file-loader": "6.2.0",
-    "html-webpack-plugin": "^4.5.2",
-    "jest": "26.6.3",
-    "junit-report-merger": "^3.0.2",
-    "lint-staged": "^11.1.2",
-    "lodash": "^4.17.21",
-    "mocha": "^9.1.3",
-    "mocha-junit-reporter": "^2.0.2",
-    "mocha-multi-reporters": "^1.5.1",
-    "postcss-loader": "4.3.0",
-    "prettier": "^2.3.2",
-    "react-scripts": "^4.0.3",
-    "remove-files-webpack-plugin": "1.4.5",
-    "resolve-url-loader": "4.0.0",
-    "rollup": "^2.55.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "3.1.8",
-    "rollup-plugin-svg": "^2.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.31.0",
-    "sass": "^1.43.5",
-    "sass-loader": "10.1.1",
-    "style-loader": "2.0.0",
-    "ts-jest": "^27.0.4",
-    "typescript": "4.1.6",
-    "webpack": "^5.7.62",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.13.1"
-  },
-  "lint-staged": {
-    "*.+(js|jsx|ts|tsx)": "eslint --fix",
-    "*.+(json|css|md|scss|sass)": "prettier --write"
-  }
-}
+{
+  "name": "@skodaflow/web-library",
+  "version": "4.0.0",
+  "description": "Implementation of Skoda Flow Design System with Material UI as core library.",
+  "author": "Skoda Auto",
+  "license": "SEE LICENSE IN eula.txt",
+  "main": "./src/index.ts",
+  "module": "./src/index.ts",
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "build:clear": "rimraf ./build",
+    "build:rollup": "rollup -c ./rollup.config.mjs",
+    "build:assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
+    "build:copy": "copyfiles -f ../../eula.txt README.md build",
+    "build:package": "node copyPackage.js",
+    "build": "npm run typecheck && npm run build:clear && npm run build:rollup && npm run build:assets && npm run build:copy && npm run build:package",
+    "lint-staged": "lint-staged",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build -o build_sb",
+    "preview": "npx http-server ./build_sb",
+    "chromatic": "npx chromatic --project-token=2c38f39fa84d",
+    "lint": "eslint src/**",
+    "lint-errors-only": "eslint src/** --quiet",
+    "lint-fix": "eslint src/** --fix",
+    "test": "cypress run --component",
+    "test-watch": "cypress open --component",
+    "prettier": "prettier \"{src,.storybook,cypress}/**/*.{js,jsx,ts,tsx}\" --check --config ./.prettierrc.js",
+    "prettier-fix": "npm run prettier -- --write",
+    "lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
+    "lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
+    "test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
+    "test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\""
+  },
+  "keywords": [
+    "flow"
+  ],
+  "dependencies": {
+    "@etchteam/storybook-addon-status": "^4.2.4",
+    "@geometricpanda/storybook-addon-badges": "^2.0.0",
+    "@googlemaps/markerclusterer": "^1.0.22",
+    "@googlemaps/react-wrapper": "^1.1.22",
+    "@mui/x-date-pickers": "^6.10.1",
+    "@skodaflow/web-tokens": "^2.4.0",
+    "@storybook/addon-storysource": "^7.1.1",
+    "@storybook/preset-scss": "^1.0.3",
+    "country-flag-icons": "^1.4.17",
+    "date-fns": "^2.30.0",
+    "embla-carousel-auto-height": "^7.1.0",
+    "embla-carousel-autoplay": "^7.1.0",
+    "embla-carousel-class-names": "^7.1.0",
+    "embla-carousel-react": "^7.1.0",
+    "embla-carousel-wheel-gestures": "^3.0.0",
+    "lodash": "^4.17.21",
+    "react-use": "^17.4.0",
+    "remark-gfm": "^3.0.1",
+    "use-keyboard-shortcut": "^1.1.6"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@mui/base": "^5.0.0-beta.4",
+    "@mui/material": "^5.13.0",
+    "@mui/system": "^5.12.3",
+    "ag-grid-community": "^29.1.0",
+    "ag-grid-react": "^29.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@babel/runtime": "^7.22.6",
+    "@commitlint/cli": "^17.6.7",
+    "@commitlint/config-conventional": "^17.6.7",
+    "@cypress/react18": "^2.0.0",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^25.0.3",
+    "@rollup/plugin-image": "^3.0.2",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@skodaflow/cypress-execution-sonar-reporter": "^1.0.2",
+    "@skodaflow/eslint-config-react": "^1.1.4",
+    "@skodaflow/eslint-formatter-junit": "^1.0.1",
+    "@skodaflow/sonar-report-merger": "^1.0.2",
+    "@storybook/addon-essentials": "^7.1.1",
+    "@storybook/addon-interactions": "^7.1.1",
+    "@storybook/addon-links": "^7.1.1",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.1.1",
+    "@storybook/cli": "^7.1.1",
+    "@storybook/react": "^7.1.1",
+    "@storybook/react-vite": "^7.1.1",
+    "@storybook/testing-library": "^0.2.0",
+    "@types/google.maps": "^3.53.5",
+    "@types/react": "^18.2.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "copyfiles": "^2.4.1",
+    "css-loader": "5.2.7",
+    "cypress": "^12.17.2",
+    "cypress-multi-reporters": "^1.6.3",
+    "eslint-import-resolver-typescript": "^3.5.5",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-sonarjs": "^0.19.0",
+    "extract-loader": "5.1.0",
+    "file-loader": "6.2.0",
+    "husky": "^8.0.3",
+    "junit-report-merger": "^6.0.2",
+    "lint-staged": "^13.2.3",
+    "mocha": "^10.2.0",
+    "mocha-junit-reporter": "^2.2.1",
+    "mocha-multi-reporters": "^1.5.1",
+    "postcss-loader": "^7.3.3",
+    "remove-files-webpack-plugin": "^1.5.0",
+    "resolve-url-loader": "^5.0.0",
+    "rimraf": "^5.0.1",
+    "rollup": "^3.26.3",
+    "rollup-plugin-preserve-directives": "^0.2.0",
+    "sass": "^1.43.5",
+    "sass-loader": "10.1.1",
+    "storybook": "^7.1.1",
+    "tslib": "^2.5.3",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.7",
+    "webpack": "^5.7.62",
+    "webpack-cli": "^5.0.1"
+  },
+  "lint-staged": {
+    "*.+(js|jsx|ts|tsx)": "eslint --fix",
+    "*.+(json|css|md|scss|sass)": "prettier --write"
+  }
+}

package/theme/skoda/fonts.css

@@ -1 +1 @@
-@font-face{font-family:"SKODA Next";src:url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2) format("woff2");src:url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2) format("woff2"),url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff) format("woff"),url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:"SKODA Next";src:url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2) format("woff2");src:url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2) format("woff2"),url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff) format("woff"),url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"SKODA Next";src:url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2) format("woff2");src:url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2) format("woff2"),url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff) format("woff"),url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf) format("truetype");font-style:normal;font-weight:700}@font-face{font-family:"SKODA Next";src:url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2) format("woff2");src:url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2) format("woff2"),url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff) format("woff"),url(./_/_/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf) format("truetype");font-style:normal;font-weight:900}
+@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf) format("truetype");font-style:normal;font-weight:700}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf) format("truetype");font-style:normal;font-weight:900}

package/build/components/table/index.d.ts

@@ -1 +0,0 @@
-export * from './table';

package/build/components/table/table.d.ts

@@ -1,28 +0,0 @@
-import React, { LegacyRef } from 'react';
-import { AgGridReact } from 'ag-grid-react';
-import { ColDef, ColGroupDef } from 'ag-grid-community';
-export declare enum EnumTableCellPadding {
-    checkbox = "checkbox",
-    none = "none",
-    normal = "normal"
-}
-export declare enum EnumTableCellSize {
-    medium = "medium",
-    small = "small",
-    string = "string"
-}
-export interface TableProps extends React.HTMLAttributes<HTMLDivElement> {
-    gridRef?: LegacyRef<AgGridReact<object>>;
-    columnDefs: (ColDef<object> | ColGroupDef<object>)[];
-    defaultColDef: object;
-    masterDetail: boolean;
-    detailCellRendererParams: object;
-    rowData: object[];
-    pagination: boolean;
-    paginationPageSize: number;
-    /**
-     *  Override or extend the styles applied to the component.
-     */
-    classes?: object;
-}
-export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;

package/build/eula.txt

@@ -1,40 +0,0 @@
-EULA - SKODA AUTO Libraries
-ŠKODA AUTO a.s. with registered offices at Mladá Boleslav, tř. Václava Klementa 869,  Mladá Boleslav II, 293 01 Mladá Boleslav, Czech Republic, ID No. 00177041, registered in the commercial Register held by Městský Soud v Praze (Metropolitan Court in Prague), section B, entry 332 (“ŠKODA AUTO”) releases this End-User Licence Agreement (“EULA”) to specify the rights and obligations when using library/package applicable to this EULA (“Library”).
-
-Specification of the Library
-
- Specification of the library is not part of this EULA and is provided by suitable documentation, shiped with beforementioned library.
-
-The Library is dedicated to sustaining all ŠKODA AUTO web development projects.
-
-License
-
-ŠKODA AUTO declares that all source code, files, fonts and all other assets are exclusively owned by ŠKODA AUTO.
-
-ŠKODA AUTO grants you a revocable, non-exclusive, non-transferable, limited license to download, install and use the Library strictly in accordance with this EULA.
-
-If you violate any of these limitations or restrictions, the license grant will automatically and immediately expire. Any usage of the Library outside the scope of the applicable license constitutes an infringement of ŠKODA AUTO’s intellectual property rights as well as a material breach of this EULA.
-
-Restrictions
-
-You agree not to, and you will not permit others to:
-
-license, sell, rent, lease, assign, distribute, transmit, host, outsource, disclose or otherwise commercially exploit the Library or make the Library available to any third party;
-provide or make available any features or functionality of the Library to any person or entity outside of your organization;
-change, decompile or disassemble the Library or its source code, algorithms, methods or techniques;
-remove, alter or obscure any proprietary notices, labels or marks in the Library;
-translate, adapt, arrange, or create derivative works based on, or otherwise modify the Library for any purpose except of the purpose which is stated in this EULA;
-use the Application in excess of, or in any manner inconsistent with your entitlements.
-The Library may only be used for the purpose of creating products for ŠKODA AUTO. You agree not to use the Library for any other purpose and outside of the scope of business with ŠKODA AUTO.
-
-Copyright
-
-ŠKODA AUTO and its licensors retain title to and ownership of, and all other rights with respect to, the Library, including, without limitation, any related copyrights, trademarks, trade secrets, patents, and other intellectual property rights. You have only the limited license granted with respect to the Library expressly set forth in this EULA. You acknowledge and agree that the Library is licensed, not sold, and that rights to use the Library are acquired only under the license from ŠKODA AUTO.
-
-Modifications of the Library
-
- ŠKODA AUTO reserves the right to modify, suspend or discontinue, temporarily or permanently, the Library or any service to which it connects, with or without notice and without liability to you.
-
-The Library will not be updated or maintained regularly. All updates depend on the decision of ŠKODA AUTO.
-
-In Mladá Boleslav on 2022