@devtron-labs/devtron-fe-common-lib 0.0.52 → 0.0.53

package/.eslintignore

@@ -0,0 +1,96 @@
+.eslintrc.js
+
+# Files with ESLint errors/warnings
+src/Common/AddCDButton/AddCDButton.tsx
+src/Common/AddCDButton/utils.tsx
+src/Common/Api.ts
+src/Common/AppStatus/AppStatus.tsx
+src/Common/AppStatus/index.ts
+src/Common/AppStatus/utils.ts
+src/Common/BreadCrumb/BreadCrumb.tsx
+src/Common/BreadCrumb/BreadcrumbStore.tsx
+src/Common/BreadCrumb/Types.ts
+src/Common/CIPipeline.Types.ts
+src/Common/ChartVersionAndTypeSelector.tsx
+src/Common/Checkbox.tsx
+src/Common/ClipboardButton/ClipboardButton.tsx
+src/Common/ClipboardButton/__tests__/ClipboardButton.test.tsx
+src/Common/Common.service.ts
+src/Common/Constants.ts
+src/Common/CustomInput/CustomInput.tsx
+src/Common/CustomInput/Types.ts
+src/Common/CustomInput/index.ts
+src/Common/CustomTagSelector/PropagateTagInfo.tsx
+src/Common/CustomTagSelector/ResizableTagTextArea.tsx
+src/Common/CustomTagSelector/TagDetails.tsx
+src/Common/CustomTagSelector/TagLabelSelect.tsx
+src/Common/CustomTagSelector/TagLabelValueSelector.tsx
+src/Common/CustomTagSelector/TagSelector.utils.ts
+src/Common/CustomTagSelector/Types.ts
+src/Common/CustomTagSelector/ValidationRules.ts
+src/Common/CustomTagSelector/index.ts
+src/Common/DebouncedSearch/DebouncedSearch.tsx
+src/Common/DebouncedSearch/Utils.ts
+src/Common/DebouncedSearch/__tests__/DebouncedSearch.test.tsx
+src/Common/DeleteComponentModal/DeleteComponent.tsx
+src/Common/DeleteComponentModal/types.ts
+src/Common/DevtronProgressing/DevtronProgressing.tsx
+src/Common/Dialogs/ConfirmationDialog.tsx
+src/Common/Dialogs/DeleteDialog.tsx
+src/Common/Dialogs/DialogForm.tsx
+src/Common/Dialogs/ForceDeleteDialog.tsx
+src/Common/Dialogs/Types.ts
+src/Common/Dialogs/index.ts
+src/Common/DraggableWrapper/DraggableButton.tsx
+src/Common/DraggableWrapper/DraggableWrapper.tsx
+src/Common/Drawer/Drawer.tsx
+src/Common/EmptyState/EmptyState.tsx
+src/Common/EmptyState/GenericEmptyState.tsx
+src/Common/Error.tsx
+src/Common/ErrorScreenNotFound.tsx
+src/Common/Grid/Grid.tsx
+src/Common/Helper.tsx
+src/Common/Hooks/UseClickOutside/UseClickOutside.tsx
+src/Common/Hooks/UseSuperAdmin/UseSuperAdmin.tsx
+src/Common/Hooks/UseWindowSize/UseWindowSize.tsx
+src/Common/ImageTags.Types.ts
+src/Common/ImageTags.tsx
+src/Common/InfoColorBar/InfoColourbar.tsx
+src/Common/Modals/Modal.tsx
+src/Common/Modals/OpaqueModal.tsx
+src/Common/Modals/VisibleModal.tsx
+src/Common/Modals/VisibleModal2.tsx
+src/Common/MultiSelectCustomization.tsx
+src/Common/Policy.Types.ts
+src/Common/PopupMenu.tsx
+src/Common/Progressing.tsx
+src/Common/RJSF/Form.tsx
+src/Common/RJSF/common/FieldRow.tsx
+src/Common/RJSF/config.ts
+src/Common/RJSF/templates/ArrayFieldItemTemplate.tsx
+src/Common/RJSF/templates/ArrayFieldTemplate.tsx
+src/Common/RJSF/templates/BaseInput.tsx
+src/Common/RJSF/templates/ButtonTemplates/AddButton.tsx
+src/Common/RJSF/templates/ButtonTemplates/RemoveButton.tsx
+src/Common/RJSF/templates/ButtonTemplates/SubmitButton.tsx
+src/Common/RJSF/templates/Description.tsx
+src/Common/RJSF/templates/Field.tsx
+src/Common/RJSF/templates/FieldErrorTemplate.tsx
+src/Common/RJSF/templates/ObjectFieldTemplate.tsx
+src/Common/RJSF/templates/TitleField.tsx
+src/Common/RJSF/templates/WrapIfAdditionalTemplate.tsx
+src/Common/RJSF/utils.ts
+src/Common/RJSF/widgets/Checkbox.tsx
+src/Common/RJSF/widgets/Select.tsx
+src/Common/RadioGroup.tsx
+src/Common/RadioGroup/RadioGroup.tsx
+src/Common/Reload.tsx
+src/Common/ResizableTextarea.tsx
+src/Common/Security/ScanVulnerabilitiesTable.tsx
+src/Common/ServerError.ts
+src/Common/TippyCustomized.tsx
+src/Common/ToastBody.tsx
+src/Common/Toggle/Toggle.tsx
+src/Common/Types.ts
+src/custom.d.ts
+src/index.ts

