build(all): fix merge conflict

.github/workflows/build-check.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [ '12', '14' ]
+        node: [ '15' ]
     name: Node ${{ matrix.node }}
     steps:
       - uses: actions/checkout@v2

.github/workflows/gh-pages.yml

@@ -5,26 +5,120 @@ on:
     branches: [master, beta]
 
 jobs:
+  get_tags:
+    runs-on: ubuntu-latest
+    outputs:
+      matrix: ${{ steps.set-matrix.outputs.matrix }}
+    steps:
+      - name: Get list of releases 📋
+        uses: octokit/[email protected]
+        id: get_latest_release
+        with:
+          route: GET /repos/kherp/react-components/tags
+          owner: octokit
+          repo: request-action
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: Convert list of releases to json and filter out versions less than minimum version 📝
+        id: set-matrix
+        run: |
+          arr=( $(echo $data | jq -r '.[].name') )
+          major=""
+          JSON="{\"include\":["
+          for i in "${arr[@]}"
+          do
+            if [ "$(printf '%s\n' "$minver" "$i" | sort -V | head -n1)" = "$minver" ]; then 
+              if [ "$major" != "$(echo $i | cut -d. -f1)" ]; then
+                major=`echo $i | cut -d. -f1`
+                JSON="$JSON$(printf '{"name": "%s"}, ' "${i}")"
+              fi
+            fi
+          done
+          JSON="${JSON%,*} ${JSON##*,}"
+          JSON="$JSON]}"
+          echo "test: $JSON"
+          echo "::set-output name=matrix::$JSON"
+        env:
+          data: ${{steps.get_latest_release.outputs.data}}
+          minver: v4.0.0
   gh_pages:
+    needs: get_tags
     runs-on: ubuntu-latest
-
+    outputs:
+      matrix: ${{ needs.get_tags.outputs.matrix }}
+      path: ${{ steps.get_version_list.outputs.path }}
+      file: ${{ steps.get_version_list.outputs.file }}
     steps:
       - uses: actions/checkout@v2
 
-      - name: Setup Node
+      - name: Setup Node 🏗️
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 15.x
 
-      - name: Installing dependencies
+      - name: Installing dependencies ⏳
         run: npm ci
-
-      - name: Building docs
+      - name: Generating versions list
+        id: get_version_list
+        run: |
+          echo "$data" > $jsonPath$jsonFileName
+          echo "::set-output name=path::$jsonPath"
+          echo "::set-output name=file::$jsonFileName"
+        env:
+          data: ${{needs.get_tags.outputs.matrix}}
+          jsonPath: ./docs/src/assets/jsons/
+          jsonFileName: versions.json
+      - name: Building docs 🔨
         run: npm run build:docs
 
-      - name: Publish
+      - name: Publish 🚀
         uses: crazy-max/[email protected]
         with:
           build_dir: docs/public
         env:
-          GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
+  build_docs:
+    needs: gh_pages
+    runs-on: ubuntu-latest
+    strategy:
+      max-parallel: 1
+      matrix: ${{fromJson(needs.gh_pages.outputs.matrix)}}
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          ref: ${{ matrix.name }}
+      - name: Setup Node 🏗️
+        uses: actions/setup-node@v2
+        with:
+          node-version: 15.x
+      - name: Installing dependencies ⏳
+        run: npm ci
+      - name: Building docs 🔨
+        id: get_doc_folder
+        run: |
+          if [ "$(printf '%s\n' "$requiredver" "$currentver" | sort -V | head -n1)" = "$requiredver" ]; then 
+            echo "base=\"/react-components/${currentver}\"" >> .env
+            mkdir -p $jsonPath && touch $jsonPath$jsonFile
+            echo "$data" > $jsonPath$jsonFile
+            npm run build:docs
+            echo "::set-output name=doc_folder::docs/public"
+          else
+            npm run docs
+            echo "::set-output name=doc_folder::docs"
+          fi
+        env:
+          requiredver: v5.0.0 # oldest version where gatsby is implemented
+          data: ${{needs.gh_pages.outputs.matrix}}
+          jsonPath: ${{ needs.gh_pages.outputs.path }}
+          jsonFile: ${{ needs.gh_pages.outputs.file }}
+          currentver: ${{ matrix.name }}
+      - name: Deploy 🚀
+        uses: JamesIves/[email protected]
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          BRANCH: gh-pages # The branch the action should deploy to.
+          FOLDER: ${{steps.get_doc_folder.outputs.doc_folder}} # The folder the action should deploy.
+          TARGET_FOLDER: ${{ matrix.name }}
+          CLEAN: true # Automatically remove deleted files from the deploy branch
+          CLEAN_EXCLUDE: '["version"]'
+

