Merge branch 'develop' into dependabot/npm_and_yarn/moment-2.29.2

.codeclimate.yml

@@ -1,8 +1,18 @@
-version: "2"         # required to adjust maintainability checks
+version: "2" # required to adjust maintainability checks
 checks:
   method-lines:
     config:
       threshold: 80
+plugins:
+  eslint:
+    enabled: true
+    channel: "eslint-7"
+    config:
+      extensions:
+        - .js
+        - .jsx
+        - .ts
+        - .tsx
 exclude_patterns:
   - "spec/"
   - "!spec/support/helpers"
@@ -15,4 +25,5 @@ exclude_patterns:
   - "**/*.d.ts"
   - "**/*.spec.tsx"
   - "**/spec_helper.tsx"
-  - "**/PullToRefresh.js"
+  - "**/*.stories.tsx"
+  - "**/PullToRefresh.js"

.eslintignore

@@ -1,13 +1,17 @@
 # don't ever lint node_modules
 node_modules
 # don't lint build output (make sure it's set to your correct build folder name)
-dist
+build
 # don't lint nyc coverage output
 coverage
 
 .idea
 
+dist
+
 src/__tests__
 src/assets
 src/config
-src/serviceWorker.js
+src/serviceWorker.js
+
+!.storybook

.eslintrc

@@ -0,0 +1,36 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:storybook/recommended",
+    "prettier"
+  ],
+  "rules": {
+    "react/jsx-props-no-spreading": "off",
+    "import/no-cycle": "off",
+    "require-await": "error",
+    "react/destructuring-assignment": "off",
+    "import/prefer-default-export": "off",
+    "max-len": ["error", { "code": 120 }],
+    "react/button-has-type": "off",
+    "react/react-in-jsx-scope": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-unused-vars": "warn"
+  },
+  "ignorePatterns": ["jest.config.js", ".storybook/*", "src/**/*.stories.tsx"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}

.github/workflows/nodejs.yml

@@ -7,36 +7,35 @@ on: [push, pull_request]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js
-      uses: actions/setup-node@v1
-      with:
-        node-version: '12.x'
-    - name: Get yarn cache directory path
-      id: yarn-cache-dir-path
-      run: echo "::set-output name=dir::$(yarn cache dir)"
-    - uses: actions/cache@v1
-      id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
-      with:
-        path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-
-    - name: yarn install
-      run: yarn install
-    - name: yarn build
-      run: yarn build
-    - name: Run lint
-      run: yarn eslint ./src --ext .js,.jsx,.ts,.tsx ./
-    - name: Test & publish code coverage
-      uses: paambaati/codeclimate-action@v2.6.0
-      env:
-        CI: true
-        CC_TEST_REPORTER_ID: ${{ secrets.CODE_CLIMATE_REPORTER_ID }}
-      with:
-        coverageCommand: yarn test --coverage
-        debug: true
+      - uses: actions/checkout@v4
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+      - uses: actions/cache@v4
+        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+        with:
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+      - name: yarn install
+        run: yarn install
+      - name: yarn build
+        run: yarn build
+      - name: Run lint
+        run: yarn eslint ./src --ext .js,.jsx,.ts,.tsx ./
+      - name: Test & publish code coverage
+        uses: paambaati/codeclimate-action@v6.0.0
+        env:
+          CI: true
+          CC_TEST_REPORTER_ID: ${{ secrets.CODE_CLIMATE_REPORTER_ID }}
+        with:
+          coverageCommand: yarn test --coverage
+          debug: true

.gitignore

@@ -34,3 +34,10 @@ coverage/
 /.gradle
 /profiles/
 *.swp
+
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "singleQuote": false,
+  "bracketSameLine": false
+}

.storybook/main.ts

@@ -0,0 +1,23 @@
+import type { StorybookConfig } from "@storybook/react-webpack5";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/preset-create-react-app",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+    "@storybook/addon-a11y",
+  ],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  staticDirs: ["../public"],
+};
+
+export default config;

.storybook/preview.ts

@@ -0,0 +1,19 @@
+import type { Preview } from "@storybook/react";
+import "react-toastify/dist/ReactToastify.css";
+import "@kabisa/ui-components/index.css";
+import "../src/ui/global.css";
+import "../src/styles/shell.css";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
+
+export default preview;

.tool-versions

@@ -0,0 +1 @@
+nodejs 20.12.0