Web: Storybook issues fix:

+ Added copy public/images to static/images for publish
+ Fix checkbox click in theme-provider.stories.js
+ Added empty_screen_filter.png for EmptyScreenContainer

package.json

@@ -21,7 +21,7 @@
     "test": "yarn workspace @appserver/components test",
     "clean": "concurrently \"wsrun --parallel clean\"",
     "storybook": "yarn workspace @appserver/components storybook",
-    "storybook-build": "yarn workspace @appserver/components run build-storybook"
+    "storybook-build": "yarn workspace @appserver/components run storybook-build"
   },
   "devDependencies": {
     "lerna": "^3.22.1",

packages/asc-web-components/.storybook/webpack.config.js

@@ -1,3 +1,5 @@
+const CopyPlugin = require("copy-webpack-plugin");
+
 module.exports = ({ config }) => {
   const rules = config.module.rules;
 
@@ -18,5 +20,18 @@ module.exports = ({ config }) => {
     ],
   });
 
+  config.plugins.push(
+    new CopyPlugin({
+      patterns: [
+        {
+          from: "../../../public/images",
+          to: "./static/images",
+          toType: "dir",
+          context: "storybook-static",
+        },
+      ],
+    })
+  );
+
   return config;
 };

packages/asc-web-components/main-button/main-button.stories.js

@@ -2,8 +2,6 @@ import React from "react";
 import MainButton from ".";
 import DropDownItem from "../drop-down-item";
 
-import { Icons } from "../icons";
-
 export default {
   title: "Components/MainButton",
   component: MainButton,
@@ -47,11 +45,6 @@ const Template = ({
           label="New employee"
           onClick={() => clickItem("New employee clicked")}
         />
-        <DropDownItem
-          icon="CatalogGuestIcon"
-          label="New quest"
-          onClick={() => clickItem("New quest clicked")}
-        />
         <DropDownItem
           icon="static/images/catalog.departments.react.svg"
           label="New department"
@@ -63,16 +56,6 @@ const Template = ({
           label="Invitation link"
           onClick={() => clickItem("Invitation link clicked")}
         />
-        <DropDownItem
-          icon="PlaneIcon"
-          label="Invite again"
-          onClick={() => clickItem("Invite again clicked")}
-        />
-        <DropDownItem
-          icon="ImportIcon"
-          label="Import people"
-          onClick={() => clickItem("Import people clicked")}
-        />
       </MainButton>
     </div>
   );

packages/asc-web-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appserver/components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": true,
   "scripts": {
     "build": "echo 'skip it'",
@@ -9,8 +9,9 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook",
+    "storybook": "start-storybook -p 8082 -s public",
+    "storybook-build": "build-storybook",
+    "storybook-serve": "serve storybook-static -p 8082",
     "clean": "echo 'skip it'"
   },
   "devDependencies": {
@@ -45,6 +46,7 @@
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "babel-plugin-transform-rename-import": "^2.3.0",
     "babel-preset-react-app": "^9.1.2",
+    "copy-webpack-plugin": "6.4.0",
     "cross-env": "^6.0.3",
     "css-loader": "^3.6.0",
     "enzyme": "^3.11.0",

packages/asc-web-components/theme-provider/theme-provider.stories.js

@@ -34,7 +34,7 @@ const Template = (args) => {
     <Box displayProp="flex" paddingProp="16px" alignItems="center">
       <ThemeProvider {...args} theme={value ? Dark : Base}>
         <Checkbox
-          checked={value}
+          isChecked={value}
           onChange={(e) => setValue(!value)}
           label={value ? "Dark" : "Light"}
         />

yarn.lock

@@ -6576,6 +6576,23 @@ copy-to-clipboard@^3.0.8, copy-to-clipboard@^3.2.0:
   dependencies:
     toggle-selection "^1.0.6"
 
+copy-webpack-plugin@6.4.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/copy-webpack-plugin/-/copy-webpack-plugin-6.4.0.tgz#7fd397af78e0d310dbf6575d1a0f2fe10efd4d59"
+  integrity sha512-p4eIA0ZWk4UI+xewyxOBTDCSDfjK6nCkr3zhDenoi7SFd+NgDNH/D14IZeFaCEFcK/psNDcAUMOB+sAxZ3SsAA==
+  dependencies:
+    cacache "^15.0.5"
+    fast-glob "^3.2.4"
+    find-cache-dir "^3.3.1"
+    glob-parent "^5.1.1"
+    globby "^11.0.1"
+    loader-utils "^2.0.0"
+    normalize-path "^3.0.0"
+    p-limit "^3.0.2"
+    schema-utils "^3.0.0"
+    serialize-javascript "^5.0.1"
+    webpack-sources "^1.4.3"
+
 copy-webpack-plugin@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/copy-webpack-plugin/-/copy-webpack-plugin-7.0.0.tgz#3506f867ca6e861ee2769d4deaf8fa0d2563ada9"