@ukhomeoffice/react-components - npm Package Compare versions

Comparing version 0.7.1 to 0.7.2

dist/ho-react-components.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("react-markdown"),require("classnames")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","react-markdown","classnames"],t):t(e["ho-react-components"]={},e.React,e.PropTypes,null,null)}(this,function(e,t,r,n,a){"use strict";var s="default"in t?t.default:t;r=r&&r.hasOwnProperty("default")?r.default:r,n=n&&n.hasOwnProperty("default")?n.default:n,a=a&&a.hasOwnProperty("default")?a.default:a;var i=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},c=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},u=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},h=function(e){var t=e.vertical,r=e.className,n=e.children,a=c(e,["vertical","className","children"]);return s.createElement("ul",l({},a,{className:"tab__nav "+(t?"vertical":"horizontal")+" "+(r?" "+r:"")}),n)};h.propTypes={className:r.string,children:r.node.isRequired,vertical:r.bool};var d=function(e){var n=function(r){var n=r.active,a=r.disabled,s=r.className,i=void 0===s?"":s,o=c(r,["active","disabled","className"]),p=(n?"active":"")+(i?" "+i:"");return t.createElement("li",null,t.createElement(e,l({},o,{className:p,disabled:a}),r.children))};return n.displayName="NavItemOf"+e,n.propTypes={children:r.node,className:r.string,active:r.bool,disabled:r.bool},n},m=d("a");m.propTypes=Object.assign({href:r.string.isRequired},m.propTypes);var g=function(e){var t=function(t){var r=t.active,n=t.className,a=void 0===n?"":n,i=c(t,["active","className"]),o=(r?"active":"")+(a?" "+a:"");return s.createElement("li",null,s.createElement(e,l({},i,{className:o}),t.children))};return t.defaultName="NavItemOf"+e,t.propTypes={children:r.node,className:r.string,active:r.bool},t},v=g("a");v.propTypes=Object.assign({href:r.string.isRequired},v.propTypes);var f=function(e){return s.createElement("div",{className:"navbar"+(e.className?" "+e.className:"")},s.createElement("ul",{className:"navbar__list-items"},e.children))};f.propTypes={children:r.node.isRequired,className:r.string};var y=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"id",value:function(){return this.props.id||this.props.name}},{key:"errorClass",value:function(e){return this.props.error?e+" "+e+"--error":e}},{key:"checkedOrUnchecked",value:function(){return this.props.onChange?{value:this.props.value,onChange:this.props.onChange}:{defaultValue:this.props.value}}},{key:"getContentPart",value:function(e,t){return this.props[e]?s.createElement("span",{id:this.id()+"-"+e,className:t||"govuk-"+e},s.createElement(n,null,this.props[e])):null}}]),t}(s.Component);y.propTypes={id:r.string,name:r.string.isRequired,onChange:r.func,value:r.string,error:r.oneOfType([r.string,r.node])};var k=r.oneOfType([r.number,r.string]),b={value:k,options:r.arrayOf(r.oneOfType([r.shape({value:k,label:r.oneOfType([r.string,r.node])}),k])),date:function(e,t,r){if(e[t]&&!/^[0-9]{4}-[0-9]{1,2}-[0-9]{1,2}(T.*)?$/.test(e[t]))return new Error("Invalid prop `"+t+"` supplied to `"+r+"`. Not a valid date (YYYY-MM-DD).")}},E=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,y),o(t,[{key:"dateFragment",value:function(e){return this.id()+"-"+e}},{key:"parseValue",value:function(){var e=this.props.value.split("T")[0].split("-");return{day:e[2],month:e[1],year:e[0]}}},{key:"render",value:function(){var e=this.parseValue();return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("fieldset",{className:"govuk-fieldset","aria-describedby":this.dateFragment("hint"),role:"group"},s.createElement("legend",{className:"govuk-fieldset__legend"},s.createElement("h2",{className:"govuk-fieldset__heading govuk-heading-l"},this.props.label)),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("div",{className:"govuk-date-input"},s.createElement("div",{className:"govuk-date-input__item"},s.createElement("div",{className:"govuk-form-group"},s.createElement("label",{className:"govuk-label govuk-date-input__label",htmlFor:this.dateFragment("day")},"Day"),s.createElement("input",{className:"govuk-input govuk-date-input__input govuk-input--width-2",id:this.dateFragment("day"),name:this.dateFragment("day"),type:"number",pattern:"[0-9]*",defaultValue:e.day}))),s.createElement("div",{className:"govuk-date-input__item"},s.createElement("div",{className:"govuk-form-group"},s.createElement("label",{className:"govuk-label govuk-date-input__label",htmlFor:this.dateFragment("month")},"Month"),s.createElement("input",{className:"govuk-input govuk-date-input__input govuk-input--width-2",id:this.dateFragment("month"),name:this.dateFragment("month"),type:"number",pattern:"[0-9]*",defaultValue:e.month}))),s.createElement("div",{className:"govuk-date-input__item"},s.createElement("div",{className:"govuk-form-group"},s.createElement("label",{className:"govuk-label govuk-date-input__label",htmlFor:this.dateFragment("year")},"Year"),s.createElement("input",{className:"govuk-input govuk-date-input__input govuk-input--width-4",id:this.dateFragment("year"),name:this.dateFragment("year"),type:"number",pattern:"[0-9]*",defaultValue:e.year}))))))}}]),t}();E.defaultProps={value:""},E.propTypes={label:r.oneOfType([r.string,r.node]).isRequired,name:r.string.isRequired,onChange:r.func,id:r.string,value:b.date,hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node])};var N=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,y),o(t,[{key:"render",value:function(){return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("label",{className:"govuk-label",htmlFor:this.id()},this.props.label),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("input",l({className:this.errorClass("govuk-input"),id:this.id(),name:this.props.name,type:this.props.type},this.checkedOrUnchecked())))}}]),t}();N.defaultProps={type:"text"},N.propTypes={name:r.string.isRequired,label:r.oneOfType([r.string,r.node]).isRequired,onChange:r.func,id:r.string,type:r.string,value:r.string,hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node])};var _=function(e){return function(t){function r(){return i(this,r),u(this,(r.__proto__||Object.getPrototypeOf(r)).apply(this,arguments))}return p(r,e),o(r,[{key:"optionId",value:function(e){return this.id()+"-"+e.value.toString().toLowerCase().replace(/[^a-z0-9-]/g,"")}},{key:"hasValue",value:function(e){return Array.isArray(this.props.value)?this.props.value.includes(e):this.props.value===e}},{key:"normaliseOptions",value:function(){return this.props.options.map(function(e){return"string"==typeof e?{label:e,value:e}:e})}}]),r}()},O=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"componentDidMount",value:function(){this.setState({})}},{key:"optProps",value:function(e){return this.props.onChange?{onChange:this.props.onChange,checked:this.hasValue(e.value)}:{defaultChecked:this.hasValue(e.value)}}},{key:"render",value:function(){var e=this,t=this.normaliseOptions();return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("fieldset",{id:this.props.id||this.props.name,className:a("govuk-fieldset",{inline:this.props.inline},this.props.className)},s.createElement("legend",{className:"govuk-fieldset__legend"},s.createElement("h2",{className:"govuk-fieldset__heading govuk-heading-l"},this.props.label)),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("div",{className:"govuk-checkboxes"},t.map(function(t){return s.createElement("div",{className:"govuk-checkboxes__item",key:e.optionId(t)},s.createElement("input",l({className:"govuk-checkboxes__input",id:e.optionId(t),type:"checkbox",name:e.props.name,value:t.value},e.optProps(t))),s.createElement("label",{htmlFor:e.optionId(t),className:"govuk-label govuk-checkboxes__label"},t.label),t.hint&&s.createElement("span",{className:"govuk-hint"},t.hint),t.reveal&&s.createElement("div",{className:a("govuk-reveal",{hidden:e.state&&!e.hasValue(t.value)})},t.reveal))}))))}}]),t}(_(y));O.defaultProps={options:[],inline:!1},O.propTypes={name:r.string.isRequired,options:b.options.isRequired,label:r.oneOfType([r.string,r.node]).isRequired,onChange:r.func,id:r.string,inline:r.bool,value:r.oneOfType([b.value,r.arrayOf(b.value)]),hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node])};var T=function(e){function r(){return i(this,r),u(this,(r.__proto__||Object.getPrototypeOf(r)).apply(this,arguments))}return p(r,e),o(r,[{key:"componentDidMount",value:function(){this.setState({})}},{key:"optProps",value:function(e){return this.props.onChange?{onChange:this.props.onChange,checked:this.hasValue(e.value)}:{defaultChecked:this.hasValue(e.value)}}},{key:"render",value:function(){var e=this,r=this.normaliseOptions(),n=function(t,r){return s.createElement("div",{key:r,className:a("govuk-reveal",{hidden:e.state&&!e.hasValue(t.value)})},t.reveal)};return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("fieldset",{id:this.props.id||this.props.name,className:a("govuk-fieldset",{inline:this.props.inline},this.props.className)},s.createElement("legend",{className:"govuk-fieldset__legend"},s.createElement("h2",{className:"govuk-fieldset__heading govuk-heading-l"},this.props.label)),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("div",{className:"govuk-radios"},r.map(function(t){return s.createElement("div",{className:"govuk-radios__item",key:e.optionId(t)},s.createElement("input",l({className:"govuk-radios__input",id:e.optionId(t),type:"radio",name:e.props.name,value:t.value},e.optProps(t))),s.createElement("label",{htmlFor:e.optionId(t),className:"govuk-label govuk-radios__label"},t.label),t.hint&&s.createElement("span",{className:"govuk-hint"},t.hint),t.reveal&&!e.props.inline&&n(t))})),s.createElement(t.Fragment,null,this.props.inline&&r.map(function(e,t){return e.reveal&&n(e,t)}))))}}]),r}(_(y));T.defaultProps={options:[],inline:!1},T.propTypes={name:r.string.isRequired,options:b.options.isRequired,label:r.oneOfType([r.string,r.node]).isRequired,onChange:r.func,id:r.string,inline:r.bool,value:r.oneOfType([b.value,r.arrayOf(b.value)]),hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node])};var P=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"render",value:function(){var e=this.normaliseOptions();return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("label",{className:"govuk-label",htmlFor:this.id()},this.props.label),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("select",l({className:this.errorClass("govuk-select"),id:this.id(),name:this.props.name},this.checkedOrUnchecked()),this.props.nullOption&&s.createElement("option",{value:""},this.props.nullOption),e.map(function(e){return s.createElement("option",{value:e.value,key:e.value},e.label)})))}}]),t}(_(y));P.defaultProps={options:[],nullOption:"Select..."},P.propTypes={label:r.oneOfType([r.string,r.node]).isRequired,name:r.string.isRequired,options:b.options.isRequired,onChange:r.func,id:r.string,type:r.string,value:b.value,hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node]),nullOption:r.string};var C=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,y),o(t,[{key:"render",value:function(){var e=this.props,t=e.label,r=(e.hint,e.error,e.name),n=e.rows,i=e.cols,o=e.disabled,p=e.readonly,u=e.className,h=c(e,["label","hint","error","name","rows","cols","disabled","readonly","className"]);return s.createElement("div",{className:a(this.errorClass("govuk-form-group"),u)},s.createElement("label",{className:"govuk-label",htmlFor:this.id()},t),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("textarea",l({className:this.errorClass("govuk-textarea"),id:this.id(),name:r,rows:n,cols:i,disabled:o,readOnly:p},h,this.checkedOrUnchecked())))}}]),t}();C.defaultProps={disabled:!1,readonly:!1,rows:4},C.propTypes={name:r.string.isRequired,label:r.oneOfType([r.string,r.node]).isRequired,onChange:r.func,id:r.string,value:r.string,hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node]),cols:r.number,rows:r.number,disabled:r.bool,readonly:r.bool};var w=function(e){var t=function(t){return s.createElement(e,l({},t,{className:"govuk-button"+(t.className?" "+t.className:"")}),t.children)};return t.defaultName="ButtonOfType"+e,t.propTypes={children:r.oneOfType([r.string,r.element]).isRequired,onClick:r.func,disabled:r.bool,className:r.string},t},x=w("button");x.propTypes=Object.assign({type:r.string},x.propTypes);var R=w("a");R.propTypes=Object.assign({href:r.string.isRequired},R.propTypes);var q=function(e){function t(e){i(this,t);var r=u(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.state={isOpen:!!e.defaultOpen&&e.defaultOpen},r.toggle=r.toggle.bind(r),r}return p(t,e),o(t,[{key:"componentDidMount",value:function(){this.setState({browser:!0})}},{key:"toggle",value:function(){this.setState(function(e){return{isOpen:!e.isOpen}})}},{key:"render",value:function(){var e=this.state.isOpen,t=this.props,r=t.title,n=t.description,a=this.props.id||r.replace(new RegExp(/\s/,"g"),"-").toLowerCase(),i=a+"-options",o=a+"-label";return s.createElement("div",{className:"app-c-option-select js-collapsible"},s.createElement("button",{className:"js-container-head",type:"button","aria-expanded":e,"aria-controls":i,onClick:this.toggle},s.createElement("div",{className:"option-select-label",id:o},r),s.createElement("div",{className:"js-selected-counter"},n)),e&&s.createElement("div",{role:"group","aria-labelledby":o,className:"options-container options-container--hod",id:i},s.createElement("div",{className:"js-auto-height-inner"},this.props.children)))}}]),t}(t.Component);q.defaultProps={defaultOpen:!0},q.propTypes={title:function(e){return t.isValidElement(e.title)?void 0===e.id?new Error("Title must be a string if id is not provided"):null:"string"==typeof e.title?null:new Error("Title must be either a String or a valid React element")},description:r.string,id:r.string,defaultOpen:r.bool,children:r.node.isRequired,style:r.objectOf({maxHeight:r.string.isRequired,height:r.string.isRequired})};var j=function(e){var t=e.children,r=e.name,n=e.value,a=e.id,i=c(e,["children","name","value","id"]);return s.createElement("div",{className:"govuk-checkboxes__item"},s.createElement("input",l({name:r,value:n,id:a,type:"checkbox"},i,{className:"govuk-checkboxes__input"})),s.createElement("label",{htmlFor:a,className:"govuk-label govuk-checkboxes__label"},t))};j.propTypes={name:r.string.isRequired,value:r.string.isRequired,id:r.string.isRequired,children:r.node.isRequired};var F=function(e){var t=e.title,r=e.open,n=e.className,a=e.children;return s.createElement("details",{open:r,className:n},s.createElement("summary",null,s.createElement("span",{className:"summary"},t)),s.createElement("div",{className:"panel panel-border-narrow"},a))};F.defaultProps={open:!1},F.propTypes={title:r.oneOfType([r.string,r.node]).isRequired,children:r.oneOfType([r.string,r.node]).isRequired,open:r.bool,className:r.string};var L=function(e){return s.createElement("strong",{className:"phase-tag"+(e.className?" "+e.className:"")},e.children)};L.defaultProps={children:""},L.propTypes={children:r.node.isRequired,className:r.string};var I=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"renderContent",value:function(){return this.props.children?this.props.children:this.props.feedbackUrl?s.createElement("span",null,"This is a new service – your ",s.createElement("a",{href:this.props.feedbackUrl},"feedback")," will help us to improve it."):void 0}},{key:"render",value:function(){return s.createElement("div",{className:"phase-banner"},s.createElement("p",null,s.createElement(L,null,this.props.phase),this.renderContent()))}}]),t}(s.Component);I.defaultProps={phase:"prototype"},I.propTypes={phase:r.oneOf(["prototype","alpha","beta"]),feedbackUrl:r.string};var H=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"render",value:function(){return s.createElement("html",null,s.createElement("head",null,s.createElement("meta",{charSet:"utf-8"}),s.createElement("title",null,this.props.title||this.props.propositionHeader),s.createElement("link",{rel:"stylesheet",media:"screen",href:this.props.assetPath+"/stylesheets/govuk-template.css?0.23.0"}),s.createElement("link",{rel:"stylesheet",media:"screen",href:this.props.assetPath+"/stylesheets/fonts.css?0.23.0"}),this.props.stylesheets.map(function(e){return s.createElement("link",{rel:"stylesheet",media:"screen",href:e,key:e})}),s.createElement("link",{rel:"stylesheet",media:"print",href:this.props.assetPath+"/stylesheets/govuk-template-print.css?0.23.0"}),s.createElement("link",{rel:"shortcut icon",href:this.props.assetPath+"/images/favicon.ico?0.23.0",type:"image/x-icon"}),s.createElement("link",{rel:"mask-icon",href:this.props.assetPath+"/images/gov.uk_logotype_crown.svg?0.23.0",color:"#0b0c0c"}),s.createElement("link",{rel:"apple-touch-icon",sizes:"180x180",href:this.props.assetPath+"/images/apple-touch-icon-180x180.png?0.23.0"}),s.createElement("link",{rel:"apple-touch-icon",sizes:"167x167",href:this.props.assetPath+"/images/apple-touch-icon-167x167.png?0.23.0"}),s.createElement("link",{rel:"apple-touch-icon",sizes:"152x152",href:this.props.assetPath+"/images/apple-touch-icon-152x152.png?0.23.0"}),s.createElement("link",{rel:"apple-touch-icon",href:this.props.assetPath+"/images/apple-touch-icon.png?0.23.0"}),s.createElement("meta",{name:"theme-color",content:"#0b0c0c"}),s.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),s.createElement("meta",{property:"og:image",content:this.props.assetPath+"/images/opengraph-image.png?0.23.0"})),s.createElement("body",null,s.createElement("div",{id:"skiplink-container"},s.createElement("div",null,s.createElement("a",{href:this.props.skipToContentTarget,className:"skiplink"},this.props.skipToContent))),s.createElement("header",{role:"banner",id:"global-header",className:this.props.propositionHeader?"with-proposition":""},s.createElement("div",{className:"header-wrapper"},s.createElement("div",{className:"header-global"},s.createElement("div",{className:"header-logo"},s.createElement("a",{href:this.props.homepageUrl,title:this.props.logoLinkTitle,id:"logo",className:"content"},s.createElement("img",{src:this.props.assetPath+"/images/gov.uk_logotype_crown_invert_trans.png?0.23.0",width:"36",height:"32",alt:""})," ",this.props.globalHeaderText))),this.props.propositionHeader&&s.createElement("div",{className:"header-proposition"},s.createElement("div",{className:"content"},s.createElement("nav",{id:"proposition-menu"},this.props.propositionHeaderLink&&s.createElement("a",{href:this.props.propositionHeaderLink,id:"proposition-name"},this.props.propositionHeader),!this.props.propositionHeaderLink&&this.props.propositionHeader),this.props.headerContent&&this.props.headerContent)))),s.createElement("div",{id:"global-header-bar"}),this.props.children,s.createElement("footer",{className:"group js-footer",id:"footer",role:"contentinfo"},s.createElement("div",{className:"footer-wrapper"},s.createElement("div",{className:"footer-meta"},s.createElement("div",{className:"footer-meta-inner"},this.props.footerLinks.length&&s.createElement("ul",null,this.props.footerLinks.map(function(e){return s.createElement("li",{key:e.href},s.createElement("a",{href:e.href},e.label))})),s.createElement("div",{className:"open-government-licence"},s.createElement("p",{className:"logo"},s.createElement("a",{href:"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/",rel:"license"},"Open Government Licence")),s.createElement("p",null,"All content is available under the ",s.createElement("a",{href:"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/",rel:"license"},"Open Government Licence v3.0"),", except where otherwise stated"))),s.createElement("div",{className:"copyright"},s.createElement("a",{href:"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"},"© Crown copyright"))))),s.createElement("div",{id:"global-app-error",className:"app-error hidden"}),s.createElement("script",{src:this.props.assetPath+"/javascripts/govuk-template.js?0.23.0"}),this.props.scripts.map(function(e){return s.createElement("script",{src:e,key:e})})))}}]),t}(s.Component);H.defaultProps={assetPath:"/govuk",stylesheets:["/govuk/elements.css"],scripts:[],homepageUrl:"https://www.gov.uk",propositionHeaderLink:"/",logoLinkTitle:"",skipToContent:"Skip to main content",skipToContentTarget:"#content",footerLinks:[],globalHeaderText:"GOV.UK"},H.propTypes={children:r.node,propositionHeader:r.string,title:r.string,assetPath:r.string,stylesheets:r.arrayOf(r.string),scripts:r.arrayOf(r.string),homepageUrl:r.string,logoLinkTitle:r.string,globalHeaderText:r.string,propositionHeaderLink:r.string,skipToContent:r.string,skipToContentTarget:r.string,footerLinks:r.arrayOf(r.shape({href:r.string,label:r.string}))},e.TabBar=h,e.TabItem=m,e.tabItemOf=d,e.SubNavBar=f,e.SubNavItem=v,e.subNavItemOf=g,e.DateInput=E,e.Input=N,e.CheckboxGroup=O,e.RadioGroup=T,e.Select=P,e.TextArea=C,e.Button=x,e.LinkButton=R,e.buttonOf=w,e.OptionSelect=q,e.CheckedOption=j,e.ExpandableText=F,e.Badge=L,e.PhaseBanner=I,e.Warning=function(e){var t=e.children;return s.createElement("div",{className:"govuk-warning-text"},s.createElement("span",{className:"govuk-warning-text__icon","aria-hidden":"true"},"!"),s.createElement("strong",{className:"govuk-warning-text__text"},t))},e.Layout=H,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("react-markdown"),require("classnames")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","react-markdown","classnames"],t):t(e["ho-react-components"]={},e.React,e.PropTypes,null,null)}(this,function(e,t,r,n,a){"use strict";var s="default"in t?t.default:t;r=r&&r.hasOwnProperty("default")?r.default:r,n=n&&n.hasOwnProperty("default")?n.default:n,a=a&&a.hasOwnProperty("default")?a.default:a;var i=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},c=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},u=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},h=function(e){var t=e.vertical,r=e.className,n=e.children,a=c(e,["vertical","className","children"]);return s.createElement("ul",l({},a,{className:"tab__nav "+(t?"vertical":"horizontal")+" "+(r?" "+r:"")}),n)};h.propTypes={className:r.string,children:r.node.isRequired,vertical:r.bool};var d=function(e){var n=function(r){var n=r.active,a=r.disabled,s=r.className,i=void 0===s?"":s,o=c(r,["active","disabled","className"]),p=(n?"active":"")+(i?" "+i:"");return t.createElement("li",null,t.createElement(e,l({},o,{className:p,disabled:a}),r.children))};return n.displayName="NavItemOf"+e,n.propTypes={children:r.node,className:r.string,active:r.bool,disabled:r.bool},n},m=d("a");m.propTypes=Object.assign({href:r.string.isRequired},m.propTypes);var g=function(e){var t=function(t){var r=t.active,n=t.className,a=void 0===n?"":n,i=c(t,["active","className"]),o=(r?"active":"")+(a?" "+a:"");return s.createElement("li",null,s.createElement(e,l({},i,{className:o}),t.children))};return t.defaultName="NavItemOf"+e,t.propTypes={children:r.node,className:r.string,active:r.bool},t},v=g("a");v.propTypes=Object.assign({href:r.string.isRequired},v.propTypes);var f=function(e){return s.createElement("div",{className:"navbar"+(e.className?" "+e.className:"")},s.createElement("ul",{className:"navbar__list-items"},e.children))};f.propTypes={children:r.node.isRequired,className:r.string};var y=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"id",value:function(){return this.props.id||this.props.name}},{key:"errorClass",value:function(e){return this.props.error?e+" "+e+"--error":e}},{key:"checkedOrUnchecked",value:function(){return this.props.onChange?{value:this.props.value,onChange:this.props.onChange}:{defaultValue:this.props.value}}},{key:"getContentPart",value:function(e,t){return this.props[e]?s.isValidElement(this.props[e])?this.props[e]:s.createElement("span",{id:this.id()+"-"+e,className:t||"govuk-"+e},s.createElement(n,null,this.props[e])):null}}]),t}(s.Component);y.propTypes={id:r.string,name:r.string.isRequired,onChange:r.func,value:r.string,error:r.oneOfType([r.string,r.node])};var k=r.oneOfType([r.number,r.string]),b={value:k,options:r.arrayOf(r.oneOfType([r.shape({value:k,label:r.oneOfType([r.string,r.node])}),k])),date:function(e,t,r){if(e[t]&&!/^[0-9]{4}-[0-9]{1,2}-[0-9]{1,2}(T.*)?$/.test(e[t]))return new Error("Invalid prop `"+t+"` supplied to `"+r+"`. Not a valid date (YYYY-MM-DD).")}},E=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,y),o(t,[{key:"dateFragment",value:function(e){return this.id()+"-"+e}},{key:"parseValue",value:function(){var e=this.props.value.split("T")[0].split("-");return{day:e[2],month:e[1],year:e[0]}}},{key:"render",value:function(){var e=this.parseValue();return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("fieldset",{className:"govuk-fieldset","aria-describedby":this.dateFragment("hint"),role:"group"},s.createElement("legend",{className:"govuk-fieldset__legend"},s.createElement("h2",{className:"govuk-fieldset__heading govuk-heading-l"},this.props.label)),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("div",{className:"govuk-date-input"},s.createElement("div",{className:"govuk-date-input__item"},s.createElement("div",{className:"govuk-form-group"},s.createElement("label",{className:"govuk-label govuk-date-input__label",htmlFor:this.dateFragment("day")},"Day"),s.createElement("input",{className:"govuk-input govuk-date-input__input govuk-input--width-2",id:this.dateFragment("day"),name:this.dateFragment("day"),type:"number",pattern:"[0-9]*",defaultValue:e.day}))),s.createElement("div",{className:"govuk-date-input__item"},s.createElement("div",{className:"govuk-form-group"},s.createElement("label",{className:"govuk-label govuk-date-input__label",htmlFor:this.dateFragment("month")},"Month"),s.createElement("input",{className:"govuk-input govuk-date-input__input govuk-input--width-2",id:this.dateFragment("month"),name:this.dateFragment("month"),type:"number",pattern:"[0-9]*",defaultValue:e.month}))),s.createElement("div",{className:"govuk-date-input__item"},s.createElement("div",{className:"govuk-form-group"},s.createElement("label",{className:"govuk-label govuk-date-input__label",htmlFor:this.dateFragment("year")},"Year"),s.createElement("input",{className:"govuk-input govuk-date-input__input govuk-input--width-4",id:this.dateFragment("year"),name:this.dateFragment("year"),type:"number",pattern:"[0-9]*",defaultValue:e.year}))))))}}]),t}();E.defaultProps={value:""},E.propTypes={label:r.oneOfType([r.string,r.node]).isRequired,name:r.string.isRequired,onChange:r.func,id:r.string,value:b.date,hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node])};var N=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,y),o(t,[{key:"render",value:function(){return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("label",{className:"govuk-label",htmlFor:this.id()},this.props.label),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("input",l({className:this.errorClass("govuk-input"),id:this.id(),name:this.props.name,type:this.props.type},this.checkedOrUnchecked())))}}]),t}();N.defaultProps={type:"text"},N.propTypes={name:r.string.isRequired,label:r.oneOfType([r.string,r.node]).isRequired,onChange:r.func,id:r.string,type:r.string,value:r.string,hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node])};var _=function(e){return function(t){function r(){return i(this,r),u(this,(r.__proto__||Object.getPrototypeOf(r)).apply(this,arguments))}return p(r,e),o(r,[{key:"optionId",value:function(e){return this.id()+"-"+e.value.toString().toLowerCase().replace(/[^a-z0-9-]/g,"")}},{key:"hasValue",value:function(e){return Array.isArray(this.props.value)?this.props.value.includes(e):this.props.value===e}},{key:"normaliseOptions",value:function(){return this.props.options.map(function(e){return"string"==typeof e?{label:e,value:e}:e})}}]),r}()},O=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"componentDidMount",value:function(){this.setState({})}},{key:"optProps",value:function(e){return this.props.onChange?{onChange:this.props.onChange,checked:this.hasValue(e.value)}:{defaultChecked:this.hasValue(e.value)}}},{key:"render",value:function(){var e=this,t=this.normaliseOptions();return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("fieldset",{id:this.props.id||this.props.name,className:a("govuk-fieldset",{inline:this.props.inline},this.props.className)},s.createElement("legend",{className:"govuk-fieldset__legend"},s.createElement("h2",{className:"govuk-fieldset__heading govuk-heading-l"},this.props.label)),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("div",{className:"govuk-checkboxes"},t.map(function(t){return s.createElement("div",{className:"govuk-checkboxes__item",key:e.optionId(t)},s.createElement("input",l({className:"govuk-checkboxes__input",id:e.optionId(t),type:"checkbox",name:e.props.name,value:t.value},e.optProps(t))),s.createElement("label",{htmlFor:e.optionId(t),className:"govuk-label govuk-checkboxes__label"},t.label),t.hint&&s.createElement("span",{className:"govuk-hint"},t.hint),t.reveal&&s.createElement("div",{className:a("govuk-reveal",{hidden:e.state&&!e.hasValue(t.value)})},t.reveal))}))))}}]),t}(_(y));O.defaultProps={options:[],inline:!1},O.propTypes={name:r.string.isRequired,options:b.options.isRequired,label:r.oneOfType([r.string,r.node]).isRequired,onChange:r.func,id:r.string,inline:r.bool,value:r.oneOfType([b.value,r.arrayOf(b.value)]),hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node])};var T=function(e){function r(){return i(this,r),u(this,(r.__proto__||Object.getPrototypeOf(r)).apply(this,arguments))}return p(r,e),o(r,[{key:"componentDidMount",value:function(){this.setState({})}},{key:"optProps",value:function(e){return this.props.onChange?{onChange:this.props.onChange,checked:this.hasValue(e.value)}:{defaultChecked:this.hasValue(e.value)}}},{key:"render",value:function(){var e=this,r=this.normaliseOptions(),n=function(t,r){return s.createElement("div",{key:r,className:a("govuk-reveal",{hidden:e.state&&!e.hasValue(t.value)})},t.reveal)};return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("fieldset",{id:this.props.id||this.props.name,className:a("govuk-fieldset",{inline:this.props.inline},this.props.className)},s.createElement("legend",{className:"govuk-fieldset__legend"},s.createElement("h2",{className:"govuk-fieldset__heading govuk-heading-l"},this.props.label)),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("div",{className:"govuk-radios"},r.map(function(t){return s.createElement("div",{className:"govuk-radios__item",key:e.optionId(t)},s.createElement("input",l({className:"govuk-radios__input",id:e.optionId(t),type:"radio",name:e.props.name,value:t.value},e.optProps(t))),s.createElement("label",{htmlFor:e.optionId(t),className:"govuk-label govuk-radios__label"},t.label),t.hint&&s.createElement("span",{className:"govuk-hint"},t.hint),t.reveal&&!e.props.inline&&n(t))})),s.createElement(t.Fragment,null,this.props.inline&&r.map(function(e,t){return e.reveal&&n(e,t)}))))}}]),r}(_(y));T.defaultProps={options:[],inline:!1},T.propTypes={name:r.string.isRequired,options:b.options.isRequired,label:r.oneOfType([r.string,r.node]).isRequired,onChange:r.func,id:r.string,inline:r.bool,value:r.oneOfType([b.value,r.arrayOf(b.value)]),hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node])};var P=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"render",value:function(){var e=this.normaliseOptions();return s.createElement("div",{className:this.errorClass("govuk-form-group")},s.createElement("label",{className:"govuk-label",htmlFor:this.id()},this.props.label),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("select",l({className:this.errorClass("govuk-select"),id:this.id(),name:this.props.name},this.checkedOrUnchecked()),this.props.nullOption&&s.createElement("option",{value:""},this.props.nullOption),e.map(function(e){return s.createElement("option",{value:e.value,key:e.value},e.label)})))}}]),t}(_(y));P.defaultProps={options:[],nullOption:"Select..."},P.propTypes={label:r.oneOfType([r.string,r.node]).isRequired,name:r.string.isRequired,options:b.options.isRequired,onChange:r.func,id:r.string,type:r.string,value:b.value,hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node]),nullOption:r.string};var C=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,y),o(t,[{key:"render",value:function(){var e=this.props,t=e.label,r=(e.hint,e.error,e.name),n=e.rows,i=e.cols,o=e.disabled,p=e.readonly,u=e.className,h=c(e,["label","hint","error","name","rows","cols","disabled","readonly","className"]);return s.createElement("div",{className:a(this.errorClass("govuk-form-group"),u)},s.createElement("label",{className:"govuk-label",htmlFor:this.id()},t),this.getContentPart("hint"),this.getContentPart("error","error-message"),s.createElement("textarea",l({className:this.errorClass("govuk-textarea"),id:this.id(),name:r,rows:n,cols:i,disabled:o,readOnly:p},h,this.checkedOrUnchecked())))}}]),t}();C.defaultProps={disabled:!1,readonly:!1,rows:4},C.propTypes={name:r.string.isRequired,label:r.oneOfType([r.string,r.node]).isRequired,onChange:r.func,id:r.string,value:r.string,hint:r.oneOfType([r.string,r.node]),error:r.oneOfType([r.string,r.node]),cols:r.number,rows:r.number,disabled:r.bool,readonly:r.bool};var w=function(e){var t=function(t){return s.createElement(e,l({},t,{className:"govuk-button"+(t.className?" "+t.className:"")}),t.children)};return t.defaultName="ButtonOfType"+e,t.propTypes={children:r.oneOfType([r.string,r.element]).isRequired,onClick:r.func,disabled:r.bool,className:r.string},t},x=w("button");x.propTypes=Object.assign({type:r.string},x.propTypes);var R=w("a");R.propTypes=Object.assign({href:r.string.isRequired},R.propTypes);var q=function(e){function t(e){i(this,t);var r=u(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.state={isOpen:!!e.defaultOpen&&e.defaultOpen},r.toggle=r.toggle.bind(r),r}return p(t,e),o(t,[{key:"componentDidMount",value:function(){this.setState({browser:!0})}},{key:"toggle",value:function(){this.setState(function(e){return{isOpen:!e.isOpen}})}},{key:"render",value:function(){var e=this.state.isOpen,t=this.props,r=t.title,n=t.description,a=this.props.id||r.replace(new RegExp(/\s/,"g"),"-").toLowerCase(),i=a+"-options",o=a+"-label";return s.createElement("div",{className:"app-c-option-select js-collapsible"},s.createElement("button",{className:"js-container-head",type:"button","aria-expanded":e,"aria-controls":i,onClick:this.toggle},s.createElement("div",{className:"option-select-label",id:o},r),s.createElement("div",{className:"js-selected-counter"},n)),e&&s.createElement("div",{role:"group","aria-labelledby":o,className:"options-container options-container--hod",id:i},s.createElement("div",{className:"js-auto-height-inner"},this.props.children)))}}]),t}(t.Component);q.defaultProps={defaultOpen:!0},q.propTypes={title:function(e){return t.isValidElement(e.title)?void 0===e.id?new Error("Title must be a string if id is not provided"):null:"string"==typeof e.title?null:new Error("Title must be either a String or a valid React element")},description:r.string,id:r.string,defaultOpen:r.bool,children:r.node.isRequired,style:r.objectOf({maxHeight:r.string.isRequired,height:r.string.isRequired})};var j=function(e){var t=e.children,r=e.name,n=e.value,a=e.id,i=c(e,["children","name","value","id"]);return s.createElement("div",{className:"govuk-checkboxes__item"},s.createElement("input",l({name:r,value:n,id:a,type:"checkbox"},i,{className:"govuk-checkboxes__input"})),s.createElement("label",{htmlFor:a,className:"govuk-label govuk-checkboxes__label"},t))};j.propTypes={name:r.string.isRequired,value:r.string.isRequired,id:r.string.isRequired,children:r.node.isRequired};var F=function(e){var t=e.title,r=e.open,n=e.className,a=e.children;return s.createElement("details",{open:r,className:n},s.createElement("summary",null,s.createElement("span",{className:"summary"},t)),s.createElement("div",{className:"panel panel-border-narrow"},a))};F.defaultProps={open:!1},F.propTypes={title:r.oneOfType([r.string,r.node]).isRequired,children:r.oneOfType([r.string,r.node]).isRequired,open:r.bool,className:r.string};var L=function(e){return s.createElement("strong",{className:"phase-tag"+(e.className?" "+e.className:"")},e.children)};L.defaultProps={children:""},L.propTypes={children:r.node.isRequired,className:r.string};var I=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"renderContent",value:function(){return this.props.children?this.props.children:this.props.feedbackUrl?s.createElement("span",null,"This is a new service – your ",s.createElement("a",{href:this.props.feedbackUrl},"feedback")," will help us to improve it."):void 0}},{key:"render",value:function(){return s.createElement("div",{className:"phase-banner"},s.createElement("p",null,s.createElement(L,null,this.props.phase),this.renderContent()))}}]),t}(s.Component);I.defaultProps={phase:"prototype"},I.propTypes={phase:r.oneOf(["prototype","alpha","beta"]),feedbackUrl:r.string};var V=function(e){function t(){return i(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return p(t,e),o(t,[{key:"render",value:function(){return s.createElement("html",null,s.createElement("head",null,s.createElement("meta",{charSet:"utf-8"}),s.createElement("title",null,this.props.title||this.props.propositionHeader),s.createElement("link",{rel:"stylesheet",media:"screen",href:this.props.assetPath+"/stylesheets/govuk-template.css?0.23.0"}),s.createElement("link",{rel:"stylesheet",media:"screen",href:this.props.assetPath+"/stylesheets/fonts.css?0.23.0"}),this.props.stylesheets.map(function(e){return s.createElement("link",{rel:"stylesheet",media:"screen",href:e,key:e})}),s.createElement("link",{rel:"stylesheet",media:"print",href:this.props.assetPath+"/stylesheets/govuk-template-print.css?0.23.0"}),s.createElement("link",{rel:"shortcut icon",href:this.props.assetPath+"/images/favicon.ico?0.23.0",type:"image/x-icon"}),s.createElement("link",{rel:"mask-icon",href:this.props.assetPath+"/images/gov.uk_logotype_crown.svg?0.23.0",color:"#0b0c0c"}),s.createElement("link",{rel:"apple-touch-icon",sizes:"180x180",href:this.props.assetPath+"/images/apple-touch-icon-180x180.png?0.23.0"}),s.createElement("link",{rel:"apple-touch-icon",sizes:"167x167",href:this.props.assetPath+"/images/apple-touch-icon-167x167.png?0.23.0"}),s.createElement("link",{rel:"apple-touch-icon",sizes:"152x152",href:this.props.assetPath+"/images/apple-touch-icon-152x152.png?0.23.0"}),s.createElement("link",{rel:"apple-touch-icon",href:this.props.assetPath+"/images/apple-touch-icon.png?0.23.0"}),s.createElement("meta",{name:"theme-color",content:"#0b0c0c"}),s.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),s.createElement("meta",{property:"og:image",content:this.props.assetPath+"/images/opengraph-image.png?0.23.0"})),s.createElement("body",null,s.createElement("div",{id:"skiplink-container"},s.createElement("div",null,s.createElement("a",{href:this.props.skipToContentTarget,className:"skiplink"},this.props.skipToContent))),s.createElement("header",{role:"banner",id:"global-header",className:this.props.propositionHeader?"with-proposition":""},s.createElement("div",{className:"header-wrapper"},s.createElement("div",{className:"header-global"},s.createElement("div",{className:"header-logo"},s.createElement("a",{href:this.props.homepageUrl,title:this.props.logoLinkTitle,id:"logo",className:"content"},s.createElement("img",{src:this.props.assetPath+"/images/gov.uk_logotype_crown_invert_trans.png?0.23.0",width:"36",height:"32",alt:""})," ",this.props.globalHeaderText))),this.props.propositionHeader&&s.createElement("div",{className:"header-proposition"},s.createElement("div",{className:"content"},s.createElement("nav",{id:"proposition-menu"},this.props.propositionHeaderLink&&s.createElement("a",{href:this.props.propositionHeaderLink,id:"proposition-name"},this.props.propositionHeader),!this.props.propositionHeaderLink&&this.props.propositionHeader),this.props.headerContent&&this.props.headerContent)))),s.createElement("div",{id:"global-header-bar"}),this.props.children,s.createElement("footer",{className:"group js-footer",id:"footer",role:"contentinfo"},s.createElement("div",{className:"footer-wrapper"},s.createElement("div",{className:"footer-meta"},s.createElement("div",{className:"footer-meta-inner"},this.props.footerLinks.length&&s.createElement("ul",null,this.props.footerLinks.map(function(e){return s.createElement("li",{key:e.href},s.createElement("a",{href:e.href},e.label))})),s.createElement("div",{className:"open-government-licence"},s.createElement("p",{className:"logo"},s.createElement("a",{href:"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/",rel:"license"},"Open Government Licence")),s.createElement("p",null,"All content is available under the ",s.createElement("a",{href:"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/",rel:"license"},"Open Government Licence v3.0"),", except where otherwise stated"))),s.createElement("div",{className:"copyright"},s.createElement("a",{href:"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"},"© Crown copyright"))))),s.createElement("div",{id:"global-app-error",className:"app-error hidden"}),s.createElement("script",{src:this.props.assetPath+"/javascripts/govuk-template.js?0.23.0"}),this.props.scripts.map(function(e){return s.createElement("script",{src:e,key:e})})))}}]),t}(s.Component);V.defaultProps={assetPath:"/govuk",stylesheets:["/govuk/elements.css"],scripts:[],homepageUrl:"https://www.gov.uk",propositionHeaderLink:"/",logoLinkTitle:"",skipToContent:"Skip to main content",skipToContentTarget:"#content",footerLinks:[],globalHeaderText:"GOV.UK"},V.propTypes={children:r.node,propositionHeader:r.string,title:r.string,assetPath:r.string,stylesheets:r.arrayOf(r.string),scripts:r.arrayOf(r.string),homepageUrl:r.string,logoLinkTitle:r.string,globalHeaderText:r.string,propositionHeaderLink:r.string,skipToContent:r.string,skipToContentTarget:r.string,footerLinks:r.arrayOf(r.shape({href:r.string,label:r.string}))},e.TabBar=h,e.TabItem=m,e.tabItemOf=d,e.SubNavBar=f,e.SubNavItem=v,e.subNavItemOf=g,e.DateInput=E,e.Input=N,e.CheckboxGroup=O,e.RadioGroup=T,e.Select=P,e.TextArea=C,e.Button=x,e.LinkButton=R,e.buttonOf=w,e.OptionSelect=q,e.CheckedOption=j,e.ExpandableText=F,e.Badge=L,e.PhaseBanner=I,e.Warning=function(e){var t=e.children;return s.createElement("div",{className:"govuk-warning-text"},s.createElement("span",{className:"govuk-warning-text__icon","aria-hidden":"true"},"!"),s.createElement("strong",{className:"govuk-warning-text__text"},t))},e.Layout=V,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ho-react-components.js.map

package.json

 {
   "name": "@ukhomeoffice/react-components",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "React components for Home Office layouts and elements",
@@ -5,0 +5,0 @@ "main": "dist/ho-react-components.js",

src/forms/input.jsx

@@ -31,2 +31,5 @@ import React from 'react';
     }
+    if (React.isValidElement(this.props[type])) {
+      return this.props[type];
+    }
     return (
@@ -33,0 +36,0 @@ <span id={`${this.id()}-${type}`} className={className || `govuk-${type}`}>

No alert changes

Improved metrics

Total package byte prevSize

68058

increased by0.2%

Lines of code

1002

increased by0.3%

No dependency changes