@ministryofjustice/frontend 7.0.0 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -341,7 +341,7 @@ function createAll(Component, config, scopeOrOptions) {
341
341
  *
342
342
  * {@link https://github.com/ministryofjustice/moj-frontend/releases}
343
343
  */
344
- const version = '7.0.0';
344
+ const version = '7.1.0';
345
345
 
346
346
  class AddAnother extends Component {
347
347
  /**
@@ -1861,15 +1861,21 @@ class PdsHeader extends Component {
1861
1861
  this.$tabOpenClass = 'probation-common-header__toggle-open';
1862
1862
  const $userToggle = this.$root.querySelector('.probation-common-header__user-menu-toggle');
1863
1863
  const $userMenu = this.$root.querySelector('#probation-common-header-user-menu');
1864
- if (!$userToggle || !$userMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement)) {
1864
+ const $servicesToggle = this.$root.querySelector('.probation-common-header__services-menu-toggle');
1865
+ const $servicesMenu = this.$root.querySelector('#probation-common-header-services-menu');
1866
+ if (!$userToggle || !$userMenu || !$servicesToggle || !$servicesMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement) || !($servicesToggle instanceof HTMLElement) || !($servicesMenu instanceof HTMLElement)) {
1865
1867
  return 0;
1866
1868
  }
1867
1869
  this.hideFallbackLinks();
1868
1870
  $userToggle.removeAttribute('hidden');
1869
- this.closeTabs([[$userToggle, $userMenu]]);
1871
+ $servicesToggle.removeAttribute('hidden');
1872
+ this.closeTabs([[$userToggle, $userMenu], [$servicesToggle, $servicesMenu]]);
1870
1873
  $userToggle.addEventListener('click', _event => {
1871
1874
  this.toggleMenu($userToggle, $userMenu);
1872
1875
  });
1876
+ $servicesToggle.addEventListener('click', _event => {
1877
+ this.toggleMenu($servicesToggle, $servicesMenu);
1878
+ });
1873
1879
  }
1874
1880
 
1875
1881
  /**
@@ -1905,7 +1911,9 @@ class PdsHeader extends Component {
1905
1911
  }
1906
1912
  hideFallbackLinks() {
1907
1913
  const $userLink = this.$root.querySelector('.probation-common-header__user-menu-link');
1914
+ const $servicesLink = this.$root.querySelector('.probation-common-header__services-menu-link');
1908
1915
  if ($userLink) $userLink.setAttribute('hidden', 'hidden');
1916
+ if ($servicesLink) $servicesLink.setAttribute('hidden', 'hidden');
1909
1917
  }
1910
1918
 
1911
1919
  /**