IBX-9135:[ALW] grayed out effect issue

ibexa · Oct 30, 2024 · 7fa287c · 7fa287c
1 parent cd4176a
commit 7fa287c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/bundle/ui-dev/src/modules/common/popup/popup.component.js b/src/bundle/ui-dev/src/modules/common/popup/popup.component.js
@@ -62,6 +62,7 @@ const Popup = ({
     });
     const closeBtnLabel = Translator.trans(/*@Desc("Close")*/ 'popup.close.label', {}, 'ibexa_universal_discovery_widget');
     const hidePopup = () => {
+        modalRef.current.removeEventListener('hidden.bs.modal', onClose);
         bootstrap.Modal.getOrCreateInstance(modalRef.current).hide();
         rootDOMElement.classList.remove(CLASS_MODAL_OPEN, CLASS_NON_SCROLLABLE);
     };
@@ -79,10 +80,13 @@ const Popup = ({
 
         bootstrapModal.show();
     };
-    const handleOnClick = (event, onClick) => {
+    const handleOnClick = (event, onClick, preventClose) => {
         modalRef.current.removeEventListener('hidden.bs.modal', onClose);
-        hidePopup();
-        onClick(event);
+        if (!preventClose) {
+            hidePopup();
+        }
+
+        onClick(event, hidePopup);
     };
     const renderCloseBtn = () => {
         if (noCloseBtn) {
@@ -119,12 +123,12 @@ const Popup = ({
                           )}
                     <div className="modal-body c-popup__body">{children}</div>
                     <div className="modal-footer c-popup__footer">
-                        {actionBtnsConfig.map(({ className, onClick, disabled = false, label, ...extraProps }) => (
+                        {actionBtnsConfig.map(({ className, onClick, disabled = false, preventClose = false, label, ...extraProps }) => (
                             <button
                                 key={label}
                                 type="button"
                                 className={`btn ibexa-btn ${className}`}
-                                onClick={onClick ? (event) => handleOnClick(event, onClick) : hidePopup}
+                                onClick={onClick ? (event) => handleOnClick(event, onClick, preventClose) : hidePopup}
                                 disabled={disabled}
                                 {...extraProps}
                             >
@@ -145,6 +149,7 @@ Popup.propTypes = {
             onClick: PropTypes.func,
             disabled: PropTypes.bool,
             className: PropTypes.string,
+            preventClose: PropTypes.bool,
         }),
     ).isRequired,
     children: PropTypes.node.isRequired,

diff --git a/src/bundle/ui-dev/src/modules/common/spinner/spinner.js b/src/bundle/ui-dev/src/modules/common/spinner/spinner.js
@@ -6,7 +6,7 @@ import { createCssClassNames } from '@ibexa-admin-ui/src/bundle/ui-dev/src/modul
 export const SIZES = {
     SMALL: 'small',
     MEDIUM: 'medium',
-    SIZES: 'large',
+    LARGE: 'large',
 };
 
 const Spinner = ({ size }) => {