@department-of-veterans-affairs/component-library 54.3.0 → 54.4.1

package/Modal.unit.spec.js

@@ -0,0 +1 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_sinon=_interopRequireDefault(require("sinon")),_enzyme=require("enzyme"),_chai=require("chai"),_testHelpers=require("./test-helpers"),_Modal=_interopRequireDefault(require("./Modal.jsx"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}describe("<Modal/>",(function(){it("should render",(function(){var e=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",title:"Modal title",visible:!0,onClose:function(){}},"Modal contents"));(0,_chai.expect)(e.text()).to.contain("Modal contents"),e.unmount()})),it("should have an <h1> as the heading",(function(){var e=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{title:"Modal title",visible:!0,onClose:function(){}},"Some content"));(0,_chai.expect)(e.find("h1").text()).to.equal("Modal title"),e.unmount()})),describe("event listeners",(function(){var e,t=function(e,t){return e.filter((function(e){return e.firstArg===t}))};before((function(){_sinon.default.spy(global.document,"addEventListener"),_sinon.default.spy(global.document,"removeEventListener")})),after((function(){global.document.addEventListener.restore(),global.document.removeEventListener.restore()})),it("should set up a keydown and a click listener",(function(){e=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",title:"Modal title",visible:!0,clickToClose:!0,onClose:function(){}},"Modal contents"));var n=global.document.addEventListener.getCalls();(0,_chai.expect)(t(n,"keydown").length).to.be.at.least(1),(0,_chai.expect)(t(n,"click").length).to.be.at.least(1)})),it("should tear down keydown and click listeners when the modal is closed",(function(){e.unmount();var n=global.document.removeEventListener.getCalls();(0,_chai.expect)(t(n,"keydown").length).to.be.at.least(1),(0,_chai.expect)(t(n,"click").length).to.be.at.least(1)}))})),it("should pass aXe check",(function(){return(0,_testHelpers.axeCheck)(_react.default.createElement(_Modal.default,{id:"modal",title:"aXe Check",visible:!0,onClose:function(){}}))})),describe("programmatic focus",(function(){var e;before((function(){e=document.createElement("div"),global.document.body.appendChild(e)})),after((function(){global.document.body.removeChild(e)})),it("should open with focus assigned to the close button",(function(){var t=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",title:"Programmatic focus",visible:!0,onClose:function(){}},_react.default.createElement("button",{id:"first-button"},"First button"),_react.default.createElement("button",{id:"second-button"},"Second button")),{attachTo:e});(0,_chai.expect)(global.document.activeElement.className).to.equal("va-modal-close"),t.unmount()})),it("should open with focus assigned to the first button when the close button is turned off",(function(){var t=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",title:"Programmatic focus",visible:!0,hideCloseButton:!0,onClose:function(){}},_react.default.createElement("button",{id:"first-button"},"First button"),_react.default.createElement("button",{id:"second-button"},"Second button")),{attachTo:e});(0,_chai.expect)(global.document.activeElement.id).to.equal("first-button"),t.unmount()})),it("should start on the first element matching initialFocusSelector if specified",(function(){var t=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",title:"My modal",visible:!0,hideCloseButton:!0,onClose:function(){},initialFocusSelector:"#second-button"},_react.default.createElement("button",{id:"first-button"},"First button"),_react.default.createElement("button",{id:"second-button"},"Second button")),{attachTo:e});(0,_chai.expect)(global.document.activeElement.id).to.equal("second-button"),t.unmount()})),it("should include the title in the close button aria label if given",(function(){var t=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",title:"Programmatic focus",visible:!0,onClose:function(){}},_react.default.createElement("button",{id:"first-button"},"First button"),_react.default.createElement("button",{id:"second-button"},"Second button")),{attachTo:e});(0,_chai.expect)(global.document.activeElement.ariaLabel).to.equal("close Programmatic focus modal"),t.unmount()})),it("should not include the title in the close button aria label when not given",(function(){var t=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",visible:!0,onClose:function(){}},_react.default.createElement("button",{id:"first-button"},"First button"),_react.default.createElement("button",{id:"second-button"},"Second button")),{attachTo:e});(0,_chai.expect)(global.document.activeElement.ariaLabel).to.equal("close modal"),t.unmount()}))})),describe("analytics event",(function(){it("should be triggered when modal is visible",(function(){var e=_sinon.default.spy();global.document.body.addEventListener("component-library-analytics",e);var t=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",visible:!0,clickToClose:!0,onClose:function(){}},"Modal contents"));(0,_chai.expect)(e.calledWith(_sinon.default.match.has("detail",{componentName:"Modal",action:"show",details:{status:void 0,title:void 0,primaryButtonText:void 0,secondaryButtonText:void 0},version:_sinon.default.match.string}))).to.be.true,global.document.body.removeEventListener("component-library-analytics",e),t.unmount()})),it("should include title when present",(function(){var e=_sinon.default.spy();global.document.body.addEventListener("component-library-analytics",e);var t=(0,_enzyme.mount)(_react.default.createElement(_Modal.default,{id:"modal",visible:!0,title:"My modal title",clickToClose:!0,onClose:function(){}},"Modal contents"));(0,_chai.expect)(e.calledWith(_sinon.default.match.has("detail",{componentName:"Modal",action:"show",details:{status:void 0,title:"My modal title",primaryButtonText:void 0,secondaryButtonText:void 0},version:_sinon.default.match.string}))).to.be.true,global.document.body.removeEventListener("component-library-analytics",e),t.unmount()}))}))}));

package/dist/1214.app.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[1214],{1214:function(e,t,o){o.r(t),o.d(t,{va_omb_info:function(){return i}});var n=o(2625),i=function(){function e(e){var t=this;(0,n.r)(this,e),this.modalContents=null,this.toggleModalVisible=function(){t.visible=!t.visible},this.handleSlotChange=function(){t.modalContents=null},this.visible=void 0,this.shifted=!1,this.benefitType="benefits",this.expDate=void 0,this.ombNumber=void 0,this.formId=void 0,this.resBurden=void 0,this.modalClickToClose=!1}return e.prototype.trackShiftKey=function(e){this.shifted=e.shiftKey},e.prototype.trapFocus=function(){var e,t=null===(e=this.el)||void 0===e?void 0:e.shadowRoot.querySelector("va-modal"),o=null==t?void 0:t.getAttribute("visible");if(null!==o&&"false"!==o){var n=void 0,i=this.shifted?".last-focusable-child":'[role="document"]';null==(n=this.shifted?null==t?void 0:t.querySelector("va-telephone").shadowRoot.querySelector(i):null==t?void 0:t.shadowRoot.querySelector(i))||n.focus()}},e.prototype.formatRespondentBurden=function(){if(this.resBurden<=60)return"".concat(this.resBurden," minute").concat(1===this.resBurden?"":"s");var e=Math.floor(this.resBurden/60),t=this.resBurden%60,o="".concat(e," hour").concat(1===e?"":"s");return t&&(o+=" and ".concat(t," minute").concat(1===t?"":"s")),o},e.prototype.componentWillLoad=function(){this.modalContents=(0,n.h)("div",null,this.resBurden&&(0,n.h)("p",null,(0,n.h)("strong",null,"Respondent Burden:")," We need this information to determine your eligibility for ",this.benefitType," (38 U.S.C. 3471). Title 38, United States Code, allows us to ask for this information. We estimate that you will need an average of ",this.resBurden," ","minutes to review the instructions, find the information, and complete this form. The VA cannot conduct or sponsor a collection of information unless a valid OMB (Office of Management and Budget) control number is displayed. You are not required to respond to a collection of information if this number is not displayed. Valid OMB control numbers can be located on the OMB Internet Page at www.reginfo.gov/public/do/PRAMain. If desired, you can call"," ",(0,n.h)("va-telephone",{contact:"8008271000",international:!0})," to get information on where to send comments or suggestions about this form."),(0,n.h)("p",null,(0,n.h)("strong",null,"Privacy Act Notice:")," The VA will not disclose information collected on this form to any source other than what has been authorized under the Privacy Act of 1974 or title 38, Code of Federal Regulations, section 1.576 for routine uses (e.g., the VA sends educational forms or letters with a veteran’s identifying information to the Veteran’s school or training establishment to (1) assist the veteran in the completion of claims forms or (2) for the VA to obtain further information as may be necessary from the school for VA to properly process the Veteran’s education claim or to monitor his or her progress during training) as identified in the VA system of records, 58VA21/22/28, Compensation, Pension, Education, and Vocational Rehabilitation and Employment Records - VA, and published in the Federal Register. Your obligation to respond is required to obtain or retain",this.benefitType,". Giving us your SSN account information is voluntary. Refusal to provide your SSN by itself will not result in the denial of benefits. The VA will not deny an individual benefits for refusing to provide his or her SSN unless the disclosure of the SSN is required by a Federal Statute of law enacted before January 1, 1975, and still in effect. The requested information is considered relevant and necessary to determine the maximum benefits under the law. While you do not have to respond, VA cannot process your claim for education assistance unless the information is furnished as required by existing law (38 U.S.C. 3471). The responses you submit are considered confidential (38 U.S.C. 5701). Any information provided by applicants, recipients, and others may be subject to verification through computer matching programs with other agencies."))},e.prototype.render=function(){var e=this,t=this,o=t.expDate,i=t.handleSlotChange,r=t.modalContents,a=t.ombNumber,s=t.resBurden,d=t.toggleModalVisible,l=t.visible,c=t.formId;return(0,n.h)(n.H,{key:"0e8ae1472c5b825dbabc97873228fe4f2fc1fa9f"},s&&(0,n.h)("div",{key:"4f33f64137601ff4ad4a3ad02381a8469b7e5de8"},"Respondent burden: ",(0,n.h)("strong",{key:"d73bf40b4bdfae6b20ba8963636ef71c513ce723"},this.formatRespondentBurden())),a&&(0,n.h)("div",{key:"73d0f46e0d87fe3a4a2b5f6ca6b4ee37df7810ec"},"OMB Control #: ",(0,n.h)("strong",{key:"bd67e2066473010d2052b66ac98f50096b8125a0"},a)),(0,n.h)("div",{key:"575e38b3f630668cd6ff68567c82a6e0dc821e0b"},"Expiration date: ",(0,n.h)("strong",{key:"683b02ef82b606a14672830ec7edd9d6d784b398"},o)),(0,n.h)("div",{key:"1eb00393941450987ff9a434c0c6c86980e84514"},(0,n.h)("va-button",{key:"e3682cd0d44b36cf97887c5fbd373e88718b90bf",onClick:d,onFocusin:function(){return e.trapFocus()},secondary:!0,text:c?"Privacy Act Statement for VA Form ".concat(c):"Privacy Act Statement"})),(0,n.h)("va-modal",{key:"4815bd5599987a8b6a8ce9b291e116775499443f",large:!0,modalTitle:"Privacy Act Statement",onCloseEvent:d,visible:l,clickToClose:this.modalClickToClose},(0,n.h)("slot",{key:"65973b56b97d06142d9882970b5f58602231db0c",onSlotchange:i}),r))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,n.g)(this)},enumerable:!1,configurable:!0}),e}();i.style=":host{display:block;font-size:1.06rem}"}}]);

