Feature: Storybooks 7 (#316)

nginformatica · Apr 27, 2023 · 44a8fa0 · 44a8fa0
1 parent 31e8023
commit 44a8fa0
Show file tree

Hide file tree

Showing 306 changed files with 4,620 additions and 7,783 deletions.
diff --git a/.storybook/main.js b/.storybook/main.js
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -0,0 +1,40 @@
+import type { StorybookConfig } from '@storybook/react-webpack5'
+import path from 'path'
+const config: StorybookConfig = {
+    stories: [
+        '../src/**/*.stories.mdx',
+        '../src/**/*.stories.@(js|jsx|ts|tsx)'
+    ],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-interactions'
+    ],
+    docs: {
+        autodocs: true
+    },
+    framework: {
+        name: '@storybook/react-webpack5',
+        options: {}
+    },
+    typescript: {
+        check: false,
+        checkOptions: {},
+        reactDocgen: 'react-docgen-typescript',
+        reactDocgenTypescriptOptions: {
+            shouldExtractLiteralValuesFromEnum: true,
+            shouldRemoveUndefinedFromOptional: true,
+            propFilter: prop =>
+                prop.parent
+                    ? !/node_modules\/(?!@mui)/.test(prop.parent.fileName)
+                    : true
+        }
+    },
+    webpackFinal: async config => {
+        if (config.resolve?.alias) {
+            config.resolve.alias['@'] = path.resolve(__dirname, '../src')
+        }
+        return config
+    }
+}
+export default config
diff --git a/.storybook/preview.js b/.storybook/preview.js
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -0,0 +1,15 @@
+import { Preview } from '@storybook/react'
+
+const preview: Preview = {
+    parameters: {
+        actions: { argTypesRegex: '^on[A-Z].*' },
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/
+            }
+        }
+    }
+}
+
+export default preview
diff --git a/jest.config.js b/jest.config.js
@@ -5,11 +5,12 @@ module.exports = {
     coveragePathIgnorePatterns: ['stories.(ts|tsx)'],
     collectCoverageFrom: [
         '<rootDir>/src/core/**/*.(ts|tsx)',
-        '<rootDir>/src/Experimental/**/*.(ts|tsx)',
-        '!<rootDir>/src/core/DataTable/*.(ts|tsx)',
-        '!<rootDir>/src/Experimental/index.ts',
-        '!<rootDir>/src/Experimental/Dialog/index.ts',
-        '!<rootDir>/src/Experimental/Fab/index.ts'
+        '<rootDir>/src/experimental/**/*.(ts|tsx)',
+        '!<rootDir>/src/core/data-display/data-table/*.(ts|tsx)',
+        '!<rootDir>/src/experimental/auto-complete-lab/*.(ts|tsx)',
+        '!<rootDir>/src/experimental/index.ts',
+        '!<rootDir>/src/experimental/dialog/index.ts',
+        '!<rootDir>/src/experimental/fab/index.ts'
     ],
     transform: {
         '.+\\.(ts|tsx)$': 'ts-jest'

diff --git a/package.json b/package.json
@@ -1,120 +1,119 @@
 {
-    "name": "flipper-ui",
-    "version": "0.28.0",
-    "description": "",
-    "main": "dist/index.js",
-    "homepage": "https://flipper-ui.ngi.com.br/",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/nginformatica/flipper-ui.git"
-    },
-    "scripts": {
-        "test": "jest --silent --passWithNoTests --noStackTrace --runInBand",
-        "test:ci": "yarn test --coverage",
-        "start": "start-storybook -p 6006",
-        "clean": "rm -rf ./dist/*",
-        "copy:package": "cp package.json dist/",
-        "publish:yalc": "cd dist/ && yalc publish && cd ..",
-        "build": "yarn clean && yarn build:ts && yarn build:babel",
-        "build:link": "yarn build && yarn copy:package && yarn publish:yalc",
-        "build:ts": "tsc --emitDeclarationOnly",
-        "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\" --ignore \"**/*.spec.tsx\" --ignore \"**/*.stories.tsx\"",
-        "lint": "eslint -c .eslintrc.json 'src/**/*.{ts,tsx}'",
-        "lint:fix": "eslint -c .eslintrc.json --fix 'src/**/*.{ts,tsx}'",
-        "predeploy": "yarn build && yarn storybook:build",
-        "docs:build": "build-storybook -o docs",
-        "type-check": "tsc --noEmit",
-        "deploy": "gh-pages -d docs",
-        "release": "yarn build && node pre-publish.js && npm publish ./dist --access public"
-    },
-    "author": "NG Informática",
-    "license": "MIT",
-    "dependencies": {
-        "@date-io/date-fns": "1.3.6",
-        "@material-ui/core": "4.11.0",
-        "@material-ui/icons": "4.9.1",
-        "@material-ui/lab": "4.0.0-alpha.54",
-        "@material-ui/pickers": "3.2.6",
-        "date-fns": "2.4.1",
-        "faker": "5.5.3",
-        "material-table": "1.69.3",
-        "material-ui-chip-input": "2.0.0-beta.2",
-        "nginformatica-styleguide": "1.0.2",
-        "ramda": "0.25.0",
-        "react-loading-skeleton": "3.2.0",
-        "react-number-format": "4.4.1",
-        "sprintf-js": "1.1.2",
-        "uuid": "9.0.0"
-    },
-    "devDependencies": {
-        "@babel/cli": "7.19.3",
-        "@babel/core": "7.20.2",
-        "@babel/plugin-transform-runtime": "7.19.6",
-        "@babel/preset-env": "7.20.2",
-        "@babel/preset-react": "7.18.6",
-        "@babel/preset-typescript": "7.18.6",
-        "@storybook/addon-actions": "6.5.13",
-        "@storybook/addon-essentials": "6.5.13",
-        "@storybook/addon-links": "6.5.13",
-        "@storybook/builder-webpack5": "6.5.13",
-        "@storybook/manager-webpack5": "6.5.13",
-        "@storybook/react": "6.5.13",
-        "@testing-library/react": "14.0.0",
-        "@testing-library/user-event": "14.4.3",
-        "@types/faker": "5.5.3",
-        "@types/history": "4.7.11",
-        "@types/jest": "29.5.0",
-        "@types/node": "10.9.4",
-        "@types/ramda": "0.25.36",
-        "@types/react": "18.0.26",
-        "@types/react-router": "5.1.2",
-        "@types/react-router-dom": "5.1.2",
-        "@types/sprintf-js": "1.1.2",
-        "@types/styled-components": "4.4.2",
-        "@types/uuid": "8.3.4",
-        "@typescript-eslint/eslint-plugin": "5.44.0",
-        "@typescript-eslint/parser": "5.44.0",
-        "babel-loader": "8.2.5",
-        "babel-plugin-transform-class-properties": "6.24.1",
-        "babel-plugin-transform-imports": "2.0.0",
-        "canvas": "2.11.2",
-        "date-fns": "2.4.1",
-        "eslint": "8.28.0",
-        "eslint-config-prettier": "8.5.0",
-        "eslint-plugin-import": "2.26.0",
-        "eslint-plugin-prefer-arrow": "1.2.3",
-        "eslint-plugin-prettier": "4.2.1",
-        "eslint-plugin-ramda": "2.5.1",
-        "eslint-plugin-react": "7.31.11",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "eslint-plugin-storybook": "0.6.7",
-        "fs-extra": "7.0.0",
-        "gh-pages": "2.0.0",
-        "identity-obj-proxy": "3.0.0",
-        "jest": "29.5.0",
-        "jest-environment-jsdom": "29.5.0",
-        "node-fetch": "2.6.7",
-        "node-polyfill-webpack-plugin": "2.0.1",
-        "prettier": "2.8.0",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "react-router": "5.1.2",
-        "react-router-dom": "5.1.2",
-        "styled-components": "5.0.0",
-        "ts-jest": "29.1.0",
-        "ts-loader": "9.4.2",
-        "typescript": "4.9.5",
-        "webpack": "5"
-    },
-    "peerDependencies": {
-        "date-fns": "2.4.1",
-        "react": "16.8.0",
-        "styled-components": "5.0.0"
-    },
-    "publishConfig": {
-        "ignore": [
-            "!dist/",
-            "!/node_modules/"
-        ]
-    }
+  "name": "flipper-ui",
+  "version": "0.29.0",
+  "description": "",
+  "main": "dist/index.js",
+  "homepage": "https://flipper-ui.ngi.com.br/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nginformatica/flipper-ui.git"
+  },
+  "scripts": {
+    "test": "jest --silent --passWithNoTests --noStackTrace --runInBand",
+    "test:ci": "yarn test --coverage",
+    "start": "storybook dev -p 6006",
+    "clean": "rm -rf ./dist/*",
+    "copy:package": "cp package.json dist/",
+    "publish:yalc": "cd dist/ && yalc publish && cd ..",
+    "build": "yarn clean && yarn build:ts && yarn build:babel",
+    "build:link": "yarn build && yarn copy:package && yarn publish:yalc",
+    "build:ts": "tsc --emitDeclarationOnly",
+    "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\" --ignore \"**/*.spec.tsx\" --ignore \"**/*.stories.tsx\"",
+    "lint": "eslint -c .eslintrc.json 'src/**/*.{ts,tsx}'",
+    "lint:fix": "eslint -c .eslintrc.json --fix 'src/**/*.{ts,tsx}'",
+    "predeploy": "yarn build && yarn storybook:build",
+    "docs:build": "storybook build -o docs",
+    "type-check": "tsc --noEmit",
+    "deploy": "gh-pages -d docs",
+    "release": "yarn build && node pre-publish.js && npm publish ./dist --access public"
+  },
+  "author": "NG Informática",
+  "license": "MIT",
+  "dependencies": {
+    "@date-io/date-fns": "1.3.6",
+    "@material-ui/core": "4.11.0",
+    "@material-ui/icons": "4.9.1",
+    "@material-ui/lab": "4.0.0-alpha.54",
+    "@material-ui/pickers": "3.2.6",
+    "date-fns": "2.4.1",
+    "faker": "5.5.3",
+    "material-table": "1.69.3",
+    "material-ui-chip-input": "2.0.0-beta.2",
+    "nginformatica-styleguide": "1.0.2",
+    "ramda": "0.25.0",
+    "react-loading-skeleton": "3.2.0",
+    "react-number-format": "4.4.1",
+    "sprintf-js": "1.1.2",
+    "uuid": "9.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "7.19.3",
+    "@babel/core": "7.20.2",
+    "@babel/plugin-transform-runtime": "7.19.6",
+    "@babel/preset-env": "7.21.4",
+    "@babel/preset-typescript": "7.21.4",
+    "@storybook/addon-actions": "7.0.7",
+    "@storybook/addon-essentials": "7.0.7",
+    "@storybook/addon-interactions": "^7.0.7",
+    "@storybook/addon-links": "7.0.7",
+    "@storybook/addon-mdx-gfm": "7.0.7",
+    "@storybook/react": "7.0.7",
+    "@storybook/react-webpack5": "7.0.7",
+    "@testing-library/react": "14.0.0",
+    "@testing-library/user-event": "14.4.3",
+    "@types/faker": "5.5.3",
+    "@types/history": "4.7.11",
+    "@types/jest": "29.5.0",
+    "@types/node": "10.9.4",
+    "@types/ramda": "0.25.36",
+    "@types/react": "18.0.26",
+    "@types/react-router": "5.1.2",
+    "@types/react-router-dom": "5.1.2",
+    "@types/sprintf-js": "1.1.2",
+    "@types/styled-components": "4.4.2",
+    "@types/uuid": "8.3.4",
+    "@typescript-eslint/eslint-plugin": "5.44.0",
+    "@typescript-eslint/parser": "5.44.0",
+    "babel-loader": "8.2.5",
+    "babel-plugin-transform-class-properties": "6.24.1",
+    "babel-plugin-transform-imports": "2.0.0",
+    "canvas": "2.11.2",
+    "date-fns": "2.4.1",
+    "eslint": "8.28.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-prefer-arrow": "1.2.3",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-ramda": "2.5.1",
+    "eslint-plugin-react": "7.31.11",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-storybook": "0.6.11",
+    "fs-extra": "7.0.0",
+    "identity-obj-proxy": "3.0.0",
+    "jest": "29.5.0",
+    "jest-environment-jsdom": "29.5.0",
+    "node-fetch": "2.6.7",
+    "prettier": "2.8.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-router": "5.1.2",
+    "react-router-dom": "5.1.2",
+    "storybook": "7.0.7",
+    "styled-components": "5.0.0",
+    "ts-jest": "29.1.0",
+    "ts-loader": "9.4.2",
+    "typescript": "5.0.4",
+    "webpack": "5"
+  },
+  "peerDependencies": {
+    "date-fns": "2.4.1",
+    "react": "16.8.0",
+    "styled-components": "5.0.0"
+  },
+  "publishConfig": {
+    "ignore": [
+      "!dist/",
+      "!/node_modules/"
+    ]
+  }
 }
diff --git a/src/Experimental/Actions/Actions.stories.tsx b/src/Experimental/Actions/Actions.stories.tsx
diff --git a/src/Experimental/Avatar/avatar.stories.tsx b/src/Experimental/Avatar/avatar.stories.tsx