@devtron-labs/devtron-fe-common-lib 0.0.59-beta-12 → 0.0.59-beta-14

package/dist/index.js

@@ -29030,7 +29030,7 @@ var Footer = function (_a) {
         return BUILD_INFRA_TEXT.SAVE_SUBMIT;
     };
     var renderTippy = function (children) { return (jsxRuntime.jsx(Tippy, __assign({ content: disableMessage, placement: "top", className: "default-tt", arrow: false }, { children: children }))); };
-    return (jsxRuntime.jsxs("div", __assign({ className: "flex pl pr pb pt h-64 dc__gap-12 dc__border-top dc__content-start" }, { children: [jsxRuntime.jsx(ConditionalWrap, __assign({ condition: disabled || loading, wrap: renderTippy }, { children: jsxRuntime.jsx("div", __assign({ className: "flexbox dc__align-items-center" }, { children: jsxRuntime.jsx("button", __assign({ type: "submit", className: "cta submit h-32 flex", disabled: disabled || loading, "data-testid": BUILD_INFRA_TEST_IDS.SUBMIT_BUTTON }, { children: loading ? jsxRuntime.jsx(Progressing, { size: 16 }) : getButtonText() })) })) })), handleCancel && (jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel h-32 flex", "data-testid": BUILD_INFRA_TEST_IDS.CANCEL_BUTTON, onClick: handleCancel }, { children: BUILD_INFRA_TEXT.EDIT_CANCEL })))] })));
+    return (jsxRuntime.jsxs("div", __assign({ className: "flex pl pr pb pt h-64 dc__gap-12 dc__border-top dc__content-start" }, { children: [jsxRuntime.jsx(ConditionalWrap, __assign({ condition: disabled || loading, wrap: renderTippy }, { children: jsxRuntime.jsx("div", __assign({ className: "flexbox dc__align-items-center" }, { children: jsxRuntime.jsx("button", __assign({ type: "submit", className: "cta submit h-32 flex", disabled: disabled || loading, "data-testid": BUILD_INFRA_TEST_IDS.SUBMIT_BUTTON }, { children: loading ? jsxRuntime.jsx(Progressing, { size: 16 }) : getButtonText() })) })) })), handleCancel && (jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel h-32 flex", disabled: loading, "data-testid": BUILD_INFRA_TEST_IDS.CANCEL_BUTTON, onClick: handleCancel }, { children: BUILD_INFRA_TEXT.EDIT_CANCEL })))] })));
 };
 
 var getBaseProfileObject = function (fromCreateView, profile) {
@@ -29352,7 +29352,7 @@ var BulkSelectionProvider = function (_a) {
             };
         }
         // if all the identifiers are selected then CHECKED else intermediate
-        var areAllPresentIdentifiersSelected = selectedIdentifiersArray.every(function (identifierId) { return identifiers[identifierId]; });
+        var areAllPresentIdentifiersSelected = Object.keys(identifiers).every(function (identifierId) { return selectedIdentifiers[identifierId]; });
         if (areAllPresentIdentifiersSelected) {
             return {
                 isChecked: true,
@@ -29480,7 +29480,7 @@ var BulkSelection = function (_a) {
             },
         ]
         : [])), false);
-    return (jsxRuntime.jsxs(PopupMenu, __assign({ autoClose: true }, { children: [jsxRuntime.jsxs(PopupMenu.Button, __assign({ isKebab: true, rootClassName: "h-20 flexbox p-0 dc__no-background dc__no-border dc__outline-none-imp", dataTestId: BULK_DROPDOWN_TEST_ID }, { children: [jsxRuntime.jsx(Checkbox$1, { isChecked: isChecked, onChange: noop$1, rootClassName: "icon-dim-20", value: checkboxValue }), jsxRuntime.jsx(SvgIcChevronDown, { className: "icon-dim-20 icon-n6" })] })), jsxRuntime.jsx(PopupMenu.Body, __assign({ rootClassName: "dc__top-22 w-150 dc__right-0 pt-4 pb-4 pl-0 pr-0 bcn-0 flex column dc__content-start dc__align-start dc__position-abs bcn-0 dc__border dc__border-radius-4-imp" }, { children: BulkSelectionItems.map(function (item) { return (jsxRuntime.jsx(BulkSelectionDropdownItems, { locator: item.locator, label: item.label, isSelected: item.isSelected, icon: item.icon, handleBulkSelection: handleBulkSelection }, item.locator)); }) }))] })));
+    return (jsxRuntime.jsxs(PopupMenu, __assign({ autoClose: true }, { children: [jsxRuntime.jsxs(PopupMenu.Button, __assign({ isKebab: true, rootClassName: "h-20 flexbox p-0 dc__no-background dc__no-border dc__outline-none-imp", dataTestId: BULK_DROPDOWN_TEST_ID }, { children: [jsxRuntime.jsx(Checkbox$1, { isChecked: isChecked, onChange: noop$1, rootClassName: "icon-dim-20 m-0", value: checkboxValue }), jsxRuntime.jsx(SvgIcChevronDown, { className: "icon-dim-20 fcn-6 dc__no-shrink" })] })), jsxRuntime.jsx(PopupMenu.Body, __assign({ rootClassName: "dc__top-22 w-150 dc__right-0 pt-4 pb-4 pl-0 pr-0 bcn-0 flex column dc__content-start dc__align-start dc__position-abs bcn-0 dc__border dc__border-radius-4-imp" }, { children: BulkSelectionItems.map(function (item) { return (jsxRuntime.jsx(BulkSelectionDropdownItems, { locator: item.locator, label: item.label, isSelected: item.isSelected, icon: item.icon, handleBulkSelection: handleBulkSelection }, item.locator)); }) }))] })));
 };
 
 var MESSAGES = {

package/package.json

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

package/src/Pages/GlobalConfigurations/BuildInfra/Footer.tsx

@@ -42,6 +42,7 @@ const Footer: FunctionComponent<FooterProps> = ({ disabled, handleCancel, editPr
                 <button
                     type="button"
                     className="cta cancel h-32 flex"
+                    disabled={loading}
                     data-testid={BUILD_INFRA_TEST_IDS.CANCEL_BUTTON}
                     onClick={handleCancel}
                 >

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

@@ -50,12 +50,12 @@ const BulkSelection = <T,>({ showPagination }: BulkSelectionProps) => {
                 <Checkbox
                     isChecked={isChecked}
                     onChange={noop}
-                    rootClassName="icon-dim-20"
+                    rootClassName="icon-dim-20 m-0"
                     value={checkboxValue}
                     // Ideally should be disabled but was giving issue with cursor
                 />
 
-                <ICChevronDown className="icon-dim-20 icon-n6" />
+                <ICChevronDown className="icon-dim-20 fcn-6 dc__no-shrink" />
             </PopupMenu.Button>
 
             <PopupMenu.Body rootClassName="dc__top-22 w-150 dc__right-0 pt-4 pb-4 pl-0 pr-0 bcn-0 flex column dc__content-start dc__align-start dc__position-abs bcn-0 dc__border dc__border-radius-4-imp">

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

@@ -127,8 +127,8 @@ export const BulkSelectionProvider = <T,>({
         }
 
         // if all the identifiers are selected then CHECKED else intermediate
-        const areAllPresentIdentifiersSelected = selectedIdentifiersArray.every(
-            (identifierId) => identifiers[identifierId],
+        const areAllPresentIdentifiersSelected = Object.keys(identifiers).every(
+            (identifierId) => selectedIdentifiers[identifierId],
         )
 
         if (areAllPresentIdentifiersSelected) {