package/.eslintrc.js

@@ -1,41 +1,109 @@
 module.exports = {
     parser: '@typescript-eslint/parser',
-    plugins: ['@typescript-eslint'],
+    plugins: ['@typescript-eslint', 'react', 'prettier'],
     env: {
-        commonjs: true,
         browser: true,
-        es6: true,
+        es2021: true,
     },
     parserOptions: {
-        ecmaVersion: 2018,
+        ecmaVersion: 2021,
         sourceType: 'module',
         ecmaFeatures: {
             jsx: true,
         },
         project: ['./tsconfig.json'],
     },
+    globals: {
+        JSX: true,
+    },
+    extends: [
+        'eslint:recommended',
+        'plugin:react/recommended',
+        'plugin:react/jsx-runtime',
+        'plugin:@typescript-eslint/eslint-recommended',
+        'airbnb',
+        'airbnb/hooks',
+        'prettier',
+    ],
     rules: {
+        'prettier/prettier': ['error'],
+        'linebreak-style': ['error', 'unix'],
+        'no-console': 'warn',
         'no-var': 'error',
         'no-duplicate-imports': 'error',
+        'no-shadow': 'off',
+        '@typescript-eslint/no-shadow': 'warn',
         '@typescript-eslint/explicit-function-return-type': 'off',
-        '@typescript-eslint/no-explicit-any': 'off',
-        '@typescript-eslint/no-use-before-define': 'off',
         '@typescript-eslint/explicit-member-accessibility': 'off',
-        curly: [2, 'all'],
-        'keyword-spacing': 'error',
-        'prettier/prettier': ['error', { semi: false }],
+        // Since we are using typescript, we can disable the no-unused-vars rule for enum,etc
+        'no-unused-vars': 'off',
+        '@typescript-eslint/no-unused-vars': 'error',
+        'react/jsx-filename-extension': [
+            'error',
+            {
+                extensions: ['tsx'],
+            },
+        ],
+        'react/jsx-props-no-spreading': 'off',
+        'react/prefer-stateless-function': 'off',
+        'jsx-a11y/click-events-have-key-events': 'off',
+        'jsx-a11y/no-static-element-interactions': 'off',
+        'jsx-a11y/no-noninteractive-element-interactions': 'off',
+        'no-underscore-dangle': 'off',
+        'import/no-extraneous-dependencies': [
+            'warn',
+            {
+                devDependencies: true,
+            },
+        ],
+        'no-plusplus': [
+            'error',
+            {
+                allowForLoopAfterthoughts: true,
+            },
+        ],
+        // Since we dont use prop-types, we can disable this rule
+        'react/require-default-props': 'off',
+        'react-hooks/exhaustive-deps': 'off',
+        'react/function-component-definition': [
+            'warn',
+            {
+                namedComponents: 'arrow-function',
+                unnamedComponents: 'arrow-function',
+            },
+        ],
+        'react/jsx-uses-react': 'off',
+        'react/react-in-jsx-scope': 'off',
+        // additional rules:
+        '@typescript-eslint/no-floating-promises': 'error',
+        'import/extensions': [
+            'warn',
+            'ignorePackages',
+            {
+                js: 'never',
+                jsx: 'never',
+                ts: 'never',
+                tsx: 'never',
+            },
+        ],
     },
-    extends: [
-        'eslint:recommended',
-        'plugin:@typescript-eslint/eslint-recommended',
-        'plugin:@typescript-eslint/recommended',
-        'prettier/@typescript-eslint',
-        'plugin:prettier/recommended',
-        'plugin:react/recommended',
+    overrides: [
+        {
+            files: ['*.ts', '*.tsx'],
+            rules: {
+                'no-undef': 'off',
+            },
+        },
     ],
     settings: {
         react: {
             version: 'detect',
         },
+        'import/resolver': {
+            node: {
+                moduleDirectory: ['src', 'node_modules'],
+                extensions: ['.js', '.jsx', '.ts', '.tsx'],
+            },
+        },
     },
 }

package/.github/pull_request_template.md

@@ -0,0 +1,25 @@
+# Description
+
+Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
+
+## Type of change
+
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- [ ] This change requires a documentation update
+
+## How Has This Been Tested?
+
+Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration
+
+- [ ] Test A
+- [ ] Test B
+
+## Checklist
+
+- [ ] The title of the PR states what changed and the related issues number (used for the release note).
+- [ ] Does this PR require documentation updates?
+- [ ] I've updated documentation as required by this PR.
+- [ ] I have performed a self-review of my own code
+- [ ] I have commented my code, particularly in hard-to-understand areas

package/.github/workflows/ci.yml

@@ -0,0 +1,31 @@
+name: Common Lib CI
+
+on:
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - edited
+      - reopened
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v3
+
+    - name: Use Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Check linting issues
+      run: npm run lint
+
+    - name: Build Lib
+      run: npm run build-lib

package/.github/workflows/release-package.yml

@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version-file: '.nvmrc'
       - run: npm ci
       - run: npm test
 
@@ -25,7 +25,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version-file: '.nvmrc'
           registry-url: https://npm.pkg.github.com/
       - run: npm ci
       - run: npm run build-lib
@@ -46,4 +46,3 @@ jobs:
       - run: npm publish --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-

package/.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx tsc --noEmit
+npm run lint-staged

package/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+    "*.{js,jsx,ts,tsx}": ["npx eslint"]
+}