.github/workflows/publish.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 15.x
 
       - name: Installing dependencies
         run: npm ci
@@ -40,5 +40,7 @@ jobs:
         uses: coverallsapp/[email protected]
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
+          path-to-lcov: ./lib/coverage/lcov.info
         env:
-          COVERALLS_REPO_TOKEN: ${{ secrets.COVERALLS_TOKEN }}
+          COVERALLS_REPO_TOKEN: ${{ secrets.COVERALLS_TOKEN }}
+

.gitignore

@@ -6,9 +6,7 @@ npm-debug.log
 .idea/
 
 # VS Code - everything but the prettier config files
-.vscode/*
-!.vscode/extensions.json
-!.vscode/settings.json
+.vscode/
 .history/
 
 # Windows
@@ -23,4 +21,6 @@ dist
 tmp
 build
 coverage
-docs
+public
+
+.cache

.prettierignore

@@ -1,10 +1,16 @@
+# Files
 *.md
 *.yml
-__mocks__
-coverage
-node_modules
-dist
-.github
-.vscode
 package.json
-package-lock.json
+package-lock.json
+
+# Directories
+.github/
+.vscode/
+test/
+coverage/
+node_modules/
+dist/
+docs/public/
+docs/static/
+

README.md

@@ -1,5 +1,6 @@
 # SEB React Components
 
+[![https://img.shields.io/npm/v/@sebgroup/react-components](https://img.shields.io/npm/v/@sebgroup/react-components)](https://www.npmjs.com/package/@sebgroup/react-components)
 ![Deployment](https://github.com/sebgroup/react-components/workflows/Deployment/badge.svg)
 ![Github Pages](https://github.com/sebgroup/react-components/workflows/Github%20Pages/badge.svg)
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
@@ -18,9 +19,9 @@ This is a set of react components some of which are based on SEB's bootstrap. Th
 
 This version of components has been developed with:
 
--   React `^16.12`
--   Typescript `^3.7`
--   SEB Bootstrap `^5.1`
+-   React
+-   Typescript
+-   SEB Bootstrap
 
 ## Installation
 
@@ -43,7 +44,7 @@ For `Visual Studio Code` users, please install the [recommended plugins](.vscode
 
 ## Development
 
-This project uses `prettier` for a more consistent (less annoying) coding. We are using 4 different builds for this project. The `src` folder is where the actual components exist with all their necessary dependencies. and `develop` folder is where we develop and test those components. Unit tests are based on `jest` and `enzyme`.
+This project uses `prettier` for a more consistent (less annoying) coding. We are using 4 different builds for this project. The `src` folder is where the actual components exist with all their necessary dependencies. and `develop` folder is where we develop and test those components.
 
 1. Development: `npm start`
 2. Check formatting rules, Compile components and Create Docs folder: `npm run build`
@@ -57,19 +58,19 @@ This project uses `prettier` for a more consistent (less annoying) coding. We ar
 For performance benefits we are not combining all the components into single Index rather they are chunked into their subpackage. Therefore, to use a component, you need to import the `Component` submodule from the `dist` folder, in whichever Class you want to use it. Here is a sample of how to import a `Button` component in a page.
 
 ```javascript
-import { Button } from "@sebgroup/react-components/dist/Button";
+import { Button } from "@sebgroup/react-components";
 
-const Comp = () => {
+const Component = () => {
     const onClick = (e) => {
         console.log("Im Clicked");
     }
 
     return (
         <div>
-            <Button label="a button" onClick={onClick} />
+            <Button onClick={onClick}>Button label</Button>
         </div>
     );
 }
 
-export default Comp;
+export default Component;
 ```