npm - @ministryofjustice/frontend - Versions diffs - 5.1.5 → 5.2.0 - Mend

@ministryofjustice/frontend 5.1.5 → 5.2.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.

Files changed (33) hide show

package/moj/all.mjs CHANGED Viewed

@@ -4,6 +4,7 @@ import { AddAnother } from './components/add-another/add-another.mjs';
 import { Alert } from './components/alert/alert.mjs';
 import { ButtonMenu } from './components/button-menu/button-menu.mjs';
 import { DatePicker } from './components/date-picker/date-picker.mjs';
+import { PdsHeader } from './components/domain-specific/probation/header/header.mjs';
 export { FilterToggleButton } from './components/filter-toggle-button/filter-toggle-button.mjs';
 export { FormValidator } from './components/form-validator/form-validator.mjs';
 export { MultiFileUpload } from './components/multi-file-upload/multi-file-upload.mjs';
@@ -17,7 +18,7 @@ import { SortableTable } from './components/sortable-table/sortable-table.mjs';
  * @param {Config} [config]
  */
 function initAll(config) {
-  for (const Component of [AddAnother, Alert, ButtonMenu, DatePicker, MultiSelect, PasswordReveal, RichTextEditor, SearchToggle, SortableTable]) {
+  for (const Component of [AddAnother, Alert, ButtonMenu, DatePicker, MultiSelect, PasswordReveal, RichTextEditor, SearchToggle, SortableTable, PdsHeader]) {
     createAll(Component, undefined, config);
   }
 }
@@ -30,5 +31,5 @@ function initAll(config) {
  * @import * as GOVUKFrontend from 'govuk-frontend'
  */
-export { AddAnother, Alert, ButtonMenu, DatePicker, MultiSelect, PasswordReveal, RichTextEditor, SearchToggle, SortableTable, initAll };
+export { AddAnother, Alert, ButtonMenu, DatePicker, MultiSelect, PasswordReveal, PdsHeader, RichTextEditor, SearchToggle, SortableTable, initAll };
 //# sourceMappingURL=all.mjs.map

package/moj/all.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"all.mjs","sources":["../../src/moj/all.mjs"],"sourcesContent":["import { createAll } from 'govuk-frontend'\n\nimport { version } from './common/moj-frontend-version.mjs'\nimport { AddAnother } from './components/add-another/add-another.mjs'\nimport { Alert } from './components/alert/alert.mjs'\nimport { ButtonMenu } from './components/button-menu/button-menu.mjs'\nimport { DatePicker } from './components/date-picker/date-picker.mjs'\nimport { FilterToggleButton } from './components/filter-toggle-button/filter-toggle-button.mjs'\nimport { FormValidator } from './components/form-validator/form-validator.mjs'\nimport { MultiFileUpload } from './components/multi-file-upload/multi-file-upload.mjs'\nimport { MultiSelect } from './components/multi-select/multi-select.mjs'\nimport { PasswordReveal } from './components/password-reveal/password-reveal.mjs'\nimport { RichTextEditor } from './components/rich-text-editor/rich-text-editor.mjs'\nimport { SearchToggle } from './components/search-toggle/search-toggle.mjs'\nimport { SortableTable } from './components/sortable-table/sortable-table.mjs'\n\n/*\n @param {Config} [config]\n /\nfunction initAll(config) {\n for (const Component of [\n AddAnother,\n Alert,\n ButtonMenu,\n DatePicker,\n MultiSelect,\n PasswordReveal,\n RichTextEditor,\n SearchToggle,\n SortableTable\n ]) {\n createAll(Component, undefined, config)\n }\n}\n\nexport {\n initAll,\n version,\n\n // Components\n AddAnother,\n Alert,\n ButtonMenu,\n DatePicker,\n FilterToggleButton,\n FormValidator,\n MultiFileUpload,\n MultiSelect,\n PasswordReveal,\n RichTextEditor,\n SearchToggle,\n SortableTable\n}\n\n/\n @typedef {Parameters<typeof GOVUKFrontend.initAll>[0]} Config\n /\n\n/\n @import * as GOVUKFrontend from 'govuk-frontend'\n */\n"],"names":["initAll","config","Component","AddAnother","Alert","ButtonMenu","DatePicker","MultiSelect","PasswordReveal","RichTextEditor","SearchToggle","SortableTable","createAll","undefined"],"mappings":"~~;;;;;;;;;;;;;;;AAgBA~~;AACA;AACA;AACA,SAASA,OAAOA,CAACC,MAAM,EAAE;EACvB,KAAK,MAAMC,SAAS,IAAI,CACtBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,cAAc,EACdC,cAAc,EACdC,YAAY,EACZC,aAAa,~~CACd~~,EAAE;AACDC,IAAAA,SAAS,~~CAACV~~,SAAS,~~EAAEW~~,SAAS,~~EAAEZ~~,MAAM,CAAC;AACzC;AACF;;~~AAqBA~~;AACA;AACA;;AAEA;AACA;AACA;;;;"}
1	+ {"version":3,"file":"all.mjs","sources":["../../src/moj/all.mjs"],"sourcesContent":["import { createAll } from 'govuk-frontend'\n\nimport { version } from './common/moj-frontend-version.mjs'\nimport { AddAnother } from './components/add-another/add-another.mjs'\nimport { Alert } from './components/alert/alert.mjs'\nimport { ButtonMenu } from './components/button-menu/button-menu.mjs'\nimport { DatePicker } from './components/date-picker/date-picker.mjs'\nimport { PdsHeader } from './components/domain-specific/probation/header/header.mjs'\nimport { FilterToggleButton } from './components/filter-toggle-button/filter-toggle-button.mjs'\nimport { FormValidator } from './components/form-validator/form-validator.mjs'\nimport { MultiFileUpload } from './components/multi-file-upload/multi-file-upload.mjs'\nimport { MultiSelect } from './components/multi-select/multi-select.mjs'\nimport { PasswordReveal } from './components/password-reveal/password-reveal.mjs'\nimport { RichTextEditor } from './components/rich-text-editor/rich-text-editor.mjs'\nimport { SearchToggle } from './components/search-toggle/search-toggle.mjs'\nimport { SortableTable } from './components/sortable-table/sortable-table.mjs'\n\n/*\n @param {Config} [config]\n /\nfunction initAll(config) {\n for (const Component of [\n AddAnother,\n Alert,\n ButtonMenu,\n DatePicker,\n MultiSelect,\n PasswordReveal,\n RichTextEditor,\n SearchToggle,\n SortableTable,\n PdsHeader\n ]) {\n createAll(Component, undefined, config)\n }\n}\n\nexport {\n initAll,\n version,\n\n // Components\n AddAnother,\n Alert,\n ButtonMenu,\n DatePicker,\n FilterToggleButton,\n FormValidator,\n MultiFileUpload,\n MultiSelect,\n PasswordReveal,\n RichTextEditor,\n SearchToggle,\n SortableTable,\n PdsHeader\n}\n\n/\n @typedef {Parameters<typeof GOVUKFrontend.initAll>[0]} Config\n /\n\n/\n @import * as GOVUKFrontend from 'govuk-frontend'\n */\n"],"names":["initAll","config","Component","AddAnother","Alert","ButtonMenu","DatePicker","MultiSelect","PasswordReveal","RichTextEditor","SearchToggle","SortableTable","PdsHeader","createAll","undefined"],"mappings":";;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA,SAASA,OAAOA,CAACC,MAAM,EAAE;EACvB,KAAK,MAAMC,SAAS,IAAI,CACtBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,cAAc,EACdC,cAAc,EACdC,YAAY,EACZC,aAAa,EACbC,SAAS,CACV,EAAE;AACDC,IAAAA,SAAS,CAACX,SAAS,EAAEY,SAAS,EAAEb,MAAM,CAAC;AACzC;AACF;;AAsBA;AACA;AACA;;AAEA;AACA;AACA;;;;"}

package/moj/common/moj-frontend-version.mjs CHANGED Viewed

@@ -8,7 +8,7 @@
  *
  * {@link https://github.com/ministryofjustice/moj-frontend/releases}
  */
-const version = '5.1.5';
+const version = '5.2.0';
 export { version };
 //# sourceMappingURL=moj-frontend-version.mjs.map

package/moj/components/_all.scss CHANGED Viewed

@@ -32,4 +32,6 @@
 @forward "timeline/timeline";
 @forward "ticket-panel/ticket-panel";
+@forward "domain-specific/probation/all";
 /*# sourceMappingURL=_all.scss.map */

package/moj/components/_all.scss.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/moj/components/_all.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,kCAAkC;AAClC,sBAAsB;AACtB,sBAAsB;AACtB,wBAAwB;AACxB,kCAAkC;AAClC,sCAAsC;AACtC,wCAAwC;AACxC,kCAAkC;AAClC,wBAAwB;AACxB,wBAAwB;AACxB,oCAAoC;AACpC,8CAA8C;AAC9C,4BAA4B;AAC5B,8CAA8C;AAC9C,oCAAoC;AACpC,gDAAgD;AAChD,sDAAsD;AACtD,kDAAkD;AAClD,gCAAgC;AAChC,0CAA0C;AAC1C,gDAAgD;AAChD,oCAAoC;AACpC,4CAA4C;AAC5C,sCAAsC;AACtC,wBAAwB;AACxB,0CAA0C;AAC1C,wCAAwC;AACxC,wCAAwC;AACxC,kBAAkB;AAClB,8BAA8B;AAC9B,4BAA4B;AAC5B,oCAAoC","file":"_all.scss","sourcesContent":["@forward \"action-bar/action-bar\";\n@forward \"add-another/add-another\";\n@forward \"alert/alert\";\n@forward \"badge/badge\";\n@forward \"banner/banner\";\n@forward \"button-menu/button-menu\";\n@forward \"cookie-banner/cookie-banner\";\n@forward \"currency-input/currency-input\";\n@forward \"date-picker/date-picker\";\n@forward \"filter/filter\";\n@forward \"header/header\";\n@forward \"identity-bar/identity-bar\";\n@forward \"interruption-card/interruption-card\";\n@forward \"messages/messages\";\n@forward \"multi-file-upload/multi-file-upload\";\n@forward \"multi-select/multi-select\";\n@forward \"notification-badge/notification-badge\";\n@forward \"organisation-switcher/organisation-switcher\";\n@forward \"page-header-actions/page-header-actions\";\n@forward \"pagination/pagination\";\n@forward \"password-reveal/password-reveal\";\n@forward \"primary-navigation/primary-navigation\";\n@forward \"progress-bar/progress-bar\";\n@forward \"rich-text-editor/rich-text-editor\";\n@forward \"search-toggle/search-toggle\";\n@forward \"search/search\";\n@forward \"side-navigation/side-navigation\";\n@forward \"sortable-table/sortable-table\";\n@forward \"sub-navigation/sub-navigation\";\n@forward \"tag/tag\";\n@forward \"task-list/task-list\";\n@forward \"timeline/timeline\";\n@forward \"ticket-panel/ticket-panel\";\n"]}
1	+ {"version":3,"sources":["../../../src/moj/components/_all.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,kCAAkC;AAClC,sBAAsB;AACtB,sBAAsB;AACtB,wBAAwB;AACxB,kCAAkC;AAClC,sCAAsC;AACtC,wCAAwC;AACxC,kCAAkC;AAClC,wBAAwB;AACxB,wBAAwB;AACxB,oCAAoC;AACpC,8CAA8C;AAC9C,4BAA4B;AAC5B,8CAA8C;AAC9C,oCAAoC;AACpC,gDAAgD;AAChD,sDAAsD;AACtD,kDAAkD;AAClD,gCAAgC;AAChC,0CAA0C;AAC1C,gDAAgD;AAChD,oCAAoC;AACpC,4CAA4C;AAC5C,sCAAsC;AACtC,wBAAwB;AACxB,0CAA0C;AAC1C,wCAAwC;AACxC,wCAAwC;AACxC,kBAAkB;AAClB,8BAA8B;AAC9B,4BAA4B;AAC5B,oCAAoC;;AAEpC,wCAAwC","file":"_all.scss","sourcesContent":["@forward \"action-bar/action-bar\";\n@forward \"add-another/add-another\";\n@forward \"alert/alert\";\n@forward \"badge/badge\";\n@forward \"banner/banner\";\n@forward \"button-menu/button-menu\";\n@forward \"cookie-banner/cookie-banner\";\n@forward \"currency-input/currency-input\";\n@forward \"date-picker/date-picker\";\n@forward \"filter/filter\";\n@forward \"header/header\";\n@forward \"identity-bar/identity-bar\";\n@forward \"interruption-card/interruption-card\";\n@forward \"messages/messages\";\n@forward \"multi-file-upload/multi-file-upload\";\n@forward \"multi-select/multi-select\";\n@forward \"notification-badge/notification-badge\";\n@forward \"organisation-switcher/organisation-switcher\";\n@forward \"page-header-actions/page-header-actions\";\n@forward \"pagination/pagination\";\n@forward \"password-reveal/password-reveal\";\n@forward \"primary-navigation/primary-navigation\";\n@forward \"progress-bar/progress-bar\";\n@forward \"rich-text-editor/rich-text-editor\";\n@forward \"search-toggle/search-toggle\";\n@forward \"search/search\";\n@forward \"side-navigation/side-navigation\";\n@forward \"sortable-table/sortable-table\";\n@forward \"sub-navigation/sub-navigation\";\n@forward \"tag/tag\";\n@forward \"task-list/task-list\";\n@forward \"timeline/timeline\";\n@forward \"ticket-panel/ticket-panel\";\n\n@forward \"domain-specific/probation/all\";\n"]}

package/moj/components/domain-specific/probation/_all.scss ADDED Viewed

@@ -0,0 +1,4 @@
+@forward "header/header";
+@forward "footer/footer";
+/*# sourceMappingURL=_all.scss.map */

package/moj/components/domain-specific/probation/_all.scss.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["../../../../../src/moj/components/domain-specific/probation/_all.scss"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,wBAAwB","file":"_all.scss","sourcesContent":["@forward \"header/header\";\n@forward \"footer/footer\";\n"]}

