@devtron-labs/devtron-fe-common-lib 0.0.7-beta-33 → 0.0.7-beta-35

package/dist/index.js

@@ -3,7 +3,6 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var ReactDOM = require('react-dom');
-var reactRouter = require('react-router');
 var reactRouterDom = require('react-router-dom');
 
 function _interopNamespaceDefault(e) {
@@ -1966,9 +1965,9 @@ function GenericEmptyState(_a) {
 }
 
 function ErrorScreenNotFound() {
-    var history = reactRouter.useHistory();
+    var push = reactRouterDom.useHistory().push;
     var redirectToHome = function () {
-        history.push('app/list');
+        push('/app/list');
     };
     var renderGenerateButton = function () {
         return (jsxRuntime.jsx("button", __assign({ className: "flex cta h-32", onClick: redirectToHome, "data-testid": "empty-screen-take-me-home" }, { children: ERROR_EMPTY_SCREEN.TAKE_BACK_HOME })));
@@ -16415,7 +16414,7 @@ var Checkbox = /** @class */ (function (_super) {
     Checkbox.prototype.render = function () {
         var _a;
         var rootClassName = "".concat(this.props.rootClassName ? this.props.rootClassName : '');
-        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("label", __assign({ className: "dc__position-rel flex left cursor ".concat(rootClassName), onClick: (_a = this.props) === null || _a === void 0 ? void 0 : _a.onClick }, { children: [jsxRuntime.jsx("input", { type: "checkbox", className: 'form__checkbox', disabled: this.props.disabled, value: this.props.value, onChange: this.props.onChange, tabIndex: this.props.tabIndex, checked: this.props.isChecked, id: this.props.id, "data-testid": this.props.dataTestId }), jsxRuntime.jsx("span", { className: "form__checkbox-container" }), jsxRuntime.jsx("span", __assign({ className: "form__checkbox-label" }, { children: this.props.children }))] })) }));
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("label", __assign({ className: "dc__position-rel flex left cursor ".concat(rootClassName), onClick: (_a = this.props) === null || _a === void 0 ? void 0 : _a.onClick }, { children: [jsxRuntime.jsx("input", { type: "checkbox", className: 'form__checkbox', disabled: this.props.disabled, value: this.props.value, onChange: this.props.onChange, tabIndex: this.props.tabIndex, checked: this.props.isChecked, id: this.props.id, "data-testid": this.props.dataTestId }), jsxRuntime.jsx("span", { className: "form__checkbox-container", "data-testid": "".concat(this.props.dataTestId, "-chk-span") }), jsxRuntime.jsx("span", __assign({ className: "form__checkbox-label" }, { children: this.props.children }))] })) }));
     };
     return Checkbox;
 }(React.Component));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.7-beta-33",
+    "version": "0.0.7-beta-35",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/Checkbox.tsx

@@ -27,7 +27,7 @@ export class Checkbox extends Component<CheckboxProps> {
                         id={this.props.id}
                         data-testid={this.props.dataTestId}
                     />
-                    <span className="form__checkbox-container"></span>
+                    <span className="form__checkbox-container" data-testid={`${this.props.dataTestId}-chk-span`}></span>
                     <span className={`form__checkbox-label`}>{this.props.children}</span>
                 </label>
             </>

package/src/Common/ErrorScreenNotFound.tsx

@@ -1,13 +1,13 @@
 import React from 'react'
 import notFound from '../Assets/Img/ic-empty-error@2x.png'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import { ERROR_EMPTY_SCREEN } from './Constants'
 import GenericEmptyState from './EmptyState/GenericEmptyState'
 
 function ErrorScreenNotFound() {
-    const history = useHistory()
+    const {push} = useHistory()
     const redirectToHome = () => {
-        history.push('app/list')
+        push('/app/list')
     }
     const renderGenerateButton = () => {
         return (