@ministryofjustice/frontend 3.5.0 → 3.6.1

package/moj/components/filter-toggle-button/filter-toggle-button.js

@@ -1,122 +1,101 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.MOJFrontend = factory());
-})(this, (function () { 'use strict';
-
-	function getDefaultExportFromCjs (x) {
-		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-	}
-
-	var _global_window_jQuery = window.jQuery;
-
-	var filterToggleButton$1;
-	var hasRequiredFilterToggleButton;
-
-	function requireFilterToggleButton () {
-		if (hasRequiredFilterToggleButton) return filterToggleButton$1;
-		hasRequiredFilterToggleButton = 1;
-		const $ = _global_window_jQuery;
-
-		function FilterToggleButton(options) {
-		  this.options = options;
-		  this.container = $(this.options.toggleButton.container);
-		  this.filterContainer = $(this.options.filter.container);
-
-		  this.createToggleButton();
-		  this.setupResponsiveChecks();
-		  this.filterContainer.attr('tabindex', '-1');
-		  if (this.options.startHidden) {
-		    this.hideMenu();
-		  }
-		}
-
-		FilterToggleButton.prototype.setupResponsiveChecks = function () {
-		  this.mq = window.matchMedia(this.options.bigModeMediaQuery);
-		  this.mq.addListener($.proxy(this, 'checkMode'));
-		  this.checkMode(this.mq);
-		};
-
-		FilterToggleButton.prototype.createToggleButton = function () {
-		  this.menuButton = $(
-		    `<button class="govuk-button ${this.options.toggleButton.classes}" type="button" aria-haspopup="true" aria-expanded="false">${this.options.toggleButton.showText}</button>`
-		  );
-		  this.menuButton.on('click', $.proxy(this, 'onMenuButtonClick'));
-		  this.container.append(this.menuButton);
-		};
-
-		FilterToggleButton.prototype.checkMode = function (mq) {
-		  if (mq.matches) {
-		    this.enableBigMode();
-		  } else {
-		    this.enableSmallMode();
-		  }
-		};
-
-		FilterToggleButton.prototype.enableBigMode = function () {
-		  this.showMenu();
-		  this.removeCloseButton();
-		};
-
-		FilterToggleButton.prototype.enableSmallMode = function () {
-		  this.hideMenu();
-		  this.addCloseButton();
-		};
-
-		FilterToggleButton.prototype.addCloseButton = function () {
-		  if (this.options.closeButton) {
-		    this.closeButton = $(
-		      `<button class="moj-filter__close" type="button">${this.options.closeButton.text}</button>`
-		    );
-		    this.closeButton.on('click', $.proxy(this, 'onCloseClick'));
-		    $(this.options.closeButton.container).append(this.closeButton);
-		  }
-		};
-
-		FilterToggleButton.prototype.onCloseClick = function () {
-		  this.hideMenu();
-		  this.menuButton.focus();
-		};
-
-		FilterToggleButton.prototype.removeCloseButton = function () {
-		  if (this.closeButton) {
-		    this.closeButton.remove();
-		    this.closeButton = null;
-		  }
-		};
-
-		FilterToggleButton.prototype.hideMenu = function () {
-		  this.menuButton.attr('aria-expanded', 'false');
-		  this.filterContainer.addClass('moj-js-hidden');
-		  this.menuButton.text(this.options.toggleButton.showText);
-		};
-
-		FilterToggleButton.prototype.showMenu = function () {
-		  this.menuButton.attr('aria-expanded', 'true');
-		  this.filterContainer.removeClass('moj-js-hidden');
-		  this.menuButton.text(this.options.toggleButton.hideText);
-		};
-
-		FilterToggleButton.prototype.onMenuButtonClick = function () {
-		  this.toggle();
-		};
-
-		FilterToggleButton.prototype.toggle = function () {
-		  if (this.menuButton.attr('aria-expanded') === 'false') {
-		    this.showMenu();
-		    this.filterContainer.get(0).focus();
-		  } else {
-		    this.hideMenu();
-		  }
-		};
-
-		filterToggleButton$1 = { FilterToggleButton };
-		return filterToggleButton$1;
-	}
-
-	var filterToggleButtonExports = requireFilterToggleButton();
-	var filterToggleButton = /*@__PURE__*/getDefaultExportFromCjs(filterToggleButtonExports);
-
-	return filterToggleButton;
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MOJFrontend = global.MOJFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function FilterToggleButton(options) {
+    this.options = options;
+    this.container = window.jQuery(this.options.toggleButton.container);
+    this.filterContainer = window.jQuery(this.options.filter.container);
+
+    this.createToggleButton();
+    this.setupResponsiveChecks();
+    this.filterContainer.attr('tabindex', '-1');
+    if (this.options.startHidden) {
+      this.hideMenu();
+    }
+  }
+
+  FilterToggleButton.prototype.setupResponsiveChecks = function () {
+    this.mq = window.matchMedia(this.options.bigModeMediaQuery);
+    this.mq.addListener(window.jQuery.proxy(this, 'checkMode'));
+    this.checkMode(this.mq);
+  };
+
+  FilterToggleButton.prototype.createToggleButton = function () {
+    this.menuButton = window.jQuery(
+      `<button class="govuk-button ${this.options.toggleButton.classes}" type="button" aria-haspopup="true" aria-expanded="false">${this.options.toggleButton.showText}</button>`
+    );
+    this.menuButton.on('click', window.jQuery.proxy(this, 'onMenuButtonClick'));
+    this.container.append(this.menuButton);
+  };
+
+  FilterToggleButton.prototype.checkMode = function (mq) {
+    if (mq.matches) {
+      this.enableBigMode();
+    } else {
+      this.enableSmallMode();
+    }
+  };
+
+  FilterToggleButton.prototype.enableBigMode = function () {
+    this.showMenu();
+    this.removeCloseButton();
+  };
+
+  FilterToggleButton.prototype.enableSmallMode = function () {
+    this.hideMenu();
+    this.addCloseButton();
+  };
+
+  FilterToggleButton.prototype.addCloseButton = function () {
+    if (this.options.closeButton) {
+      this.closeButton = window.jQuery(
+        `<button class="moj-filter__close" type="button">${this.options.closeButton.text}</button>`
+      );
+      this.closeButton.on('click', window.jQuery.proxy(this, 'onCloseClick'));
+      window.jQuery(this.options.closeButton.container).append(this.closeButton);
+    }
+  };
+
+  FilterToggleButton.prototype.onCloseClick = function () {
+    this.hideMenu();
+    this.menuButton.focus();
+  };
+
+  FilterToggleButton.prototype.removeCloseButton = function () {
+    if (this.closeButton) {
+      this.closeButton.remove();
+      this.closeButton = null;
+    }
+  };
+
+  FilterToggleButton.prototype.hideMenu = function () {
+    this.menuButton.attr('aria-expanded', 'false');
+    this.filterContainer.addClass('moj-js-hidden');
+    this.menuButton.text(this.options.toggleButton.showText);
+  };
+
+  FilterToggleButton.prototype.showMenu = function () {
+    this.menuButton.attr('aria-expanded', 'true');
+    this.filterContainer.removeClass('moj-js-hidden');
+    this.menuButton.text(this.options.toggleButton.hideText);
+  };
+
+  FilterToggleButton.prototype.onMenuButtonClick = function () {
+    this.toggle();
+  };
+
+  FilterToggleButton.prototype.toggle = function () {
+    if (this.menuButton.attr('aria-expanded') === 'false') {
+      this.showMenu();
+      this.filterContainer.get(0).focus();
+    } else {
+      this.hideMenu();
+    }
+  };
+
+  exports.FilterToggleButton = FilterToggleButton;
 
 }));

