5e187b29fcfc1e4b3271780ee8e7d6ef927a3115 Fix: Bootstrap 5 when used with ES imports wasn't displaying the modal

21e117df88ad9bae25d171c489d0deed607a3630 Typescript: Add `DataTable.Responsive.bootstrap()` function to register bootstrap
Typescript: Correct modal type for display rendering

3437e04e17a24a243c2a3d9358f2c75027406d0b Release 3.0.1

Sync to source repo @3437e04e17a24a243c2a3d9358f2c75027406d0b

Author: dtbuild

datatables.json

@@ -14,5 +14,5 @@
     ],
     "src-repo": "http://github.com/DataTables/Responsive",
     "last-tag": "3.0.0",
-    "last-sync": "b573bda4df13a0f02100410c3cfbd24b5a26355a"
+    "last-sync": "3437e04e17a24a243c2a3d9358f2c75027406d0b"
 }

js/responsive.bootstrap5.js

@@ -79,12 +79,12 @@ DataTable.Responsive.bootstrap = function (bs) {
 };
 
 _display.modal = function (options) {
-	if (!modal) {
+	if (!modal && _bs.Modal) {
 		modal = new _bs.Modal(_modal[0]);
 	}
 
 	return function (row, update, render, closeCallback) {
-		if (!$.fn.modal) {
+		if (! modal) {
 			return _original(row, update, render, closeCallback);
 		}
 		else {
@@ -110,8 +110,7 @@ _display.modal = function (options) {
 				_modal
 					.data('dtr-row-idx', row.index())
 					.one('hidden.bs.modal', closeCallback)
-					.appendTo('body')
-					.modal();
+					.appendTo('body');
 
 				modal.show();
 			}

js/responsive.bootstrap5.min.js

@@ -1,4 +1,4 @@
 /*! Bootstrap 5 integration for DataTables' Responsive
  * © SpryMedia Ltd - datatables.net/license
  */
-import jQuery from"jquery";import DataTable from"datatables.net-bs5";import Responsive from"datatables.net-responsive";let $=jQuery;var modal,_display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"/></div></div></div>'),_bs=window.bootstrap;DataTable.Responsive.bootstrap=function(a){_bs=a},_display.modal=function(n){return modal=modal||new _bs.Modal(_modal[0]),function(a,d,o,e){if($.fn.modal){var l,t,i=o();if(!1===i)return!1;if(d){if(!$.contains(document,_modal[0])||a.index()!==_modal.data("dtr-row-idx"))return null;_modal.find("div.modal-body").empty().append(i)}else n&&n.header&&(t=(l=_modal.find("div.modal-header")).find("button").detach(),l.empty().append('<h4 class="modal-title">'+n.header(a)+"</h4>").append(t)),_modal.find("div.modal-body").empty().append(i),_modal.data("dtr-row-idx",a.index()).one("hidden.bs.modal",e).appendTo("body").modal(),modal.show();return!0}return _original(a,d,o,e)}};export default DataTable;
+import jQuery from"jquery";import DataTable from"datatables.net-bs5";import Responsive from"datatables.net-responsive";let $=jQuery;var modal,_display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"/></div></div></div>'),_bs=window.bootstrap;DataTable.Responsive.bootstrap=function(a){_bs=a},_display.modal=function(n){return!modal&&_bs.Modal&&(modal=new _bs.Modal(_modal[0])),function(a,d,o,e){if(modal){var l,t,i=o();if(!1===i)return!1;if(d){if(!$.contains(document,_modal[0])||a.index()!==_modal.data("dtr-row-idx"))return null;_modal.find("div.modal-body").empty().append(i)}else n&&n.header&&(t=(l=_modal.find("div.modal-header")).find("button").detach(),l.empty().append('<h4 class="modal-title">'+n.header(a)+"</h4>").append(t)),_modal.find("div.modal-body").empty().append(i),_modal.data("dtr-row-idx",a.index()).one("hidden.bs.modal",e).appendTo("body"),modal.show();return!0}return _original(a,d,o,e)}};export default DataTable;

js/responsive.bootstrap5.min.mjs

@@ -36,12 +36,12 @@ DataTable.Responsive.bootstrap = function (bs) {
 };
 
 _display.modal = function (options) {
-	if (!modal) {
+	if (!modal && _bs.Modal) {
 		modal = new _bs.Modal(_modal[0]);
 	}
 
 	return function (row, update, render, closeCallback) {
-		if (!$.fn.modal) {
+		if (! modal) {
 			return _original(row, update, render, closeCallback);
 		}
 		else {
@@ -67,8 +67,7 @@ _display.modal = function (options) {
 				_modal
 					.data('dtr-row-idx', row.index())
 					.one('hidden.bs.modal', closeCallback)
-					.appendTo('body')
-					.modal();
+					.appendTo('body');
 
 				modal.show();
 			}