package/moj/components/domain-specific/probation/footer/README.md ADDED Viewed

@@ -0,0 +1,22 @@
+# PDS Header
+## Examples
+```njk
+{{ pdsFooter({
+  baseUrl: 'https://probation-frontend-components-dev.hmpps.service.justice.gov.uk'
+}) }}
+```
+## Arguments
+This component accepts the following arguments.
+### Container
+| Name              | Type   | Required | Description                                                                                   |
+| ----------------- | ------ | -------- | --------------------------------------------------------------------------------------------- |
+| baseUrl | string | Yes      | Base URL for the probation API. |
+_Warning: If you’re using Nunjucks macros in production be aware that using HTML arguments, or ones ending with `.html` can be at risk from [cross-site scripting](https://en.wikipedia.org/wiki/Cross-site_scripting) attacks. More information about security vulnerabilities can be found in the [Nunjucks documentation](https://mozilla.github.io/nunjucks/api.html#user-defined-templates-warning)._

package/moj/components/domain-specific/probation/footer/_footer.scss ADDED Viewed

@@ -0,0 +1,52 @@
+@use "../../../../vendor/govuk-frontend" as *;
+/* ==========================================================================
+   PROBATION#FOOTER
+   ========================================================================== */
+.probation-common-footer {
+  @include govuk-font($size: 16);
+  padding: 30px 0;
+  border-top: 1px solid $govuk-border-colour;
+  color: $govuk-text-colour;
+  background: $govuk-canvas-background-colour;
+  a {
+    text-underline-offset: 0.23em;
+  }
+  &__info {
+    display: flex;
+  }
+  h2 {
+    margin-top: 0;
+    padding-bottom: 25px;
+    border-bottom: 1px solid govuk-colour("dark-grey");
+    font-size: 24px;
+  }
+  &__help {
+    flex-basis: 50%;
+  }
+  &__inline-list {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+  }
+  &__inline-list-item {
+    display: inline-block;
+    margin-right: govuk-spacing(3);
+    margin-bottom: govuk-spacing(1);
+  }
+  &__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+}
+/*# sourceMappingURL=_footer.scss.map */

package/moj/components/domain-specific/probation/footer/_footer.scss.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../src/moj/components/domain-specific/probation/footer/_footer.scss"],"names":[],"mappings":"AAAA,6CAA6C;;AAE7C;;+EAE+E;;AAE/E;EACE,8BAA8B;;EAE9B,eAAe;EACf,0CAA0C;EAC1C,yBAAyB;EACzB,2CAA2C;;EAE3C;IACE,6BAA6B;EAC/B;;EAEA;IACE,aAAa;EACf;;EAEA;IACE,aAAa;IACb,oBAAoB;IACpB,kDAAkD;IAClD,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,aAAa;IACb,+BAA+B;IAC/B,UAAU;EACZ;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,+BAA+B;EACjC;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;AACF","file":"_footer.scss","sourcesContent":["@use \"../../../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n PROBATION#FOOTER\n ========================================================================== */\n\n.probation-common-footer {\n @include govuk-font($size: 16);\n\n padding: 30px 0;\n border-top: 1px solid $govuk-border-colour;\n color: $govuk-text-colour;\n background: $govuk-canvas-background-colour;\n\n a {\n text-underline-offset: 0.23em;\n }\n\n &__info {\n display: flex;\n }\n\n h2 {\n margin-top: 0;\n padding-bottom: 25px;\n border-bottom: 1px solid govuk-colour(\"dark-grey\");\n font-size: 24px;\n }\n\n &__help {\n flex-basis: 50%;\n }\n\n &__inline-list {\n margin-top: 0;\n margin-bottom: govuk-spacing(3);\n padding: 0;\n }\n\n &__inline-list-item {\n display: inline-block;\n margin-right: govuk-spacing(3);\n margin-bottom: govuk-spacing(1);\n }\n\n &__link {\n @include govuk-link-common;\n @include govuk-link-style-text;\n }\n}\n"]}

