@ministryofjustice/frontend 1.8.0 → 2.0.0-beta.0

package/moj/all.js

@@ -369,91 +369,6 @@ MOJFrontend.ButtonMenu.prototype.focusPrevious = function(currentButton) {
 		this.container.find('[role=menuitem]').last().focus();
 	}
 };
-MOJFrontend.FilterToggleButton = function(options) {
-  this.options = options;
-  this.container = this.options.toggleButton.container;
-  this.createToggleButton();
-  this.setupResponsiveChecks();
-  this.options.filter.container.attr('tabindex', '-1');
-  if(this.options.startHidden) {
-    this.hideMenu();
-  }
-};
-
-MOJFrontend.FilterToggleButton.prototype.setupResponsiveChecks = function() {
-  this.mq = window.matchMedia(this.options.bigModeMediaQuery);
-  this.mq.addListener($.proxy(this, 'checkMode'));
-  this.checkMode(this.mq);
-};
-
-MOJFrontend.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.options.toggleButton.container.append(this.menuButton);
-};
-
-MOJFrontend.FilterToggleButton.prototype.checkMode = function(mq) {
-  if(mq.matches) {
-    this.enableBigMode();
-  } else {
-    this.enableSmallMode();
-  }
-};
-
-MOJFrontend.FilterToggleButton.prototype.enableBigMode = function() {
-  this.showMenu();
-  this.removeCloseButton();
-};
-
-MOJFrontend.FilterToggleButton.prototype.enableSmallMode = function() {
-  this.hideMenu();
-  this.addCloseButton();
-};
-
-MOJFrontend.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);
-  }
-};
-
-MOJFrontend.FilterToggleButton.prototype.onCloseClick = function() {
-  this.hideMenu();
-  this.menuButton.focus();
-};
-
-MOJFrontend.FilterToggleButton.prototype.removeCloseButton = function() {
-  if(this.closeButton) {
-    this.closeButton.remove();
-    this.closeButton = null;
-  }
-};
-
-MOJFrontend.FilterToggleButton.prototype.hideMenu = function() {
-  this.menuButton.attr('aria-expanded', 'false');
-  this.options.filter.container.addClass('moj-js-hidden');
-  this.menuButton.text(this.options.toggleButton.showText);
-};
-
-MOJFrontend.FilterToggleButton.prototype.showMenu = function() {
-  this.menuButton.attr('aria-expanded', 'true');
-  this.options.filter.container.removeClass('moj-js-hidden');
-  this.menuButton.text(this.options.toggleButton.hideText);
-};
-
-MOJFrontend.FilterToggleButton.prototype.onMenuButtonClick = function() {
-  this.toggle();
-};
-
-MOJFrontend.FilterToggleButton.prototype.toggle = function() {
-  if(this.menuButton.attr('aria-expanded') == 'false') {
-    this.showMenu();
-    this.options.filter.container.focus();
-  } else {
-    this.hideMenu();
-  }
-};
 MOJFrontend.FormValidator = function(form, options) {
   this.form = form;
   this.errors = [];
@@ -610,6 +525,91 @@ MOJFrontend.FormValidator.prototype.validate = function() {
   }
   return this.errors.length === 0;
 };
