feat: table in RB

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.16.0-pre-5",
+    "version": "1.16.0-pre-6",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

src/Common/Checkbox/Checkbox.tsx

@@ -14,6 +14,10 @@
  * limitations under the License.
  */
 
+import { forwardRef } from 'react'
+
+import { stopPropagation } from '@Common/Helper'
+
 import { CheckboxProps } from '../Types'
 
 import './Checkbox.scss'
@@ -28,38 +32,32 @@ Valid States of Checkbox:
 6. disabled: false, checked: true,  value: CHECKED
 */
 // TODO: Associate label with input element
-export const Checkbox = ({
-    rootClassName,
-    onClick,
-    name,
-    disabled,
-    value,
-    onChange,
-    tabIndex,
-    isChecked,
-    id,
-    dataTestId,
-    children,
-}: CheckboxProps) => {
-    const rootClass = `${rootClassName || ''}`
+export const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(
+    (
+        { rootClassName, onClick, name, disabled, value, onChange, tabIndex, isChecked, id, dataTestId, children },
+        forwardedRef,
+    ) => {
+        const rootClass = `${rootClassName || ''}`
 
-    return (
-        // eslint-disable-next-line jsx-a11y/label-has-associated-control
-        <label className={`dc__position-rel flex left cursor ${rootClass}`} onClick={onClick}>
-            <input
-                {...(name ? { name } : {})}
-                type="checkbox"
-                className="form__checkbox"
-                disabled={disabled}
-                value={value}
-                onChange={onChange}
-                tabIndex={tabIndex}
-                checked={isChecked}
-                id={id}
-                data-testid={dataTestId}
-            />
-            <span className="form__checkbox-container" data-testid={`${dataTestId}-chk-span`} />
-            <span className="form__checkbox-label">{children}</span>
-        </label>
-    )
-}
+        return (
+            // eslint-disable-next-line jsx-a11y/label-has-associated-control
+            <label ref={forwardedRef} className={`dc__position-rel flex left cursor ${rootClass}`} onClick={onClick}>
+                <input
+                    {...(name ? { name } : {})}
+                    type="checkbox"
+                    className="form__checkbox"
+                    disabled={disabled}
+                    value={value}
+                    onChange={onChange}
+                    tabIndex={tabIndex}
+                    checked={isChecked}
+                    id={id}
+                    data-testid={dataTestId}
+                    onClick={stopPropagation}
+                />
+                <span className="form__checkbox-container" data-testid={`${dataTestId}-chk-span`} />
+                <span className="form__checkbox-label">{children}</span>
+            </label>
+        )
+    },
+)

src/Common/Constants.ts

@@ -86,6 +86,7 @@ export const URLS = {
     // NOTE: using appId since we are re-using AppConfig component
     GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: `${GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP}/detail/:appId`,
     LICENSE_AUTH: '/license-auth',
+    GLOBAL_CONFIG_EDIT_CLUSTER: '/global-config/cluster-env/edit/:clusterId',
 } as const
 
 export const ROUTES = {
@@ -381,6 +382,7 @@ export const API_STATUS_CODES = {
     NOT_FOUND: 404,
     REQUEST_TIMEOUT: 408,
     CONFLICT: 409,
+    PRE_CONDITION_FAILED: 412,
     EXPECTATION_FAILED: 417,
     UNPROCESSABLE_ENTITY: 422,
     LOCKED: 423,