package/moj/components/domain-specific/probation/footer/macro.njk ADDED Viewed

@@ -0,0 +1,3 @@
+{% macro pdsFooter(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

package/moj/components/domain-specific/probation/footer/template.njk ADDED Viewed

@@ -0,0 +1,23 @@
+<footer class="probation-common-footer govuk-!-display-none-print" role="contentinfo">
+  <div class="govuk-width-container">
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-full">
+        <div class="probation-common-footer__support-links">
+          <h2 class="govuk-visually-hidden">Support links</h2>
+          <ul class="probation-common-footer__inline-list">
+            <li class="probation-common-footer__inline-list-item">
+              <a class="probation-common-footer__link" href="{{ params.baseUrl }}/accessibility">Accessibility</a>
+            </li>
+            <li class="probation-common-footer__inline-list-item">
+              <a class="probation-common-footer__link" href="{{ params.baseUrl }}/cookies-policy">Cookies policy</a>
+            </li>
+            <li class="probation-common-footer__inline-list-item">
+              <a class="probation-common-footer__link" href="{{ params.baseUrl }}/privacy-policy">Privacy policy</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>

package/moj/components/domain-specific/probation/header/README.md ADDED Viewed

@@ -0,0 +1,28 @@
+# PDS Header
+## Examples
+```njk
+{{ pdsHeader({
+  environmentName: 'DEV',
+  environmentNameColour: 'govuk-tag--green',
+  name: 'Account name',
+  manageDetailsLink: '#'
+}) }}
+```
+## Arguments
+This component accepts the following arguments.
+### Container
+| Name              | Type   | Required | Description                                                                                   |
+| ----------------- | ------ | -------- | --------------------------------------------------------------------------------------------- |
+| environmentName | string | No      | Tag label showing the current environment. Hidden if value is `PRODUCTION`. |
+| environmentNameColour      | string | No      | Custom colour for the environment tag, overriding the default.                |
+| name        | string  | Yes       | The display name of the user.                           |
+| manageDetailsLink  | string | Yes       | URL linking to the user account management page.   |
+_Warning: If you’re using Nunjucks macros in production be aware that using HTML arguments, or ones ending with `.html` can be at risk from [cross-site scripting](https://en.wikipedia.org/wiki/Cross-site_scripting) attacks. More information about security vulnerabilities can be found in the [Nunjucks documentation](https://mozilla.github.io/nunjucks/api.html#user-defined-templates-warning)._

package/moj/components/domain-specific/probation/header/_header.scss ADDED Viewed

@@ -0,0 +1,336 @@
+/* stylelint-disable max-nesting-depth, selector-no-qualifying-type */
+@use "../../../../vendor/govuk-frontend" as *;
+/* ==========================================================================
+   PROBATION#HEADER
+   ========================================================================== */
+.probation-common-header {
+  [hidden] {
+    display: none;
+  }
+  color: govuk-colour("white");
+  background-color: govuk-colour("black");
+  &__logo {
+    @include govuk-responsive-margin(3, "right");
+    position: relative;
+    top: -2px;
+    padding: 15px 0;
+    fill: govuk-colour("white");
+  }
+  &__title {
+    display: flex;
+    &__organisation-name {
+      @include govuk-responsive-margin(2, "right");
+      @include govuk-font($size: 24, $weight: "bold");
+      display: flex;
+      align-items: center;
+    }
+    .govuk-tag {
+      margin: auto 0;
+      @include govuk-media-query($until: 985px) {
+        display: none;
+      }
+    }
+  }
+  &__submenu-link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-visited-state;
+  }
+  &__link {
+    @include govuk-link-common;
+    @include govuk-link-style-default;
+    &:link,
+    &:visited,
+    &:active {
+      color: govuk-colour("white");
+      font-weight: normal;
+      text-decoration: none;
+    }
+    &:focus {
+      color: govuk-colour("black");
+      box-shadow: none;
+      &::after {
+        content: "";
+        position: absolute;
+        top: auto;
+        right: 15px;
+        bottom: 0;
+        left: 15px;
+        height: 3px;
+        background: govuk-colour("black");
+      }
+      svg {
+        fill: govuk-colour("black");
+      }
+    }
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+  &__button-width-container {
+    position: relative;
+  }
+  &__button-container {
+    @include govuk-media-query(925px) {
+      position: absolute;
+      top: -70px;
+      right: 0;
+      background-color: govuk-colour("black");
+    }
+  }
+  &__navigation {
+    display: flex;
+    height: 70px;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    flex-direction: row;
+    align-items: center;
+    &__item {
+      position: relative;
+      height: 100%;
+      > button,
+      > a {
+        display: flex;
+        height: 100%;
+        padding: 0;
+        overflow: hidden;
+        border: none;
+        color: govuk-colour("white");
+        background: govuk-colour("black");
+        cursor: pointer;
+        align-items: center;
+        justify-content: center;
+        @include govuk-font(16);
+        &:hover {
+          color: govuk-colour("mid-grey");
+          &::after {
+            content: "";
+            position: absolute;
+            top: auto;
+            right: 15px;
+            bottom: 0;
+            left: 15px;
+            height: 3px;
+            background: govuk-colour("mid-grey");
+          }
+        }
+        &.probation-common-header__menu-toggle {
+          padding: 10px 0;
+          > span {
+            display: flex;
+            height: 100%;
+            padding: 0 15px;
+            border-left: 1px solid govuk-colour("white");
+            align-items: center;
+            &::before {
+              content: "";
+              display: inline-block;
+              width: 8px;
+              height: 8px;
+              margin: 3px 15px 0 3px;
+              transform: translateY(-35%) rotate(45deg) scale(1);
+              border-right: 2px solid govuk-colour("white");
+              border-bottom: 2px solid govuk-colour("white");
+              vertical-align: middle;
+            }
+          }
+          svg {
+            margin: 0 15px 0 0;
+          }
+          &:hover {
+            > span {
+              &::before {
+                border-right: 2px solid govuk-colour("mid-grey");
+                border-bottom: 2px solid govuk-colour("mid-grey");
+              }
+            }
+          }
+        }
+        &.probation-common-header__toggle-open {
+          color: govuk-colour("blue");
+          background: govuk-colour("light-grey");
+          > span {
+            &::before {
+              transform: translateY(-0%) rotate(225deg) scale(1);
+              border-right: 2px solid govuk-colour("blue");
+              border-bottom: 2px solid govuk-colour("blue");
+            }
+            &::after {
+              content: "";
+              position: absolute;
+              top: auto;
+              right: 15px;
+              bottom: 0;
+              left: 15px;
+              height: 3px;
+              background: govuk-colour("blue");
+            }
+          }
+          &:hover {
+            color: govuk-colour("dark-grey");
+          }
+        }
+        &:focus-visible {
+          outline: 3px solid transparent;
+          color: govuk-colour("black");
+          background-color: govuk-colour("yellow");
+          box-shadow: none;
+          text-decoration: none;
+          &::after {
+            content: "";
+            position: absolute;
+            top: auto;
+            right: 15px;
+            bottom: 0;
+            left: 15px;
+            height: 3px;
+            background: govuk-colour("black");
+          }
+          > span {
+            &::before {
+              border-right: 2px solid govuk-colour("black");
+              border-bottom: 2px solid govuk-colour("black");
+            }
+          }
+        }
+      }
+      &.item-open {
+        + div {
+          > button,
+          > a {
+            > span {
+              border-left: 1px solid transparent;
+            }
+          }
+        }
+      }
+    }
+  }
+  .probation-common-header__user-menu {
+    position: relative;
+    z-index: 10000000;
+    padding: 15px;
+    background: govuk-colour("light-grey");
+    a {
+      display: block;
+      margin-bottom: 15px;
+      font-weight: 700;
+    }
+  }
+  &__pushdown-menu {
+    padding: 30px 0 60px;
+    background: govuk-colour("light-grey");
+  }
+  &__icon-link-wrapper {
+    display: flex;
+    position: relative;
+    height: 100%;
+    img,
+    svg {
+      margin: 0 15px 0 0;
+    }
+    a {
+      box-sizing: border-box;
+      display: block;
+      width: 100%;
+      padding: 10px 0;
+      > span {
+        display: flex;
+        height: 100%;
+        padding: 0 15px;
+        border-left: 1px solid govuk-colour("white");
+        align-items: center;
+        justify-content: center;
+      }
+      &:hover {
+        color: govuk-colour("mid-grey");
+        text-decoration: none;
+        &::after {
+          content: "";
+          position: absolute;
+          top: auto;
+          right: 15px;
+          bottom: 0;
+          left: 15px;
+          height: 3px;
+          background: govuk-colour("mid-grey");
+        }
+      }
+    }
+  }
+  &__services-menu {
+    ul {
+      display: grid;
+      width: 100%;
+      margin-bottom: 0;
+      font-weight: bold;
+      grid-template-columns: 1fr 1fr 1fr;
+      gap: 15px;
+      justify-items: start;
+    }
+  }
+  &__user-menu-link {
+    width: 181px;
+  }
+  &__services-menu-link {
+    width: 107px;
+  }
+  &__menu-toggle-label {
+    display: block;
+    text-align: left;
+  }
+  @media print {
+    display: none;
+  }
+}
+/*# sourceMappingURL=_header.scss.map */

package/moj/components/domain-specific/probation/header/_header.scss.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../src/moj/components/domain-specific/probation/header/_header.scss"],"names":[],"mappings":"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","file":"_header.scss","sourcesContent":["/* stylelint-disable max-nesting-depth, selector-no-qualifying-type */\n@use \"../../../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n PROBATION#HEADER\n ========================================================================== */\n\n.probation-common-header {\n [hidden] {\n display: none;\n }\n color: govuk-colour(\"white\");\n\n background-color: govuk-colour(\"black\");\n\n &__logo {\n @include govuk-responsive-margin(3, \"right\");\n position: relative;\n top: -2px;\n padding: 15px 0;\n fill: govuk-colour(\"white\");\n }\n\n &__title {\n display: flex;\n\n &__organisation-name {\n @include govuk-responsive-margin(2, \"right\");\n @include govuk-font($size: 24, $weight: \"bold\");\n display: flex;\n align-items: center;\n }\n\n .govuk-tag {\n margin: auto 0;\n\n @include govuk-media-query($until: 985px) {\n display: none;\n }\n }\n }\n\n &__submenu-link {\n @include govuk-link-common;\n @include govuk-link-style-no-visited-state;\n }\n\n &__link {\n @include govuk-link-common;\n @include govuk-link-style-default;\n\n &:link,\n &:visited,\n &:active {\n color: govuk-colour(\"white\");\n font-weight: normal;\n text-decoration: none;\n }\n\n &:focus {\n color: govuk-colour(\"black\");\n box-shadow: none;\n\n &::after {\n content: \"\";\n position: absolute;\n top: auto;\n right: 15px;\n bottom: 0;\n left: 15px;\n height: 3px;\n background: govuk-colour(\"black\");\n }\n\n svg {\n fill: govuk-colour(\"black\");\n }\n }\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n &__button-width-container {\n position: relative;\n }\n\n &__button-container {\n @include govuk-media-query(925px) {\n position: absolute;\n top: -70px;\n right: 0;\n background-color: govuk-colour(\"black\");\n }\n }\n\n &__navigation {\n display: flex;\n height: 70px;\n margin: 0;\n padding: 0;\n list-style: none;\n flex-direction: row;\n align-items: center;\n\n &__item {\n position: relative;\n height: 100%;\n\n > button,\n > a {\n display: flex;\n height: 100%;\n padding: 0;\n overflow: hidden;\n border: none;\n color: govuk-colour(\"white\");\n background: govuk-colour(\"black\");\n cursor: pointer;\n align-items: center;\n justify-content: center;\n @include govuk-font(16);\n\n &:hover {\n color: govuk-colour(\"mid-grey\");\n\n &::after {\n content: \"\";\n position: absolute;\n top: auto;\n right: 15px;\n bottom: 0;\n left: 15px;\n height: 3px;\n background: govuk-colour(\"mid-grey\");\n }\n }\n\n &.probation-common-header__menu-toggle {\n padding: 10px 0;\n\n > span {\n display: flex;\n height: 100%;\n padding: 0 15px;\n border-left: 1px solid govuk-colour(\"white\");\n align-items: center;\n\n &::before {\n content: \"\";\n display: inline-block;\n width: 8px;\n height: 8px;\n margin: 3px 15px 0 3px;\n -ms-transform: translateY(-35%) rotate(45deg) scale(1);\n -webkit-transform: translateY(-35%) rotate(45deg) scale(1);\n transform: translateY(-35%) rotate(45deg) scale(1);\n border-right: 2px solid govuk-colour(\"white\");\n border-bottom: 2px solid govuk-colour(\"white\");\n vertical-align: middle;\n }\n }\n\n svg {\n margin: 0 15px 0 0;\n }\n\n &:hover {\n > span {\n &::before {\n border-right: 2px solid govuk-colour(\"mid-grey\");\n border-bottom: 2px solid govuk-colour(\"mid-grey\");\n }\n }\n }\n }\n\n &.probation-common-header__toggle-open {\n color: govuk-colour(\"blue\");\n background: govuk-colour(\"light-grey\");\n\n > span {\n &::before {\n -ms-transform: translateY(-0%) rotate(225deg) scale(1);\n -webkit-transform: translateY(-0%) rotate(225deg) scale(1);\n transform: translateY(-0%) rotate(225deg) scale(1);\n border-right: 2px solid govuk-colour(\"blue\");\n border-bottom: 2px solid govuk-colour(\"blue\");\n }\n\n &::after {\n content: \"\";\n position: absolute;\n top: auto;\n right: 15px;\n bottom: 0;\n left: 15px;\n height: 3px;\n background: govuk-colour(\"blue\");\n }\n }\n\n &:hover {\n color: govuk-colour(\"dark-grey\");\n }\n }\n\n &:focus-visible {\n outline: 3px solid transparent;\n color: govuk-colour(\"black\");\n background-color: govuk-colour(\"yellow\");\n box-shadow: none;\n text-decoration: none;\n\n &::after {\n content: \"\";\n position: absolute;\n top: auto;\n right: 15px;\n bottom: 0;\n left: 15px;\n height: 3px;\n background: govuk-colour(\"black\");\n }\n\n > span {\n &::before {\n border-right: 2px solid govuk-colour(\"black\");\n border-bottom: 2px solid govuk-colour(\"black\");\n }\n }\n }\n }\n\n &.item-open {\n + div {\n > button,\n > a {\n > span {\n border-left: 1px solid transparent;\n }\n }\n }\n }\n }\n }\n\n .probation-common-header__user-menu {\n position: relative;\n z-index: 10000000;\n padding: 15px;\n background: govuk-colour(\"light-grey\");\n\n a {\n display: block;\n margin-bottom: 15px;\n font-weight: 700;\n }\n }\n\n &__pushdown-menu {\n padding: 30px 0 60px;\n background: govuk-colour(\"light-grey\");\n }\n\n &__icon-link-wrapper {\n display: flex;\n position: relative;\n height: 100%;\n\n img,\n svg {\n margin: 0 15px 0 0;\n }\n\n a {\n box-sizing: border-box;\n display: block;\n width: 100%;\n padding: 10px 0;\n\n > span {\n display: flex;\n height: 100%;\n padding: 0 15px;\n border-left: 1px solid govuk-colour(\"white\");\n align-items: center;\n justify-content: center;\n }\n\n &:hover {\n color: govuk-colour(\"mid-grey\");\n text-decoration: none;\n\n &::after {\n content: \"\";\n position: absolute;\n top: auto;\n right: 15px;\n bottom: 0;\n left: 15px;\n height: 3px;\n background: govuk-colour(\"mid-grey\");\n }\n }\n }\n }\n\n &__services-menu {\n ul {\n display: grid;\n width: 100%;\n margin-bottom: 0;\n font-weight: bold;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 15px;\n justify-items: start;\n }\n }\n\n &__user-menu-link {\n width: 181px;\n }\n\n &__services-menu-link {\n width: 107px;\n }\n\n &__menu-toggle-label {\n display: block;\n text-align: left;\n }\n\n @media print {\n display: none;\n }\n}\n"]}

package/moj/components/domain-specific/probation/header/header.bundle.js ADDED Viewed

@@ -0,0 +1,75 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('govuk-frontend')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'govuk-frontend'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MOJFrontend = global.MOJFrontend || {}, global.GOVUKFrontend));
+})(this, (function (exports, govukFrontend) { 'use strict';
+  class PdsHeader extends govukFrontend.Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for PDS header
+     */
+    constructor($root) {
+      super($root);
+      this.initHeader();
+    }
+    initHeader() {
+      this.$tabOpenClass = 'probation-common-header__toggle-open';
+      const $userToggle = this.$root.querySelector('.probation-common-header__user-menu-toggle');
+      const $userMenu = this.$root.querySelector('#probation-common-header-user-menu');
+      if (!$userToggle || !$userMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement)) {
+        return 0;
+      }
+      this.hideFallbackLinks();
+      $userToggle.removeAttribute('hidden');
+      this.closeTabs([[$userToggle, $userMenu]]);
+      $userToggle.addEventListener('click', _event => {
+        this.toggleMenu($userToggle, $userMenu);
+      });
+    }
+    /**
+     * @param {[any, any][]} tabTuples
+     */
+    closeTabs(tabTuples) {
+      tabTuples.forEach(([toggle, menu]) => {
+        if (menu && toggle) {
+          menu.setAttribute('hidden', 'hidden');
+          toggle.classList.remove(this.$tabOpenClass);
+          toggle.parentElement.classList.remove('item-open');
+          toggle.setAttribute('aria-expanded', 'false');
+          if (toggle.dataset.textForShow) toggle.setAttribute('aria-label', toggle.dataset.textForShow);
+        }
+      });
+    }
+    /**
+     * @param {HTMLElement} toggle
+     * @param {HTMLElement} menu
+     */
+    toggleMenu(toggle, menu) {
+      const isOpen = !menu.getAttribute('hidden');
+      if (isOpen) {
+        this.closeTabs([[toggle, menu]]);
+      } else if (menu && toggle) {
+        menu.removeAttribute('hidden');
+        toggle.classList.add(this.$tabOpenClass);
+        toggle.parentElement.classList.add('item-open');
+        toggle.setAttribute('aria-expanded', 'true');
+        if (toggle.dataset.textForHide) toggle.setAttribute('aria-label', toggle.dataset.textForHide);
+      }
+    }
+    hideFallbackLinks() {
+      const $userLink = this.$root.querySelector('.probation-common-header__user-menu-link');
+      if ($userLink) $userLink.setAttribute('hidden', 'hidden');
+    }
+    /**
+     * Name for the component used when initialising using data-module attributes.
+     */
+  }
+  PdsHeader.moduleName = 'pds-header';
+  exports.PdsHeader = PdsHeader;
+}));
+//# sourceMappingURL=header.bundle.js.map

