Merge pull request #732 from lumapps/chore/isolate-storybook

chore(storybook): update to v6 and isolate storybook dependencies

Author: gcornut

.eslintignore

@@ -3,6 +3,7 @@
 **/public/*
 yo-generators/**
 **/.yarn/**
+storybook
 **/style-dictionary
 **/*.config.js
 packages/site-demo/plugins

configs/babel.config.js

@@ -1,9 +1,10 @@
-
 module.exports = {
     cacheDirectory: true,
     plugins: [
         ['angularjs-annotate', { explicitOnly: true }],
         '@babel/plugin-proposal-class-properties',
+        ['@babel/plugin-proposal-private-property-in-object', { 'loose': false }],
+        ['@babel/plugin-proposal-private-methods', { 'loose': false }],
         '@babel/plugin-proposal-export-default-from',
         '@babel/plugin-proposal-object-rest-spread',
         '@babel/plugin-proposal-optional-chaining',

package.json

@@ -68,10 +68,10 @@
     "scripts": {
         "build": "lerna run --stream build",
         "build:site": "yarn workspace lumx-site-demo clean && yarn workspace lumx-site-demo build",
-        "build:storybook": "yarn workspace @lumx/react build:storybook",
         "build:react": "yarn workspace @lumx/react build",
         "build:core": "yarn workspace @lumx/core build",
         "build:angularjs": "yarn workspace @lumx/angularjs build",
+        "build:storybook": "yarn workspace @lumx/react build:storybook",
         "chromatic": "npx chromatic -b build:storybook",
         "clean": "rm -rf packages/*/dist && lerna clean --yes && lerna run --stream clean",
         "clean:git-hooks": "yarn husky uninstall",
@@ -86,8 +86,9 @@
         "scaffold": "yo ./packages/yo-generators --with-tests --with-demo",
         "setup:git-hooks": "yarn husky uninstall && yarn husky install || exit 0",
         "start": "yarn workspace lumx-site-demo start",
-        "test": "lerna run --stream test",
+        "test": "yarn workspace @lumx/react test",
         "storybook:react": "yarn workspace @lumx/react storybook",
+        "storybook": "yarn storybook:react",
         "check:not-master": "git symbolic-ref --short -q HEAD | egrep -q '^master$' && echo 'ERROR: You can not release from the master branch.' && exit 1 || true",
         "version": "yarn check:not-master && yarn && git add yarn.lock",
         "generate:design-tokens": "yarn workspace @lumx/core generate:design-tokens"

packages/lumx-angularjs/package.json

@@ -48,6 +48,7 @@
         "@babel/plugin-proposal-nullish-coalescing-operator": "^7.8.3",
         "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
         "@babel/plugin-proposal-optional-chaining": "^7.8.3",
+        "@babel/plugin-proposal-private-property-in-object": "^7.16.0",
         "@babel/preset-env": "^7.8.3",
         "@babel/preset-typescript": "^7.12.7",
         "babel-plugin-angularjs-annotate": "^0.10.0",

packages/lumx-core/package.json

@@ -50,6 +50,7 @@
         "@babel/plugin-proposal-nullish-coalescing-operator": "^7.8.3",
         "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
         "@babel/plugin-proposal-optional-chaining": "^7.8.3",
+        "@babel/plugin-proposal-private-property-in-object": "^7.16.0",
         "@babel/preset-env": "^7.8.3",
         "@babel/preset-typescript": "^7.12.7",
         "autoprefixer": "^9.7.4",

packages/lumx-react/.storybook/main.js

@@ -0,0 +1,3 @@
+module.exports = {
+    action: (name) => (event) => console.log(name, event),
+};

packages/lumx-react/.storybook/preview.js

@@ -0,0 +1,6 @@
+module.exports = {
+    text: (name, defaultValue) => defaultValue,
+    number: (name, defaultValue) => defaultValue,
+    boolean: (name, defaultValue) => defaultValue,
+    select: (name, options, defaultValue) => defaultValue,
+};