+MOJFrontend.FilterToggleButton = function(options) {
+  this.options = options;
+  this.container = this.options.toggleButton.container;
+  this.createToggleButton();
+  this.setupResponsiveChecks();
+  this.options.filter.container.attr('tabindex', '-1');
+  if(this.options.startHidden) {
+    this.hideMenu();
+  }
+};
+
+MOJFrontend.FilterToggleButton.prototype.setupResponsiveChecks = function() {
+  this.mq = window.matchMedia(this.options.bigModeMediaQuery);
+  this.mq.addListener($.proxy(this, 'checkMode'));
+  this.checkMode(this.mq);
+};
+
+MOJFrontend.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.options.toggleButton.container.append(this.menuButton);
+};
+
+MOJFrontend.FilterToggleButton.prototype.checkMode = function(mq) {
+  if(mq.matches) {
+    this.enableBigMode();
+  } else {
+    this.enableSmallMode();
+  }
+};
+
+MOJFrontend.FilterToggleButton.prototype.enableBigMode = function() {
+  this.showMenu();
+  this.removeCloseButton();
+};
+
+MOJFrontend.FilterToggleButton.prototype.enableSmallMode = function() {
+  this.hideMenu();
+  this.addCloseButton();
+};
+
+MOJFrontend.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);
+  }
+};
+
+MOJFrontend.FilterToggleButton.prototype.onCloseClick = function() {
+  this.hideMenu();
+  this.menuButton.focus();
+};
+
+MOJFrontend.FilterToggleButton.prototype.removeCloseButton = function() {
+  if(this.closeButton) {
+    this.closeButton.remove();
+    this.closeButton = null;
+  }
+};
+
+MOJFrontend.FilterToggleButton.prototype.hideMenu = function() {
+  this.menuButton.attr('aria-expanded', 'false');
+  this.options.filter.container.addClass('moj-js-hidden');
+  this.menuButton.text(this.options.toggleButton.showText);
+};
+
+MOJFrontend.FilterToggleButton.prototype.showMenu = function() {
+  this.menuButton.attr('aria-expanded', 'true');
+  this.options.filter.container.removeClass('moj-js-hidden');
+  this.menuButton.text(this.options.toggleButton.hideText);
+};
+
+MOJFrontend.FilterToggleButton.prototype.onMenuButtonClick = function() {
+  this.toggle();
+};
+
+MOJFrontend.FilterToggleButton.prototype.toggle = function() {
+  if(this.menuButton.attr('aria-expanded') == 'false') {
+    this.showMenu();
+    this.options.filter.container.focus();
+  } else {
+    this.hideMenu();
+  }
+};
 if(MOJFrontend.dragAndDropSupported() && MOJFrontend.formDataSupported() && MOJFrontend.fileApiSupported()) {
   MOJFrontend.MultiFileUpload = function(params) {
     this.defaultParams = {
@@ -860,7 +860,7 @@ MOJFrontend.MultiSelect.prototype.onCheckboxClick = function(e) {
 
 MOJFrontend.PasswordReveal = function(element) {
   this.el = element;
-  $el = $(this.el)
+  var $el = $(this.el)
 
   if ($el.data('moj-password-reveal-initialised')) {
     return

package/moj/all.scss

@@ -1,5 +1,3 @@
-@import "node_modules/govuk-frontend/govuk/base";
-
 @import "settings/all";
 @import "helpers/all";
 @import "objects/all";

package/moj/components/cookie-banner/_cookie-banner.scss

@@ -1,5 +1,3 @@
-@import "node_modules/govuk-frontend/govuk/objects/width-container";
-
 .moj-cookie-banner {
   display: none;
   @include govuk-font(16);

package/moj/components/password-reveal/password-reveal.js

@@ -1,6 +1,6 @@
 MOJFrontend.PasswordReveal = function(element) {
   this.el = element;
-  $el = $(this.el)
+  var $el = $(this.el)
 
   if ($el.data('moj-password-reveal-initialised')) {
     return

package/moj/helpers/_all.scss

@@ -1 +1,2 @@
 @import "hidden";
+@import "ie8";

package/moj/helpers/_ie8.scss

@@ -0,0 +1,5 @@
+@mixin govuk-if-ie8 {
+  @if $govuk-is-ie8 {
+    @content;
+  }
+}

package/moj/settings/_all.scss

@@ -1,3 +1,4 @@
 @import "assets";
+@import "ie8";
 @import "measurements";
 @import "colours";

package/moj/settings/_ie8.scss

@@ -0,0 +1 @@
+$govuk-is-ie8: false !default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ministryofjustice/frontend",
   "description": "The MOJ Frontend contains the code you need to start building user interfaces for UK Ministry of Justice government services.",
-  "version": "1.8.0",
+  "version": "2.0.0-beta.0",
   "main": "moj/all.js",
   "sass": "moj/all.scss",
   "engines": {
@@ -27,7 +27,7 @@
     "access": "public"
   },
   "dependencies": {
-    "govuk-frontend": "^3.0.0 || ^4.0.0",
+    "govuk-frontend": "^5.0.0",
     "moment": "^2.27.0"
   },
   "peerDependencies": {