package/moj/components/domain-specific/probation/header/header.bundle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"header.bundle.js","sources":["../../../../../../src/moj/components/domain-specific/probation/header/header.mjs"],"sourcesContent":["import { Component } from 'govuk-frontend'\n\nexport class PdsHeader extends Component {\n /**\n * @param {Element | null} $root - HTML element to use for PDS header\n */\n constructor($root) {\n super($root)\n this.initHeader()\n }\n\n initHeader() {\n this.$tabOpenClass = 'probation-common-header__toggle-open'\n const $userToggle = this.$root.querySelector(\n '.probation-common-header__user-menu-toggle'\n )\n const $userMenu = this.$root.querySelector(\n '#probation-common-header-user-menu'\n )\n\n if (\n !$userToggle ||\n !$userMenu ||\n !($userToggle instanceof HTMLElement) ||\n !($userMenu instanceof HTMLElement)\n ) {\n return 0\n }\n\n this.hideFallbackLinks()\n $userToggle.removeAttribute('hidden')\n\n this.closeTabs([[$userToggle, $userMenu]])\n\n $userToggle.addEventListener('click', (_event) => {\n this.toggleMenu($userToggle, $userMenu)\n })\n }\n\n /**\n * @param {[any, any][]} tabTuples\n */\n closeTabs(tabTuples) {\n tabTuples.forEach(([toggle, menu]) => {\n if (menu && toggle) {\n menu.setAttribute('hidden', 'hidden')\n toggle.classList.remove(this.$tabOpenClass)\n toggle.parentElement.classList.remove('item-open')\n toggle.setAttribute('aria-expanded', 'false')\n if (toggle.dataset.textForShow)\n toggle.setAttribute('aria-label', toggle.dataset.textForShow)\n }\n })\n }\n\n /**\n * @param {HTMLElement} toggle\n * @param {HTMLElement} menu\n */\n toggleMenu(toggle, menu) {\n const isOpen = !menu.getAttribute('hidden')\n\n if (isOpen) {\n this.closeTabs([[toggle, menu]])\n } else if (menu && toggle) {\n menu.removeAttribute('hidden')\n toggle.classList.add(this.$tabOpenClass)\n toggle.parentElement.classList.add('item-open')\n toggle.setAttribute('aria-expanded', 'true')\n if (toggle.dataset.textForHide)\n toggle.setAttribute('aria-label', toggle.dataset.textForHide)\n }\n }\n\n hideFallbackLinks() {\n const $userLink = this.$root.querySelector(\n '.probation-common-header__user-menu-link'\n )\n if ($userLink) $userLink.setAttribute('hidden', 'hidden')\n }\n\n /**\n * Name for the component used when initialising using data-module attributes.\n */\n static moduleName = 'pds-header'\n}\n"],"names":["PdsHeader","Component","constructor","$root","initHeader","$tabOpenClass","$userToggle","querySelector","$userMenu","HTMLElement","hideFallbackLinks","removeAttribute","closeTabs","addEventListener","_event","toggleMenu","tabTuples","forEach","toggle","menu","setAttribute","classList","remove","parentElement","dataset","textForShow","isOpen","getAttribute","add","textForHide","$userLink","moduleName"],"mappings":"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"}