@devtron-labs/devtron-fe-common-lib 0.0.61-beta-1 → 0.0.61-beta-3

package/dist/index.js

@@ -29032,6 +29032,8 @@ var useBulkSelection = function () {
 var BulkSelectionProvider = function (_a) {
     var children = _a.children, identifiers = _a.identifiers, getSelectAllDialogStatus = _a.getSelectAllDialogStatus;
     var _b = __read(React.useState({}), 2), selectedIdentifiers = _b[0], setSelectedIdentifiers = _b[1];
+    var isBulkSelectionApplied = selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR];
+    var getSelectedIdentifiersCount = function () { return Object.keys(selectedIdentifiers).length; };
     var setIdentifiersAfterClear = function (newIdentifiers, selectedIds) {
         var _newIdentifiers = JSON.parse(JSON.stringify(newIdentifiers));
         selectedIds.forEach(function (id) {
@@ -29042,7 +29044,7 @@ var BulkSelectionProvider = function (_a) {
     var setIdentifiersAfterPageSelection = function (baseObject) {
         var _selectedIdentifiers = JSON.parse(JSON.stringify(selectedIdentifiers));
         // removing bulk selection across pages if present
-        if (_selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
+        if (isBulkSelectionApplied) {
             delete _selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR];
         }
         setSelectedIdentifiers(__assign(__assign({}, _selectedIdentifiers), baseObject));
@@ -29066,10 +29068,10 @@ var BulkSelectionProvider = function (_a) {
                 break;
             }
             case exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES: {
-                if (selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
+                if (isBulkSelectionApplied) {
                     return;
                 }
-                var selectedIdentifiersLength = Object.keys(selectedIdentifiers).length;
+                var selectedIdentifiersLength = getSelectedIdentifiersCount();
                 // This is for showing a modal dialog if applicable to confirm if bulk selection is to be applied
                 // Do note that the 'getSelectAllDialogStatus' should be called after the length check explicitly
                 // otherwise the modal will open each time
@@ -29107,7 +29109,7 @@ var BulkSelectionProvider = function (_a) {
             };
         }
         // if selectedIdentifiers contains select all across pages locator then it means all are selected
-        if (selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
+        if (isBulkSelectionApplied) {
             return {
                 isChecked: true,
                 checkboxValue: exports.CHECKBOX_VALUE.BULK_CHECKED,
@@ -29132,7 +29134,9 @@ var BulkSelectionProvider = function (_a) {
         handleBulkSelection: handleBulkSelection,
         isChecked: isChecked,
         checkboxValue: checkboxValue,
-    }); }, [selectedIdentifiers, handleBulkSelection, isChecked, checkboxValue]);
+        isBulkSelectionApplied: isBulkSelectionApplied,
+        getSelectedIdentifiersCount: getSelectedIdentifiersCount,
+    }); }, [selectedIdentifiers, handleBulkSelection, isChecked, checkboxValue, getSelectedIdentifiersCount]);
     return jsxRuntime.jsx(BulkSelectionContext.Provider, __assign({ value: value }, { children: children }));
 };
 

package/package.json

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

package/src/Shared/Components/BulkSelection/BulkSelectionProvider.tsx

@@ -33,6 +33,10 @@ export const BulkSelectionProvider = <T,>({
 }: UseBulkSelectionProps<T>) => {
     const [selectedIdentifiers, setSelectedIdentifiers] = useState<T>({} as T)
 
+    const isBulkSelectionApplied = selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]
+
+    const getSelectedIdentifiersCount = () => Object.keys(selectedIdentifiers).length
+
     const setIdentifiersAfterClear = (newIdentifiers: T, selectedIds: (number | string)[]) => {
         const _newIdentifiers = JSON.parse(JSON.stringify(newIdentifiers))
         selectedIds.forEach((id) => {
@@ -44,7 +48,7 @@ export const BulkSelectionProvider = <T,>({
     const setIdentifiersAfterPageSelection = (baseObject: T) => {
         const _selectedIdentifiers = JSON.parse(JSON.stringify(selectedIdentifiers))
         // removing bulk selection across pages if present
-        if (_selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
+        if (isBulkSelectionApplied) {
             delete _selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]
         }
 
@@ -74,10 +78,10 @@ export const BulkSelectionProvider = <T,>({
             }
 
             case BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES: {
-                if (selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
+                if (isBulkSelectionApplied) {
                     return
                 }
-                const selectedIdentifiersLength = Object.keys(selectedIdentifiers).length
+                const selectedIdentifiersLength = getSelectedIdentifiersCount()
                 // This is for showing a modal dialog if applicable to confirm if bulk selection is to be applied
                 // Do note that the 'getSelectAllDialogStatus' should be called after the length check explicitly
                 // otherwise the modal will open each time
@@ -122,7 +126,7 @@ export const BulkSelectionProvider = <T,>({
         }
 
         // if selectedIdentifiers contains select all across pages locator then it means all are selected
-        if (selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
+        if (isBulkSelectionApplied) {
             return {
                 isChecked: true,
                 checkboxValue: CHECKBOX_VALUE.BULK_CHECKED,
@@ -155,8 +159,10 @@ export const BulkSelectionProvider = <T,>({
             handleBulkSelection,
             isChecked,
             checkboxValue,
+            isBulkSelectionApplied,
+            getSelectedIdentifiersCount,
         }),
-        [selectedIdentifiers, handleBulkSelection, isChecked, checkboxValue],
+        [selectedIdentifiers, handleBulkSelection, isChecked, checkboxValue, getSelectedIdentifiersCount],
     )
 
     return <BulkSelectionContext.Provider value={value}>{children}</BulkSelectionContext.Provider>