Changes - full component

Author: aarathyKeyvalue

.eslintrc

@@ -31,7 +31,8 @@
     "max-len":["warn", 150],
     "space-before-blocks":"error",
     "prefer-spread": ["off"],
-    "react-hooks/exhaustive-deps": "off"
+    "react-hooks/exhaustive-deps": "off",
+    "no-extra-boolean-cast": "off"
   },
   "settings": {
     "react": {

.github/workflows/deploy.yml

@@ -0,0 +1,106 @@
+name: Deploy
+
+on:
+  workflow_dispatch:
+    inputs:
+      ReleaseType:
+        description: 'Release Type'
+        required: true
+        default: 'warning'
+        type: choice
+        options:
+        - Major
+        - Feature
+        - Bug
+
+jobs:
+  update-and-publish:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.x
+          scope: '@keyvaluesystems'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run tests
+        run: npm run test
+
+      - name: 'Set release type : ${{ inputs.ReleaseType }}'
+        id: release_type
+        uses: ASzc/change-string-case-action@v5
+        with:
+          string: ${{ inputs.ReleaseType }}
+
+      - name: Extract Current Branch and Validate
+        id: get_current_branch
+        shell: bash
+        run: |
+          BRANCH="${GITHUB_REF#refs/heads/}"
+          if [ "$BRANCH" == 'master' ]
+            then
+              echo "Branch validation Successful"
+            else
+              echo "Releases only taken from master branch"
+              exit 1
+          fi
+
+      - name: Get Latest version from package.json
+        run: |
+          # Get the latest version from package.json
+          LATEST_VERSION=$(node -p "require('./package.json').version")
+
+          # Output the latest version as a workflow env
+          echo "latest_version=$LATEST_VERSION" >> $GITHUB_ENV
+
+      - name: Get new version
+        id: get_next_version
+        uses: christian-draeger/[email protected]
+        with:
+          current-version: ${{ env.latest_version }}
+          version-fragment: ${{ steps.release_type.outputs.lowercase }}
+
+      - name: Update version in package.json and package-lock.json
+        run: |
+          OLD_VERSION=${{ env.latest_version }}
+          NEW_VERSION=${{ steps.get_next_version.outputs.next-version }}
+
+          npm version $NEW_VERSION --no-git-tag-version
+          git config user.name github-actions
+          git config user.email [email protected]
+          git add package.json package-lock.json
+          git commit -m "Bump version from $OLD_VERSION to $NEW_VERSION"
+          git push origin HEAD:master
+
+      - name: Build Package
+        run: npm run build
+
+      - name: Publish package
+        run: npm publish --access public --//registry.npmjs.org/:_authToken=${{ secrets.NPM_AUTH_TOKEN }}
+        if: success()
+
+      - name: Revert package.json and package-lock.json
+        run: |
+          # Revert package.json and package-lock.json to the previous version
+          npm version ${{ env.latest_version }} --no-git-tag-version
+          git commit -am "Revert to version ${{ env.latest_version }}"
+          git push origin HEAD:master
+        if: failure()
+
+      - name: Create GitHub release
+        if: success()
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: v${{ steps.get_next_version.outputs.next-version }}
+          release_name: Release v${{ steps.get_next_version.outputs.next-version }}
+          # body: Release ${{ env.NEW_VERSION }}
+          draft: false
+          prerelease: false

.github/workflows/test-and-build.yml

@@ -0,0 +1,36 @@
+name: Test Suite
+
+on:
+    pull_request:
+      # The branches below must be a subset of the branches above
+      branches: [main]
+
+jobs:
+  test-and-build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16.x]
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+          fetch-depth: 0
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Linting
+        run: npm run eslint
+
+      - name: Run tests
+        run: npm run test
+
+      - name: Build
+        run: npm run build

.storybook/main.js

@@ -0,0 +1,30 @@
+const path = require('path');
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions"
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5"
+  },
+  "webpackFinal": async (config) => {
+   config.module.rules.push({
+      rules: [{ 
+        test: /\.scss$/,
+        use: ['style-loader', 'css-loader', 'sass-loader']
+      }],
+      resolve: {
+        alias: {
+          'assets': path.resolve(__dirname, '../src/assets')
+        }
+      }
+    });
+    return config;
+  }
+}

.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}