package/dist/1339.app.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see 1339.app.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[1339,4164],{4164:function(e,t,a){a.r(t),a.d(t,{c:function(){return s}});var n,i={exports:{}};n=i,function(){var e={}.hasOwnProperty;function t(){for(var a=[],n=0;n<arguments.length;n++){var i=arguments[n];if(i){var s=typeof i;if("string"===s||"number"===s)a.push(i);else if(Array.isArray(i)){if(i.length){var r=t.apply(null,i);r&&a.push(r)}}else if("object"===s)if(i.toString===Object.prototype.toString)for(var o in i)e.call(i,o)&&i[o]&&a.push(o);else a.push(i.toString())}}return a.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}();var s=i.exports},1339:function(e,t,a){a.r(t),a.d(t,{va_segmented_progress_bar:function(){return s}});var n=a(2625),i=a(4164),s=function(){function e(e){(0,n.r)(this,e),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.enableAnalytics=!1,this.current=void 0,this.total=void 0,this.label=void 0,this.headerLevel=4,this.progressTerm="Step",this.labels=void 0,this.centeredLabels=void 0,this.counters=void 0,this.headingText=void 0,this.useDiv=void 0}return e.prototype.componentDidRender=function(){this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-segmented-progress-bar",action:"change",details:{current:this.current,total:this.total}})},e.prototype.render=function(){var e,t=this,a=t.current,s=t.total,r=t.labels,o=t.centeredLabels,c=t.counters,l=t.headingText,d=t.headerLevel,u=t.progressTerm,p=t.useDiv;r&&(e=r.split(";"));var m=Array.from({length:s},(function(e,t){return t})),g=p?"div":"h".concat(d),h=(0,i.c)({"usa-step-indicator":!0,"usa-step-indicator--center":o,"usa-step-indicator--counters":"default"===c,"usa-step-indicator--counters-sm":"small"===c}),_=function(e){return(0,i.c)({"usa-step-indicator__segment":!0,"usa-step-indicator__segment--complete":a>e+1,"usa-step-indicator__segment--current":a===e+1})};return(0,n.h)(n.H,null,(0,n.h)("div",{class:h},(0,n.h)("ol",{class:"usa-step-indicator__segments","aria-hidden":r?null:"true"},m.map((function(t){return(0,n.h)("li",{class:_(t),"aria-current":a===t+1?"step":null},r?(0,n.h)("span",{class:"usa-step-indicator__segment-label"},e[t],a!==t+1?(0,n.h)("span",{class:"usa-sr-only"},a>t+1?"completed":"not completed"):null):null)}))),(0,n.h)("div",{class:"usa-step-indicator__header"},(0,n.h)(g,{class:"usa-step-indicator__heading"},(0,n.h)("span",{class:"usa-sr-only"},"You are on ",u," ",a," of ",s,": ",r?e[a-1]:l),(0,n.h)("span",{"aria-hidden":"true",class:"usa-step-indicator__heading-counter"},(0,n.h)("span",{class:"usa-step-indicator__current-step"},a),(0,n.h)("span",{class:"usa-step-indicator__total-steps"}," of ",s)),(0,n.h)("span",{"aria-hidden":"true",class:"usa-step-indicator__heading-text"},r?e[a-1]:l)))))},e}();s.style='.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-step-indicator{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.1;background-color:white;margin-bottom:2rem;margin-left:-1px;margin-right:-1px}@media all and (min-width: 40em){.usa-step-indicator{margin-left:0;margin-right:0}}.usa-step-indicator__segments{counter-reset:usa-step-indicator;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}.usa-step-indicator__segment{-ms-flex:1 1 0%;flex:1 1 0%;counter-increment:usa-step-indicator;margin-left:1px;margin-right:1px;max-width:15rem;min-height:0.5rem;position:relative}.usa-step-indicator__segment:after{background-color:#919191;content:"";display:block;height:0.5rem;left:0;position:absolute;right:0;top:0}@media all and (min-width: 40em){.usa-step-indicator__segment:after{height:0.5rem}}.usa-step-indicator__segment--complete::after{background-color:#162e51}.usa-step-indicator__segment--complete .usa-step-indicator__segment-label{color:#162e51}.usa-step-indicator__segment--current::after{background-color:#005ea2}.usa-step-indicator__segment--current .usa-step-indicator__segment-label{color:#005ea2;font-weight:700}.usa-step-indicator__segment-label{display:none}@media all and (min-width: 40em){.usa-step-indicator__segment-label{color:#565c65;display:block;font-size:1.06rem;margin-top:calc(\n      0.5rem + 0.5rem\n    );padding-right:2rem;text-align:left}}.usa-step-indicator__header{-ms-flex-align:baseline;align-items:baseline;display:-ms-flexbox;display:flex}.usa-step-indicator__heading{color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.13rem;font-weight:700;margin:1rem 0 0}@media all and (min-width: 40em){.usa-step-indicator__heading{font-size:1.46rem;margin-top:2rem}}.usa-step-indicator__current-step{height:2.5rem;border-radius:99rem;width:2.5rem;font-weight:normal;-webkit-font-feature-settings:"tnum" 1, "kern" 1;font-feature-settings:"tnum" 1, "kern" 1;background-color:#005ea2;color:white;display:inline-block;padding:calc((2.5rem - (2ex * 1.1)) * 0.5);text-align:center}.usa-step-indicator__total-steps{font-weight:normal;-webkit-font-feature-settings:"tnum" 1, "kern" 1;font-feature-settings:"tnum" 1, "kern" 1;color:#005ea2;margin-right:0.5rem}@media all and (min-width: 40em){.usa-step-indicator--counters .usa-step-indicator__segment,.usa-step-indicator--counters-sm .usa-step-indicator__segment{margin-left:0;margin-right:0;margin-top:calc(\n          (\n              (\n                  2.5rem -\n                    0.5rem\n                ) /\n                2\n            ) +\n            0.25rem\n        )}.usa-step-indicator--counters .usa-step-indicator__segment:before,.usa-step-indicator--counters-sm .usa-step-indicator__segment:before{height:2.5rem;border-radius:99rem;width:2.5rem;-webkit-font-feature-settings:"tnum" 1, "kern" 1;font-feature-settings:"tnum" 1, "kern" 1;background-color:white;-webkit-box-shadow:inset 0 0 0 0.25rem #919191, 0 0 0 0.25rem white;box-shadow:inset 0 0 0 0.25rem #919191, 0 0 0 0.25rem white;color:#565c65;content:counter(usa-step-indicator);display:block;font-weight:700;left:0;line-height:0.9;padding:calc((2.5rem - (2ex * 0.9)) * 0.5);position:absolute;text-align:center;top:calc((\n              2.5rem - 0.5rem\n            ) / -2);z-index:100}.usa-step-indicator--counters .usa-step-indicator__segment:last-child:after,.usa-step-indicator--counters-sm .usa-step-indicator__segment:last-child:after{display:none}}.usa-step-indicator--counters .usa-step-indicator__segment--complete::before,.usa-step-indicator--counters-sm .usa-step-indicator__segment--complete::before{background-color:#162e51;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:white}.usa-step-indicator--counters .usa-step-indicator__segment--current::before,.usa-step-indicator--counters-sm .usa-step-indicator__segment--current::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:white}@media all and (min-width: 40em){.usa-step-indicator--counters .usa-step-indicator__segment-label,.usa-step-indicator--counters-sm .usa-step-indicator__segment-label{margin-top:calc(\n        (\n            (\n                2.5rem + 0.5rem\n              ) / 2\n          ) + 0.5rem\n      )}}@media all and (min-width: 40em){.usa-step-indicator--counters.usa-step-indicator--center .usa-step-indicator__segment:first-child:after,.usa-step-indicator--counters-sm.usa-step-indicator--center .usa-step-indicator__segment:first-child:after{left:50%;right:0;width:auto}.usa-step-indicator--counters.usa-step-indicator--center .usa-step-indicator__segment:last-child:after,.usa-step-indicator--counters-sm.usa-step-indicator--center .usa-step-indicator__segment:last-child:after{display:block;left:0;right:50%;width:auto}}@media all and (min-width: 40em){.usa-step-indicator--counters-sm .usa-step-indicator__segment{margin-top:calc(\n          (\n              (\n                  1.5rem -\n                    0.5rem\n                ) /\n                2\n            ) +\n            0.25rem\n        )}.usa-step-indicator--counters-sm .usa-step-indicator__segment:before{height:1.5rem;border-radius:99rem;width:1.5rem;font-size:0.93rem;padding:calc(0.25rem + 1px);top:calc((\n              1.5rem - 0.5rem\n            ) / -2)}.usa-step-indicator--counters-sm .usa-step-indicator__segment:last-child:after{display:none}}@media all and (min-width: 40em){.usa-step-indicator--counters-sm .usa-step-indicator__segment-label{margin-top:calc(\n        (\n            (\n                1.5rem + 0.5rem\n              ) / 2\n          ) + 0.5rem\n      )}}.usa-step-indicator--no-labels{margin-left:-1px;margin-right:-1px}.usa-step-indicator--no-labels .usa-step-indicator__segment{margin-top:0;margin-left:1px;margin-right:1px}.usa-step-indicator--no-labels .usa-step-indicator__segment:before{display:none}.usa-step-indicator--no-labels .usa-step-indicator__segment:last-child:after{display:block}.usa-step-indicator--no-labels .usa-step-indicator__heading{margin-top:1rem}.usa-step-indicator--no-labels .usa-step-indicator__segment-label{display:none}.usa-step-indicator--center{margin-left:-1px;margin-right:-1px}.usa-step-indicator--center .usa-step-indicator__segment{margin-left:1px;margin-right:1px}.usa-step-indicator--center .usa-step-indicator__segment:before{left:calc(50% - (\n                  2.5rem +\n                    0.25rem\n                ) / 2)}.usa-step-indicator--center .usa-step-indicator__segment-label{padding-left:0.5rem;padding-right:0.5rem;text-align:center}.usa-step-indicator--center.usa-step-indicator--no-labels .usa-step-indicator__segment:first-child:after{left:0}.usa-step-indicator--center.usa-step-indicator--no-labels .usa-step-indicator__segment:last-child:after{right:0}.usa-step-indicator--center.usa-step-indicator--counters-sm .usa-step-indicator__segment:before{left:calc(50% - (\n                    1.5rem +\n                      0.25rem\n                  ) / 2)}.usa-sr-only{position:absolute;left:-999em;right:auto}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}:host .usa-step-indicator__heading{display:-ms-flexbox;display:flex}:host .usa-step-indicator__heading-counter{-ms-flex-negative:0;flex-shrink:0}:host .usa-step-indicator__heading-text{text-wrap:wrap;padding-top:calc(-1.1ex + 1.25rem)}'}}]);