@ministryofjustice/frontend 3.4.0 → 3.5.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.
- package/moj/all.jquery.min.js +7 -70
- package/moj/all.js +2856 -2865
- package/moj/components/add-another/add-another.js +135 -104
- package/moj/components/alert/alert.js +482 -247
- package/moj/components/alert/alert.spec.helper.js +30 -5
- package/moj/components/button-menu/button-menu.js +346 -319
- package/moj/components/date-picker/date-picker.js +925 -900
- package/moj/components/filter-toggle-button/filter-toggle-button.js +122 -91
- package/moj/components/form-validator/form-validator.js +399 -164
- package/moj/components/multi-file-upload/multi-file-upload.js +445 -210
- package/moj/components/multi-select/multi-select.js +106 -75
- package/moj/components/password-reveal/password-reveal.js +64 -33
- package/moj/components/rich-text-editor/rich-text-editor.js +186 -153
- package/moj/components/search-toggle/search-toggle.js +77 -46
- package/moj/components/sortable-table/sortable-table.js +167 -146
- package/moj/helpers/_links.scss +1 -1
- package/moj/helpers.js +218 -180
- package/moj/moj-frontend.min.js +7 -70
- package/moj/version.js +28 -1
- package/package.json +1 -1
- package/moj/all.spec.js +0 -24
- package/moj/components/add-another/add-another.spec.js +0 -165
- package/moj/components/alert/alert.spec.js +0 -229
- package/moj/components/button-menu/button-menu.spec.js +0 -360
- package/moj/components/date-picker/date-picker.spec.js +0 -1178
- package/moj/components/filter-toggle-button/filter-toggle-button.spec.js +0 -302
- package/moj/components/multi-file-upload/multi-file-upload.spec.js +0 -510
- package/moj/components/multi-select/multi-select.spec.js +0 -128
- package/moj/components/password-reveal/password-reveal.spec.js +0 -57
- package/moj/components/search-toggle/search-toggle.spec.js +0 -129
- package/moj/components/sortable-table/sortable-table.spec.js +0 -362
- package/moj/helpers.spec.js +0 -235
- package/moj/namespace.js +0 -2
package/moj/moj-frontend.min.js
CHANGED
|
@@ -1,67 +1,4 @@
|
|
|
1
|
-
((t,e)=>{"function"==typeof define&&define.amd?define(
|
|
2
|
-
<main>
|
|
3
|
-
<div id="alert-1" role="region" class="moj-alert moj-alert--information moj-alert--with-heading" aria-label="information: This contains information" data-module="moj-alert" data-dismissible="true">
|
|
4
|
-
<div>
|
|
5
|
-
<svg class="moj-alert__icon" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" height="30" width="30"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2165 3.45151C11.733 2.82332 13.3585 2.5 15 2.5C16.6415 2.5 18.267 2.82332 19.7835 3.45151C21.3001 4.07969 22.6781 5.00043 23.8388 6.16117C24.9996 7.3219 25.9203 8.69989 26.5485 10.2165C27.1767 11.733 27.5 13.3585 27.5 15C27.5 18.3152 26.183 21.4946 23.8388 23.8388C21.4946 26.183 18.3152 27.5 15 27.5C13.3585 27.5 11.733 27.1767 10.2165 26.5485C8.69989 25.9203 7.3219 24.9996 6.16117 23.8388C3.81696 21.4946 2.5 18.3152 2.5 15C2.5 11.6848 3.81696 8.50537 6.16117 6.16117C7.3219 5.00043 8.69989 4.07969 10.2165 3.45151ZM16.3574 22.4121H13.6621V12.95H16.3574V22.4121ZM13.3789 9.20898C13.3789 8.98763 13.4212 8.7793 13.5059 8.58398C13.5905 8.38216 13.7044 8.20964 13.8477 8.06641C13.9974 7.91667 14.1699 7.79948 14.3652 7.71484C14.5605 7.63021 14.7721 7.58789 15 7.58789C15.2214 7.58789 15.4297 7.63021 15.625 7.71484C15.8268 7.79948 15.9993 7.91667 16.1426 8.06641C16.2923 8.20964 16.4095 8.38216 16.4941 8.58398C16.5788 8.7793 16.6211 8.98763 16.6211 9.20898C16.6211 9.43685 16.5788 9.64844 16.4941 9.84375C16.4095 10.0391 16.2923 10.2116 16.1426 10.3613C15.9993 10.5046 15.8268 10.6185 15.625 10.7031C15.4297 10.7878 15.2214 10.8301 15 10.8301C14.7721 10.8301 14.5605 10.7878 14.3652 10.7031C14.1699 10.6185 13.9974 10.5046 13.8477 10.3613C13.7044 10.2116 13.5905 10.0391 13.5059 9.84375C13.4212 9.64844 13.3789 9.43685 13.3789 9.20898Z" fill="currentColor"/></svg>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="moj-alert__content">
|
|
8
|
-
<h2 class="govuk-heading-m">This contains information</h2>
|
|
9
|
-
Content that informs you of a thing. It really is so very informative, that's why it needs so much content and is really, exceedingly verbose.
|
|
10
|
-
</div>
|
|
11
|
-
<div class="moj-alert__action">
|
|
12
|
-
<button class="moj-alert__dismiss" hidden>Dismiss</button>
|
|
13
|
-
</div>
|
|
14
|
-
</div>
|
|
15
|
-
|
|
16
|
-
<h1 id="h1">Heading 1</h1>
|
|
17
|
-
<section>
|
|
18
|
-
<h2 id="h2">heading 2</h2>
|
|
19
|
-
<div id="alert-2" role="region" class="moj-alert moj-alert--information" aria-label="information: You might like to know" data-module="moj-alert" data-dismissible="true">
|
|
20
|
-
<div>
|
|
21
|
-
<svg class="moj-alert__icon" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" height="30" width="30"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2165 3.45151C11.733 2.82332 13.3585 2.5 15 2.5C16.6415 2.5 18.267 2.82332 19.7835 3.45151C21.3001 4.07969 22.6781 5.00043 23.8388 6.16117C24.9996 7.3219 25.9203 8.69989 26.5485 10.2165C27.1767 11.733 27.5 13.3585 27.5 15C27.5 18.3152 26.183 21.4946 23.8388 23.8388C21.4946 26.183 18.3152 27.5 15 27.5C13.3585 27.5 11.733 27.1767 10.2165 26.5485C8.69989 25.9203 7.3219 24.9996 6.16117 23.8388C3.81696 21.4946 2.5 18.3152 2.5 15C2.5 11.6848 3.81696 8.50537 6.16117 6.16117C7.3219 5.00043 8.69989 4.07969 10.2165 3.45151ZM16.3574 22.4121H13.6621V12.95H16.3574V22.4121ZM13.3789 9.20898C13.3789 8.98763 13.4212 8.7793 13.5059 8.58398C13.5905 8.38216 13.7044 8.20964 13.8477 8.06641C13.9974 7.91667 14.1699 7.79948 14.3652 7.71484C14.5605 7.63021 14.7721 7.58789 15 7.58789C15.2214 7.58789 15.4297 7.63021 15.625 7.71484C15.8268 7.79948 15.9993 7.91667 16.1426 8.06641C16.2923 8.20964 16.4095 8.38216 16.4941 8.58398C16.5788 8.7793 16.6211 8.98763 16.6211 9.20898C16.6211 9.43685 16.5788 9.64844 16.4941 9.84375C16.4095 10.0391 16.2923 10.2116 16.1426 10.3613C15.9993 10.5046 15.8268 10.6185 15.625 10.7031C15.4297 10.7878 15.2214 10.8301 15 10.8301C14.7721 10.8301 14.5605 10.7878 14.3652 10.7031C14.1699 10.6185 13.9974 10.5046 13.8477 10.3613C13.7044 10.2116 13.5905 10.0391 13.5059 9.84375C13.4212 9.64844 13.3789 9.43685 13.3789 9.20898Z" fill="currentColor"/></svg>
|
|
22
|
-
</div>
|
|
23
|
-
<div class="moj-alert__content">Content that informs you of a thing. <a href="#">More information</a></div>
|
|
24
|
-
<div class="moj-alert__action">
|
|
25
|
-
<button class="moj-alert__dismiss" hidden>Dismiss</button>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
<div id="alert-3"role="region" class="moj-alert moj-alert--success" aria-label="success: Woohoo!" data-module="moj-alert" data-dismissible="true">
|
|
31
|
-
<div>
|
|
32
|
-
<svg class="moj-alert__icon" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" height="30" width="30"><path d="M11.2869 24.6726L2.00415 15.3899L4.62189 12.7722L11.2869 19.4186L25.3781 5.32739L27.9958 7.96369L11.2869 24.6726Z" fill="currentColor"/>
|
|
33
|
-
</svg>
|
|
34
|
-
</div>
|
|
35
|
-
<div class="moj-alert__content">That thing just successfully occurred. <a href="#">Celebrate here</a></div>
|
|
36
|
-
<div class="moj-alert__action">
|
|
37
|
-
<button class="moj-alert__dismiss" hidden>Dismiss</button>
|
|
38
|
-
</div>
|
|
39
|
-
</div>
|
|
40
|
-
|
|
41
|
-
<div id="alert-4" role="region" class="moj-alert moj-alert--warning" aria-label="warning: Something's not quite right" data-module="moj-alert" data-dismissible="true">
|
|
42
|
-
<div>
|
|
43
|
-
<svg class="moj-alert__icon" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" height="30" width="30"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 2.44922L28.75 26.1992H1.25L15 2.44922ZM13.5107 9.49579H16.4697L16.2431 17.7678H13.7461L13.5107 9.49579ZM13.1299 21.82C13.1299 21.5661 13.1787 21.3285 13.2764 21.1071C13.374 20.8793 13.5075 20.6807 13.6768 20.5114C13.8525 20.3421 14.0544 20.2087 14.2822 20.111C14.5101 20.0134 14.7542 19.9645 15.0146 19.9645C15.2686 19.9645 15.5062 20.0134 15.7275 20.111C15.9554 20.2087 16.154 20.3421 16.3232 20.5114C16.4925 20.6807 16.626 20.8793 16.7236 21.1071C16.8213 21.3285 16.8701 21.5661 16.8701 21.82C16.8701 22.0804 16.8213 22.3246 16.7236 22.5524C16.626 22.7803 16.4925 22.9789 16.3232 23.1481C16.154 23.3174 15.9554 23.4509 15.7275 23.5485C15.5062 23.6462 15.2686 23.695 15.0146 23.695C14.7542 23.695 14.5101 23.6462 14.2822 23.5485C14.0544 23.4509 13.8525 23.3174 13.6768 23.1481C13.5075 22.9789 13.374 22.7803 13.2764 22.5524C13.1787 22.3246 13.1299 22.0804 13.1299 21.82Z" fill="currentColor"/></svg>
|
|
44
|
-
</div>
|
|
45
|
-
<div class="moj-alert__content">You should be aware of this thing. <a href="#">More information</a></div>
|
|
46
|
-
<div class="moj-alert__action">
|
|
47
|
-
<button class="moj-alert__dismiss" hidden>Dismiss</button>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
|
|
51
|
-
<div id="alert-5" role="region" class="moj-alert moj-alert--error" aria-label="error: Woah, hold up!" data-module="moj-alert" data-dismissible="true" data-dismissible="true" data-focus-on-dismiss-selector="#focusOnMe">
|
|
52
|
-
<div>
|
|
53
|
-
<svg class="moj-alert__icon" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" height="30" width="30"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1777 2.5H9.82233L2.5 9.82233V20.1777L9.82233 27.5H20.1777L27.5 20.1777V9.82233L20.1777 2.5ZM10.9155 8.87769L15.0001 12.9623L19.0847 8.87771L21.1224 10.9154L17.0378 15L21.1224 19.0846L19.0847 21.1222L15.0001 17.0376L10.9155 21.1223L8.87782 19.0846L12.9624 15L8.87783 10.9153L10.9155 8.87769Z" fill="currentColor"/></svg>
|
|
54
|
-
</div>
|
|
55
|
-
<div class="moj-alert__content">Bad things happened. <a href="#">Contact us</a></div>
|
|
56
|
-
<div class="moj-alert__action">
|
|
57
|
-
<button class="moj-alert__dismiss" hidden>Dismiss</button>
|
|
58
|
-
</div>
|
|
59
|
-
</div>
|
|
60
|
-
|
|
61
|
-
<div id="focusOnMe">I will receive focus</div>
|
|
62
|
-
</section>
|
|
63
|
-
</main>
|
|
64
|
-
`},r.ButtonMenu=function(t,e={}){if(!t)return this;var o=Object.freeze({properties:{buttonText:{type:"string"},buttonClasses:{type:"string"},alignMenu:{type:"string"}}});this.config=this.mergeConfigs({buttonText:"Actions",alignMenu:"left",buttonClasses:""},e,this.parseDataset(o,t.dataset)),this.$module=t},r.ButtonMenu.prototype.init=function(){if(1===this.$module.children.length){let e=this.$module.children[0];e.classList.forEach(t=>{t.startsWith("govuk-button-")&&e.classList.remove(t),e.classList.remove("moj-button-menu__item")}),this.config.buttonClasses&&e.classList.add(...this.config.buttonClasses.split(" "))}1<this.$module.children.length&&this.initMenu()},r.ButtonMenu.prototype.initMenu=function(){this.$menu=this.createMenu(),this.$module.insertAdjacentHTML("afterbegin",this.toggleTemplate()),this.setupMenuItems(),this.$menuToggle=this.$module.querySelector(":scope > button"),this.items=this.$menu.querySelectorAll("a, button"),this.$menuToggle.addEventListener("click",t=>{this.toggleMenu(t)}),this.$module.addEventListener("keydown",t=>{this.handleKeyDown(t)}),document.addEventListener("click",t=>{this.$module.contains(t.target)||this.closeMenu(!1)})},r.ButtonMenu.prototype.createMenu=function(){var t=document.createElement("ul");for(t.setAttribute("role","list"),t.hidden=!0,t.classList.add("moj-button-menu__wrapper"),"right"===this.config.alignMenu&&t.classList.add("moj-button-menu__wrapper--right"),this.$module.appendChild(t);this.$module.firstChild!==t;)t.appendChild(this.$module.firstChild);return t},r.ButtonMenu.prototype.setupMenuItems=function(){Array.from(this.$menu.children).forEach(e=>{var t=document.createElement("li");this.$menu.insertBefore(t,e),t.appendChild(e),e.setAttribute("tabindex",-1),"BUTTON"===e.tagName&&e.setAttribute("type","button"),e.classList.forEach(t=>{t.startsWith("govuk-button")&&e.classList.remove(t)}),e.addEventListener("click",t=>{setTimeout(()=>{this.closeMenu(!1)},50)})})},r.ButtonMenu.prototype.toggleTemplate=function(){return`
|
|
1
|
+
((t,e)=>{"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).MOJFrontend=e()})(this,function(){function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var b,y,e,o,v,k,D,x,j,_,w,C,B,$,L,M,T,S,A,E,F,H,I,O,q,R,P,N,z=window.jQuery;function Z(){return o||(o=1,e={removeAttributeValue:function(t,e,o){var i;t.getAttribute(e)&&(t.getAttribute(e)===o?t.removeAttribute(e):(o=new RegExp(`(^|\\s)${o}(\\s|$)`),(i=t.getAttribute(e).match(o))&&3===i.length&&t.setAttribute(e,t.getAttribute(e).replace(o,i[1]&&i[2]?" ":""))))},addAttributeValue:function(t,e,o){t.getAttribute(e)?new RegExp(`(^|\\s)${o}(\\s|$)`).test(t.getAttribute(e))||t.setAttribute(e,t.getAttribute(e)+" "+o):t.setAttribute(e,o)},dragAndDropSupported:function(){return void 0!==document.createElement("div").ondrop},formDataSupported:function(){return"function"==typeof FormData},fileApiSupported:function(){var t=document.createElement("input");return t.type="file",void 0!==t.files},nodeListForEach:function(e,o){if(window.NodeList.prototype.forEach)return e.forEach(o);for(let t=0;t<e.length;t++)o.call(window,e[t],t,e)},getNextSibling:function(e,o){if(e){let t=e.nextElementSibling;if(!o)return t;for(;t;){if(t.matches(o))return t;t=t.nextElementSibling}}},getPreviousSibling:function(e,o){if(e){let t=e.previousElementSibling;if(!o)return t;for(;t;){if(t.matches(o))return t;t=t.previousElementSibling}}},findNearestMatchingElement:function(t,o){if(t&&o){let e=t;for(;e;){if(e.matches(o))return e;let t=e.previousElementSibling;for(;t;){if(t.matches(o))return t;t=t.previousElementSibling}e=e.parentElement}}},setFocus:function(t,e={}){let o=t.getAttribute("tabindex");function i(){e.onBlur&&e.onBlur.call(t),o||t.removeAttribute("tabindex")}o||t.setAttribute("tabindex","-1"),t.addEventListener("focus",function(){t.addEventListener("blur",i,{once:!0})},{once:!0}),e.onBeforeFocus&&e.onBeforeFocus.call(t),t.focus()}}),e}return t((()=>{if(!N){N=1;let n=z,o=(()=>{if(!y){y=1;let s=z;function t(t){this.container=s(t),this.container.data("moj-add-another-initialised")||(this.container.data("moj-add-another-initialised",!0),this.container.on("click",".moj-add-another__remove-button",s.proxy(this,"onRemoveButtonClick")),this.container.on("click",".moj-add-another__add-button",s.proxy(this,"onAddButtonClick")),this.container.find(".moj-add-another__add-button, moj-add-another__remove-button").prop("type","button"))}t.prototype.onAddButtonClick=function(t){var e=this.getNewItem(),o=(this.updateAttributes(this.getItems().length,e),this.resetItem(e),this.getItems().first());this.hasRemoveButton(o)||this.createRemoveButton(o),this.getItems().last().after(e),e.find("input, textarea, select").first().focus()},t.prototype.hasRemoveButton=function(t){return t.find(".moj-add-another__remove-button").length},t.prototype.getItems=function(){return this.container.find(".moj-add-another__item")},t.prototype.getNewItem=function(){var t=this.getItems().first().clone();return this.hasRemoveButton(t)||this.createRemoveButton(t),t},t.prototype.updateAttributes=function(i,n){n.find("[data-name]").each(function(t,e){var o=e.id;e.name=s(e).attr("data-name").replace(/%index%/,i),e.id=s(e).attr("data-id").replace(/%index%/,i),(s(e).siblings("label")[0]||s(e).parents("label")[0]||n.find(`[for="${o}"]`)[0]).htmlFor=e.id})},t.prototype.createRemoveButton=function(t){t.append('<button type="button" class="govuk-button govuk-button--secondary moj-add-another__remove-button">Remove</button>')},t.prototype.resetItem=function(t){t.find("[data-name], [data-id]").each(function(t,e){"checkbox"===e.type||"radio"===e.type?e.checked=!1:e.value=""})},t.prototype.onRemoveButtonClick=function(t){s(t.currentTarget).parents(".moj-add-another__item").remove();t=this.getItems();1===t.length&&t.find(".moj-add-another__remove-button").remove(),t.each(s.proxy(function(t,e){this.updateAttributes(t,s(e))},this)),this.focusHeading()},t.prototype.focusHeading=function(){this.container.find(".moj-add-another__heading").get(0).focus()},b={AddAnother:t}}return b})().AddAnother,i=(()=>{if(!k){k=1;let{findNearestMatchingElement:o,getPreviousSibling:i,setFocus:n}=Z();function t(t,e={}){if(!t)return this;var o=Object.freeze({properties:{dismissible:{type:"boolean"},dismissText:{type:"string"},disableAutoFocus:{type:"boolean"},focusOnDismissSelector:{type:"string"}}});this.config=this.mergeConfigs({dismissible:!1,dismissText:"Dismiss",disableAutoFocus:!1},e,this.parseDataset(o,t.dataset)),this.$module=t}t.prototype.init=function(){"alert"!==this.$module.getAttribute("role")||this.config.disableAutoFocus||n(this.$module),this.$dismissButton=this.$module.querySelector(".moj-alert__dismiss"),this.config.dismissible&&this.$dismissButton&&(this.$dismissButton.innerHTML=this.config.dismissText,this.$dismissButton.removeAttribute("hidden"),this.$module.addEventListener("click",t=>{this.$dismissButton.contains(t.target)&&this.dimiss()}))},t.prototype.dimiss=function(){let t;var e;(t=this.config.focusOnDismissSelector?document.querySelector(this.config.focusOnDismissSelector):t)||(e=this.$module.nextElementSibling)&&e.matches(".moj-alert")&&(t=e),(t=(t=t||i(this.$module,".moj-alert, h1, h2, h3, h4, h5, h6"))||o(this.$module,"h1, h2, h3, h4, h5, h6, main, body"))&&n(t),this.$module.remove()},t.prototype.normaliseString=function(t,e){var o=t?t.trim():"";let i,n;switch((n=e&&e.type?e.type:n)||(["true","false"].includes(o)&&(n="boolean"),0<o.length&&isFinite(Number(o))&&(n="number")),n){case"boolean":i="true"===o;break;case"number":i=Number(o);break;default:i=t}return i},t.prototype.parseDataset=function(t,e){var o,i,n={};for([o,i]of Object.entries(t.properties))o in e&&e[o]&&(n[o]=this.normaliseString(e[o],i));return n},t.prototype.mergeConfigs=function(...t){var e,o={};for(e of t)for(var i of Object.keys(e)){var n=o[i],s=e[i];o[i]="object"==typeof n&&"object"==typeof s?this.mergeConfigs(n,s):s}return o},v={Alert:t}}return v})().Alert,s=(x||(x=1,f.prototype.init=function(){if(1===this.$module.children.length){let e=this.$module.children[0];e.classList.forEach(t=>{t.startsWith("govuk-button-")&&e.classList.remove(t),e.classList.remove("moj-button-menu__item")}),this.config.buttonClasses&&e.classList.add(...this.config.buttonClasses.split(" "))}1<this.$module.children.length&&this.initMenu()},f.prototype.initMenu=function(){this.$menu=this.createMenu(),this.$module.insertAdjacentHTML("afterbegin",this.toggleTemplate()),this.setupMenuItems(),this.$menuToggle=this.$module.querySelector(":scope > button"),this.items=this.$menu.querySelectorAll("a, button"),this.$menuToggle.addEventListener("click",t=>{this.toggleMenu(t)}),this.$module.addEventListener("keydown",t=>{this.handleKeyDown(t)}),document.addEventListener("click",t=>{this.$module.contains(t.target)||this.closeMenu(!1)})},f.prototype.createMenu=function(){var t=document.createElement("ul");for(t.setAttribute("role","list"),t.hidden=!0,t.classList.add("moj-button-menu__wrapper"),"right"===this.config.alignMenu&&t.classList.add("moj-button-menu__wrapper--right"),this.$module.appendChild(t);this.$module.firstChild!==t;)t.appendChild(this.$module.firstChild);return t},f.prototype.setupMenuItems=function(){Array.from(this.$menu.children).forEach(e=>{var t=document.createElement("li");this.$menu.insertBefore(t,e),t.appendChild(e),e.setAttribute("tabindex",-1),"BUTTON"===e.tagName&&e.setAttribute("type","button"),e.classList.forEach(t=>{t.startsWith("govuk-button")&&e.classList.remove(t)}),e.addEventListener("click",t=>{setTimeout(()=>{this.closeMenu(!1)},50)})})},f.prototype.toggleTemplate=function(){return`
|
|
65
2
|
<button type="button" class="govuk-button moj-button-menu__toggle-button ${this.config.buttonClasses||""}" aria-haspopup="true" aria-expanded="false">
|
|
66
3
|
<span>
|
|
67
4
|
${this.config.buttonText}
|
|
@@ -69,7 +6,7 @@
|
|
|
69
6
|
<path d="M5.5 0L11 5L0 5L5.5 0Z" fill="currentColor"/>
|
|
70
7
|
</svg>
|
|
71
8
|
</span>
|
|
72
|
-
</button>`},
|
|
9
|
+
</button>`},f.prototype.isOpen=function(){return"true"===this.$menuToggle.getAttribute("aria-expanded")},f.prototype.toggleMenu=function(t){t.preventDefault();t=0===t.detail?0:-1;this.isOpen()?this.closeMenu():this.openMenu(t)},f.prototype.openMenu=function(t=0){this.$menu.hidden=!1,this.$menuToggle.setAttribute("aria-expanded","true"),-1!==t&&this.focusItem(t)},f.prototype.closeMenu=function(t=!0){this.$menu.hidden=!0,this.$menuToggle.setAttribute("aria-expanded","false"),t&&this.$menuToggle.focus()},f.prototype.focusItem=function(t){(t=t>=this.items.length?0:t)<0&&(t=this.items.length-1);t=this.items.item(t);t&&t.focus()},f.prototype.currentFocusIndex=function(){var t=document.activeElement;return Array.from(this.items).indexOf(t)},f.prototype.handleKeyDown=function(t){if(t.target===this.$menuToggle)switch(t.key){case"ArrowDown":t.preventDefault(),this.openMenu();break;case"ArrowUp":t.preventDefault(),this.openMenu(this.items.length-1)}if(this.$menu.contains(t.target)&&this.isOpen())switch(t.key){case"ArrowDown":t.preventDefault(),-1!==this.currentFocusIndex()&&this.focusItem(this.currentFocusIndex()+1);break;case"ArrowUp":t.preventDefault(),-1!==this.currentFocusIndex()&&this.focusItem(this.currentFocusIndex()-1);break;case"Home":t.preventDefault(),this.focusItem(0);break;case"End":t.preventDefault(),this.focusItem(this.items.length-1)}"Escape"===t.key&&this.isOpen()&&this.closeMenu(),"Tab"===t.key&&this.isOpen()&&this.closeMenu(!1)},f.prototype.parseDataset=function(t,e){var o,i={};for([o,,]of Object.entries(t.properties))o in e&&e[o]&&(i[o]=e[o]);return i},f.prototype.mergeConfigs=function(...t){var e,o={};for(e of t)for(var i of Object.keys(e)){var n=o[i],s=e[i];o[i]="object"==typeof n&&"object"==typeof s?this.mergeConfigs(n,s):s}return o},D={ButtonMenu:f}),D).ButtonMenu,a=(_||(_=1,g.prototype.init=function(){!this.$input||this.$module.dataset.initialized||(this.setOptions(),this.initControls(),this.$module.setAttribute("data-initialized","true"))},g.prototype.initControls=function(){this.id="datepicker-"+this.$input.id,this.$dialog=this.createDialog(),this.createCalendarHeaders();var t=document.createElement("div"),e=document.createElement("div"),e=(t.classList.add("moj-datepicker__wrapper"),e.classList.add("govuk-input__wrapper"),this.$input.parentNode.insertBefore(t,this.$input),t.appendChild(e),e.appendChild(this.$input),e.insertAdjacentHTML("beforeend",this.toggleTemplate()),t.insertAdjacentElement("beforeend",this.$dialog),this.$calendarButton=this.$module.querySelector(".moj-js-datepicker-toggle"),this.$dialogTitle=this.$dialog.querySelector(".moj-js-datepicker-month-year"),this.createCalendar(),this.$prevMonthButton=this.$dialog.querySelector(".moj-js-datepicker-prev-month"),this.$prevYearButton=this.$dialog.querySelector(".moj-js-datepicker-prev-year"),this.$nextMonthButton=this.$dialog.querySelector(".moj-js-datepicker-next-month"),this.$nextYearButton=this.$dialog.querySelector(".moj-js-datepicker-next-year"),this.$cancelButton=this.$dialog.querySelector(".moj-js-datepicker-cancel"),this.$okButton=this.$dialog.querySelector(".moj-js-datepicker-ok"),this.$prevMonthButton.addEventListener("click",t=>this.focusPreviousMonth(t,!1)),this.$prevYearButton.addEventListener("click",t=>this.focusPreviousYear(t,!1)),this.$nextMonthButton.addEventListener("click",t=>this.focusNextMonth(t,!1)),this.$nextYearButton.addEventListener("click",t=>this.focusNextYear(t,!1)),this.$cancelButton.addEventListener("click",t=>{t.preventDefault(),this.closeDialog(t)}),this.$okButton.addEventListener("click",()=>{this.selectDate(this.currentDate)}),this.$dialog.querySelectorAll('button:not([disabled="true"])'));this.$firstButtonInDialog=e[0],this.$lastButtonInDialog=e[e.length-1],this.$firstButtonInDialog.addEventListener("keydown",t=>this.firstButtonKeydown(t)),this.$lastButtonInDialog.addEventListener("keydown",t=>this.lastButtonKeydown(t)),this.$calendarButton.addEventListener("click",t=>this.toggleDialog(t)),this.$dialog.addEventListener("keydown",t=>{"Escape"===t.key&&(this.closeDialog(),t.preventDefault(),t.stopPropagation())}),document.body.addEventListener("mouseup",t=>this.backgroundClick(t)),this.updateCalendar()},g.prototype.createDialog=function(){var t="datepicker-title-"+this.$input.id,e=document.createElement("div");return e.id=this.id,e.setAttribute("class","moj-datepicker__dialog"),e.setAttribute("role","dialog"),e.setAttribute("aria-modal","true"),e.setAttribute("aria-labelledby",t),e.innerHTML=this.dialogTemplate(t),e.hidden=!0,e},g.prototype.createCalendar=function(){var t=this.$dialog.querySelector("tbody");let o=0;for(let e=0;e<6;e++){var i=t.insertRow(e);for(let t=0;t<7;t++){var n=document.createElement("td"),s=document.createElement("button"),n=(n.appendChild(s),i.appendChild(n),new m(s,o,e,t,this));n.init(),this.calendarDays.push(n),o++}}},g.prototype.toggleTemplate=function(){return`<button class="moj-datepicker__toggle moj-js-datepicker-toggle" type="button" aria-haspopup="dialog" aria-controls="${this.id}" aria-expanded="false">
|
|
73
10
|
<span class="govuk-visually-hidden">Choose date</span>
|
|
74
11
|
<svg width="32" height="24" focusable="false" class="moj-datepicker-icon" aria-hidden="true" role="img" viewBox="0 0 22 22">
|
|
75
12
|
<path
|
|
@@ -81,7 +18,7 @@
|
|
|
81
18
|
<rect x="3.66669" width="1.46667" height="5.13333" rx="0.733333" fill="currentColor"></rect>
|
|
82
19
|
<rect x="16.8667" width="1.46667" height="5.13333" rx="0.733333" fill="currentColor"></rect>
|
|
83
20
|
</svg>
|
|
84
|
-
</button>`},
|
|
21
|
+
</button>`},g.prototype.dialogTemplate=function(t){return`<div class="moj-datepicker__dialog-header">
|
|
85
22
|
<div class="moj-datepicker__dialog-navbuttons">
|
|
86
23
|
<button class="moj-datepicker__button moj-js-datepicker-prev-year">
|
|
87
24
|
<span class="govuk-visually-hidden">Previous year</span>
|
|
@@ -130,15 +67,15 @@
|
|
|
130
67
|
<div class="govuk-button-group">
|
|
131
68
|
<button type="button" class="govuk-button moj-js-datepicker-ok">Select</button>
|
|
132
69
|
<button type="button" class="govuk-button govuk-button--secondary moj-js-datepicker-cancel">Close</button>
|
|
133
|
-
</div>`},t.prototype.createCalendarHeaders=function(){this.dayLabels.forEach(t=>{t=`<th scope="col"><span aria-hidden="true">${t.substring(0,3)}</span><span class="govuk-visually-hidden">${t}</span></th>`;this.$dialog.querySelector("thead > tr").insertAdjacentHTML("beforeend",t)})},t.prototype.leadingZeros=function(t,e=2){let o=t.toString();for(;o.length<e;)o="0"+o;return o},t.prototype.setOptions=function(){this.setMinAndMaxDatesOnCalendar(),this.setExcludedDates(),this.setExcludedDays(),this.setLeadingZeros(),this.setWeekStartDay()},t.prototype.setMinAndMaxDatesOnCalendar=function(){this.config.minDate&&(this.minDate=this.formattedDateFromString(this.config.minDate,null),this.minDate)&&this.currentDate<this.minDate&&(this.currentDate=this.minDate),this.config.maxDate&&(this.maxDate=this.formattedDateFromString(this.config.maxDate,null),this.maxDate)&&this.currentDate>this.maxDate&&(this.currentDate=this.maxDate)},t.prototype.setExcludedDates=function(){this.config.excludedDates&&(this.excludedDates=this.config.excludedDates.replace(/\s+/," ").split(" ").map(t=>t.includes("-")?this.parseDateRangeString(t):this.formattedDateFromString(t)).flat().filter(t=>t))},t.prototype.parseDateRangeString=function(t){var e=[],[t,o]=t.split("-").map(t=>this.formattedDateFromString(t,null));if(t&&o)for(var i=new Date(t.getTime());i<=o;)e.push(new Date(i)),i.setDate(i.getDate()+1);return e},t.prototype.setExcludedDays=function(){if(this.config.excludedDays){let e=this.dayLabels.map(t=>t.toLowerCase());"monday"===this.config.weekStartDay&&e.unshift(e.pop()),this.excludedDays=this.config.excludedDays.replace(/\s+/," ").toLowerCase().split(" ").map(t=>e.indexOf(t)).filter(t=>-1!==t)}},t.prototype.setLeadingZeros=function(){"boolean"!=typeof this.config.leadingZeros&&("true"===this.config.leadingZeros.toLowerCase()?this.config.leadingZeros=!0:"false"===this.config.leadingZeros.toLowerCase()&&(this.config.leadingZeros=!1))},t.prototype.setWeekStartDay=function(){var t=this.config.weekStartDay;t&&"sunday"===t.toLowerCase()?(this.config.weekStartDay="sunday",this.dayLabels.unshift(this.dayLabels.pop())):this.config.weekStartDay="monday"},t.prototype.isExcludedDate=function(t){if(this.minDate&&this.minDate>t)return!0;if(this.maxDate&&this.maxDate<t)return!0;for(var e of this.excludedDates)if(t.toDateString()===e.toDateString())return!0;return!!this.excludedDays.includes(t.getDay())},t.prototype.formattedDateFromString=function(t,e=new Date){var o=/(\d{1,2})([-/,. ])(\d{1,2})\2(\d{4})/;return o.test(t)&&(o=(t=t.match(o))[1],(t=new Date(t[4]+`-${t[3]}-`+o))instanceof Date)&&!isNaN(t)?t:e},t.prototype.formattedDateFromDate=function(t){return this.config.leadingZeros?`${this.leadingZeros(t.getDate())}/${this.leadingZeros(t.getMonth()+1)}/`+t.getFullYear():`${t.getDate()}/${t.getMonth()+1}/`+t.getFullYear()},t.prototype.formattedDateHuman=function(t){return`${this.dayLabels[(t.getDay()+6)%7]} ${t.getDate()} ${this.monthLabels[t.getMonth()]} `+t.getFullYear()},t.prototype.backgroundClick=function(t){!this.isOpen()||this.$dialog.contains(t.target)||this.$input.contains(t.target)||this.$calendarButton.contains(t.target)||(t.preventDefault(),this.closeDialog())},t.prototype.firstButtonKeydown=function(t){"Tab"===t.key&&t.shiftKey&&(this.$lastButtonInDialog.focus(),t.preventDefault())},t.prototype.lastButtonKeydown=function(t){"Tab"!==t.key||t.shiftKey||(this.$firstButtonInDialog.focus(),t.preventDefault())},t.prototype.updateCalendar=function(){this.$dialogTitle.innerHTML=this.monthLabels[this.currentDate.getMonth()]+" "+this.currentDate.getFullYear();var e=this.currentDate,t=new Date(e.getFullYear(),e.getMonth(),1);let o;o="monday"===this.config.weekStartDay?0===t.getDay()?6:t.getDay()-1:t.getDay(),t.setDate(t.getDate()-o);var i=new Date(t);for(let t=0;t<this.calendarDays.length;t++){var n=i.getMonth()!==e.getMonth(),s=this.isExcludedDate(i);this.calendarDays[t].update(i,n,s),i.setDate(i.getDate()+1)}},t.prototype.setCurrentDate=function(i=!0){let n=this.currentDate;var t;this.calendarDays.forEach(t=>{t.button.classList.add("moj-datepicker__button"),t.button.classList.add("moj-datepicker__calendar-day"),t.button.setAttribute("tabindex",-1),t.button.classList.remove(this.selectedDayButtonClass);var e=t.date,o=(e.setHours(0,0,0,0),new Date);o.setHours(0,0,0,0),e.getTime()===n.getTime()&&i&&(t.button.setAttribute("tabindex",0),t.button.focus(),t.button.classList.add(this.selectedDayButtonClass)),this.inputDate&&e.getTime()===this.inputDate.getTime()?(t.button.classList.add(this.currentDayButtonClass),t.button.setAttribute("aria-current","date")):(t.button.classList.remove(this.currentDayButtonClass),t.button.removeAttribute("aria-current")),e.getTime()===o.getTime()?t.button.classList.add(this.todayButtonClass):t.button.classList.remove(this.todayButtonClass)}),i||((t=this.calendarDays.filter(t=>"block"===window.getComputedStyle(t.button).display&&!t.button.disabled))[0].button.setAttribute("tabindex",0),this.currentDate=t[0].date)},t.prototype.selectDate=function(t){this.isExcludedDate(t)||(this.$calendarButton.querySelector("span").innerText="Choose date. Selected date is "+this.formattedDateHuman(t),this.$input.value=this.formattedDateFromDate(t),t=new Event("change",{bubbles:!0,cancelable:!0}),this.$input.dispatchEvent(t),this.closeDialog())},t.prototype.isOpen=function(){return this.$dialog.classList.contains("moj-datepicker__dialog--open")},t.prototype.toggleDialog=function(t){t.preventDefault(),this.isOpen()?this.closeDialog():(this.setMinAndMaxDatesOnCalendar(),this.openDialog())},t.prototype.openDialog=function(){this.$dialog.hidden=!1,this.$dialog.classList.add("moj-datepicker__dialog--open"),this.$calendarButton.setAttribute("aria-expanded","true"),this.$input.offsetWidth>this.$dialog.offsetWidth&&(this.$dialog.style.right="0px"),this.$dialog.style.top=this.$input.offsetHeight+3+"px",this.inputDate=this.formattedDateFromString(this.$input.value),this.currentDate=this.inputDate,this.currentDate.setHours(0,0,0,0),this.updateCalendar(),this.setCurrentDate()},t.prototype.closeDialog=function(){this.$dialog.hidden=!0,this.$dialog.classList.remove("moj-datepicker__dialog--open"),this.$calendarButton.setAttribute("aria-expanded","false"),this.$calendarButton.focus()},t.prototype.goToDate=function(t,e){var o=this.currentDate;this.currentDate=t,o.getMonth()===this.currentDate.getMonth()&&o.getFullYear()===this.currentDate.getFullYear()||this.updateCalendar(),this.setCurrentDate(e)},t.prototype.focusNextDay=function(){var t=new Date(this.currentDate);t.setDate(t.getDate()+1),this.goToDate(t)},t.prototype.focusPreviousDay=function(){var t=new Date(this.currentDate);t.setDate(t.getDate()-1),this.goToDate(t)},t.prototype.focusNextWeek=function(){var t=new Date(this.currentDate);t.setDate(t.getDate()+7),this.goToDate(t)},t.prototype.focusPreviousWeek=function(){var t=new Date(this.currentDate);t.setDate(t.getDate()-7),this.goToDate(t)},t.prototype.focusFirstDayOfWeek=function(){var t=new Date(this.currentDate),e="sunday"===this.config.weekStartDay?0:1,o=t.getDay(),e=e<=o?o-e:6-o;t.setDate(t.getDate()-e),t.setHours(0,0,0,0),this.goToDate(t)},t.prototype.focusLastDayOfWeek=function(){var t=new Date(this.currentDate),e="sunday"===this.config.weekStartDay?6:0,o=t.getDay(),e=o<=e?e-o:7-o;t.setDate(t.getDate()+e),t.setHours(0,0,0,0),this.goToDate(t)},t.prototype.focusNextMonth=function(t,e=!0){t.preventDefault();t=new Date(this.currentDate);t.setMonth(t.getMonth()+1,1),this.goToDate(t,e)},t.prototype.focusPreviousMonth=function(t,e=!0){t.preventDefault();t=new Date(this.currentDate);t.setMonth(t.getMonth()-1,1),this.goToDate(t,e)},t.prototype.focusNextYear=function(t,e=!0){t.preventDefault();t=new Date(this.currentDate);t.setFullYear(t.getFullYear()+1,t.getMonth(),1),this.goToDate(t,e)},t.prototype.focusPreviousYear=function(t,e=!0){t.preventDefault();t=new Date(this.currentDate);t.setFullYear(t.getFullYear()-1,t.getMonth(),1),this.goToDate(t,e)},t.prototype.parseDataset=function(t,e){var o,i={};for([o,,]of Object.entries(t.properties))o in e&&(i[o]=e[o]);return i},t.prototype.mergeConfigs=function(...t){var e,o={};for(e of t)for(var i of Object.keys(e)){var n=o[i],s=e[i];o[i]="object"==typeof n&&"object"==typeof s?this.mergeConfigs(n,s):s}return o},a.prototype.init=function(){this.button.addEventListener("keydown",this.keyPress.bind(this)),this.button.addEventListener("click",this.click.bind(this))},a.prototype.update=function(t,e,o){var i=t.getDate();let n=this.picker.formattedDateHuman(t);o?(this.button.setAttribute("aria-disabled",!0),n="Excluded date, "+n):this.button.removeAttribute("aria-disabled"),this.button.style.display=e?"none":"block",this.button.setAttribute("data-testid",this.picker.formattedDateFromDate(t)),this.button.innerHTML=`<span class="govuk-visually-hidden">${n}</span><span aria-hidden="true">${i}</span>`,this.date=new Date(t)},a.prototype.click=function(t){this.picker.goToDate(this.date),this.picker.selectDate(this.date),t.stopPropagation(),t.preventDefault()},a.prototype.keyPress=function(t){let e=!0;switch(t.key){case"ArrowLeft":this.picker.focusPreviousDay();break;case"ArrowRight":this.picker.focusNextDay();break;case"ArrowUp":this.picker.focusPreviousWeek();break;case"ArrowDown":this.picker.focusNextWeek();break;case"Home":this.picker.focusFirstDayOfWeek();break;case"End":this.picker.focusLastDayOfWeek();break;case"PageUp":t.shiftKey?this.picker.focusPreviousYear(t):this.picker.focusPreviousMonth(t);break;case"PageDown":t.shiftKey?this.picker.focusNextYear(t):this.picker.focusNextMonth(t);break;default:e=!1}e&&(t.preventDefault(),t.stopPropagation())},r.DatePicker=t,r.FilterToggleButton=function(t){this.options=t,this.container=$(this.options.toggleButton.container),this.filterContainer=$(this.options.filter.container),this.createToggleButton(),this.setupResponsiveChecks(),this.filterContainer.attr("tabindex","-1"),this.options.startHidden&&this.hideMenu()},r.FilterToggleButton.prototype.setupResponsiveChecks=function(){this.mq=window.matchMedia(this.options.bigModeMediaQuery),this.mq.addListener($.proxy(this,"checkMode")),this.checkMode(this.mq)},r.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)},r.FilterToggleButton.prototype.checkMode=function(t){t.matches?this.enableBigMode():this.enableSmallMode()},r.FilterToggleButton.prototype.enableBigMode=function(){this.showMenu(),this.removeCloseButton()},r.FilterToggleButton.prototype.enableSmallMode=function(){this.hideMenu(),this.addCloseButton()},r.FilterToggleButton.prototype.addCloseButton=function(){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))},r.FilterToggleButton.prototype.onCloseClick=function(){this.hideMenu(),this.menuButton.focus()},r.FilterToggleButton.prototype.removeCloseButton=function(){this.closeButton&&(this.closeButton.remove(),this.closeButton=null)},r.FilterToggleButton.prototype.hideMenu=function(){this.menuButton.attr("aria-expanded","false"),this.filterContainer.addClass("moj-js-hidden"),this.menuButton.text(this.options.toggleButton.showText)},r.FilterToggleButton.prototype.showMenu=function(){this.menuButton.attr("aria-expanded","true"),this.filterContainer.removeClass("moj-js-hidden"),this.menuButton.text(this.options.toggleButton.hideText)},r.FilterToggleButton.prototype.onMenuButtonClick=function(){this.toggle()},r.FilterToggleButton.prototype.toggle=function(){"false"===this.menuButton.attr("aria-expanded")?(this.showMenu(),this.filterContainer.get(0).focus()):this.hideMenu()},r.FormValidator=function(t,e){this.form=t,this.errors=[],this.validators=[],$(this.form).on("submit",$.proxy(this,"onSubmit")),this.summary=e&&e.summary?$(e.summary):$(".govuk-error-summary"),this.originalTitle=document.title},r.FormValidator.entityMap={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="},r.FormValidator.prototype.escapeHtml=function(t){return String(t).replace(/[&<>"'`=/]/g,function(t){return r.FormValidator.entityMap[t]})},r.FormValidator.prototype.resetTitle=function(){document.title=this.originalTitle},r.FormValidator.prototype.updateTitle=function(){document.title=this.errors.length+" errors - "+document.title},r.FormValidator.prototype.showSummary=function(){this.summary.html(this.getSummaryHtml()),this.summary.removeClass("moj-hidden"),this.summary.attr("aria-labelledby","errorSummary-heading"),this.summary.focus()},r.FormValidator.prototype.getSummaryHtml=function(){let o='<h2 id="error-summary-title" class="govuk-error-summary__title">There is a problem</h2>';o+='<div class="govuk-error-summary__body"><ul class="govuk-list govuk-error-summary__list">';for(let t=0,e=this.errors.length;t<e;t++){var i=this.errors[t];o=(o=(o=(o+="<li>")+`<a href="#${this.escapeHtml(i.fieldName)}">`)+this.escapeHtml(i.message))+"</a>"+"</li>"}return o=o+"</ul>"+"</div>"},r.FormValidator.prototype.hideSummary=function(){this.summary.addClass("moj-hidden"),this.summary.removeAttr("aria-labelledby")},r.FormValidator.prototype.onSubmit=function(t){this.removeInlineErrors(),this.hideSummary(),this.resetTitle(),this.validate()||(t.preventDefault(),this.updateTitle(),this.showSummary(),this.showInlineErrors())},r.FormValidator.prototype.showInlineErrors=function(){for(let t=0,e=this.errors.length;t<e;t++)this.showInlineError(this.errors[t])},r.FormValidator.prototype.showInlineError=function(t){var e=t.fieldName+"-error",o=`<span class="govuk-error-message" id="${e}">${this.escapeHtml(t.message)}</span>`,t=$("#"+t.fieldName),i=t.parents(".govuk-form-group"),n=i.find("label"),s=i.find("legend"),a=i.find("fieldset");i.addClass("govuk-form-group--error"),s.length?(s.after(o),i.attr("aria-invalid","true"),r.addAttributeValue(a[0],"aria-describedby",e)):(n.after(o),t.attr("aria-invalid","true"),r.addAttributeValue(t[0],"aria-describedby",e))},r.FormValidator.prototype.removeInlineErrors=function(){for(let t=0;t<this.errors.length;t++)this.removeInlineError(this.errors[t])},r.FormValidator.prototype.removeInlineError=function(t){var e=$("#"+t.fieldName).parents(".govuk-form-group"),t=(e.find(".govuk-error-message").remove(),e.removeClass("govuk-form-group--error"),e.find("[aria-invalid]").attr("aria-invalid","false"),t.fieldName+"-error");r.removeAttributeValue(e.find("[aria-describedby]")[0],"aria-describedby",t)},r.FormValidator.prototype.addValidator=function(t,e){this.validators.push({fieldName:t,rules:e,field:this.form.elements[t]})},r.FormValidator.prototype.validate=function(){this.errors=[];var t,e=null;let o,i;for(o=0;o<this.validators.length;o++)for(e=this.validators[o],i=0;i<e.rules.length;i++){if("boolean"==typeof(t=e.rules[i].method(e.field,e.rules[i].params))&&!t){this.errors.push({fieldName:e.fieldName,message:e.rules[i].message});break}if("string"==typeof t){this.errors.push({fieldName:t,message:e.rules[i].message});break}}return 0===this.errors.length},r.dragAndDropSupported()&&r.formDataSupported()&&r.fileApiSupported()&&(r.MultiFileUpload=function(t){this.defaultParams={uploadFileEntryHook:$.noop,uploadFileExitHook:$.noop,uploadFileErrorHook:$.noop,fileDeleteHook:$.noop,uploadStatusText:"Uploading files, please wait",dropzoneHintText:"Drag and drop files here or",dropzoneButtonText:"Choose files"},this.params=$.extend({},this.defaultParams,t),this.container=$(this.params.container),this.container.addClass("moj-multi-file-upload--enhanced"),this.feedbackContainer=this.container.find(".moj-multi-file__uploaded-files"),this.setupFileInput(),this.setupDropzone(),this.setupLabel(),this.setupStatusBox(),this.container.on("click",".moj-multi-file-upload__delete",$.proxy(this,"onFileDeleteClick"))},r.MultiFileUpload.prototype.setupDropzone=function(){this.fileInput.wrap('<div class="moj-multi-file-upload__dropzone" />'),this.dropzone=this.container.find(".moj-multi-file-upload__dropzone"),this.dropzone.on("dragover",$.proxy(this,"onDragOver")),this.dropzone.on("dragleave",$.proxy(this,"onDragLeave")),this.dropzone.on("drop",$.proxy(this,"onDrop"))},r.MultiFileUpload.prototype.setupLabel=function(){this.label=$(`<label for="${this.fileInput[0].id}" class="govuk-button govuk-button--secondary">${this.params.dropzoneButtonText}</label>`),this.dropzone.append(`<p class="govuk-body">${this.params.dropzoneHintText}</p>`),this.dropzone.append(this.label)},r.MultiFileUpload.prototype.setupFileInput=function(){this.fileInput=this.container.find(".moj-multi-file-upload__input"),this.fileInput.on("change",$.proxy(this,"onFileChange")),this.fileInput.on("focus",$.proxy(this,"onFileFocus")),this.fileInput.on("blur",$.proxy(this,"onFileBlur"))},r.MultiFileUpload.prototype.setupStatusBox=function(){this.status=$('<div aria-live="polite" role="status" class="govuk-visually-hidden" />'),this.dropzone.append(this.status)},r.MultiFileUpload.prototype.onDragOver=function(t){t.preventDefault(),this.dropzone.addClass("moj-multi-file-upload--dragover")},r.MultiFileUpload.prototype.onDragLeave=function(){this.dropzone.removeClass("moj-multi-file-upload--dragover")},r.MultiFileUpload.prototype.onDrop=function(t){t.preventDefault(),this.dropzone.removeClass("moj-multi-file-upload--dragover"),this.feedbackContainer.removeClass("moj-hidden"),this.status.html(this.params.uploadStatusText),this.uploadFiles(t.originalEvent.dataTransfer.files)},r.MultiFileUpload.prototype.uploadFiles=function(e){for(let t=0;t<e.length;t++)this.uploadFile(e[t])},r.MultiFileUpload.prototype.onFileChange=function(t){this.feedbackContainer.removeClass("moj-hidden"),this.status.html(this.params.uploadStatusText),this.uploadFiles(t.currentTarget.files),this.fileInput.replaceWith($(t.currentTarget).val("").clone(!0)),this.setupFileInput(),this.fileInput.get(0).focus()},r.MultiFileUpload.prototype.onFileFocus=function(t){this.label.addClass("moj-multi-file-upload--focused")},r.MultiFileUpload.prototype.onFileBlur=function(t){this.label.removeClass("moj-multi-file-upload--focused")},r.MultiFileUpload.prototype.getSuccessHtml=function(t){return`<span class="moj-multi-file-upload__success"> <svg class="moj-banner__icon" fill="currentColor" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" height="25" width="25"><path d="M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"/></svg>${t.messageHtml}</span>`},r.MultiFileUpload.prototype.getErrorHtml=function(t){return`<span class="moj-multi-file-upload__error"> <svg class="moj-banner__icon" fill="currentColor" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" height="25" width="25"><path d="M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"/></svg>${t.message}</span>`},r.MultiFileUpload.prototype.getFileRowHtml=function(t){return`
|
|
70
|
+
</div>`},g.prototype.createCalendarHeaders=function(){this.dayLabels.forEach(t=>{t=`<th scope="col"><span aria-hidden="true">${t.substring(0,3)}</span><span class="govuk-visually-hidden">${t}</span></th>`;this.$dialog.querySelector("thead > tr").insertAdjacentHTML("beforeend",t)})},g.prototype.leadingZeros=function(t,e=2){let o=t.toString();for(;o.length<e;)o="0"+o;return o},g.prototype.setOptions=function(){this.setMinAndMaxDatesOnCalendar(),this.setExcludedDates(),this.setExcludedDays(),this.setLeadingZeros(),this.setWeekStartDay()},g.prototype.setMinAndMaxDatesOnCalendar=function(){this.config.minDate&&(this.minDate=this.formattedDateFromString(this.config.minDate,null),this.minDate)&&this.currentDate<this.minDate&&(this.currentDate=this.minDate),this.config.maxDate&&(this.maxDate=this.formattedDateFromString(this.config.maxDate,null),this.maxDate)&&this.currentDate>this.maxDate&&(this.currentDate=this.maxDate)},g.prototype.setExcludedDates=function(){this.config.excludedDates&&(this.excludedDates=this.config.excludedDates.replace(/\s+/," ").split(" ").map(t=>t.includes("-")?this.parseDateRangeString(t):this.formattedDateFromString(t)).flat().filter(t=>t))},g.prototype.parseDateRangeString=function(t){var e=[],[t,o]=t.split("-").map(t=>this.formattedDateFromString(t,null));if(t&&o)for(var i=new Date(t.getTime());i<=o;)e.push(new Date(i)),i.setDate(i.getDate()+1);return e},g.prototype.setExcludedDays=function(){if(this.config.excludedDays){let e=this.dayLabels.map(t=>t.toLowerCase());"monday"===this.config.weekStartDay&&e.unshift(e.pop()),this.excludedDays=this.config.excludedDays.replace(/\s+/," ").toLowerCase().split(" ").map(t=>e.indexOf(t)).filter(t=>-1!==t)}},g.prototype.setLeadingZeros=function(){"boolean"!=typeof this.config.leadingZeros&&("true"===this.config.leadingZeros.toLowerCase()?this.config.leadingZeros=!0:"false"===this.config.leadingZeros.toLowerCase()&&(this.config.leadingZeros=!1))},g.prototype.setWeekStartDay=function(){var t=this.config.weekStartDay;t&&"sunday"===t.toLowerCase()?(this.config.weekStartDay="sunday",this.dayLabels.unshift(this.dayLabels.pop())):this.config.weekStartDay="monday"},g.prototype.isExcludedDate=function(t){if(this.minDate&&this.minDate>t)return!0;if(this.maxDate&&this.maxDate<t)return!0;for(var e of this.excludedDates)if(t.toDateString()===e.toDateString())return!0;return!!this.excludedDays.includes(t.getDay())},g.prototype.formattedDateFromString=function(t,e=new Date){var o=/(\d{1,2})([-/,. ])(\d{1,2})\2(\d{4})/;return o.test(t)&&(o=(t=t.match(o))[1],(t=new Date(t[4]+`-${t[3]}-`+o))instanceof Date)&&!isNaN(t)?t:e},g.prototype.formattedDateFromDate=function(t){return this.config.leadingZeros?`${this.leadingZeros(t.getDate())}/${this.leadingZeros(t.getMonth()+1)}/`+t.getFullYear():`${t.getDate()}/${t.getMonth()+1}/`+t.getFullYear()},g.prototype.formattedDateHuman=function(t){return`${this.dayLabels[(t.getDay()+6)%7]} ${t.getDate()} ${this.monthLabels[t.getMonth()]} `+t.getFullYear()},g.prototype.backgroundClick=function(t){!this.isOpen()||this.$dialog.contains(t.target)||this.$input.contains(t.target)||this.$calendarButton.contains(t.target)||(t.preventDefault(),this.closeDialog())},g.prototype.firstButtonKeydown=function(t){"Tab"===t.key&&t.shiftKey&&(this.$lastButtonInDialog.focus(),t.preventDefault())},g.prototype.lastButtonKeydown=function(t){"Tab"!==t.key||t.shiftKey||(this.$firstButtonInDialog.focus(),t.preventDefault())},g.prototype.updateCalendar=function(){this.$dialogTitle.innerHTML=this.monthLabels[this.currentDate.getMonth()]+" "+this.currentDate.getFullYear();var e=this.currentDate,t=new Date(e.getFullYear(),e.getMonth(),1);let o;o="monday"===this.config.weekStartDay?0===t.getDay()?6:t.getDay()-1:t.getDay(),t.setDate(t.getDate()-o);var i=new Date(t);for(let t=0;t<this.calendarDays.length;t++){var n=i.getMonth()!==e.getMonth(),s=this.isExcludedDate(i);this.calendarDays[t].update(i,n,s),i.setDate(i.getDate()+1)}},g.prototype.setCurrentDate=function(i=!0){let n=this.currentDate;var t;this.calendarDays.forEach(t=>{t.button.classList.add("moj-datepicker__button"),t.button.classList.add("moj-datepicker__calendar-day"),t.button.setAttribute("tabindex",-1),t.button.classList.remove(this.selectedDayButtonClass);var e=t.date,o=(e.setHours(0,0,0,0),new Date);o.setHours(0,0,0,0),e.getTime()===n.getTime()&&i&&(t.button.setAttribute("tabindex",0),t.button.focus(),t.button.classList.add(this.selectedDayButtonClass)),this.inputDate&&e.getTime()===this.inputDate.getTime()?(t.button.classList.add(this.currentDayButtonClass),t.button.setAttribute("aria-current","date")):(t.button.classList.remove(this.currentDayButtonClass),t.button.removeAttribute("aria-current")),e.getTime()===o.getTime()?t.button.classList.add(this.todayButtonClass):t.button.classList.remove(this.todayButtonClass)}),i||((t=this.calendarDays.filter(t=>"block"===window.getComputedStyle(t.button).display&&!t.button.disabled))[0].button.setAttribute("tabindex",0),this.currentDate=t[0].date)},g.prototype.selectDate=function(t){this.isExcludedDate(t)||(this.$calendarButton.querySelector("span").innerText="Choose date. Selected date is "+this.formattedDateHuman(t),this.$input.value=this.formattedDateFromDate(t),t=new Event("change",{bubbles:!0,cancelable:!0}),this.$input.dispatchEvent(t),this.closeDialog())},g.prototype.isOpen=function(){return this.$dialog.classList.contains("moj-datepicker__dialog--open")},g.prototype.toggleDialog=function(t){t.preventDefault(),this.isOpen()?this.closeDialog():(this.setMinAndMaxDatesOnCalendar(),this.openDialog())},g.prototype.openDialog=function(){this.$dialog.hidden=!1,this.$dialog.classList.add("moj-datepicker__dialog--open"),this.$calendarButton.setAttribute("aria-expanded","true"),this.$input.offsetWidth>this.$dialog.offsetWidth&&(this.$dialog.style.right="0px"),this.$dialog.style.top=this.$input.offsetHeight+3+"px",this.inputDate=this.formattedDateFromString(this.$input.value),this.currentDate=this.inputDate,this.currentDate.setHours(0,0,0,0),this.updateCalendar(),this.setCurrentDate()},g.prototype.closeDialog=function(){this.$dialog.hidden=!0,this.$dialog.classList.remove("moj-datepicker__dialog--open"),this.$calendarButton.setAttribute("aria-expanded","false"),this.$calendarButton.focus()},g.prototype.goToDate=function(t,e){var o=this.currentDate;this.currentDate=t,o.getMonth()===this.currentDate.getMonth()&&o.getFullYear()===this.currentDate.getFullYear()||this.updateCalendar(),this.setCurrentDate(e)},g.prototype.focusNextDay=function(){var t=new Date(this.currentDate);t.setDate(t.getDate()+1),this.goToDate(t)},g.prototype.focusPreviousDay=function(){var t=new Date(this.currentDate);t.setDate(t.getDate()-1),this.goToDate(t)},g.prototype.focusNextWeek=function(){var t=new Date(this.currentDate);t.setDate(t.getDate()+7),this.goToDate(t)},g.prototype.focusPreviousWeek=function(){var t=new Date(this.currentDate);t.setDate(t.getDate()-7),this.goToDate(t)},g.prototype.focusFirstDayOfWeek=function(){var t=new Date(this.currentDate),e="sunday"===this.config.weekStartDay?0:1,o=t.getDay(),e=e<=o?o-e:6-o;t.setDate(t.getDate()-e),t.setHours(0,0,0,0),this.goToDate(t)},g.prototype.focusLastDayOfWeek=function(){var t=new Date(this.currentDate),e="sunday"===this.config.weekStartDay?6:0,o=t.getDay(),e=o<=e?e-o:7-o;t.setDate(t.getDate()+e),t.setHours(0,0,0,0),this.goToDate(t)},g.prototype.focusNextMonth=function(t,e=!0){t.preventDefault();t=new Date(this.currentDate);t.setMonth(t.getMonth()+1,1),this.goToDate(t,e)},g.prototype.focusPreviousMonth=function(t,e=!0){t.preventDefault();t=new Date(this.currentDate);t.setMonth(t.getMonth()-1,1),this.goToDate(t,e)},g.prototype.focusNextYear=function(t,e=!0){t.preventDefault();t=new Date(this.currentDate);t.setFullYear(t.getFullYear()+1,t.getMonth(),1),this.goToDate(t,e)},g.prototype.focusPreviousYear=function(t,e=!0){t.preventDefault();t=new Date(this.currentDate);t.setFullYear(t.getFullYear()-1,t.getMonth(),1),this.goToDate(t,e)},g.prototype.parseDataset=function(t,e){var o,i={};for([o,,]of Object.entries(t.properties))o in e&&(i[o]=e[o]);return i},g.prototype.mergeConfigs=function(...t){var e,o={};for(e of t)for(var i of Object.keys(e)){var n=o[i],s=e[i];o[i]="object"==typeof n&&"object"==typeof s?this.mergeConfigs(n,s):s}return o},m.prototype.init=function(){this.button.addEventListener("keydown",this.keyPress.bind(this)),this.button.addEventListener("click",this.click.bind(this))},m.prototype.update=function(t,e,o){var i=t.getDate();let n=this.picker.formattedDateHuman(t);o?(this.button.setAttribute("aria-disabled",!0),n="Excluded date, "+n):this.button.removeAttribute("aria-disabled"),this.button.style.display=e?"none":"block",this.button.setAttribute("data-testid",this.picker.formattedDateFromDate(t)),this.button.innerHTML=`<span class="govuk-visually-hidden">${n}</span><span aria-hidden="true">${i}</span>`,this.date=new Date(t)},m.prototype.click=function(t){this.picker.goToDate(this.date),this.picker.selectDate(this.date),t.stopPropagation(),t.preventDefault()},m.prototype.keyPress=function(t){let e=!0;switch(t.key){case"ArrowLeft":this.picker.focusPreviousDay();break;case"ArrowRight":this.picker.focusNextDay();break;case"ArrowUp":this.picker.focusPreviousWeek();break;case"ArrowDown":this.picker.focusNextWeek();break;case"Home":this.picker.focusFirstDayOfWeek();break;case"End":this.picker.focusLastDayOfWeek();break;case"PageUp":t.shiftKey?this.picker.focusPreviousYear(t):this.picker.focusPreviousMonth(t);break;case"PageDown":t.shiftKey?this.picker.focusNextYear(t):this.picker.focusNextMonth(t);break;default:e=!1}e&&(t.preventDefault(),t.stopPropagation())},j={DatePicker:g}),j).DatePicker;var t=(()=>{if(!C){C=1;let e=z;function t(t){this.options=t,this.container=e(this.options.toggleButton.container),this.filterContainer=e(this.options.filter.container),this.createToggleButton(),this.setupResponsiveChecks(),this.filterContainer.attr("tabindex","-1"),this.options.startHidden&&this.hideMenu()}t.prototype.setupResponsiveChecks=function(){this.mq=window.matchMedia(this.options.bigModeMediaQuery),this.mq.addListener(e.proxy(this,"checkMode")),this.checkMode(this.mq)},t.prototype.createToggleButton=function(){this.menuButton=e(`<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",e.proxy(this,"onMenuButtonClick")),this.container.append(this.menuButton)},t.prototype.checkMode=function(t){t.matches?this.enableBigMode():this.enableSmallMode()},t.prototype.enableBigMode=function(){this.showMenu(),this.removeCloseButton()},t.prototype.enableSmallMode=function(){this.hideMenu(),this.addCloseButton()},t.prototype.addCloseButton=function(){this.options.closeButton&&(this.closeButton=e(`<button class="moj-filter__close" type="button">${this.options.closeButton.text}</button>`),this.closeButton.on("click",e.proxy(this,"onCloseClick")),e(this.options.closeButton.container).append(this.closeButton))},t.prototype.onCloseClick=function(){this.hideMenu(),this.menuButton.focus()},t.prototype.removeCloseButton=function(){this.closeButton&&(this.closeButton.remove(),this.closeButton=null)},t.prototype.hideMenu=function(){this.menuButton.attr("aria-expanded","false"),this.filterContainer.addClass("moj-js-hidden"),this.menuButton.text(this.options.toggleButton.showText)},t.prototype.showMenu=function(){this.menuButton.attr("aria-expanded","true"),this.filterContainer.removeClass("moj-js-hidden"),this.menuButton.text(this.options.toggleButton.hideText)},t.prototype.onMenuButtonClick=function(){this.toggle()},t.prototype.toggle=function(){"false"===this.menuButton.attr("aria-expanded")?(this.showMenu(),this.filterContainer.get(0).focus()):this.hideMenu()},w={FilterToggleButton:t}}return w})().FilterToggleButton,e=(()=>{if(!$){$=1;let o=z,{dragAndDropSupported:e,fileApiSupported:i,formDataSupported:n}=Z();function t(t){e()&&n()&&i()&&(this.defaultParams={uploadFileEntryHook:o.noop,uploadFileExitHook:o.noop,uploadFileErrorHook:o.noop,fileDeleteHook:o.noop,uploadStatusText:"Uploading files, please wait",dropzoneHintText:"Drag and drop files here or",dropzoneButtonText:"Choose files"},this.params=o.extend({},this.defaultParams,t),this.container=o(this.params.container),this.container.addClass("moj-multi-file-upload--enhanced"),this.feedbackContainer=this.container.find(".moj-multi-file__uploaded-files"),this.setupFileInput(),this.setupDropzone(),this.setupLabel(),this.setupStatusBox(),this.container.on("click",".moj-multi-file-upload__delete",o.proxy(this,"onFileDeleteClick")))}t.prototype.setupDropzone=function(){this.fileInput.wrap('<div class="moj-multi-file-upload__dropzone" />'),this.dropzone=this.container.find(".moj-multi-file-upload__dropzone"),this.dropzone.on("dragover",o.proxy(this,"onDragOver")),this.dropzone.on("dragleave",o.proxy(this,"onDragLeave")),this.dropzone.on("drop",o.proxy(this,"onDrop"))},t.prototype.setupLabel=function(){this.label=o(`<label for="${this.fileInput[0].id}" class="govuk-button govuk-button--secondary">${this.params.dropzoneButtonText}</label>`),this.dropzone.append(`<p class="govuk-body">${this.params.dropzoneHintText}</p>`),this.dropzone.append(this.label)},t.prototype.setupFileInput=function(){this.fileInput=this.container.find(".moj-multi-file-upload__input"),this.fileInput.on("change",o.proxy(this,"onFileChange")),this.fileInput.on("focus",o.proxy(this,"onFileFocus")),this.fileInput.on("blur",o.proxy(this,"onFileBlur"))},t.prototype.setupStatusBox=function(){this.status=o('<div aria-live="polite" role="status" class="govuk-visually-hidden" />'),this.dropzone.append(this.status)},t.prototype.onDragOver=function(t){t.preventDefault(),this.dropzone.addClass("moj-multi-file-upload--dragover")},t.prototype.onDragLeave=function(){this.dropzone.removeClass("moj-multi-file-upload--dragover")},t.prototype.onDrop=function(t){t.preventDefault(),this.dropzone.removeClass("moj-multi-file-upload--dragover"),this.feedbackContainer.removeClass("moj-hidden"),this.status.html(this.params.uploadStatusText),this.uploadFiles(t.originalEvent.dataTransfer.files)},t.prototype.uploadFiles=function(e){for(let t=0;t<e.length;t++)this.uploadFile(e[t])},t.prototype.onFileChange=function(t){this.feedbackContainer.removeClass("moj-hidden"),this.status.html(this.params.uploadStatusText),this.uploadFiles(t.currentTarget.files),this.fileInput.replaceWith(o(t.currentTarget).val("").clone(!0)),this.setupFileInput(),this.fileInput.get(0).focus()},t.prototype.onFileFocus=function(t){this.label.addClass("moj-multi-file-upload--focused")},t.prototype.onFileBlur=function(t){this.label.removeClass("moj-multi-file-upload--focused")},t.prototype.getSuccessHtml=function(t){return`<span class="moj-multi-file-upload__success"> <svg class="moj-banner__icon" fill="currentColor" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" height="25" width="25"><path d="M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"/></svg>${t.messageHtml}</span>`},t.prototype.getErrorHtml=function(t){return`<span class="moj-multi-file-upload__error"> <svg class="moj-banner__icon" fill="currentColor" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" height="25" width="25"><path d="M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"/></svg>${t.message}</span>`},t.prototype.getFileRowHtml=function(t){return`
|
|
134
71
|
<div class="govuk-summary-list__row moj-multi-file-upload__row">;
|
|
135
72
|
<div class="govuk-summary-list__value moj-multi-file-upload__message">;
|
|
136
73
|
<span class="moj-multi-file-upload__filename">${t.name}</span>;
|
|
137
74
|
<span class="moj-multi-file-upload__progress">0%</span>;
|
|
138
75
|
</div>';
|
|
139
76
|
<div class="govuk-summary-list__actions moj-multi-file-upload__actions"></div>;
|
|
140
|
-
</div>`},
|
|
77
|
+
</div>`},t.prototype.getDeleteButtonHtml=function(t){return`<button class="moj-multi-file-upload__delete govuk-button govuk-button--secondary govuk-!-margin-bottom-0" type="button" name="delete" value="${t.filename}">
|
|
141
78
|
Delete <span class="govuk-visually-hidden">${t.originalname}</span>
|
|
142
|
-
</button>`},
|
|
79
|
+
</button>`},t.prototype.uploadFile=function(i){this.params.uploadFileEntryHook(this,i);let e=o(this.getFileRowHtml(i));var t=new FormData;t.append("documents",i),this.feedbackContainer.find(".moj-multi-file-upload__list").append(e),o.ajax({url:this.params.uploadUrl,type:"post",data:t,processData:!1,contentType:!1,success:o.proxy(function(t){t.error?(e.find(".moj-multi-file-upload__message").html(this.getErrorHtml(t.error)),this.status.html(t.error.message)):(e.find(".moj-multi-file-upload__message").html(this.getSuccessHtml(t.success)),this.status.html(t.success.messageText)),e.find(".moj-multi-file-upload__actions").append(this.getDeleteButtonHtml(t.file)),this.params.uploadFileExitHook(this,i,t)},this),error:o.proxy(function(t,e,o){this.params.uploadFileErrorHook(this,i,t,e,o)},this),xhr:function(){var t=new XMLHttpRequest;return t.upload.addEventListener("progress",function(t){t.lengthComputable&&(t=t.loaded/t.total,t=parseInt(100*t,10),e.find(".moj-multi-file-upload__progress").text(` ${t}%`))},!1),t}})},t.prototype.onFileDeleteClick=function(t){t.preventDefault();let e=o(t.currentTarget);t={};t[e[0].name]=e[0].value,o.ajax({url:this.params.deleteUrl,type:"post",dataType:"json",data:t,success:o.proxy(function(t){t.error||(e.parents(".moj-multi-file-upload__row").remove(),0===this.feedbackContainer.find(".moj-multi-file-upload__row").length&&this.feedbackContainer.addClass("moj-hidden")),this.params.fileDeleteHook(this,t)},this)})},B={MultiFileUpload:t}}return B})().MultiFileUpload;let r=(()=>{if(!M){M=1;let i=z;function t(e){if(this.container=i(e.container),!this.container.data("moj-multi-select-initialised")){this.container.data("moj-multi-select-initialised",!0);var o=e.id_prefix;let t=void 0!==o?o+"checkboxes-all":"checkboxes-all";this.toggle=i(this.getToggleHtml(t)),this.toggleButton=this.toggle.find("input"),this.toggleButton.on("click",i.proxy(this,"onButtonClick")),this.container.append(this.toggle),this.checkboxes=i(e.checkboxes),this.checkboxes.on("click",i.proxy(this,"onCheckboxClick")),this.checked=e.checked||!1}}t.prototype.getToggleHtml=function(t){var e="";return e+'<div class="govuk-checkboxes__item govuk-checkboxes--small moj-multi-select__checkbox">'+` <input type="checkbox" class="govuk-checkboxes__input" id="${t}">`+` <label class="govuk-label govuk-checkboxes__label moj-multi-select__toggle-label" for="${t}">`+' <span class="govuk-visually-hidden">Select all</span>'+" </label>"+"</div>"},t.prototype.onButtonClick=function(t){this.checked?(this.uncheckAll(),this.toggleButton[0].checked=!1):(this.checkAll(),this.toggleButton[0].checked=!0)},t.prototype.checkAll=function(){this.checkboxes.each(i.proxy(function(t,e){e.checked=!0},this)),this.checked=!0},t.prototype.uncheckAll=function(){this.checkboxes.each(i.proxy(function(t,e){e.checked=!1},this)),this.checked=!1},t.prototype.onCheckboxClick=function(t){t.target.checked?this.checkboxes.filter(":checked").length===this.checkboxes.length&&(this.toggleButton[0].checked=!0,this.checked=!0):(this.toggleButton[0].checked=!1,this.checked=!1)},L={MultiSelect:t}}return L})().MultiSelect,l=(()=>{if(!S){S=1;let e=z;function t(t){this.el=t;t=e(this.el);t.data("moj-password-reveal-initialised")||(t.data("moj-password-reveal-initialised",!0),t.attr("spellcheck","false"),t.wrap('<div class="moj-password-reveal"></div>'),this.container=e(this.el).parent(),this.createButton())}t.prototype.createButton=function(){this.button=e('<button type="button" class="govuk-button govuk-button--secondary moj-password-reveal__button">Show <span class="govuk-visually-hidden">password</span></button>'),this.container.append(this.button),this.button.on("click",e.proxy(this,"onButtonClick"))},t.prototype.onButtonClick=function(){"password"===this.el.type?(this.el.type="text",this.button.html('Hide <span class="govuk-visually-hidden">password</span>')):(this.el.type="password",this.button.html('Show <span class="govuk-visually-hidden">password</span>'))},T={PasswordReveal:t}}return T})().PasswordReveal,u=(()=>{if(!E){E=1;let e=z;function t(t){"contentEditable"in document.documentElement&&(this.options=t,this.options.toolbar=this.options.toolbar||{bold:!1,italic:!1,underline:!1,bullets:!0,numbers:!0},this.textarea=this.options.textarea,this.container=e(this.textarea).parent(),this.container.data("moj-rich-text-editor-initialised")||(this.container.data("moj-rich-text-editor-initialised",!0),this.createToolbar(),this.hideDefault(),this.configureToolbar(),this.keys={left:37,right:39,up:38,down:40},this.container.on("click",".moj-rich-text-editor__toolbar-button",e.proxy(this,"onButtonClick")),this.container.find(".moj-rich-text-editor__content").on("input",e.proxy(this,"onEditorInput")),this.container.find("label").on("click",e.proxy(this,"onLabelClick")),this.toolbar.on("keydown",e.proxy(this,"onToolbarKeydown"))))}t.prototype.onToolbarKeydown=function(t){let e;switch(t.keyCode){case this.keys.right:case this.keys.down:var o=(e=this.toolbar.find("button[tabindex=0]")).next("button");o[0]&&(o.focus(),e.attr("tabindex","-1"),o.attr("tabindex","0"));break;case this.keys.left:case this.keys.up:o=(e=this.toolbar.find("button[tabindex=0]")).prev("button");o[0]&&(o.focus(),e.attr("tabindex","-1"),o.attr("tabindex","0"))}},t.prototype.getToolbarHtml=function(){let t="";return t+='<div class="moj-rich-text-editor__toolbar" role="toolbar">',this.options.toolbar.bold&&(t+='<button class="moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--bold" type="button" data-command="bold"><span class="govuk-visually-hidden">Bold</span></button>'),this.options.toolbar.italic&&(t+='<button class="moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--italic" type="button" data-command="italic"><span class="govuk-visually-hidden">Italic</span></button>'),this.options.toolbar.underline&&(t+='<button class="moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--underline" type="button" data-command="underline"><span class="govuk-visually-hidden">Underline</span></button>'),this.options.toolbar.bullets&&(t+='<button class="moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--unordered-list" type="button" data-command="insertUnorderedList"><span class="govuk-visually-hidden">Unordered list</span></button>'),this.options.toolbar.numbers&&(t+='<button class="moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--ordered-list" type="button" data-command="insertOrderedList"><span class="govuk-visually-hidden">Ordered list</span></button>'),t+="</div>"},t.prototype.getEnhancedHtml=function(t){return this.getToolbarHtml()+'<div class="govuk-textarea moj-rich-text-editor__content" contenteditable="true" spellcheck="false"></div>'},t.prototype.hideDefault=function(){this.textarea=this.container.find("textarea"),this.textarea.addClass("govuk-visually-hidden"),this.textarea.attr("aria-hidden",!0),this.textarea.attr("tabindex","-1")},t.prototype.createToolbar=function(){this.toolbar=document.createElement("div"),this.toolbar.className="moj-rich-text-editor",this.toolbar.innerHTML=this.getEnhancedHtml(),this.container.append(this.toolbar),this.toolbar=this.container.find(".moj-rich-text-editor__toolbar"),this.container.find(".moj-rich-text-editor__content").html(this.textarea.val())},t.prototype.configureToolbar=function(){this.buttons=this.container.find(".moj-rich-text-editor__toolbar-button"),this.buttons.prop("tabindex","-1"),this.buttons.first().prop("tabindex","0")},t.prototype.onButtonClick=function(t){document.execCommand(e(t.currentTarget).data("command"),!1,null)},t.prototype.getContent=function(){return this.container.find(".moj-rich-text-editor__content").html()},t.prototype.onEditorInput=function(t){this.updateTextarea()},t.prototype.updateTextarea=function(){document.execCommand("defaultParagraphSeparator",!1,"p"),this.textarea.val(this.getContent())},t.prototype.onLabelClick=function(t){t.preventDefault(),this.container.find(".moj-rich-text-editor__content").focus()},A={RichTextEditor:t}}return A})().RichTextEditor,d=(()=>{if(!H){H=1;let e=z;function t(t){this.options=t,this.container=e(this.options.search.container),this.toggleButtonContainer=e(this.options.toggleButton.container),this.container.data("moj-search-toggle-initialised")||(this.container.data("moj-search-toggle-initialised",!0),this.toggleButton=e(`<button class="moj-search-toggle__button" type="button" aria-haspopup="true" aria-expanded="false">
|
|
143
80
|
${this.options.toggleButton.text} <svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="moj-search-toggle__button__icon"><path d="M7.433,12.5790048 C6.06762625,12.5808611 4.75763941,12.0392925 3.79217348,11.0738265 C2.82670755,10.1083606 2.28513891,8.79837375 2.28699522,7.433 C2.28513891,6.06762625 2.82670755,4.75763941 3.79217348,3.79217348 C4.75763941,2.82670755 6.06762625,2.28513891 7.433,2.28699522 C8.79837375,2.28513891 10.1083606,2.82670755 11.0738265,3.79217348 C12.0392925,4.75763941 12.5808611,6.06762625 12.5790048,7.433 C12.5808611,8.79837375 12.0392925,10.1083606 11.0738265,11.0738265 C10.1083606,12.0392925 8.79837375,12.5808611 7.433,12.5790048 L7.433,12.5790048 Z M14.293,12.579 L13.391,12.579 L13.071,12.269 C14.2300759,10.9245158 14.8671539,9.20813198 14.866,7.433 C14.866,3.32786745 11.5381325,-1.65045755e-15 7.433,-1.65045755e-15 C3.32786745,-1.65045755e-15 -1.65045755e-15,3.32786745 -1.65045755e-15,7.433 C-1.65045755e-15,11.5381325 3.32786745,14.866 7.433,14.866 C9.208604,14.8671159 10.9253982,14.2296624 12.27,13.07 L12.579,13.39 L12.579,14.294 L18.296,20 L20,18.296 L14.294,12.579 L14.293,12.579 Z"></path></svg>
|
|
144
|
-
</button>`),this.toggleButton.on("click"
|
|
81
|
+
</button>`),this.toggleButton.on("click",e.proxy(this,"onToggleButtonClick")),this.toggleButtonContainer.append(this.toggleButton),e(document).on("click",this.onDocumentClick.bind(this)),e(document).on("focusin",this.onDocumentClick.bind(this)))}t.prototype.showMenu=function(){this.toggleButton.attr("aria-expanded","true"),this.container.removeClass("moj-js-hidden"),this.container.find("input").first().get(0).focus()},t.prototype.hideMenu=function(){this.container.addClass("moj-js-hidden"),this.toggleButton.attr("aria-expanded","false")},t.prototype.onToggleButtonClick=function(){"false"===this.toggleButton.attr("aria-expanded")?this.showMenu():this.hideMenu()},t.prototype.onDocumentClick=function(t){e.contains(this.toggleButtonContainer[0],t.target)||e.contains(this.container[0],t.target)||this.hideMenu()},F={SearchToggle:t}}return F})().SearchToggle,c=(()=>{if(!O){O=1;let s=z;function t(t){this.table=s(t.table),this.table.data("moj-search-toggle-initialised")||(this.table.data("moj-search-toggle-initialised",!0),this.setupOptions(t),this.body=this.table.find("tbody"),this.createHeadingButtons(),this.createStatusBox(),this.initialiseSortedColumn(),this.table.on("click","th button",s.proxy(this,"onSortButtonClick")))}t.prototype.setupOptions=function(t){this.statusMessage=(t=t||{}).statusMessage||"Sort by %heading% (%direction%)",this.ascendingText=t.ascendingText||"ascending",this.descendingText=t.descendingText||"descending"},t.prototype.createHeadingButtons=function(){var e,o=this.table.find("thead th");for(let t=0;t<o.length;t++)(e=s(o[t])).attr("aria-sort")&&this.createHeadingButton(e,t)},t.prototype.createHeadingButton=function(t,e){var o=t.text(),e=s(`<button type="button" data-index="${e}">${o}</button>`);t.text(""),t.append(e)},t.prototype.createStatusBox=function(){this.status=s('<div aria-live="polite" role="status" aria-atomic="true" class="govuk-visually-hidden" />'),this.table.parent().append(this.status)},t.prototype.initialiseSortedColumn=function(){let i=this.getTableRowsArray();this.table.find("th").filter('[aria-sort="ascending"], [aria-sort="descending"]').first().each((t,e)=>{var o=s(e).attr("aria-sort"),e=s(e).find("button").attr("data-index"),e=this.sort(i,e,o);this.addRows(e)})},t.prototype.onSortButtonClick=function(t){var e=t.currentTarget.getAttribute("data-index"),o=s(t.currentTarget).parent().attr("aria-sort");let i;i="none"===o||"descending"===o?"ascending":"descending";o=this.getTableRowsArray(),o=this.sort(o,e,i);this.addRows(o),this.removeButtonStates(),this.updateButtonState(s(t.currentTarget),i)},t.prototype.updateButtonState=function(t,e){t.parent().attr("aria-sort",e);let o=this.statusMessage;o=(o=o.replace(/%heading%/,t.text())).replace(/%direction%/,this[e+"Text"]),this.status.text(o)},t.prototype.removeButtonStates=function(){this.table.find("thead th").attr("aria-sort","none")},t.prototype.addRows=function(e){for(let t=0;t<e.length;t++)this.body.append(e[t])},t.prototype.getTableRowsArray=function(){var e=[],o=this.body.find("tr");for(let t=0;t<o.length;t++)e.push(o[t]);return e},t.prototype.sort=function(t,i,n){return t.sort(function(t,e){var t=s(t).find("td,th").eq(i),e=s(e).find("td,th").eq(i),o="ascending"===n?this.getCellValue(t):this.getCellValue(e),e="ascending"===n?this.getCellValue(e):this.getCellValue(t);return"string"==typeof o||"string"==typeof e?o.toString().localeCompare(e.toString()):o-e}.bind(this))},t.prototype.getCellValue=function(t){var t=t.attr("data-sort-value")||t.html(),e=Number(t);return isNaN(e)?t:e},I={SortableTable:t}}return I})().SortableTable,h=Z().nodeListForEach;var p=(R||(R=1,q={version:"0.0.0-development"}),q).version;function f(t,e={}){if(!t)return this;var o=Object.freeze({properties:{buttonText:{type:"string"},buttonClasses:{type:"string"},alignMenu:{type:"string"}}});this.config=this.mergeConfigs({buttonText:"Actions",alignMenu:"left",buttonClasses:""},e,this.parseDataset(o,t.dataset)),this.$module=t}function g(t,e={}){if(!t)return this;var o=Object.freeze({properties:{excludedDates:{type:"string"},excludedDays:{type:"string"},leadingZeros:{type:"string"},maxDate:{type:"string"},minDate:{type:"string"},weekStartDay:{type:"string"}}});this.config=this.mergeConfigs({leadingZeros:!1,weekStartDay:"monday"},e,this.parseDataset(o,t.dataset)),this.dayLabels=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],this.monthLabels=["January","February","March","April","May","June","July","August","September","October","November","December"],this.currentDate=new Date,this.currentDate.setHours(0,0,0,0),this.calendarDays=[],this.excludedDates=[],this.excludedDays=[],this.buttonClass="moj-datepicker__button",this.selectedDayButtonClass="moj-datepicker__button--selected",this.currentDayButtonClass="moj-datepicker__button--current",this.todayButtonClass="moj-datepicker__button--today",this.$module=t,this.$input=t.querySelector(".moj-js-datepicker-input")}function m(t,e,o,i,n){this.index=e,this.row=o,this.column=i,this.button=t,this.picker=n,this.date=new Date}P={initAll:function(t){var e=(t=void 0!==(t=void 0!==t?t:{}).scope?t.scope:document).querySelectorAll('[data-module="moj-add-another"]'),e=(h(e,function(t){new o(t)}),t.querySelectorAll('[data-module="moj-multi-select"]')),e=(h(e,function(t){new r({container:t.querySelector(t.getAttribute("data-multi-select-checkbox")),checkboxes:t.querySelectorAll("tbody .govuk-checkboxes__input"),id_prefix:t.getAttribute("data-multi-select-idprefix")})}),t.querySelectorAll('[data-module="moj-password-reveal"]')),e=(h(e,function(t){new l(t)}),t.querySelectorAll('[data-module="moj-rich-text-editor"]')),e=(h(e,function(t){var e={textarea:n(t)},t=t.getAttribute("data-moj-rich-text-editor-toolbar");if(t){var o,i=t.split(",");for(o in e.toolbar={},i)e.toolbar[i[o]]=!0}new u(e)}),t.querySelectorAll('[data-module="moj-search-toggle"]')),e=(h(e,function(t){new d({toggleButton:{container:n(t.querySelector(".moj-search-toggle__toggle")),text:t.getAttribute("data-moj-search-toggle-text")},search:{container:n(t.querySelector(".moj-search"))}})}),t.querySelectorAll('[data-module="moj-sortable-table"]')),e=(h(e,function(t){new c({table:t})}),t.querySelectorAll('[data-module="moj-date-picker"]')),e=(h(e,function(t){new a(t,{}).init()}),t.querySelectorAll('[data-module="moj-button-menu"]')),e=(h(e,function(t){new s(t,{}).init()}),t.querySelectorAll('[data-module="moj-alert"]'));h(e,function(t){new i(t,{}).init()})},version:p,AddAnother:o,Alert:i,ButtonMenu:s,DatePicker:a,FilterToggleButton:t,MultiFileUpload:e,MultiSelect:r,PasswordReveal:l,RichTextEditor:u,SearchToggle:d,SortableTable:c}}return P})())});
|
package/moj/version.js
CHANGED
|
@@ -1 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.MOJFrontend = factory());
|
|
5
|
+
})(this, (function () { 'use strict';
|
|
6
|
+
|
|
7
|
+
function getDefaultExportFromCjs (x) {
|
|
8
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
var version_1;
|
|
12
|
+
var hasRequiredVersion;
|
|
13
|
+
|
|
14
|
+
function requireVersion () {
|
|
15
|
+
if (hasRequiredVersion) return version_1;
|
|
16
|
+
hasRequiredVersion = 1;
|
|
17
|
+
const version = '0.0.0-development';
|
|
18
|
+
|
|
19
|
+
version_1 = { version };
|
|
20
|
+
return version_1;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
var versionExports = requireVersion();
|
|
24
|
+
var version = /*@__PURE__*/getDefaultExportFromCjs(versionExports);
|
|
25
|
+
|
|
26
|
+
return version;
|
|
27
|
+
|
|
28
|
+
}));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ministryofjustice/frontend",
|
|
3
3
|
"description": "The MOJ Frontend contains the code you need to start building user interfaces for UK Ministry of Justice government services.",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.5.0",
|
|
5
5
|
"main": "moj/all.js",
|
|
6
6
|
"sass": "moj/all.scss",
|
|
7
7
|
"engines": {
|
package/moj/all.spec.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/* eslint-disable no-new */
|
|
2
|
-
|
|
3
|
-
const { getByTestId } = require('@testing-library/dom')
|
|
4
|
-
|
|
5
|
-
require('./helpers')
|
|
6
|
-
require('./all.js')
|
|
7
|
-
|
|
8
|
-
describe('initAll', () => {
|
|
9
|
-
test('initialises container', () => {
|
|
10
|
-
MOJFrontend.PasswordReveal = jest.fn()
|
|
11
|
-
|
|
12
|
-
const container = document.createElement('div')
|
|
13
|
-
|
|
14
|
-
container.innerHTML = `
|
|
15
|
-
<input data-module="moj-password-reveal" data-testid="password-reveal" type="password" />
|
|
16
|
-
`
|
|
17
|
-
|
|
18
|
-
MOJFrontend.initAll({ scope: container })
|
|
19
|
-
|
|
20
|
-
expect(MOJFrontend.PasswordReveal).toHaveBeenCalledWith(
|
|
21
|
-
getByTestId(container, 'password-reveal')
|
|
22
|
-
)
|
|
23
|
-
})
|
|
24
|
-
})
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
/* eslint-disable no-new */
|
|
2
|
-
|
|
3
|
-
const {
|
|
4
|
-
getByLabelText,
|
|
5
|
-
getByRole,
|
|
6
|
-
queryByRole
|
|
7
|
-
} = require('@testing-library/dom')
|
|
8
|
-
const { userEvent } = require('@testing-library/user-event')
|
|
9
|
-
|
|
10
|
-
require('./add-another.js')
|
|
11
|
-
|
|
12
|
-
const user = userEvent.setup()
|
|
13
|
-
|
|
14
|
-
const createComponent = () => {
|
|
15
|
-
const html = `
|
|
16
|
-
<div data-module="moj-add-another">
|
|
17
|
-
<h2 class="govuk-heading-l moj-add-another__heading" tabindex="-1">Add a person</h2>
|
|
18
|
-
<form>
|
|
19
|
-
<fieldset class="govuk-fieldset moj-add-another__item">
|
|
20
|
-
<legend>Person</legend>
|
|
21
|
-
<div class="govuk-form-group">
|
|
22
|
-
<label for="person[0][first_name]">First name</label>
|
|
23
|
-
<input class="govuk-input" id="person[0][first_name]" name="person[0][first_name]" type="text" data-name="person[%index%][first_name]" data-id="person[%index%][first_name]">
|
|
24
|
-
</div>
|
|
25
|
-
<div class="govuk-form-group">
|
|
26
|
-
<label for="person[0][last_name]">Last name</label>
|
|
27
|
-
<input class="govuk-input" id="person[0][last_name]" name="person[0][last_name]" type="text" data-name="person[%index%][last_name]" data-id="person[%index%][last_name]">
|
|
28
|
-
</div>
|
|
29
|
-
</fieldset>
|
|
30
|
-
<button type="button" class="govuk-button moj-add-another__add-button">Add another person</button>
|
|
31
|
-
</form>
|
|
32
|
-
</div>`
|
|
33
|
-
document.body.innerHTML = html
|
|
34
|
-
const component = document.querySelector('[data-module="moj-add-another"]')
|
|
35
|
-
return component
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
describe('Add Another component', () => {
|
|
39
|
-
let component
|
|
40
|
-
let addButton
|
|
41
|
-
|
|
42
|
-
beforeEach(() => {
|
|
43
|
-
component = createComponent()
|
|
44
|
-
new MOJFrontend.AddAnother(component)
|
|
45
|
-
addButton = getByRole(component, 'button', { name: 'Add another person' })
|
|
46
|
-
})
|
|
47
|
-
|
|
48
|
-
afterEach(() => {
|
|
49
|
-
document.body.innerHTML = ''
|
|
50
|
-
})
|
|
51
|
-
|
|
52
|
-
test('adds a new item when "Add another person" is clicked', async () => {
|
|
53
|
-
const initialItems = component.querySelectorAll('.moj-add-another__item')
|
|
54
|
-
expect(initialItems).toHaveLength(1)
|
|
55
|
-
|
|
56
|
-
await user.click(addButton)
|
|
57
|
-
|
|
58
|
-
const updatedItems = component.querySelectorAll('.moj-add-another__item')
|
|
59
|
-
expect(updatedItems).toHaveLength(2)
|
|
60
|
-
|
|
61
|
-
const secondItemFirstName = updatedItems[1].querySelector(
|
|
62
|
-
'[name="person[1][first_name]"]'
|
|
63
|
-
)
|
|
64
|
-
expect(secondItemFirstName).toBeInTheDocument()
|
|
65
|
-
expect(secondItemFirstName.value).toBe('')
|
|
66
|
-
})
|
|
67
|
-
|
|
68
|
-
test('adds a remove button to new items', async () => {
|
|
69
|
-
await user.click(addButton)
|
|
70
|
-
|
|
71
|
-
const firstItem = component.querySelectorAll('.moj-add-another__item')[0]
|
|
72
|
-
const secondItem = component.querySelectorAll('.moj-add-another__item')[1]
|
|
73
|
-
const firstItemRemoveButton = getByRole(firstItem, 'button', {
|
|
74
|
-
name: 'Remove'
|
|
75
|
-
})
|
|
76
|
-
const secondItemRemoveButton = getByRole(secondItem, 'button', {
|
|
77
|
-
name: 'Remove'
|
|
78
|
-
})
|
|
79
|
-
|
|
80
|
-
expect(firstItemRemoveButton).toBeInTheDocument()
|
|
81
|
-
expect(secondItemRemoveButton).toBeInTheDocument()
|
|
82
|
-
})
|
|
83
|
-
|
|
84
|
-
test('removes an item when the "Remove" button is clicked', async () => {
|
|
85
|
-
await user.click(addButton)
|
|
86
|
-
|
|
87
|
-
const secondItem = component.querySelectorAll('.moj-add-another__item')[1]
|
|
88
|
-
const removeButton = getByRole(secondItem, 'button', { name: 'Remove' })
|
|
89
|
-
|
|
90
|
-
await user.click(removeButton)
|
|
91
|
-
|
|
92
|
-
const remainingItems = component.querySelectorAll('.moj-add-another__item')
|
|
93
|
-
|
|
94
|
-
expect(remainingItems).toHaveLength(1)
|
|
95
|
-
expect(
|
|
96
|
-
queryByRole(component, 'button', { name: 'Remove' })
|
|
97
|
-
).not.toBeInTheDocument()
|
|
98
|
-
})
|
|
99
|
-
|
|
100
|
-
test('new item inputs have no value', async () => {
|
|
101
|
-
await user.click(addButton)
|
|
102
|
-
|
|
103
|
-
const secondItem = component.querySelectorAll('.moj-add-another__item')[1]
|
|
104
|
-
const firstNameInput = getByLabelText(secondItem, 'First name')
|
|
105
|
-
const lastNameInput = getByLabelText(secondItem, 'Last name')
|
|
106
|
-
|
|
107
|
-
expect(firstNameInput.value).toBe('')
|
|
108
|
-
expect(lastNameInput.value).toBe('')
|
|
109
|
-
})
|
|
110
|
-
|
|
111
|
-
test('resets form values in a new item', async () => {
|
|
112
|
-
await user.click(addButton)
|
|
113
|
-
|
|
114
|
-
const firstItem = component.querySelectorAll('.moj-add-another__item')[0]
|
|
115
|
-
const firstItemFirstNameInput = getByLabelText(firstItem, 'First name')
|
|
116
|
-
const firstItemLastNameInput = getByLabelText(firstItem, 'Last name')
|
|
117
|
-
|
|
118
|
-
await user.type(firstItemFirstNameInput, 'Steve')
|
|
119
|
-
await user.type(firstItemLastNameInput, 'Jobs')
|
|
120
|
-
|
|
121
|
-
expect(firstItemFirstNameInput.value).toBe('Steve')
|
|
122
|
-
expect(firstItemLastNameInput.value).toBe('Jobs')
|
|
123
|
-
|
|
124
|
-
const secondItem = component.querySelectorAll('.moj-add-another__item')[1]
|
|
125
|
-
const secondItemFirstNameInput = getByLabelText(secondItem, 'First name')
|
|
126
|
-
const secondItemLastNameInput = getByLabelText(secondItem, 'Last name')
|
|
127
|
-
|
|
128
|
-
expect(secondItemFirstNameInput.value).toBe('')
|
|
129
|
-
expect(secondItemLastNameInput.value).toBe('')
|
|
130
|
-
})
|
|
131
|
-
|
|
132
|
-
test('focuses the heading after removing an item', async () => {
|
|
133
|
-
await user.click(addButton)
|
|
134
|
-
|
|
135
|
-
const heading = queryByRole(component, 'heading', { level: 2 })
|
|
136
|
-
const secondItem = component.querySelectorAll('.moj-add-another__item')[1]
|
|
137
|
-
const removeButton = getByRole(secondItem, 'button', { name: 'Remove' })
|
|
138
|
-
|
|
139
|
-
await user.click(removeButton)
|
|
140
|
-
|
|
141
|
-
expect(heading).toHaveFocus()
|
|
142
|
-
})
|
|
143
|
-
|
|
144
|
-
test('updates attributes correctly after removing an item', async () => {
|
|
145
|
-
await user.click(addButton)
|
|
146
|
-
await user.click(addButton)
|
|
147
|
-
|
|
148
|
-
const secondItem = component.querySelectorAll('.moj-add-another__item')[1]
|
|
149
|
-
const removeButton = getByRole(secondItem, 'button', { name: 'Remove' })
|
|
150
|
-
|
|
151
|
-
await user.click(removeButton)
|
|
152
|
-
|
|
153
|
-
const remainingItems = component.querySelectorAll('.moj-add-another__item')
|
|
154
|
-
remainingItems.forEach((item, index) => {
|
|
155
|
-
const firstNameInput = item.querySelector(
|
|
156
|
-
`[name="person[${index}][first_name]"]`
|
|
157
|
-
)
|
|
158
|
-
const lastNameInput = item.querySelector(
|
|
159
|
-
`[name="person[${index}][last_name]"]`
|
|
160
|
-
)
|
|
161
|
-
expect(firstNameInput).toBeInTheDocument()
|
|
162
|
-
expect(lastNameInput).toBeInTheDocument()
|
|
163
|
-
})
|
|
164
|
-
})
|
|
165
|
-
})
|