magicbean-saas-common/src/core/helpers/dom.ts

MagicBean SasS Common Components

import { Modal } from "bootstrap";

const hideModal = (modalEl: HTMLElement | null): void => {
  if (!modalEl) {
    return;
  }

  const myModal = Modal.getInstance(modalEl);
  myModal.hide();
};

const modalHideListener = (modalEl: HTMLElement | null, callback): void => {
  if (!modalEl) {
    return;
  }
  modalEl.addEventListener("hide.bs.modal", callback);
};

const removeModalBackdrop = (): void => {
  if (document.querySelectorAll(".modal-backdrop.fade.show").length) {
    document.querySelectorAll(".modal-backdrop.fade.show").forEach((item) => {
      item.remove();
    });
  }
};

export { removeModalBackdrop, hideModal, modalHideListener };