package/moj/components/filter-toggle-button/filter-toggle-button.mjs

@@ -0,0 +1,93 @@
+function FilterToggleButton(options) {
+  this.options = options;
+  this.container = window.jQuery(this.options.toggleButton.container);
+  this.filterContainer = window.jQuery(this.options.filter.container);
+
+  this.createToggleButton();
+  this.setupResponsiveChecks();
+  this.filterContainer.attr('tabindex', '-1');
+  if (this.options.startHidden) {
+    this.hideMenu();
+  }
+}
+
+FilterToggleButton.prototype.setupResponsiveChecks = function () {
+  this.mq = window.matchMedia(this.options.bigModeMediaQuery);
+  this.mq.addListener(window.jQuery.proxy(this, 'checkMode'));
+  this.checkMode(this.mq);
+};
+
+FilterToggleButton.prototype.createToggleButton = function () {
+  this.menuButton = window.jQuery(
+    `<button class="govuk-button ${this.options.toggleButton.classes}" type="button" aria-haspopup="true" aria-expanded="false">${this.options.toggleButton.showText}</button>`
+  );
+  this.menuButton.on('click', window.jQuery.proxy(this, 'onMenuButtonClick'));
+  this.container.append(this.menuButton);
+};
+
+FilterToggleButton.prototype.checkMode = function (mq) {
+  if (mq.matches) {
+    this.enableBigMode();
+  } else {
+    this.enableSmallMode();
+  }
+};
+
+FilterToggleButton.prototype.enableBigMode = function () {
+  this.showMenu();
+  this.removeCloseButton();
+};
+
+FilterToggleButton.prototype.enableSmallMode = function () {
+  this.hideMenu();
+  this.addCloseButton();
+};
+
+FilterToggleButton.prototype.addCloseButton = function () {
+  if (this.options.closeButton) {
+    this.closeButton = window.jQuery(
+      `<button class="moj-filter__close" type="button">${this.options.closeButton.text}</button>`
+    );
+    this.closeButton.on('click', window.jQuery.proxy(this, 'onCloseClick'));
+    window.jQuery(this.options.closeButton.container).append(this.closeButton);
+  }
+};
+
+FilterToggleButton.prototype.onCloseClick = function () {
+  this.hideMenu();
+  this.menuButton.focus();
+};
+
+FilterToggleButton.prototype.removeCloseButton = function () {
+  if (this.closeButton) {
+    this.closeButton.remove();
+    this.closeButton = null;
+  }
+};
+
+FilterToggleButton.prototype.hideMenu = function () {
+  this.menuButton.attr('aria-expanded', 'false');
+  this.filterContainer.addClass('moj-js-hidden');
+  this.menuButton.text(this.options.toggleButton.showText);
+};
+
+FilterToggleButton.prototype.showMenu = function () {
+  this.menuButton.attr('aria-expanded', 'true');
+  this.filterContainer.removeClass('moj-js-hidden');
+  this.menuButton.text(this.options.toggleButton.hideText);
+};
+
+FilterToggleButton.prototype.onMenuButtonClick = function () {
+  this.toggle();
+};
+
+FilterToggleButton.prototype.toggle = function () {
+  if (this.menuButton.attr('aria-expanded') === 'false') {
+    this.showMenu();
+    this.filterContainer.get(0).focus();
+  } else {
+    this.hideMenu();
+  }
+};
+
+export { FilterToggleButton };