package/.nvmrc

@@ -0,0 +1 @@
+v16.13.0

package/dist/index.js

@@ -274,7 +274,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -377,7 +377,12 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var ServerError = /** @class */ (function () {
     function ServerError(error) {
@@ -19608,14 +19613,14 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-function _typeof(obj) {
+function _typeof(o) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
 
 function _classCallCheck(instance, Constructor) {
@@ -19624,20 +19629,20 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 
 function _defineProperties(target, props) {
@@ -19646,7 +19651,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -19684,7 +19689,7 @@ function _inherits(subClass, superClass) {
 }
 
 function _defineProperty$1(obj, key, value) {
-  key = _toPropertyKey(key);
+  key = toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -21242,31 +21247,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 

package/package.json

@@ -1,12 +1,16 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.52",
+    "version": "0.0.53",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {
+        "prepare": "node -e \"try { require('husky').install() } catch (e) {}\"",
+        "lint": "tsc --noEmit && eslint 'src/**/*.{js,jsx,ts,tsx}' --max-warnings 0",
+        "lint-fix": "eslint 'src/**/*.{js,jsx,ts,tsx}' --fix",
         "test": "exit 0",
         "build-lib": "rollup -c --bundleConfigAsCjs",
-        "build-watch": "rollup -c --bundleConfigAsCjs -w"
+        "build-watch": "rollup -c --bundleConfigAsCjs -w",
+        "lint-staged": "lint-staged"
     },
     "repository": {
         "type": "git",
@@ -30,7 +34,20 @@
         "@types/react": "17.0.39",
         "@types/react-dom": "17.0.13",
         "@types/react-router-dom": "^5.3.3",
+        "@typescript-eslint/eslint-plugin": "^6.17.0",
+        "@typescript-eslint/parser": "^6.17.0",
+        "eslint": "^8.56.0",
+        "eslint-config-airbnb": "^19.0.4",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-import": "^2.29.1",
+        "eslint-plugin-jsx-a11y": "^6.8.0",
+        "eslint-plugin-prettier": "^5.1.2",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "husky": "^7.0.4",
+        "lint-staged": "^12.5.0",
         "moment": "^2.29.4",
+        "prettier": "^3.1.1",
         "react-select": "5.2.2",
         "react-toastify": "^8.2.0",
         "rollup": "^3.10.0",