diff --git a/components/table/TableData.jsx b/components/table/TableData.jsx index d33cca6f..a761790b 100644 --- a/components/table/TableData.jsx +++ b/components/table/TableData.jsx @@ -16,7 +16,7 @@ const propTypes = { rows: PropTypes.arrayOf(oneOfType([PropTypes.array, PropTypes.object])).isRequired, expandable: PropTypes.bool, divider: PropTypes.string, - onClickHandler: PropTypes.string, + onClickHandler: PropTypes.func, isMobile: PropTypes.bool }; @@ -50,6 +50,7 @@ const TableData = ({ onClickHandler(row); } } + return ( <> {rows.map((row, i) => { @@ -69,7 +70,14 @@ const TableData = ({ return ( localClickHandler(row, i)} + onKeyUp={(e) => { + if (e.key === 'Enter') { + e.preventDefault(); + localClickHandler(row, i); + } + }} className={`usda-table__row-item usda-table__row${oddClass}`}> {row.map((data, j) => ( columns[j]?.bodyHeader ? diff --git a/dist/index.js b/dist/index.js index fe982965..d0ea95cc 100644 --- a/dist/index.js +++ b/dist/index.js @@ -1,2 +1,2 @@ /*! For license information please see index.js.LICENSE.txt */ -!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("accounting"),require("lodash"),require("prop-types"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["accounting","lodash","prop-types","React","ReactDOM"],t):"object"==typeof exports?exports["data-transparency-ui"]=t(require("accounting"),require("lodash"),require("prop-types"),require("react"),require("react-dom")):e["data-transparency-ui"]=t(e.accounting,e.lodash,e["prop-types"],e.React,e.ReactDOM)}(global,((e,t,n,r,o)=>(()=>{var a={228:e=>{e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n{e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},646:(e,t,n)=>{var r=n(228);e.exports=function(e){if(Array.isArray(e))return r(e)},e.exports.default=e.exports,e.exports.__esModule=!0},506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.default=e.exports,e.exports.__esModule=!0},575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.default=e.exports,e.exports.__esModule=!0},913:e=>{function t(e,t){for(var n=0;n{e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.default=e.exports,e.exports.__esModule=!0},154:e=>{function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},e.exports.default=e.exports,e.exports.__esModule=!0,t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},205:(e,t,n)=>{var r=n(489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)},e.exports.default=e.exports,e.exports.__esModule=!0},860:e=>{e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0},884:e=>{e.exports=function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}},e.exports.default=e.exports,e.exports.__esModule=!0},521:e=>{e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},206:e=>{e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},479:(e,t,n)=>{var r=n(316);e.exports=function(e,t){if(null==e)return{};var n,o,a=r(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a},e.exports.default=e.exports,e.exports.__esModule=!0},316:e=>{e.exports=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o},e.exports.default=e.exports,e.exports.__esModule=!0},585:(e,t,n)=>{var r=n(8).default,o=n(506);e.exports=function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return o(e)},e.exports.default=e.exports,e.exports.__esModule=!0},489:e=>{function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},e.exports.default=e.exports,e.exports.__esModule=!0,t(n,r)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},38:(e,t,n)=>{var r=n(858),o=n(884),a=n(379),i=n(521);e.exports=function(e,t){return r(e)||o(e,t)||a(e,t)||i()},e.exports.default=e.exports,e.exports.__esModule=!0},319:(e,t,n)=>{var r=n(646),o=n(860),a=n(379),i=n(206);e.exports=function(e){return r(e)||o(e)||a(e)||i()},e.exports.default=e.exports,e.exports.__esModule=!0},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},379:(e,t,n)=>{var r=n(228);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t{"use strict";n.r(t)},161:(e,t,n)=>{"use strict";n.r(t)},922:(e,t,n)=>{"use strict";n.r(t)},345:(e,t,n)=>{"use strict";n.r(t)},350:(e,t,n)=>{"use strict";n.r(t)},470:(e,t,n)=>{"use strict";n.r(t)},171:(e,t,n)=>{"use strict";n.r(t)},172:(e,t,n)=>{"use strict";n.r(t)},670:(e,t,n)=>{"use strict";n.r(t)},738:(e,t,n)=>{"use strict";n.r(t)},733:(e,t,n)=>{"use strict";n.r(t)},78:(e,t,n)=>{"use strict";n.r(t)},783:(e,t,n)=>{"use strict";n.r(t)},930:(e,t,n)=>{"use strict";n.r(t)},363:(e,t,n)=>{"use strict";n.r(t)},488:(e,t,n)=>{"use strict";n.r(t)},548:t=>{"use strict";t.exports=e},356:e=>{"use strict";e.exports=t},935:e=>{"use strict";e.exports=n},639:e=>{"use strict";e.exports=r},346:e=>{"use strict";e.exports=o}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return a[e](n,n.exports,s),n.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";s.r(l),s.d(l,{CardBody:()=>$r,CardButton:()=>ro,CardContainer:()=>Gr,CardHero:()=>eo,Carousel:()=>gr,ComingSoon:()=>ir,DownloadIconButton:()=>wr,ErrorMessage:()=>Ut,FiscalYearPicker:()=>Tr,FlexGridCol:()=>Yr,FlexGridContainer:()=>Br,FlexGridRow:()=>Wr,GenericMessage:()=>Wt,InformationBoxes:()=>dr,LoadingMessage:()=>_n,NoResultsMessage:()=>En,PageHeader:()=>_r,Pagination:()=>ht,Picker:()=>kt,QuarterPicker:()=>It,SearchBar:()=>At,SectionTitle:()=>mr,ShareIcon:()=>Dr,Table:()=>Fn,Tabs:()=>ar,TooltipComponent:()=>Kn,TooltipWrapper:()=>Xn,useCumulativeQuarterPicker:()=>Pt,useDynamicStickyClass:()=>br});var e=s(575),t=s.n(e),n=s(913),r=s.n(n),o=s(205),a=s.n(o),i=s(585),c=s.n(i),u=s(754),d=s.n(u),p=s(639),f=s.n(p),m=s(935),h=s.n(m),v=s(548),g=s.n(v),b=s(356),y={symbol:"$",precision:0,format:{pos:"%s%v",neg:"-%s%v",zero:"%s%v"}},_=1e12,E=1e9,x=1e6,w=function(e){var t=Object.assign({},y,{symbol:""});return g().formatMoney(e,t)},O=function(e,t){var n=Object.assign({},y,{symbol:"",precision:t});return g().formatMoney(e,n)};function N(e){return N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},N(e)}function k(e,t){for(var n=0;n0;)t+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[62*Math.random()|0];return t}function ye(e){return"".concat(e).replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function _e(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,": ").concat(e[n],";")}),"")}function Ee(e){return e.size!==ge.size||e.x!==ge.x||e.y!==ge.y||e.rotate!==ge.rotate||e.flipX||e.flipY}function xe(e){var t=e.transform,n=e.containerWidth,r=e.iconWidth,o={transform:"translate(".concat(n/2," 256)")},a="translate(".concat(32*t.x,", ").concat(32*t.y,") "),i="scale(".concat(t.size/16*(t.flipX?-1:1),", ").concat(t.size/16*(t.flipY?-1:1),") "),s="rotate(".concat(t.rotate," 0 0)");return{outer:o,inner:{transform:"".concat(a," ").concat(i," ").concat(s)},path:{transform:"translate(".concat(r/2*-1," -256)")}}}var we={x:0,y:0,width:"100%",height:"100%"};function Oe(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return e.attributes&&(e.attributes.fill||t)&&(e.attributes.fill="black"),e}function Ne(e){var t=e.icons,n=t.main,r=t.mask,o=e.prefix,a=e.iconName,i=e.transform,s=e.symbol,l=e.title,c=e.maskId,u=e.titleId,d=e.extra,p=e.watchable,f=void 0!==p&&p,m=r.found?r:n,h=m.width,v=m.height,g="fak"===o,b=g?"":"fa-w-".concat(Math.ceil(h/v*16)),y=[U.replacementClass,a?"".concat(U.familyPrefix,"-").concat(a):"",b].filter((function(e){return-1===d.classes.indexOf(e)})).filter((function(e){return""!==e||!!e})).concat(d.classes).join(" "),_={children:[],attributes:S({},d.attributes,{"data-prefix":o,"data-icon":a,class:y,role:d.attributes.role||"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(h," ").concat(v)})},E=g&&!~d.classes.indexOf("fa-fw")?{width:"".concat(h/v*16*.0625,"em")}:{};f&&(_.attributes["data-fa-i2svg"]=""),l&&_.children.push({tag:"title",attributes:{id:_.attributes["aria-labelledby"]||"title-".concat(u||be())},children:[l]});var x=S({},_,{prefix:o,iconName:a,main:n,mask:r,maskId:c,transform:i,symbol:s,styles:S({},E,d.styles)}),w=r.found&&n.found?function(e){var t,n=e.children,r=e.attributes,o=e.main,a=e.mask,i=e.maskId,s=e.transform,l=o.width,c=o.icon,u=a.width,d=a.icon,p=xe({transform:s,containerWidth:u,iconWidth:l}),f={tag:"rect",attributes:S({},we,{fill:"white"})},m=c.children?{children:c.children.map(Oe)}:{},h={tag:"g",attributes:S({},p.inner),children:[Oe(S({tag:c.tag,attributes:S({},c.attributes,p.path)},m))]},v={tag:"g",attributes:S({},p.outer),children:[h]},g="mask-".concat(i||be()),b="clip-".concat(i||be()),y={tag:"mask",attributes:S({},we,{id:g,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[f,v]},_={tag:"defs",children:[{tag:"clipPath",attributes:{id:b},children:(t=d,"g"===t.tag?t.children:[t])},y]};return n.push(_,{tag:"rect",attributes:S({fill:"currentColor","clip-path":"url(#".concat(b,")"),mask:"url(#".concat(g,")")},we)}),{children:n,attributes:r}}(x):function(e){var t=e.children,n=e.attributes,r=e.main,o=e.transform,a=_e(e.styles);if(a.length>0&&(n.style=a),Ee(o)){var i=xe({transform:o,containerWidth:r.width,iconWidth:r.width});t.push({tag:"g",attributes:S({},i.outer),children:[{tag:"g",attributes:S({},i.inner),children:[{tag:r.icon.tag,children:r.icon.children,attributes:S({},r.icon.attributes,i.path)}]}]})}else t.push(r.icon);return{children:t,attributes:n}}(x),O=w.children,N=w.attributes;return x.children=O,x.attributes=N,s?function(e){var t=e.prefix,n=e.iconName,r=e.children,o=e.attributes,a=e.symbol;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:S({},o,{id:!0===a?"".concat(t,"-").concat(U.familyPrefix,"-").concat(n):a}),children:r}]}]}(x):function(e){var t=e.children,n=e.main,r=e.mask,o=e.attributes,a=e.styles,i=e.transform;if(Ee(i)&&n.found&&!r.found){var s={x:n.width/n.height/2,y:.5};o.style=_e(S({},a,{"transform-origin":"".concat(s.x+i.x/16,"em ").concat(s.y+i.y/16,"em")}))}return[{tag:"svg",attributes:o,children:t}]}(x)}var ke=(U.measurePerformance&&A&&A.mark&&A.measure,function(e,t,n,r){var o,a,i,s=Object.keys(e),l=s.length,c=void 0!==r?function(e,t){return function(n,r,o,a){return e.call(t,n,r,o,a)}}(t,r):t;for(void 0===n?(o=1,i=e[s[0]]):(o=0,i=n);o2&&void 0!==arguments[2]?arguments[2]:{},r=n.skipHooks,o=void 0!==r&&r,a=Object.keys(t).reduce((function(e,n){var r=t[n];return r.icon?e[r.iconName]=r.icon:e[n]=r,e}),{});"function"!=typeof G.hooks.addPack||o?G.styles[e]=S({},G.styles[e]||{},a):G.hooks.addPack(e,a),"fas"===e&&Ce("fa",t)}var Se=G.styles,Te=G.shims,Pe=function(){var e=function(e){return ke(Se,(function(t,n,r){return t[r]=ke(n,e,{}),t}),{})};e((function(e,t,n){return t[3]&&(e[t[3]]=n),e})),e((function(e,t,n){var r=t[2];return e[n]=n,r.forEach((function(t){e[t]=n})),e}));var t="far"in Se;ke(Te,(function(e,n){var r=n[0],o=n[1],a=n[2];return"far"!==o||t||(o="fas"),e[r]={prefix:o,iconName:a},e}),{})};function je(e,t,n){if(e&&e[t]&&e[t][n])return{prefix:t,iconName:n,icon:e[t][n]}}function Me(e){var t=e.tag,n=e.attributes,r=void 0===n?{}:n,o=e.children,a=void 0===o?[]:o;return"string"==typeof e?ye(e):"<".concat(t," ").concat(function(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,'="').concat(ye(e[n]),'" ')}),"").trim()}(r),">").concat(a.map(Me).join(""),"")}Pe(),G.styles;function Re(e){this.name="MissingIcon",this.message=e||"Icon unavailable",this.stack=(new Error).stack}Re.prototype=Object.create(Error.prototype),Re.prototype.constructor=Re;var ze={fill:"currentColor"},Ie={attributeType:"XML",repeatCount:"indefinite",dur:"2s"},De=(S({},ze,{d:"M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"}),S({},Ie,{attributeName:"opacity"}));function qe(e){var t=e[0],n=e[1],r=T(e.slice(4),1)[0];return{found:!0,width:t,height:n,icon:Array.isArray(r)?{tag:"g",attributes:{class:"".concat(U.familyPrefix,"-").concat(W.GROUP)},children:[{tag:"path",attributes:{class:"".concat(U.familyPrefix,"-").concat(W.SECONDARY),fill:"currentColor",d:r[0]}},{tag:"path",attributes:{class:"".concat(U.familyPrefix,"-").concat(W.PRIMARY),fill:"currentColor",d:r[1]}}]}:{tag:"path",attributes:{fill:"currentColor",d:r}}}}S({},ze,{cx:"256",cy:"364",r:"28"}),S({},Ie,{attributeName:"r",values:"28;14;28;28;14;28;"}),S({},De,{values:"1;0;1;1;0;1;"}),S({},ze,{opacity:"1",d:"M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"}),S({},De,{values:"1;0;0;0;0;1;"}),S({},ze,{opacity:"0",d:"M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"}),S({},De,{values:"0;0;1;1;0;0;"}),G.styles,G.styles;var Ae=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.definitions={}}var t,n;return t=e,n=[{key:"add",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r-1;o--){var a=n[o],i=(a.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(i)>-1&&(r=a)}q.head.insertBefore(t,r)}}(function(){var e="fa",t=F,n=U.familyPrefix,r=U.replacementClass,o='svg:not(:root).svg-inline--fa {\n overflow: visible;\n}\n\n.svg-inline--fa {\n display: inline-block;\n font-size: inherit;\n height: 1em;\n overflow: visible;\n vertical-align: -0.125em;\n}\n.svg-inline--fa.fa-lg {\n vertical-align: -0.225em;\n}\n.svg-inline--fa.fa-w-1 {\n width: 0.0625em;\n}\n.svg-inline--fa.fa-w-2 {\n width: 0.125em;\n}\n.svg-inline--fa.fa-w-3 {\n width: 0.1875em;\n}\n.svg-inline--fa.fa-w-4 {\n width: 0.25em;\n}\n.svg-inline--fa.fa-w-5 {\n width: 0.3125em;\n}\n.svg-inline--fa.fa-w-6 {\n width: 0.375em;\n}\n.svg-inline--fa.fa-w-7 {\n width: 0.4375em;\n}\n.svg-inline--fa.fa-w-8 {\n width: 0.5em;\n}\n.svg-inline--fa.fa-w-9 {\n width: 0.5625em;\n}\n.svg-inline--fa.fa-w-10 {\n width: 0.625em;\n}\n.svg-inline--fa.fa-w-11 {\n width: 0.6875em;\n}\n.svg-inline--fa.fa-w-12 {\n width: 0.75em;\n}\n.svg-inline--fa.fa-w-13 {\n width: 0.8125em;\n}\n.svg-inline--fa.fa-w-14 {\n width: 0.875em;\n}\n.svg-inline--fa.fa-w-15 {\n width: 0.9375em;\n}\n.svg-inline--fa.fa-w-16 {\n width: 1em;\n}\n.svg-inline--fa.fa-w-17 {\n width: 1.0625em;\n}\n.svg-inline--fa.fa-w-18 {\n width: 1.125em;\n}\n.svg-inline--fa.fa-w-19 {\n width: 1.1875em;\n}\n.svg-inline--fa.fa-w-20 {\n width: 1.25em;\n}\n.svg-inline--fa.fa-pull-left {\n margin-right: 0.3em;\n width: auto;\n}\n.svg-inline--fa.fa-pull-right {\n margin-left: 0.3em;\n width: auto;\n}\n.svg-inline--fa.fa-border {\n height: 1.5em;\n}\n.svg-inline--fa.fa-li {\n width: 2em;\n}\n.svg-inline--fa.fa-fw {\n width: 1.25em;\n}\n\n.fa-layers svg.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.fa-layers {\n display: inline-block;\n height: 1em;\n position: relative;\n text-align: center;\n vertical-align: -0.125em;\n width: 1em;\n}\n.fa-layers svg.svg-inline--fa {\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n\n.fa-layers-counter, .fa-layers-text {\n display: inline-block;\n position: absolute;\n text-align: center;\n}\n\n.fa-layers-text {\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n\n.fa-layers-counter {\n background-color: #ff253a;\n border-radius: 1em;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #fff;\n height: 1.5em;\n line-height: 1;\n max-width: 5em;\n min-width: 1.5em;\n overflow: hidden;\n padding: 0.25em;\n right: 0;\n text-overflow: ellipsis;\n top: 0;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: top right;\n transform-origin: top right;\n}\n\n.fa-layers-bottom-right {\n bottom: 0;\n right: 0;\n top: auto;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: bottom right;\n transform-origin: bottom right;\n}\n\n.fa-layers-bottom-left {\n bottom: 0;\n left: 0;\n right: auto;\n top: auto;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: bottom left;\n transform-origin: bottom left;\n}\n\n.fa-layers-top-right {\n right: 0;\n top: 0;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: top right;\n transform-origin: top right;\n}\n\n.fa-layers-top-left {\n left: 0;\n right: auto;\n top: 0;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n}\n\n.fa-lg {\n font-size: 1.3333333333em;\n line-height: 0.75em;\n vertical-align: -0.0667em;\n}\n\n.fa-xs {\n font-size: 0.75em;\n}\n\n.fa-sm {\n font-size: 0.875em;\n}\n\n.fa-1x {\n font-size: 1em;\n}\n\n.fa-2x {\n font-size: 2em;\n}\n\n.fa-3x {\n font-size: 3em;\n}\n\n.fa-4x {\n font-size: 4em;\n}\n\n.fa-5x {\n font-size: 5em;\n}\n\n.fa-6x {\n font-size: 6em;\n}\n\n.fa-7x {\n font-size: 7em;\n}\n\n.fa-8x {\n font-size: 8em;\n}\n\n.fa-9x {\n font-size: 9em;\n}\n\n.fa-10x {\n font-size: 10em;\n}\n\n.fa-fw {\n text-align: center;\n width: 1.25em;\n}\n\n.fa-ul {\n list-style-type: none;\n margin-left: 2.5em;\n padding-left: 0;\n}\n.fa-ul > li {\n position: relative;\n}\n\n.fa-li {\n left: -2em;\n position: absolute;\n text-align: center;\n width: 2em;\n line-height: inherit;\n}\n\n.fa-border {\n border: solid 0.08em #eee;\n border-radius: 0.1em;\n padding: 0.2em 0.25em 0.15em;\n}\n\n.fa-pull-left {\n float: left;\n}\n\n.fa-pull-right {\n float: right;\n}\n\n.fa.fa-pull-left,\n.fas.fa-pull-left,\n.far.fa-pull-left,\n.fal.fa-pull-left,\n.fab.fa-pull-left {\n margin-right: 0.3em;\n}\n.fa.fa-pull-right,\n.fas.fa-pull-right,\n.far.fa-pull-right,\n.fal.fa-pull-right,\n.fab.fa-pull-right {\n margin-left: 0.3em;\n}\n\n.fa-spin {\n -webkit-animation: fa-spin 2s infinite linear;\n animation: fa-spin 2s infinite linear;\n}\n\n.fa-pulse {\n -webkit-animation: fa-spin 1s infinite steps(8);\n animation: fa-spin 1s infinite steps(8);\n}\n\n@-webkit-keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.fa-rotate-90 {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n.fa-rotate-180 {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n.fa-rotate-270 {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg);\n}\n\n.fa-flip-horizontal {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";\n -webkit-transform: scale(-1, 1);\n transform: scale(-1, 1);\n}\n\n.fa-flip-vertical {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";\n -webkit-transform: scale(1, -1);\n transform: scale(1, -1);\n}\n\n.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1);\n}\n\n:root .fa-rotate-90,\n:root .fa-rotate-180,\n:root .fa-rotate-270,\n:root .fa-flip-horizontal,\n:root .fa-flip-vertical,\n:root .fa-flip-both {\n -webkit-filter: none;\n filter: none;\n}\n\n.fa-stack {\n display: inline-block;\n height: 2em;\n position: relative;\n width: 2.5em;\n}\n\n.fa-stack-1x,\n.fa-stack-2x {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.svg-inline--fa.fa-stack-1x {\n height: 1em;\n width: 1.25em;\n}\n.svg-inline--fa.fa-stack-2x {\n height: 2em;\n width: 2.5em;\n}\n\n.fa-inverse {\n color: #fff;\n}\n\n.sr-only {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n}\n\n.svg-inline--fa .fa-primary {\n fill: var(--fa-primary-color, currentColor);\n opacity: 1;\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa .fa-secondary {\n fill: var(--fa-secondary-color, currentColor);\n opacity: 0.4;\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-primary {\n opacity: 0.4;\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-secondary {\n opacity: 1;\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa mask .fa-primary,\n.svg-inline--fa mask .fa-secondary {\n fill: black;\n}\n\n.fad.fa-inverse {\n color: #fff;\n}';if(n!==e||r!==t){var a=new RegExp("\\.".concat(e,"\\-"),"g"),i=new RegExp("\\--".concat(e,"\\-"),"g"),s=new RegExp("\\.".concat(t),"g");o=o.replace(a,".".concat(n,"-")).replace(i,"--".concat(n,"-")).replace(s,".".concat(r))}return o}()),Ve=!0)}function Fe(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map((function(e){return Me(e)}))}}),Object.defineProperty(e,"node",{get:function(){if(L){var t=q.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function Be(e){var t=e.prefix,n=void 0===t?"fa":t,r=e.iconName;if(r)return je(We.definitions,n,r)||je(G.styles,n,r)}var He,We=new Ae,Ve=!1,Ye={transform:function(e){return function(e){var t={size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0};return e?e.toLowerCase().split(" ").reduce((function(e,t){var n=t.toLowerCase().split("-"),r=n[0],o=n.slice(1).join("-");if(r&&"h"===o)return e.flipX=!0,e;if(r&&"v"===o)return e.flipY=!0,e;if(o=parseFloat(o),isNaN(o))return e;switch(r){case"grow":e.size=e.size+o;break;case"shrink":e.size=e.size-o;break;case"left":e.x=e.x-o;break;case"right":e.x=e.x+o;break;case"up":e.y=e.y-o;break;case"down":e.y=e.y+o;break;case"rotate":e.rotate=e.rotate+o}return e}),t):t}(e)}},Ue=(He=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?ge:n,o=t.symbol,a=void 0!==o&&o,i=t.mask,s=void 0===i?null:i,l=t.maskId,c=void 0===l?null:l,u=t.title,d=void 0===u?null:u,p=t.titleId,f=void 0===p?null:p,m=t.classes,h=void 0===m?[]:m,v=t.attributes,g=void 0===v?{}:v,b=t.styles,y=void 0===b?{}:b;if(e){var _=e.prefix,E=e.iconName,x=e.icon;return Fe(S({type:"icon"},e),(function(){return Le(),U.autoA11y&&(d?g["aria-labelledby"]="".concat(U.replacementClass,"-title-").concat(f||be()):(g["aria-hidden"]="true",g.focusable="false")),Ne({icons:{main:qe(x),mask:s?qe(s.icon):{found:!1,width:null,height:null,icon:{}}},prefix:_,iconName:E,transform:S({},ge,r),symbol:a,title:d,maskId:c,titleId:f,extra:{attributes:g,styles:y,classes:h}})}))}},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(e||{}).icon?e:Be(e||{}),r=t.mask;return r&&(r=(r||{}).icon?r:Be(r||{})),He(n,S({},t,{mask:r}))});function Xe(e){return Xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Xe(e)}function Ge(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Qe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ke(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Je(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t0||!Array.isArray(t)&&t?Ge({},e,t):{}}function ot(e){var t=e.forwardedRef,n=$e(e,["forwardedRef"]),r=n.icon,o=n.mask,a=n.symbol,i=n.className,s=n.title,l=n.titleId,c=nt(r),u=rt("classes",[].concat(Je(function(e){var t,n=e.spin,r=e.pulse,o=e.fixedWidth,a=e.inverse,i=e.border,s=e.listItem,l=e.flip,c=e.size,u=e.rotation,d=e.pull,p=(Ge(t={"fa-spin":n,"fa-pulse":r,"fa-fw":o,"fa-inverse":a,"fa-border":i,"fa-li":s,"fa-flip-horizontal":"horizontal"===l||"both"===l,"fa-flip-vertical":"vertical"===l||"both"===l},"fa-".concat(c),null!=c),Ge(t,"fa-rotate-".concat(u),null!=u&&0!==u),Ge(t,"fa-pull-".concat(d),null!=d),Ge(t,"fa-swap-opacity",e.swapOpacity),t);return Object.keys(p).map((function(e){return p[e]?e:null})).filter((function(e){return e}))}(n)),Je(i.split(" ")))),d=rt("transform","string"==typeof n.transform?Ye.transform(n.transform):n.transform),p=rt("mask",nt(o)),f=Ue(c,Ke({},u,{},d,{},p,{symbol:a,title:s,titleId:l}));if(!f)return function(){var e;!tt&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",c),null;var m=f.abstract,h={ref:t};return Object.keys(n).forEach((function(e){ot.defaultProps.hasOwnProperty(e)||(h[e]=n[e])})),at(m[0],h)}ot.displayName="FontAwesomeIcon",ot.propTypes={border:h().bool,className:h().string,mask:h().oneOfType([h().object,h().array,h().string]),fixedWidth:h().bool,inverse:h().bool,flip:h().oneOf(["horizontal","vertical","both"]),icon:h().oneOfType([h().object,h().array,h().string]),listItem:h().bool,pull:h().oneOf(["right","left"]),pulse:h().bool,rotation:h().oneOf([0,90,180,270]),size:h().oneOf(["lg","xs","sm","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:h().bool,symbol:h().oneOfType([h().bool,h().string]),title:h().string,transform:h().oneOfType([h().string,h().object]),swapOpacity:h().bool},ot.defaultProps={border:!1,className:"",mask:null,fixedWidth:!1,inverse:!1,flip:null,icon:null,listItem:!1,pull:null,pulse:!1,rotation:null,size:null,spin:!1,symbol:!1,title:"",transform:null,swapOpacity:!1};var at=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var o=(n.children||[]).map((function(n){return e(t,n)})),a=Object.keys(n.attributes||{}).reduce((function(e,t){var r=n.attributes[t];switch(t){case"class":e.attrs.className=r,delete n.attributes.class;break;case"style":e.attrs.style=et(r);break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[Ze(t)]=r}return e}),{attrs:{}}),i=r.style,s=void 0===i?{}:i,l=$e(r,["style"]);return a.attrs.style=Ke({},a.attrs.style,{},s),t.apply(void 0,[n.tag,Ke({},a.attrs,{},l)].concat(Je(o)))}.bind(null,f().createElement);var it={changePage:h().func.isRequired,totalItems:h().number.isRequired,currentPage:h().number.isRequired,pageSize:h().number.isRequired},st=function(e){a()(s,e);var n,o,i=(n=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d()(n);if(o){var r=d()(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return c()(this,e)});function s(){return t()(this,s),i.apply(this,arguments)}return r()(s,[{key:"getPager",value:function(){var e,t,n=this.props,r=n.totalItems,o=n.currentPage,a=n.pageSize,i=n.changePage,s=Math.ceil(r/a),l=f().createElement("li",{className:"pager__ellipsis"},"..."),c=f().createElement("li",{className:"pager__ellipsis"},"..."),u=f().createElement("li",{className:"pager__item"},f().createElement("button",{className:"pager__button",type:"button",onClick:function(){return i(1)}},1)),d=f().createElement("li",{className:"pager__item"},f().createElement("button",{className:"pager__button",type:"button",onClick:function(){return i(s)}},O(s,0)));s<5?(e=1,t=s,l="",c="",u="",d=""):(e=o-1,t=o+1,o<4?(l="",u="",1===o?(e=o,t=o+2):3===o&&(e=1,t=4)):o>s-3&&(c="",d="",o===s?(e=o-2,t=o):o===s-2&&(e=o-1,t=s)));var p=(o-1)*a,m=Math.min(p+(a-1),r-1),h=(0,b.range)(e,t+1);return{totalPages:s,startPage:e,endPage:t,startIndex:p,endIndex:m,pages:h,prevEllipses:l,nextEllipses:c,firstButton:u,lastButton:d}}},{key:"generatePageButtons",value:function(e){var t=this,n=this.props.currentPage;return e.map((function(e,r){return f().createElement("li",{key:r,className:"pager__item"},f().createElement("button",{className:"pager__button ".concat(n===e?"pager__button_active":""),type:"button",onClick:function(){return t.props.changePage(e)}},O(e,0)))}))}},{key:"render",value:function(){var e=this.props,t=e.currentPage,n=e.changePage,r=this.getPager(),o=this.generatePageButtons(r.pages,r.totalPages);return f().createElement("ul",{className:"pager"},f().createElement("li",{className:"pager__item"},f().createElement("button",{className:"pager__button ".concat(1===t?"pager__button_disabled":""),type:"button",disabled:1===t,onClick:function(){return n(t-1)},title:"Previous page"},f().createElement(ot,{icon:"angle-left"}))),r.firstButton,r.prevEllipses,o,r.nextEllipses,r.lastButton,f().createElement("li",{className:"pager__item"},f().createElement("button",{className:"pager__button ".concat(t===r.totalPages?"pager__button_disabled":""),type:"button",disabled:t===r.totalPages,onClick:function(){return n(t+1)},title:"Next page"},f().createElement(ot,{icon:"angle-right"}))))}}]),s}(f().Component);st.propTypes=it;var lt=s(506),ct=s.n(lt);var ut={changeLimit:h().func.isRequired,pageSize:h().number,limitList:h().arrayOf(h().number),label:h().string},dt=function(e){a()(s,e);var n,o,i=(n=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d()(n);if(o){var r=d()(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return c()(this,e)});function s(e){var n;return t()(this,s),(n=i.call(this,e)).changeLimit=n.changeLimit.bind(ct()(n)),n}return r()(s,[{key:"changeLimit",value:function(e){e.preventDefault();var t=parseInt(e.target.value,10);this.props.changeLimit(t)}},{key:"render",value:function(){var e=this.props.label?this.props.label:"Rows per page: ",t=this.props,n=t.limitList,r=t.pageSize,o=n.map((function(e){return f().createElement("option",{key:"limit-".concat(e),value:e},e)}));return f().createElement("div",{className:"usa-dt-pagination__limit-selector__wrapper"},f().createElement("label",null,e),f().createElement("select",{onChange:this.changeLimit,value:r,className:"usa-dt-pagination__limit-selector","aria-label":"limit-dropdown"},o))}}]),s}(f().Component);dt.propTypes=ut,dt.defaultProps={pageLimit:10,limitList:[10,25,50,100]};var pt={changePage:h().func.isRequired,totalPages:h().number,id:h().string},ft=function(e){a()(s,e);var n,o,i=(n=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d()(n);if(o){var r=d()(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return c()(this,e)});function s(e){var n;return t()(this,s),(n=i.call(this,e)).state={goToPage:""},n.changePage=n.changePage.bind(ct()(n)),n.changedInput=n.changedInput.bind(ct()(n)),n.validPage=n.validPage.bind(ct()(n)),n}return r()(s,[{key:"changePage",value:function(e){e.preventDefault(),this.validPage()&&this.props.changePage(parseInt(this.state.goToPage,10))}},{key:"changedInput",value:function(e){this.setState({goToPage:e.target.value})}},{key:"validPage",value:function(){var e=this.state.goToPage,t=this.props.totalPages;return!(""===e||parseInt(e,10)<1||parseInt(e,10)>t)}},{key:"render",value:function(){var e=this.props.totalPages,t=e>1?"1-".concat(e):"1";return f().createElement("form",{className:"usa-dt-pagination__go-to"},f().createElement("label",{htmlFor:"".concat(this.props.id,"-go-to")},"Go to page"),f().createElement("input",{type:"number",id:"".concat(this.props.id,"-go-to"),title:"Enter a number between 1 and ".concat(e),min:"1",max:e,placeholder:t,value:this.state.goToPage,onChange:this.changedInput,onSubmit:this.changePage}),f().createElement("button",{type:"submit",onClick:this.changePage,disabled:!this.validPage()},"Go"))}}]),s}(f().Component);ft.propTypes=pt,ft.defaultProps={totalPages:1,id:"usa-dt-pagination-go-to"};var mt={changePage:h().func.isRequired,totalItems:h().number.isRequired,currentPage:h().number,pageSize:h().number,resultsText:h().oneOfType([h().bool,h().element]),limitSelector:h().bool,changeLimit:h().func,goToPage:h().bool,id:h().string};s(363);var ht=function(e){a()(s,e);var n,o,i=(n=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d()(n);if(o){var r=d()(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return c()(this,e)});function s(){return t()(this,s),i.apply(this,arguments)}return r()(s,[{key:"getResultsText",value:function(){var e=this.props,t=e.resultsText,n=e.totalItems,r=e.currentPage,o=e.pageSize;if(f().isValidElement(t))return t;if(t){var a=function(e,t,n){var r=(e-1)*t+1,o=e*t;return e===Math.ceil(n/t)&&(o=n),{start:r,end:o}}(r,o,n),i=O(a.start,0),s=O(a.end,0),l=O(n,0);return f().createElement("div",{className:"usa-dt-pagination__totals"},"".concat(i,"-").concat(s," of ").concat(l," results"))}return null}},{key:"render",value:function(){var e=this.props,t=e.limitSelector,n=e.goToPage,r=e.changePage,o=e.changeLimit,a=e.currentPage,i=e.pageSize,s=e.totalItems,l=e.id,c=Math.ceil(s/i),u=this.getResultsText(),d=t?f().createElement(dt,{changeLimit:o,pageSize:i}):null,p=n?f().createElement(ft,{changePage:r,totalPages:c,id:l}):null;return!t&&c<=1?null:f().createElement("div",{className:"usa-dt-pagination"},u,f().createElement("div",{className:"usa-dt-pagination__wrapper"},d,f().createElement(st,{changePage:r,totalItems:s,currentPage:a,pageSize:i}),p))}}]),s}(f().Component);ht.propTypes=mt,ht.defaultProps={currentPage:1,pageSize:10,resultsText:!1,customResultsText:null,limitSelector:!1,changeLimit:function(){},goToPage:!1};var vt=s(713),gt=s.n(vt),bt=s(38),yt=s.n(bt);function _t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Et(e){for(var t=1;tt.name?1:0},Nt=function(e){var t=e.className,n=void 0===t?"":t,r=e.id,o=void 0===r?"":r,a=e.options,i=e.selectedOption,s=e.icon,l=void 0===s?null:s,c=e.sortFn,u=void 0===c?Ot:c,d=e.isFixedWidth,m=void 0!==d&&d,h=e.children,v=e.dropdownDirection,g=void 0===v?"right":v,y=e.backgroundColor,_=void 0===y?"#1a4480":y,E=(0,p.useRef)(null),x=(0,p.useRef)(null),w=(0,p.useState)(!1),O=yt()(w,2),N=O[0],k=O[1],C=(0,p.useState)({top:0,width:0,left:0,right:0}),S=yt()(C,2),T=S[0],P=S[1],j=function(){x.current&&E.current&&P({top:x.current.offsetHeight,width:x.current.offsetWidth,left:x.current.offsetLeft,right:E.current.offsetWidth-(x.current.offsetWidth+x.current.offsetLeft)})};return(0,p.useEffect)((function(){0!==T.width&&m&&x.current&&x.current.offsetWidth!==T.width&&j()})),(0,p.useEffect)((function(){var e=function(e){N&&E.current&&!E.current.contains(e.target)&&e.target.id!=="".concat(o,"-").concat(xt)&&e.target.parentNode.id!=="".concat(o,"-").concat(xt)&&k(!1)};return j(),document.addEventListener("click",e),function(){document.removeEventListener("click",e)}}),[N]),f().createElement("div",{id:o,className:"usa-dt-picker ".concat(n),ref:E,style:{backgroundColor:_}},f().createElement("div",{className:"usa-dt-picker__dropdown-container",style:{backgroundColor:_}},f().createElement("button",{style:{backgroundColor:_},ref:x,"aria-label":"Dropdown Toggle Button",className:"usa-dt-picker__button",onClick:function(e){e.preventDefault(),k(!N)}},l&&f().createElement("div",{className:"usa-dt-picker__icon"},l),h?f().createElement(f().Fragment,null,h):f().createElement(f().Fragment,null,f().createElement("span",{className:"usa-dt-picker__button-text",style:{backgroundColor:_}},i),f().createElement("span",{className:"usa-dt-picker__button-icon"},!N&&f().createElement(ot,{id:"".concat(o,"-").concat(xt),icon:"chevron-down",alt:"Toggle menu",color:"#555"}),N&&f().createElement(ot,{id:"".concat(o,"-").concat(xt),icon:"chevron-up",alt:"Toggle menu",color:"#555"})))),f().createElement("ul",{className:"usa-dt-picker__list ".concat(N?"":"hide"),style:function(){var e={top:"".concat(T.top,"px"),left:"".concat(T.left,"px")};return m&&"right"===g?Et(Et({},e),{},{width:"".concat(T.width,"px")}):m&&"left"===g?{top:e.top,right:"".concat(T.right),width:"".concat(T.width,"px")}:"left"===g?{top:e.top,right:"".concat(T.right,"px")}:e}()},a.sort((function(e,t){return u(e,t,i)})).map((function(e){return Et(Et({},e),{},{onClick:(t=e.onClick,function(e){t(e),k(!1)})});var t})).map((function(e){return f().createElement("li",{key:(0,b.uniqueId)(),className:"usa-dt-picker__list-item ".concat(null!=e&&e.classNames?e.classNames:"")},f().createElement("button",{className:"usa-dt-picker__item ".concat(e.name===i?"active":""),value:"".concat(e.value||e.name),onClick:function(t){t.preventDefault(),e.onClick(e.value)}},e.component?e.component:e.name))})))))};Nt.propTypes=wt;const kt=Nt;var Ct={disabled:h().bool,active:h().bool,showPeriods:h().bool,quarter:h().string,handleSelection:h().func,handleHover:h().func,handleBlur:h().func,toggleTooltip:h().func,title:h().string},St=function(e){var t=e.disabled,n=e.active,r=e.quarter,o=e.handleSelection,a=e.toggleTooltip,i=e.title,s=void 0===i?"":i,l=e.handleHover,c=e.handleBlur,u=e.showPeriods,d=void 0!==u&&u,p=s||"Q ".concat(r),m=function(){t?a(r):l(r,d?"period":"quarter")},h=function(){a(0),c(d?"period":"quarter")},v=function(e){e.preventDefault(),t||o(r)},g=t?"usa-dt-quarter-picker__quarter_disabled ":"";return"1"===r?g+="usa-dt-quarter-picker__quarter_first":"4"===r?g+="usa-dt-quarter-picker__quarter_last":s.includes("-")&&(g+="usa-dt-quarter-picker__quarter_double"),!t&&n&&(g+=" usa-dt-quarter-picker__quarter_active"),f().createElement("button",{className:"usa-dt-quarter-picker__quarter ".concat(g),onMouseDown:v,onClick:v,onMouseOver:m,onMouseEnter:m,onFocus:m,onMouseLeave:h,onBlur:h,"aria-disabled":t},p)};St.propTypes=Ct;const Tt=St;var Pt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=(0,p.useState)(e),n=yt()(t,2),r=n[0],o=n[1],a=function(e){var t=parseInt(e,10),n=r.map((function(e){return parseInt(e,10)})).filter((function(e){return e<=t})).map((function(e){return"".concat(e)}));o(n.concat([e]))};return[r,a]},jt=[[{title:"1 - 2",id:"2",className:"double-period"},{title:"3",id:"3"}],[{title:"4",id:"4"},{title:"5",id:"5"},{title:"6",id:"6"}],[{title:"7",id:"7"},{title:"8",id:"8"},{title:"9",id:"9"}],[{title:"10",id:"10"},{title:"11",id:"11"},{title:"12",id:"12"}]],Mt=function(e,t){return t.some((function(t){return parseInt(t,10)>=parseInt(e,10)}))},Rt={handleSelection:h().func,selectedQuarters:h().arrayOf(h().string),disabledQuarters:h().arrayOf(h().string),selectedPeriods:h().arrayOf(h().string),disabledPeriods:h().arrayOf(h().string),periodsPerQuarter:h().arrayOf(h().arrayOf(h().shape({title:h().string,id:h().string}))),showPeriods:h().bool,isCumulative:h().bool},zt=function(e){var t=e.handleSelection,n=e.disabledQuarters,r=void 0===n?[]:n,o=e.disabledPeriods,a=void 0===o?[]:o,i=e.periodsPerQuarter,s=void 0===i?jt:i,l=e.selectedQuarters,c=void 0===l?[]:l,u=e.selectedPeriods,d=void 0===u?[]:u,m=e.showPeriods,h=void 0!==m&&m,v=e.isCumulative,g=void 0!==v&&v,y=(0,p.useState)(""),_=yt()(y,2),E=_[0],x=_[1],w=(0,p.useState)(""),O=yt()(w,2),N=O[0],k=O[1],C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"quarter";"quarter"===t?k(e):x(e)},S=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"quarter";"quarter"===e?k(""):x("")};return f().createElement("div",{className:"usa-dt-quarter-picker"},f().createElement("ul",{className:"usa-dt-quarter-picker__list"},new Array(4).fill(0).map((function(e,n){var o=n+1,i="".concat(o);if(h){var l=s[n],u=l.every((function(e){return a.includes(e.id)}));return f().createElement("li",{className:"usa-dt-quarter-picker__list-item usa-dt-quarter-picker__period-list-container",key:(0,b.uniqueId)()},f().createElement("p",{className:u?"disabled":""},"Q".concat(o)),f().createElement("ul",{className:"usa-dt-quarter-picker__period-list"},l.map((function(e){return f().createElement("li",{className:Object.keys(e).includes("className")?"".concat(e.className," usa-dt-quarter-picker__list-item"):"usa-dt-quarter-picker__list-item",key:(0,b.uniqueId)()},f().createElement(Tt,{showPeriods:h,quarter:e.id,title:e.title,disabled:a.includes(e.id),active:Mt(e.id,d)||parseInt(E,10)>=parseInt(e.id,10),handleHover:C,handleBlur:S,handleSelection:t,toggleTooltip:function(){}}))}))))}return f().createElement("li",{className:"usa-dt-quarter-picker__list-item",key:(0,b.uniqueId)()},f().createElement(Tt,{quarter:i,disabled:r.includes(i),active:g?Mt(i,c)||parseInt(N,10)>=o:c.includes(i)||N===i,handleSelection:t,handleHover:C,handleBlur:S,toggleTooltip:function(){}}))}))))};zt.propTypes=Rt;const It=zt;s(670);var Dt={onSearch:h().func,minChars:h().number,isDisabled:h().bool,throttleOnChange:h().number,inputTitle:h().string,placeholder:h().string},qt=function(e){var t=e.onSearch,n=e.minChars,r=e.isDisabled,o=e.throttleOnChange,a=e.inputTitle,i=e.placeholder,s=(0,p.useState)(""),l=yt()(s,2),c=l[0],u=l[1],d=(0,p.useState)(""),m=yt()(d,2),h=m[0],v=m[1],g=function(){u(""),t(""),v("")},y=(0,b.throttle)((function(e){return function(e,t){return!(!t||e.target.value)}(e,h)?g():u(e.target.value)}),o),_="search";return(c&&h===c||h&&c.length=0||(o[n]=e[n]);return o}function Gt(){return Gt=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:t;s(n,e.target.value)},currentSort:i,title:t,displayName:a}))))};Cn.propTypes=kn;const Sn=Cn;var Tn={prefix:"fas",iconName:"angle-double-right",icon:[448,512,[],"f101","M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"]},Pn={prefix:"fas",iconName:"check-circle",icon:[512,512,[],"f058","M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"]},jn={prefix:"fas",iconName:"file-download",icon:[384,512,[],"f56d","M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"]},Mn={prefix:"fas",iconName:"spinner",icon:[512,512,[],"f110","M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"]},Rn={columns:h().arrayOf(h().object).isRequired,rows:h().arrayOf((0,m.oneOfType)([h().array,h().object])).isRequired,expandable:h().bool,divider:h().string,onClickHandler:h().string,isMobile:h().bool},zn=function(e){var t=e.columns,n=e.rows,r=e.expandable,o=e.divider,a=e.onClickHandler,i=e.isMobile,s=(0,p.useState)(!1),l=yt()(s,2),c=l[0],u=l[1],d=(0,p.useState)(),m=yt()(d,2),h=m[0],v=m[1];return f().createElement(f().Fragment,null,n.map((function(e,n){var s=n%2==0?"":" usda-table__row_odd";return r?f().createElement(On,{key:(0,b.uniqueId)(),data:e,oddClass:s,columns:t,divider:o}):f().createElement("tr",{key:(0,b.uniqueId)(),onClick:function(){return function(e,t){i&&!c?(u(!0),v(t)):i&&c&&h===t?(a(e),u(!1)):i&&c&&h!==t?v(t):i||a(e)}(e,n)},className:"usda-table__row-item usda-table__row".concat(s)},e.map((function(e,r){var o,a;return null!==(o=t[r])&&void 0!==o&&o.bodyHeader?f().createElement(Sn,Ft()({className:"table-header_body-header",key:(0,b.uniqueId)()},e)):f().createElement("td",{key:(0,b.uniqueId)(),className:"usda-table__cell".concat(null!==(a=t[r])&&void 0!==a&&a.right?" usda-table__cell_right":"")},t[r]&&f().createElement("div",{className:"usda-table__cell-heading-container"},i&&f().createElement("div",{className:"usda-table__cell-heading"},t[r].displayName),i&&c&&0===r&&h===n&&f().createElement("div",{className:"usda-table__cell-message"},"View next level"," ",f().createElement(ot,{icon:Tn,color:"#2378c3"}))),e)})))})))};zn.propTypes=Rn;const In=zn;function Dn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qn(e){for(var t=1;tr?t:r;return o<425?o-10:"bottom"===n.props.tooltipPosition?n.props.width:n.props.wide?a>800?700:a-5:n.props.width})),gt()(ct()(n),"getDimensionsForMobile",(function(e,t){return e?{top:"".concat(n.tooltipContainer.clientHeight+n.tooltipContainer.offsetTop+8,"px"),width:t,left:"".concat(n.tooltipContainer.clientWidth/2-8,"px")}:Vn(Vn({},n.state.spacerStyles),{},{width:t})})),n.state={showTooltip:!1,isHoveringOnTooltip:!1,offsetTop:0,arrowDirection:"left",spacerStyles:{}},n.showTooltip=n.showTooltip.bind(ct()(n)),n.closeTooltip=n.closeTooltip.bind(ct()(n)),n.setTooltipDimensions=(0,b.throttle)(n.setTooltipDimensions.bind(ct()(n)),16),n}return r()(s,[{key:"componentDidMount",value:function(){this.setTooltipDimensions(),window.addEventListener("scroll",(0,b.throttle)(this.setTooltipDimensions,500)),window.addEventListener("resize",(0,b.throttle)(this.setTooltipDimensions,100))}},{key:"componentDidUpdate",value:function(){this.setTooltipDimensions()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.setTooltipDimensions),window.removeEventListener("resize",this.setTooltipDimensions)}},{key:"getAvailableHorizontalSpace",value:function(){var e=window.innerWidth,t=this.tooltipContainer,n=t.offsetLeft;return{right:e-n-t.clientWidth,left:n,total:e}}},{key:"setTooltipDimensions",value:function(){if(Object.keys(this.props.styles).includes("transform")&&this.tooltipContainer)"bottom"===this.props.tooltipPosition?this.setState({arrowDirection:"bottom",spacerStyle:{width:this.getTooltipWidth()}}):this.setState({spacerStyle:{width:this.getTooltipWidth()}});else if(this.tooltipContainer){var e=this.getTooltipWidth(),t=this.getAvailableHorizontalSpace(),n=t.left,r=t.total,o=t.right,a=this.tooltipContainer.offsetTop+this.props.offsetAdjustments.top,i=r<700;if("bottom"===this.props.tooltipPosition||i)this.setState({arrowDirection:"bottom",spacerStyle:Vn({},this.getDimensionsForMobile(i,e))});else if("right"===this.props.tooltipPosition&&o1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[13,32];return function(r){n.includes(r.keyCode)&&e.apply(void 0,Jn()(t))}},er={label:h().string.isRequired,internal:h().string,labelContent:h().element,active:h().bool,enabled:h().bool,switchTab:h().func,className:h().string,tooltip:h().object,count:h().number,tablessStyle:h().bool},tr=function(e){var t=(0,p.useRef)(null),n=function(){var n,r;e.enabled&&(null!=t&&t.current&&null!==(n=t.current)&&void 0!==n&&n.scrollIntoView&&(null===(r=t.current)||void 0===r||r.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})),e.switchTab(e.internal))},r=Zn(n);return f().createElement("div",{className:"usa-dt-tab__wrapper".concat(e.enabled?"":" disabled").concat(e.tablessStyle?" tabless-tab":"").concat(e.active?" active":"")},f().createElement("div",{className:"usa-dt-tab".concat(e.active?" active":""," ").concat(e.className||"").concat(e.enabled?"":" disabled"),ref:t,onClick:n,onKeyDown:r,role:"tab",title:"Show ".concat(e.label),"aria-label":"Show ".concat(e.label),tabIndex:0,disabled:!e.enabled},f().createElement("div",{className:"usa-dt-tab__content"},f().createElement("div",{className:"usa-dt-tab__label"},f().createElement("div",{className:"usa-dt-tab__label-text"},e.label),e.count>=0&&f().createElement("div",{"aria-label":"Count of ".concat(w(e.count)," for ").concat(e.label),className:"count".concat(e.active?" active":"")},w(e.count)),e.tooltip&&f().createElement(Xn,{tooltipComponent:f().createElement(Kn,{title:e.label},e.tooltip),icon:"info"})))))};tr.propTypes=er;const nr=tr;s(78);var rr={types:h().arrayOf(h().shape({label:h().string.isRequired,internal:h().string.isRequired,count:h().number,disabled:h().bool,tooltip:h().element})).isRequired,active:h().string.isRequired,switchTab:h().func.isRequired,tabsClassName:h().string,tablessStyle:h().bool},or=function(e){var t=e.types,n=e.active,r=e.switchTab,o=e.tabsClassName,a=e.tablessStyle,i=t.map((function(e){return f().createElement(nr,Ft()({},e,{active:n===e.internal,switchTab:r,key:"table-type-item-".concat(e.internal),enabled:!e.disabled,className:o,tooltip:e.tooltip,tablessStyle:a}))}));return f().createElement("div",{className:"usa-dt-tab-list".concat(a?" tabless-tabs":""),role:"tablist"},!a&&f().createElement("div",{className:"usa-dt-tab-list__border-pre-filler"}),i,f().createElement("div",{className:"usa-dt-tab-list__border-post-filler"}))};or.propTypes=rr;const ar=or;s(470);const ir=function(e){var t=e.className;return f().createElement(Wt,{className:"coming soon ".concat(t),title:"Coming Soon",description:"This feature is currently under development."})};var sr=function(e,t,n){if(0!==e&&!e)return null;var r=t?function(e){return g().formatMoney(e,y)}(e):w(e);if(Math.abs(e)>x){var o=function(e){var t=Math.abs(e),n=1,r="",o="";return t>=_?(n=_,r="T",o="trillion"):t>=E?(n=E,r="B",o="billion"):t>=x?(n=x,r="M",o="million"):t>=1e3&&(n=1e3,r="k",o="thousand"),{unit:n,unitLabel:r,longLabel:o}}(e);r="".concat(t?function(e,t){var n=Object.assign({},y,{precision:t});return g().formatMoney(e,n)}(e/o.unit,2):O(e/o.unit,2)," ").concat(n?(0,b.startCase)(o.longLabel):o.unitLabel)}return r},lr={2:"two",3:"three",4:"four"};s(350);var cr={boxes:h().arrayOf(h().shape({type:h().string.isRequired,title:h().oneOfType([h().string,h().element]),amount:h().number,isMonetary:h().bool,subtitle:h().string,subtitleBottom:h().string,isLoading:h().bool}))},ur=function(e){var t=e.boxes,n=(0,p.useState)(window.innerWidth>1200),r=yt()(n,2),o=r[0],a=r[1],i=(0,b.throttle)((function(){return a(window.innerWidth>1200)}));return(0,p.useEffect)((function(){return i(),window.addEventListener("resize",i),function(){return window.removeEventListener("resize",i)}}),[]),f().createElement("div",{className:"usa-dt-information-boxes ".concat(lr[t.length],"-boxes")},t.map((function(e){return f().createElement("div",{key:e.type,className:"usa-dt-information-box"},f().createElement("div",{className:"usa-dt-information-box__divider"},f().createElement("div",{className:"usa-dt-information-box__content".concat(e.subtitle?" with-subtitle":"")},f().createElement("div",{className:"usa-dt-information-box__title"},e.title),e.subtitle&&f().createElement("div",{className:"usa-dt-information-box__subtitle"},e.subtitle),f().createElement("div",{className:"usa-dt-information-box__amount".concat(e.isLoading?" loading":"")},e.isLoading&&f().createElement("div",{className:"dot-pulse"}),!e.isLoading&&sr(e.amount,e.isMonetary,o)),e.subtitleBottom&&f().createElement("div",{className:"usa-dt-information-box__subtitle-bottom"},e.subtitleBottom))))})))};ur.propTypes=cr;const dr=ur;s(738);var pr={isControlled:!1,toggleExpand:function(){},isExpanded:!1},fr=function(e){var t=e.title,n=e.icon,r=e.children,o=e.id,a=void 0===o?"":o,i=e.classNames,s=void 0===i?"":i,l=e.isCollapsible,c=void 0!==l&&l,u=e.isComingSoon,d=void 0!==u&&u,m=e.controlledProps,h=void 0===m?pr:m,v=e.defaultExpandedState,g=void 0===v||v,b=e.overLine,y=void 0===b?"":b,_=e.titleTooltip,E=void 0===_?{tooltip:null,tooltipProps:{}}:_,x=e.descTooltip,w=void 0===x?{component:null,props:{}}:x,O=e.description,N=(0,p.useState)(g),k=yt()(N,2),C=k[0],S=k[1],T=function(){h.isControlled?h.toggleExpand():S(!C)},P=C||h.isControlled&&h.isExpanded||!c;return f().createElement("section",{id:a,className:"usda-section__container".concat(s?" ".concat(s):"")},f().createElement("div",{className:"usda-section-title__container"},n&&f().cloneElement(n,{className:"usda-section-title__title-icon"}),f().createElement("div",{className:"usda-section-title__header"},y&&f().createElement("strong",{className:"usda-section-title__overline"},y),f().createElement("div",{className:"usda-section-title__title"},f().createElement("h3",null,t),E.component&&f().createElement(Xn,Ft()({tooltipComponent:E.component,icon:"info",className:"".concat(y?"has-overline":"")},E.props)))),O&&f().cloneElement(O,{className:"usda-section-title__desc has-overline"}),w.component&&f().createElement(Xn,Ft()({tooltipComponent:w.component,icon:"info",tooltipPosition:"left"},w.props)),c&&f().createElement(ot,{tabIndex:0,onKeyDown:Zn(T),className:"usda-section-title__expand-icon",onClick:T,size:"2x",icon:C||h.isControlled&&h.isExpanded?"chevron-up":"chevron-down"})),f().createElement("hr",null),d&&P&&f().createElement(ir,null),P&&!d&&r)};fr.propTypes={icon:h().element.isRequired,children:h().element.isRequired,title:h().string.isRequired,defaultExpandedState:h().bool,overLine:h().string,controlledProps:h().shape({isControlled:h().bool.isRequired,toggleExpand:h().func.isRequired,isExpanded:h().bool.isRequired}),description:h().element,titleTooltip:h().shape({component:h().element,props:h().object}),descTooltip:h().shape({component:h().element,props:h().object}),isCollapsible:h().bool,isComingSoon:h().bool,classNames:h().string,id:h().string};const mr=fr;s(27);var hr={items:h().arrayOf(h().element)},vr=function(e){var t=e.items,n=(0,p.useState)(1),r=yt()(n,2),o=r[0],a=r[1],i=(0,p.useState)(!1),s=yt()(i,2),l=s[0],c=s[1],u=(0,p.useRef)(null),d=(0,p.useRef)(0),m=(0,p.useRef)((0,b.uniqueId)()),h=(0,p.useRef)(null),v=(0,p.useRef)(null),g=function(e){return a(e)},y=function(){return g(o)};(0,p.useEffect)((function(){return window.addEventListener("resize",y),function(){return window.removeEventListener("resize",y)}}),[]),(0,p.useEffect)((function(){var e,n;l||g((e=v.current.offsetWidth,(n=Math.round(-1*d.current/e)+1)>t.length?1:n<1?t.length:n))}),[l]),(0,p.useEffect)((function(){if(h.current&&v.current){var e=v.current.offsetWidth,t=(o-1)*e*-1;d.current=t,h.current.style.transform="translate(".concat(t,"px, 0px)")}}));var _=function(){u.current=null,c(!1)},E=function(){return _()},x=function(e){var t=e-u.current;u.current=e,d.current+=t,h.current.style.transform="translate(".concat(d.current,"px, 0px)")},w=function(){l&&_()},O=function(e){e.preventDefault(),g(parseInt(e.target.value,10))};return f().createElement("div",{className:"usa-dt-carousel","aria-describedby":"".concat(m.current,"-instructions")},f().createElement("div",{id:"".concat(m.current,"-instructions"),className:"usa-dt-carousel__instructions","aria-live":"polite"},"An image carousel containing ","".concat(t.length," item").concat(1!==t.length?"s":""),", with item ",o," shown."),f().createElement("div",{className:"usa-dt-carousel-content"},f().createElement("div",{className:"usa-dt-carousel-item",onTouchStart:function(){return c(!0)},onTouchMove:function(e){if(l&&e.touches&&e.touches.length&&h){var t=e.touches[0];null===u.current?u.current=t.pageX:x(t.pageX)}},onTouchEnd:E,onTouchCancel:E,onMouseDown:function(e){e.preventDefault(),c(!0)},onMouseUp:w,onMouseLeave:w,onMouseMove:function(e){l&&(null===u.current?u.current=e.pageX:x(e.pageX))},role:"presentation",ref:v},f().createElement("div",{className:"usa-dt-carousel-item__list ".concat(l?"usa-dt-carousel-item__list_dragging":""),"aria-live":"polite",ref:h},t.map((function(e,t){return f().createElement("div",{className:"usa-dt-carousel-item__list-item",key:"".concat(t,"-the-list-item"),"aria-hidden":o!==t+1,tabIndex:-1},(0,p.cloneElement)(e,{className:"usa-dt-carousel-item__item"}))}))))),f().createElement("div",{className:"usa-dt-carousel-pager"},f().createElement("div",{className:"usa-dt-carousel-pager__list",role:"menu","aria-label":"Pagination controls for carousel items"},t.map((function(e,t){return f().createElement("button",{className:"usa-dt-carousel-pager__dot-button ".concat(t+1===o?"usa-dt-carousel-pager__dot-button_active":""),value:t+1,key:"".concat(t,"-list-item"),onClick:O,"aria-label":"Skip to carousel item ".concat(t+1),"aria-checked":t+1===o,role:"menuitemradio"},f().createElement("div",{className:"usa-dt-carousel-pager__dot-decorator"}))})))))};vr.propTypes=hr;const gr=vr;var br=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(0,p.useState)(0),r=yt()(n,2),o=r[0],a=r[1],i=(0,p.useState)(!1),s=yt()(i,2),l=s[0],c=s[1];return[l,o,c,(0,b.throttle)((function(){var e=window.scrollY||document.documentElement.scrollTop;t&&e>=t&&!l||!t&&e>=o&&!l?c(!0):(e<=t||e<=o)&&c(!1)}),100),(0,b.throttle)((function(){var t=e.current?e.current.offsetTop:0;a(t)}),100)]};s(171);var yr=function(e){var t=e.title,n=e.overLine,r=void 0===n?"":n,o=e.stickyBreakPoint,a=void 0===o?0:o,i=e.toolBar,s=void 0===i?[]:i,l=e.backgroundColor,c=void 0===l?"#1a4480":l,u=(0,p.useRef)(null),d=br(u,a),m=yt()(d,5),h=m[0],v=m[3],g=m[4];(0,p.useEffect)((function(){return g(),window.addEventListener("scroll",v),window.addEventListener("resize",g),function(){window.removeEventListener("scroll",v),window.removeEventListener("resize",g)}}));var b,y,_=h?" usda-page-header--sticky":"";return f().createElement("section",{className:"usda-page-header".concat(_),ref:u,style:{backgroundColor:c}},f().createElement("div",{className:"usda-page-header__container"},f().createElement("div",{className:"usda-page-header__mobile-top"},f().createElement("div",{className:"usda-page-header__header"},r&&f().createElement("strong",{className:"usda-page-header__overline"},r),f().createElement("div",{className:"usda-page-header__title"},f().createElement("h1",null,t))),(y=null==s?void 0:s.find((function(e){return"Share Icon"===(null==e?void 0:e.type.displayName)})))?f().cloneElement(y):null,(b=null==s?void 0:s.find((function(e){return"ATDButton"===(null==e?void 0:e.type.displayName)})))?f().cloneElement(b):null),(null==s?void 0:s.length)>0&&f().createElement("div",{className:"usda-page-header__toolbar"},s.map((function(e){var t,n,r,o="".concat(null===(t=e.props)||void 0===t?void 0:t.className," ").concat(null===(n=e.props)||void 0===n?void 0:n.classNames),a="".concat(null===(r=e.props)||void 0===r?void 0:r.classNames);return o?f().cloneElement(e,{className:"".concat(o," toolbar__item")}):a?f().cloneElement(e,{classNames:"".concat(a," toolbar__item")}):f().cloneElement(e,{className:"toolbar__item",classNames:"toolbar__item"})})))))};yr.propTypes={stickyBreakPoint:h().number,overLine:h().string,title:h().string.isRequired,toolBar:h().arrayOf(h().element)};const _r=yr;s(161);var Er={onClick:h().func.isRequired,downloadInFlight:h().bool,tooltipComponent:h().element,isEnabled:h().bool,tooltipPosition:h().string},xr=function(e){var t=e.onClick,n=e.downloadInFlight,r=e.tooltipComponent,o=void 0===r?null:r,a=e.tooltipPosition,i=void 0===a?"left":a,s=e.isEnabled,l=void 0===s||s,c=e.backgroundColor,u=void 0===c?"#1a4480":c,d=function(e){e.preventDefault(),!n&&l&&t()},p=n||!l?" disabled":"",m=n?"Preparing Download...":"Download",h=n?Mn:jn;return o?f().createElement(Xn,{className:"usda-download-btn".concat(p),tooltipPosition:i,tooltipComponent:o},f().createElement("button",{className:"usda-button",title:m,"aria-label":m,disabled:n,onClick:d,style:{backgroundColor:u}},f().createElement(ot,{icon:h,spin:n,color:"#dfe1e2"})),f().createElement("span",{style:{color:"#dfe1e2"}},m)):f().createElement("div",{className:"usda-download-btn".concat(p)},f().createElement("button",{className:"usda-button",title:m,"aria-label":m,disabled:n,onClick:d,style:{backgroundColor:u}},f().createElement(ot,{icon:h,spin:n})),f().createElement("span",null,m))};xr.displayName="Download Icon Button",xr.propTypes=Er;const wr=xr;var Or={prefix:"far",iconName:"calendar-alt",icon:[448,512,[],"f073","M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"]};function Nr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function kr(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:2008,t=arguments.length>1?arguments[1]:void 0;return Jn()(new Array(t-e)).reduce((function(t,n,r){return t.push(e+r+1),t}),[e]).sort((function(e,t){return t-e}))}(i,n).map((function(e){return{name:"FY ".concat(e),value:"".concat(e),onClick:u}})):[{name:"Loading fiscal years...",value:null,onClick:function(){}}]}),f().createElement("span",null,"Fiscal Year"))};Sr.displayName="Fiscal Year Picker",Sr.propTypes={backgroundColor:h().string,selectedFy:h().oneOfType([h().number,h().string]),earliestFy:h().number,latestFy:h().number,options:h().arrayOf(h().shape({name:h().oneOfType([h().string,h().number]),value:h().oneOfType([h().string,h().number])})),handleFyChange:h().func,sortFn:h().func};const Tr=Sr;var Pr=function(e){var t=e.icon,n=e.title;return f().createElement(f().Fragment,null,f().createElement(ot,{icon:t,color:"#555",size:"sm"}),f().createElement("span",null,n))},jr=[{component:f().createElement(Pr,{icon:{prefix:"fas",iconName:"link",icon:[512,512,[],"f0c1","M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"]},title:"Copy link"}),name:"copy"},{component:f().createElement(Pr,{icon:{prefix:"fas",iconName:"envelope",icon:[512,512,[],"f0e0","M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"]},title:"Email"}),name:"email"},{component:f().createElement(Pr,{icon:{prefix:"fab",iconName:"twitter",icon:[512,512,[],"f099","M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"]},title:"Twitter"}),name:"twitter"},{component:f().createElement(Pr,{icon:{prefix:"fab",iconName:"facebook-square",icon:[448,512,[],"f082","M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"]},title:"Facebook"}),name:"facebook"},{component:f().createElement(Pr,{icon:{prefix:"fab",iconName:"linkedin",icon:[448,512,[],"f08c","M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"]},title:"LinkedIn"}),name:"linkedin"},{component:f().createElement(Pr,{icon:{prefix:"fab",iconName:"reddit-square",icon:[448,512,[],"f1a2","M283.2 345.5c2.7 2.7 2.7 6.8 0 9.2-24.5 24.5-93.8 24.6-118.4 0-2.7-2.4-2.7-6.5 0-9.2 2.4-2.4 6.5-2.4 8.9 0 18.7 19.2 81 19.6 100.5 0 2.4-2.3 6.6-2.3 9 0zm-91.3-53.8c0-14.9-11.9-26.8-26.5-26.8-14.9 0-26.8 11.9-26.8 26.8 0 14.6 11.9 26.5 26.8 26.5 14.6 0 26.5-11.9 26.5-26.5zm90.7-26.8c-14.6 0-26.5 11.9-26.5 26.8 0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-11.9 26.8-26.5 0-14.9-11.9-26.8-26.8-26.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-99.7 140.6c-10.1 0-19 4.2-25.6 10.7-24.1-16.7-56.5-27.4-92.5-28.6l18.7-84.2 59.5 13.4c0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-12.2 26.8-26.8 0-14.6-11.9-26.8-26.8-26.8-10.4 0-19.3 6.2-23.8 14.9l-65.7-14.6c-3.3-.9-6.5 1.5-7.4 4.8l-20.5 92.8c-35.7 1.5-67.8 12.2-91.9 28.9-6.5-6.8-15.8-11-25.9-11-37.5 0-49.8 50.4-15.5 67.5-1.2 5.4-1.8 11-1.8 16.7 0 56.5 63.7 102.3 141.9 102.3 78.5 0 142.2-45.8 142.2-102.3 0-5.7-.6-11.6-2.1-17 33.6-17.2 21.2-67.2-16.1-67.2z"]},title:"Reddit"}),name:"reddit"}];function Mr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Rr(e){for(var t=1;t(()=>{var a={228:e=>{e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n{e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},646:(e,t,n)=>{var r=n(228);e.exports=function(e){if(Array.isArray(e))return r(e)},e.exports.default=e.exports,e.exports.__esModule=!0},506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.default=e.exports,e.exports.__esModule=!0},575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.default=e.exports,e.exports.__esModule=!0},913:e=>{function t(e,t){for(var n=0;n{e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.default=e.exports,e.exports.__esModule=!0},154:e=>{function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},e.exports.default=e.exports,e.exports.__esModule=!0,t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},205:(e,t,n)=>{var r=n(489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)},e.exports.default=e.exports,e.exports.__esModule=!0},860:e=>{e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0},884:e=>{e.exports=function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}},e.exports.default=e.exports,e.exports.__esModule=!0},521:e=>{e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},206:e=>{e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},479:(e,t,n)=>{var r=n(316);e.exports=function(e,t){if(null==e)return{};var n,o,a=r(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a},e.exports.default=e.exports,e.exports.__esModule=!0},316:e=>{e.exports=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o},e.exports.default=e.exports,e.exports.__esModule=!0},585:(e,t,n)=>{var r=n(8).default,o=n(506);e.exports=function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return o(e)},e.exports.default=e.exports,e.exports.__esModule=!0},489:e=>{function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},e.exports.default=e.exports,e.exports.__esModule=!0,t(n,r)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},38:(e,t,n)=>{var r=n(858),o=n(884),a=n(379),i=n(521);e.exports=function(e,t){return r(e)||o(e,t)||a(e,t)||i()},e.exports.default=e.exports,e.exports.__esModule=!0},319:(e,t,n)=>{var r=n(646),o=n(860),a=n(379),i=n(206);e.exports=function(e){return r(e)||o(e)||a(e)||i()},e.exports.default=e.exports,e.exports.__esModule=!0},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},379:(e,t,n)=>{var r=n(228);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t{"use strict";n.r(t)},161:(e,t,n)=>{"use strict";n.r(t)},922:(e,t,n)=>{"use strict";n.r(t)},345:(e,t,n)=>{"use strict";n.r(t)},350:(e,t,n)=>{"use strict";n.r(t)},470:(e,t,n)=>{"use strict";n.r(t)},171:(e,t,n)=>{"use strict";n.r(t)},172:(e,t,n)=>{"use strict";n.r(t)},670:(e,t,n)=>{"use strict";n.r(t)},738:(e,t,n)=>{"use strict";n.r(t)},733:(e,t,n)=>{"use strict";n.r(t)},78:(e,t,n)=>{"use strict";n.r(t)},783:(e,t,n)=>{"use strict";n.r(t)},930:(e,t,n)=>{"use strict";n.r(t)},363:(e,t,n)=>{"use strict";n.r(t)},488:(e,t,n)=>{"use strict";n.r(t)},548:t=>{"use strict";t.exports=e},356:e=>{"use strict";e.exports=t},935:e=>{"use strict";e.exports=n},639:e=>{"use strict";e.exports=r},346:e=>{"use strict";e.exports=o}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return a[e](n,n.exports,s),n.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";s.r(l),s.d(l,{CardBody:()=>$r,CardButton:()=>ro,CardContainer:()=>Gr,CardHero:()=>eo,Carousel:()=>gr,ComingSoon:()=>ir,DownloadIconButton:()=>wr,ErrorMessage:()=>Yt,FiscalYearPicker:()=>Tr,FlexGridCol:()=>Ur,FlexGridContainer:()=>Br,FlexGridRow:()=>Wr,GenericMessage:()=>Wt,InformationBoxes:()=>dr,LoadingMessage:()=>_n,NoResultsMessage:()=>En,PageHeader:()=>_r,Pagination:()=>ht,Picker:()=>kt,QuarterPicker:()=>It,SearchBar:()=>At,SectionTitle:()=>mr,ShareIcon:()=>Dr,Table:()=>Fn,Tabs:()=>ar,TooltipComponent:()=>Kn,TooltipWrapper:()=>Xn,useCumulativeQuarterPicker:()=>Pt,useDynamicStickyClass:()=>br});var e=s(575),t=s.n(e),n=s(913),r=s.n(n),o=s(205),a=s.n(o),i=s(585),c=s.n(i),u=s(754),d=s.n(u),p=s(639),f=s.n(p),m=s(935),h=s.n(m),v=s(548),g=s.n(v),b=s(356),y={symbol:"$",precision:0,format:{pos:"%s%v",neg:"-%s%v",zero:"%s%v"}},_=1e12,E=1e9,x=1e6,w=function(e){var t=Object.assign({},y,{symbol:""});return g().formatMoney(e,t)},O=function(e,t){var n=Object.assign({},y,{symbol:"",precision:t});return g().formatMoney(e,n)};function N(e){return N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},N(e)}function k(e,t){for(var n=0;n0;)t+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[62*Math.random()|0];return t}function ye(e){return"".concat(e).replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function _e(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,": ").concat(e[n],";")}),"")}function Ee(e){return e.size!==ge.size||e.x!==ge.x||e.y!==ge.y||e.rotate!==ge.rotate||e.flipX||e.flipY}function xe(e){var t=e.transform,n=e.containerWidth,r=e.iconWidth,o={transform:"translate(".concat(n/2," 256)")},a="translate(".concat(32*t.x,", ").concat(32*t.y,") "),i="scale(".concat(t.size/16*(t.flipX?-1:1),", ").concat(t.size/16*(t.flipY?-1:1),") "),s="rotate(".concat(t.rotate," 0 0)");return{outer:o,inner:{transform:"".concat(a," ").concat(i," ").concat(s)},path:{transform:"translate(".concat(r/2*-1," -256)")}}}var we={x:0,y:0,width:"100%",height:"100%"};function Oe(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return e.attributes&&(e.attributes.fill||t)&&(e.attributes.fill="black"),e}function Ne(e){var t=e.icons,n=t.main,r=t.mask,o=e.prefix,a=e.iconName,i=e.transform,s=e.symbol,l=e.title,c=e.maskId,u=e.titleId,d=e.extra,p=e.watchable,f=void 0!==p&&p,m=r.found?r:n,h=m.width,v=m.height,g="fak"===o,b=g?"":"fa-w-".concat(Math.ceil(h/v*16)),y=[Y.replacementClass,a?"".concat(Y.familyPrefix,"-").concat(a):"",b].filter((function(e){return-1===d.classes.indexOf(e)})).filter((function(e){return""!==e||!!e})).concat(d.classes).join(" "),_={children:[],attributes:S({},d.attributes,{"data-prefix":o,"data-icon":a,class:y,role:d.attributes.role||"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(h," ").concat(v)})},E=g&&!~d.classes.indexOf("fa-fw")?{width:"".concat(h/v*16*.0625,"em")}:{};f&&(_.attributes["data-fa-i2svg"]=""),l&&_.children.push({tag:"title",attributes:{id:_.attributes["aria-labelledby"]||"title-".concat(u||be())},children:[l]});var x=S({},_,{prefix:o,iconName:a,main:n,mask:r,maskId:c,transform:i,symbol:s,styles:S({},E,d.styles)}),w=r.found&&n.found?function(e){var t,n=e.children,r=e.attributes,o=e.main,a=e.mask,i=e.maskId,s=e.transform,l=o.width,c=o.icon,u=a.width,d=a.icon,p=xe({transform:s,containerWidth:u,iconWidth:l}),f={tag:"rect",attributes:S({},we,{fill:"white"})},m=c.children?{children:c.children.map(Oe)}:{},h={tag:"g",attributes:S({},p.inner),children:[Oe(S({tag:c.tag,attributes:S({},c.attributes,p.path)},m))]},v={tag:"g",attributes:S({},p.outer),children:[h]},g="mask-".concat(i||be()),b="clip-".concat(i||be()),y={tag:"mask",attributes:S({},we,{id:g,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[f,v]},_={tag:"defs",children:[{tag:"clipPath",attributes:{id:b},children:(t=d,"g"===t.tag?t.children:[t])},y]};return n.push(_,{tag:"rect",attributes:S({fill:"currentColor","clip-path":"url(#".concat(b,")"),mask:"url(#".concat(g,")")},we)}),{children:n,attributes:r}}(x):function(e){var t=e.children,n=e.attributes,r=e.main,o=e.transform,a=_e(e.styles);if(a.length>0&&(n.style=a),Ee(o)){var i=xe({transform:o,containerWidth:r.width,iconWidth:r.width});t.push({tag:"g",attributes:S({},i.outer),children:[{tag:"g",attributes:S({},i.inner),children:[{tag:r.icon.tag,children:r.icon.children,attributes:S({},r.icon.attributes,i.path)}]}]})}else t.push(r.icon);return{children:t,attributes:n}}(x),O=w.children,N=w.attributes;return x.children=O,x.attributes=N,s?function(e){var t=e.prefix,n=e.iconName,r=e.children,o=e.attributes,a=e.symbol;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:S({},o,{id:!0===a?"".concat(t,"-").concat(Y.familyPrefix,"-").concat(n):a}),children:r}]}]}(x):function(e){var t=e.children,n=e.main,r=e.mask,o=e.attributes,a=e.styles,i=e.transform;if(Ee(i)&&n.found&&!r.found){var s={x:n.width/n.height/2,y:.5};o.style=_e(S({},a,{"transform-origin":"".concat(s.x+i.x/16,"em ").concat(s.y+i.y/16,"em")}))}return[{tag:"svg",attributes:o,children:t}]}(x)}var ke=(Y.measurePerformance&&A&&A.mark&&A.measure,function(e,t,n,r){var o,a,i,s=Object.keys(e),l=s.length,c=void 0!==r?function(e,t){return function(n,r,o,a){return e.call(t,n,r,o,a)}}(t,r):t;for(void 0===n?(o=1,i=e[s[0]]):(o=0,i=n);o2&&void 0!==arguments[2]?arguments[2]:{},r=n.skipHooks,o=void 0!==r&&r,a=Object.keys(t).reduce((function(e,n){var r=t[n];return r.icon?e[r.iconName]=r.icon:e[n]=r,e}),{});"function"!=typeof G.hooks.addPack||o?G.styles[e]=S({},G.styles[e]||{},a):G.hooks.addPack(e,a),"fas"===e&&Ce("fa",t)}var Se=G.styles,Te=G.shims,Pe=function(){var e=function(e){return ke(Se,(function(t,n,r){return t[r]=ke(n,e,{}),t}),{})};e((function(e,t,n){return t[3]&&(e[t[3]]=n),e})),e((function(e,t,n){var r=t[2];return e[n]=n,r.forEach((function(t){e[t]=n})),e}));var t="far"in Se;ke(Te,(function(e,n){var r=n[0],o=n[1],a=n[2];return"far"!==o||t||(o="fas"),e[r]={prefix:o,iconName:a},e}),{})};function je(e,t,n){if(e&&e[t]&&e[t][n])return{prefix:t,iconName:n,icon:e[t][n]}}function Me(e){var t=e.tag,n=e.attributes,r=void 0===n?{}:n,o=e.children,a=void 0===o?[]:o;return"string"==typeof e?ye(e):"<".concat(t," ").concat(function(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,'="').concat(ye(e[n]),'" ')}),"").trim()}(r),">").concat(a.map(Me).join(""),"")}Pe(),G.styles;function Re(e){this.name="MissingIcon",this.message=e||"Icon unavailable",this.stack=(new Error).stack}Re.prototype=Object.create(Error.prototype),Re.prototype.constructor=Re;var ze={fill:"currentColor"},Ie={attributeType:"XML",repeatCount:"indefinite",dur:"2s"},De=(S({},ze,{d:"M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"}),S({},Ie,{attributeName:"opacity"}));function qe(e){var t=e[0],n=e[1],r=T(e.slice(4),1)[0];return{found:!0,width:t,height:n,icon:Array.isArray(r)?{tag:"g",attributes:{class:"".concat(Y.familyPrefix,"-").concat(W.GROUP)},children:[{tag:"path",attributes:{class:"".concat(Y.familyPrefix,"-").concat(W.SECONDARY),fill:"currentColor",d:r[0]}},{tag:"path",attributes:{class:"".concat(Y.familyPrefix,"-").concat(W.PRIMARY),fill:"currentColor",d:r[1]}}]}:{tag:"path",attributes:{fill:"currentColor",d:r}}}}S({},ze,{cx:"256",cy:"364",r:"28"}),S({},Ie,{attributeName:"r",values:"28;14;28;28;14;28;"}),S({},De,{values:"1;0;1;1;0;1;"}),S({},ze,{opacity:"1",d:"M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"}),S({},De,{values:"1;0;0;0;0;1;"}),S({},ze,{opacity:"0",d:"M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"}),S({},De,{values:"0;0;1;1;0;0;"}),G.styles,G.styles;var Ae=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.definitions={}}var t,n;return t=e,n=[{key:"add",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r-1;o--){var a=n[o],i=(a.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(i)>-1&&(r=a)}q.head.insertBefore(t,r)}}(function(){var e="fa",t=F,n=Y.familyPrefix,r=Y.replacementClass,o='svg:not(:root).svg-inline--fa {\n overflow: visible;\n}\n\n.svg-inline--fa {\n display: inline-block;\n font-size: inherit;\n height: 1em;\n overflow: visible;\n vertical-align: -0.125em;\n}\n.svg-inline--fa.fa-lg {\n vertical-align: -0.225em;\n}\n.svg-inline--fa.fa-w-1 {\n width: 0.0625em;\n}\n.svg-inline--fa.fa-w-2 {\n width: 0.125em;\n}\n.svg-inline--fa.fa-w-3 {\n width: 0.1875em;\n}\n.svg-inline--fa.fa-w-4 {\n width: 0.25em;\n}\n.svg-inline--fa.fa-w-5 {\n width: 0.3125em;\n}\n.svg-inline--fa.fa-w-6 {\n width: 0.375em;\n}\n.svg-inline--fa.fa-w-7 {\n width: 0.4375em;\n}\n.svg-inline--fa.fa-w-8 {\n width: 0.5em;\n}\n.svg-inline--fa.fa-w-9 {\n width: 0.5625em;\n}\n.svg-inline--fa.fa-w-10 {\n width: 0.625em;\n}\n.svg-inline--fa.fa-w-11 {\n width: 0.6875em;\n}\n.svg-inline--fa.fa-w-12 {\n width: 0.75em;\n}\n.svg-inline--fa.fa-w-13 {\n width: 0.8125em;\n}\n.svg-inline--fa.fa-w-14 {\n width: 0.875em;\n}\n.svg-inline--fa.fa-w-15 {\n width: 0.9375em;\n}\n.svg-inline--fa.fa-w-16 {\n width: 1em;\n}\n.svg-inline--fa.fa-w-17 {\n width: 1.0625em;\n}\n.svg-inline--fa.fa-w-18 {\n width: 1.125em;\n}\n.svg-inline--fa.fa-w-19 {\n width: 1.1875em;\n}\n.svg-inline--fa.fa-w-20 {\n width: 1.25em;\n}\n.svg-inline--fa.fa-pull-left {\n margin-right: 0.3em;\n width: auto;\n}\n.svg-inline--fa.fa-pull-right {\n margin-left: 0.3em;\n width: auto;\n}\n.svg-inline--fa.fa-border {\n height: 1.5em;\n}\n.svg-inline--fa.fa-li {\n width: 2em;\n}\n.svg-inline--fa.fa-fw {\n width: 1.25em;\n}\n\n.fa-layers svg.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.fa-layers {\n display: inline-block;\n height: 1em;\n position: relative;\n text-align: center;\n vertical-align: -0.125em;\n width: 1em;\n}\n.fa-layers svg.svg-inline--fa {\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n\n.fa-layers-counter, .fa-layers-text {\n display: inline-block;\n position: absolute;\n text-align: center;\n}\n\n.fa-layers-text {\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n\n.fa-layers-counter {\n background-color: #ff253a;\n border-radius: 1em;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #fff;\n height: 1.5em;\n line-height: 1;\n max-width: 5em;\n min-width: 1.5em;\n overflow: hidden;\n padding: 0.25em;\n right: 0;\n text-overflow: ellipsis;\n top: 0;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: top right;\n transform-origin: top right;\n}\n\n.fa-layers-bottom-right {\n bottom: 0;\n right: 0;\n top: auto;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: bottom right;\n transform-origin: bottom right;\n}\n\n.fa-layers-bottom-left {\n bottom: 0;\n left: 0;\n right: auto;\n top: auto;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: bottom left;\n transform-origin: bottom left;\n}\n\n.fa-layers-top-right {\n right: 0;\n top: 0;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: top right;\n transform-origin: top right;\n}\n\n.fa-layers-top-left {\n left: 0;\n right: auto;\n top: 0;\n -webkit-transform: scale(0.25);\n transform: scale(0.25);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n}\n\n.fa-lg {\n font-size: 1.3333333333em;\n line-height: 0.75em;\n vertical-align: -0.0667em;\n}\n\n.fa-xs {\n font-size: 0.75em;\n}\n\n.fa-sm {\n font-size: 0.875em;\n}\n\n.fa-1x {\n font-size: 1em;\n}\n\n.fa-2x {\n font-size: 2em;\n}\n\n.fa-3x {\n font-size: 3em;\n}\n\n.fa-4x {\n font-size: 4em;\n}\n\n.fa-5x {\n font-size: 5em;\n}\n\n.fa-6x {\n font-size: 6em;\n}\n\n.fa-7x {\n font-size: 7em;\n}\n\n.fa-8x {\n font-size: 8em;\n}\n\n.fa-9x {\n font-size: 9em;\n}\n\n.fa-10x {\n font-size: 10em;\n}\n\n.fa-fw {\n text-align: center;\n width: 1.25em;\n}\n\n.fa-ul {\n list-style-type: none;\n margin-left: 2.5em;\n padding-left: 0;\n}\n.fa-ul > li {\n position: relative;\n}\n\n.fa-li {\n left: -2em;\n position: absolute;\n text-align: center;\n width: 2em;\n line-height: inherit;\n}\n\n.fa-border {\n border: solid 0.08em #eee;\n border-radius: 0.1em;\n padding: 0.2em 0.25em 0.15em;\n}\n\n.fa-pull-left {\n float: left;\n}\n\n.fa-pull-right {\n float: right;\n}\n\n.fa.fa-pull-left,\n.fas.fa-pull-left,\n.far.fa-pull-left,\n.fal.fa-pull-left,\n.fab.fa-pull-left {\n margin-right: 0.3em;\n}\n.fa.fa-pull-right,\n.fas.fa-pull-right,\n.far.fa-pull-right,\n.fal.fa-pull-right,\n.fab.fa-pull-right {\n margin-left: 0.3em;\n}\n\n.fa-spin {\n -webkit-animation: fa-spin 2s infinite linear;\n animation: fa-spin 2s infinite linear;\n}\n\n.fa-pulse {\n -webkit-animation: fa-spin 1s infinite steps(8);\n animation: fa-spin 1s infinite steps(8);\n}\n\n@-webkit-keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.fa-rotate-90 {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n.fa-rotate-180 {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n.fa-rotate-270 {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg);\n}\n\n.fa-flip-horizontal {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";\n -webkit-transform: scale(-1, 1);\n transform: scale(-1, 1);\n}\n\n.fa-flip-vertical {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";\n -webkit-transform: scale(1, -1);\n transform: scale(1, -1);\n}\n\n.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {\n -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1);\n}\n\n:root .fa-rotate-90,\n:root .fa-rotate-180,\n:root .fa-rotate-270,\n:root .fa-flip-horizontal,\n:root .fa-flip-vertical,\n:root .fa-flip-both {\n -webkit-filter: none;\n filter: none;\n}\n\n.fa-stack {\n display: inline-block;\n height: 2em;\n position: relative;\n width: 2.5em;\n}\n\n.fa-stack-1x,\n.fa-stack-2x {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.svg-inline--fa.fa-stack-1x {\n height: 1em;\n width: 1.25em;\n}\n.svg-inline--fa.fa-stack-2x {\n height: 2em;\n width: 2.5em;\n}\n\n.fa-inverse {\n color: #fff;\n}\n\n.sr-only {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n}\n\n.svg-inline--fa .fa-primary {\n fill: var(--fa-primary-color, currentColor);\n opacity: 1;\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa .fa-secondary {\n fill: var(--fa-secondary-color, currentColor);\n opacity: 0.4;\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-primary {\n opacity: 0.4;\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-secondary {\n opacity: 1;\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa mask .fa-primary,\n.svg-inline--fa mask .fa-secondary {\n fill: black;\n}\n\n.fad.fa-inverse {\n color: #fff;\n}';if(n!==e||r!==t){var a=new RegExp("\\.".concat(e,"\\-"),"g"),i=new RegExp("\\--".concat(e,"\\-"),"g"),s=new RegExp("\\.".concat(t),"g");o=o.replace(a,".".concat(n,"-")).replace(i,"--".concat(n,"-")).replace(s,".".concat(r))}return o}()),Ve=!0)}function Fe(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map((function(e){return Me(e)}))}}),Object.defineProperty(e,"node",{get:function(){if(L){var t=q.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function Be(e){var t=e.prefix,n=void 0===t?"fa":t,r=e.iconName;if(r)return je(We.definitions,n,r)||je(G.styles,n,r)}var He,We=new Ae,Ve=!1,Ue={transform:function(e){return function(e){var t={size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0};return e?e.toLowerCase().split(" ").reduce((function(e,t){var n=t.toLowerCase().split("-"),r=n[0],o=n.slice(1).join("-");if(r&&"h"===o)return e.flipX=!0,e;if(r&&"v"===o)return e.flipY=!0,e;if(o=parseFloat(o),isNaN(o))return e;switch(r){case"grow":e.size=e.size+o;break;case"shrink":e.size=e.size-o;break;case"left":e.x=e.x-o;break;case"right":e.x=e.x+o;break;case"up":e.y=e.y-o;break;case"down":e.y=e.y+o;break;case"rotate":e.rotate=e.rotate+o}return e}),t):t}(e)}},Ye=(He=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?ge:n,o=t.symbol,a=void 0!==o&&o,i=t.mask,s=void 0===i?null:i,l=t.maskId,c=void 0===l?null:l,u=t.title,d=void 0===u?null:u,p=t.titleId,f=void 0===p?null:p,m=t.classes,h=void 0===m?[]:m,v=t.attributes,g=void 0===v?{}:v,b=t.styles,y=void 0===b?{}:b;if(e){var _=e.prefix,E=e.iconName,x=e.icon;return Fe(S({type:"icon"},e),(function(){return Le(),Y.autoA11y&&(d?g["aria-labelledby"]="".concat(Y.replacementClass,"-title-").concat(f||be()):(g["aria-hidden"]="true",g.focusable="false")),Ne({icons:{main:qe(x),mask:s?qe(s.icon):{found:!1,width:null,height:null,icon:{}}},prefix:_,iconName:E,transform:S({},ge,r),symbol:a,title:d,maskId:c,titleId:f,extra:{attributes:g,styles:y,classes:h}})}))}},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(e||{}).icon?e:Be(e||{}),r=t.mask;return r&&(r=(r||{}).icon?r:Be(r||{})),He(n,S({},t,{mask:r}))});function Xe(e){return Xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Xe(e)}function Ge(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Qe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ke(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Je(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t0||!Array.isArray(t)&&t?Ge({},e,t):{}}function ot(e){var t=e.forwardedRef,n=$e(e,["forwardedRef"]),r=n.icon,o=n.mask,a=n.symbol,i=n.className,s=n.title,l=n.titleId,c=nt(r),u=rt("classes",[].concat(Je(function(e){var t,n=e.spin,r=e.pulse,o=e.fixedWidth,a=e.inverse,i=e.border,s=e.listItem,l=e.flip,c=e.size,u=e.rotation,d=e.pull,p=(Ge(t={"fa-spin":n,"fa-pulse":r,"fa-fw":o,"fa-inverse":a,"fa-border":i,"fa-li":s,"fa-flip-horizontal":"horizontal"===l||"both"===l,"fa-flip-vertical":"vertical"===l||"both"===l},"fa-".concat(c),null!=c),Ge(t,"fa-rotate-".concat(u),null!=u&&0!==u),Ge(t,"fa-pull-".concat(d),null!=d),Ge(t,"fa-swap-opacity",e.swapOpacity),t);return Object.keys(p).map((function(e){return p[e]?e:null})).filter((function(e){return e}))}(n)),Je(i.split(" ")))),d=rt("transform","string"==typeof n.transform?Ue.transform(n.transform):n.transform),p=rt("mask",nt(o)),f=Ye(c,Ke({},u,{},d,{},p,{symbol:a,title:s,titleId:l}));if(!f)return function(){var e;!tt&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",c),null;var m=f.abstract,h={ref:t};return Object.keys(n).forEach((function(e){ot.defaultProps.hasOwnProperty(e)||(h[e]=n[e])})),at(m[0],h)}ot.displayName="FontAwesomeIcon",ot.propTypes={border:h().bool,className:h().string,mask:h().oneOfType([h().object,h().array,h().string]),fixedWidth:h().bool,inverse:h().bool,flip:h().oneOf(["horizontal","vertical","both"]),icon:h().oneOfType([h().object,h().array,h().string]),listItem:h().bool,pull:h().oneOf(["right","left"]),pulse:h().bool,rotation:h().oneOf([0,90,180,270]),size:h().oneOf(["lg","xs","sm","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:h().bool,symbol:h().oneOfType([h().bool,h().string]),title:h().string,transform:h().oneOfType([h().string,h().object]),swapOpacity:h().bool},ot.defaultProps={border:!1,className:"",mask:null,fixedWidth:!1,inverse:!1,flip:null,icon:null,listItem:!1,pull:null,pulse:!1,rotation:null,size:null,spin:!1,symbol:!1,title:"",transform:null,swapOpacity:!1};var at=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var o=(n.children||[]).map((function(n){return e(t,n)})),a=Object.keys(n.attributes||{}).reduce((function(e,t){var r=n.attributes[t];switch(t){case"class":e.attrs.className=r,delete n.attributes.class;break;case"style":e.attrs.style=et(r);break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[Ze(t)]=r}return e}),{attrs:{}}),i=r.style,s=void 0===i?{}:i,l=$e(r,["style"]);return a.attrs.style=Ke({},a.attrs.style,{},s),t.apply(void 0,[n.tag,Ke({},a.attrs,{},l)].concat(Je(o)))}.bind(null,f().createElement);var it={changePage:h().func.isRequired,totalItems:h().number.isRequired,currentPage:h().number.isRequired,pageSize:h().number.isRequired},st=function(e){a()(s,e);var n,o,i=(n=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d()(n);if(o){var r=d()(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return c()(this,e)});function s(){return t()(this,s),i.apply(this,arguments)}return r()(s,[{key:"getPager",value:function(){var e,t,n=this.props,r=n.totalItems,o=n.currentPage,a=n.pageSize,i=n.changePage,s=Math.ceil(r/a),l=f().createElement("li",{className:"pager__ellipsis"},"..."),c=f().createElement("li",{className:"pager__ellipsis"},"..."),u=f().createElement("li",{className:"pager__item"},f().createElement("button",{className:"pager__button",type:"button",onClick:function(){return i(1)}},1)),d=f().createElement("li",{className:"pager__item"},f().createElement("button",{className:"pager__button",type:"button",onClick:function(){return i(s)}},O(s,0)));s<5?(e=1,t=s,l="",c="",u="",d=""):(e=o-1,t=o+1,o<4?(l="",u="",1===o?(e=o,t=o+2):3===o&&(e=1,t=4)):o>s-3&&(c="",d="",o===s?(e=o-2,t=o):o===s-2&&(e=o-1,t=s)));var p=(o-1)*a,m=Math.min(p+(a-1),r-1),h=(0,b.range)(e,t+1);return{totalPages:s,startPage:e,endPage:t,startIndex:p,endIndex:m,pages:h,prevEllipses:l,nextEllipses:c,firstButton:u,lastButton:d}}},{key:"generatePageButtons",value:function(e){var t=this,n=this.props.currentPage;return e.map((function(e,r){return f().createElement("li",{key:r,className:"pager__item"},f().createElement("button",{className:"pager__button ".concat(n===e?"pager__button_active":""),type:"button",onClick:function(){return t.props.changePage(e)}},O(e,0)))}))}},{key:"render",value:function(){var e=this.props,t=e.currentPage,n=e.changePage,r=this.getPager(),o=this.generatePageButtons(r.pages,r.totalPages);return f().createElement("ul",{className:"pager"},f().createElement("li",{className:"pager__item"},f().createElement("button",{className:"pager__button ".concat(1===t?"pager__button_disabled":""),type:"button",disabled:1===t,onClick:function(){return n(t-1)},title:"Previous page"},f().createElement(ot,{icon:"angle-left"}))),r.firstButton,r.prevEllipses,o,r.nextEllipses,r.lastButton,f().createElement("li",{className:"pager__item"},f().createElement("button",{className:"pager__button ".concat(t===r.totalPages?"pager__button_disabled":""),type:"button",disabled:t===r.totalPages,onClick:function(){return n(t+1)},title:"Next page"},f().createElement(ot,{icon:"angle-right"}))))}}]),s}(f().Component);st.propTypes=it;var lt=s(506),ct=s.n(lt);var ut={changeLimit:h().func.isRequired,pageSize:h().number,limitList:h().arrayOf(h().number),label:h().string},dt=function(e){a()(s,e);var n,o,i=(n=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d()(n);if(o){var r=d()(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return c()(this,e)});function s(e){var n;return t()(this,s),(n=i.call(this,e)).changeLimit=n.changeLimit.bind(ct()(n)),n}return r()(s,[{key:"changeLimit",value:function(e){e.preventDefault();var t=parseInt(e.target.value,10);this.props.changeLimit(t)}},{key:"render",value:function(){var e=this.props.label?this.props.label:"Rows per page: ",t=this.props,n=t.limitList,r=t.pageSize,o=n.map((function(e){return f().createElement("option",{key:"limit-".concat(e),value:e},e)}));return f().createElement("div",{className:"usa-dt-pagination__limit-selector__wrapper"},f().createElement("label",null,e),f().createElement("select",{onChange:this.changeLimit,value:r,className:"usa-dt-pagination__limit-selector","aria-label":"limit-dropdown"},o))}}]),s}(f().Component);dt.propTypes=ut,dt.defaultProps={pageLimit:10,limitList:[10,25,50,100]};var pt={changePage:h().func.isRequired,totalPages:h().number,id:h().string},ft=function(e){a()(s,e);var n,o,i=(n=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d()(n);if(o){var r=d()(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return c()(this,e)});function s(e){var n;return t()(this,s),(n=i.call(this,e)).state={goToPage:""},n.changePage=n.changePage.bind(ct()(n)),n.changedInput=n.changedInput.bind(ct()(n)),n.validPage=n.validPage.bind(ct()(n)),n}return r()(s,[{key:"changePage",value:function(e){e.preventDefault(),this.validPage()&&this.props.changePage(parseInt(this.state.goToPage,10))}},{key:"changedInput",value:function(e){this.setState({goToPage:e.target.value})}},{key:"validPage",value:function(){var e=this.state.goToPage,t=this.props.totalPages;return!(""===e||parseInt(e,10)<1||parseInt(e,10)>t)}},{key:"render",value:function(){var e=this.props.totalPages,t=e>1?"1-".concat(e):"1";return f().createElement("form",{className:"usa-dt-pagination__go-to"},f().createElement("label",{htmlFor:"".concat(this.props.id,"-go-to")},"Go to page"),f().createElement("input",{type:"number",id:"".concat(this.props.id,"-go-to"),title:"Enter a number between 1 and ".concat(e),min:"1",max:e,placeholder:t,value:this.state.goToPage,onChange:this.changedInput,onSubmit:this.changePage}),f().createElement("button",{type:"submit",onClick:this.changePage,disabled:!this.validPage()},"Go"))}}]),s}(f().Component);ft.propTypes=pt,ft.defaultProps={totalPages:1,id:"usa-dt-pagination-go-to"};var mt={changePage:h().func.isRequired,totalItems:h().number.isRequired,currentPage:h().number,pageSize:h().number,resultsText:h().oneOfType([h().bool,h().element]),limitSelector:h().bool,changeLimit:h().func,goToPage:h().bool,id:h().string};s(363);var ht=function(e){a()(s,e);var n,o,i=(n=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d()(n);if(o){var r=d()(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return c()(this,e)});function s(){return t()(this,s),i.apply(this,arguments)}return r()(s,[{key:"getResultsText",value:function(){var e=this.props,t=e.resultsText,n=e.totalItems,r=e.currentPage,o=e.pageSize;if(f().isValidElement(t))return t;if(t){var a=function(e,t,n){var r=(e-1)*t+1,o=e*t;return e===Math.ceil(n/t)&&(o=n),{start:r,end:o}}(r,o,n),i=O(a.start,0),s=O(a.end,0),l=O(n,0);return f().createElement("div",{className:"usa-dt-pagination__totals"},"".concat(i,"-").concat(s," of ").concat(l," results"))}return null}},{key:"render",value:function(){var e=this.props,t=e.limitSelector,n=e.goToPage,r=e.changePage,o=e.changeLimit,a=e.currentPage,i=e.pageSize,s=e.totalItems,l=e.id,c=Math.ceil(s/i),u=this.getResultsText(),d=t?f().createElement(dt,{changeLimit:o,pageSize:i}):null,p=n?f().createElement(ft,{changePage:r,totalPages:c,id:l}):null;return!t&&c<=1?null:f().createElement("div",{className:"usa-dt-pagination"},u,f().createElement("div",{className:"usa-dt-pagination__wrapper"},d,f().createElement(st,{changePage:r,totalItems:s,currentPage:a,pageSize:i}),p))}}]),s}(f().Component);ht.propTypes=mt,ht.defaultProps={currentPage:1,pageSize:10,resultsText:!1,customResultsText:null,limitSelector:!1,changeLimit:function(){},goToPage:!1};var vt=s(713),gt=s.n(vt),bt=s(38),yt=s.n(bt);function _t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Et(e){for(var t=1;tt.name?1:0},Nt=function(e){var t=e.className,n=void 0===t?"":t,r=e.id,o=void 0===r?"":r,a=e.options,i=e.selectedOption,s=e.icon,l=void 0===s?null:s,c=e.sortFn,u=void 0===c?Ot:c,d=e.isFixedWidth,m=void 0!==d&&d,h=e.children,v=e.dropdownDirection,g=void 0===v?"right":v,y=e.backgroundColor,_=void 0===y?"#1a4480":y,E=(0,p.useRef)(null),x=(0,p.useRef)(null),w=(0,p.useState)(!1),O=yt()(w,2),N=O[0],k=O[1],C=(0,p.useState)({top:0,width:0,left:0,right:0}),S=yt()(C,2),T=S[0],P=S[1],j=function(){x.current&&E.current&&P({top:x.current.offsetHeight,width:x.current.offsetWidth,left:x.current.offsetLeft,right:E.current.offsetWidth-(x.current.offsetWidth+x.current.offsetLeft)})};return(0,p.useEffect)((function(){0!==T.width&&m&&x.current&&x.current.offsetWidth!==T.width&&j()})),(0,p.useEffect)((function(){var e=function(e){N&&E.current&&!E.current.contains(e.target)&&e.target.id!=="".concat(o,"-").concat(xt)&&e.target.parentNode.id!=="".concat(o,"-").concat(xt)&&k(!1)};return j(),document.addEventListener("click",e),function(){document.removeEventListener("click",e)}}),[N]),f().createElement("div",{id:o,className:"usa-dt-picker ".concat(n),ref:E,style:{backgroundColor:_}},f().createElement("div",{className:"usa-dt-picker__dropdown-container",style:{backgroundColor:_}},f().createElement("button",{style:{backgroundColor:_},ref:x,"aria-label":"Dropdown Toggle Button",className:"usa-dt-picker__button",onClick:function(e){e.preventDefault(),k(!N)}},l&&f().createElement("div",{className:"usa-dt-picker__icon"},l),h?f().createElement(f().Fragment,null,h):f().createElement(f().Fragment,null,f().createElement("span",{className:"usa-dt-picker__button-text",style:{backgroundColor:_}},i),f().createElement("span",{className:"usa-dt-picker__button-icon"},!N&&f().createElement(ot,{id:"".concat(o,"-").concat(xt),icon:"chevron-down",alt:"Toggle menu",color:"#555"}),N&&f().createElement(ot,{id:"".concat(o,"-").concat(xt),icon:"chevron-up",alt:"Toggle menu",color:"#555"})))),f().createElement("ul",{className:"usa-dt-picker__list ".concat(N?"":"hide"),style:function(){var e={top:"".concat(T.top,"px"),left:"".concat(T.left,"px")};return m&&"right"===g?Et(Et({},e),{},{width:"".concat(T.width,"px")}):m&&"left"===g?{top:e.top,right:"".concat(T.right),width:"".concat(T.width,"px")}:"left"===g?{top:e.top,right:"".concat(T.right,"px")}:e}()},a.sort((function(e,t){return u(e,t,i)})).map((function(e){return Et(Et({},e),{},{onClick:(t=e.onClick,function(e){t(e),k(!1)})});var t})).map((function(e){return f().createElement("li",{key:(0,b.uniqueId)(),className:"usa-dt-picker__list-item ".concat(null!=e&&e.classNames?e.classNames:"")},f().createElement("button",{className:"usa-dt-picker__item ".concat(e.name===i?"active":""),value:"".concat(e.value||e.name),onClick:function(t){t.preventDefault(),e.onClick(e.value)}},e.component?e.component:e.name))})))))};Nt.propTypes=wt;const kt=Nt;var Ct={disabled:h().bool,active:h().bool,showPeriods:h().bool,quarter:h().string,handleSelection:h().func,handleHover:h().func,handleBlur:h().func,toggleTooltip:h().func,title:h().string},St=function(e){var t=e.disabled,n=e.active,r=e.quarter,o=e.handleSelection,a=e.toggleTooltip,i=e.title,s=void 0===i?"":i,l=e.handleHover,c=e.handleBlur,u=e.showPeriods,d=void 0!==u&&u,p=s||"Q ".concat(r),m=function(){t?a(r):l(r,d?"period":"quarter")},h=function(){a(0),c(d?"period":"quarter")},v=function(e){e.preventDefault(),t||o(r)},g=t?"usa-dt-quarter-picker__quarter_disabled ":"";return"1"===r?g+="usa-dt-quarter-picker__quarter_first":"4"===r?g+="usa-dt-quarter-picker__quarter_last":s.includes("-")&&(g+="usa-dt-quarter-picker__quarter_double"),!t&&n&&(g+=" usa-dt-quarter-picker__quarter_active"),f().createElement("button",{className:"usa-dt-quarter-picker__quarter ".concat(g),onMouseDown:v,onClick:v,onMouseOver:m,onMouseEnter:m,onFocus:m,onMouseLeave:h,onBlur:h,"aria-disabled":t},p)};St.propTypes=Ct;const Tt=St;var Pt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=(0,p.useState)(e),n=yt()(t,2),r=n[0],o=n[1],a=function(e){var t=parseInt(e,10),n=r.map((function(e){return parseInt(e,10)})).filter((function(e){return e<=t})).map((function(e){return"".concat(e)}));o(n.concat([e]))};return[r,a]},jt=[[{title:"1 - 2",id:"2",className:"double-period"},{title:"3",id:"3"}],[{title:"4",id:"4"},{title:"5",id:"5"},{title:"6",id:"6"}],[{title:"7",id:"7"},{title:"8",id:"8"},{title:"9",id:"9"}],[{title:"10",id:"10"},{title:"11",id:"11"},{title:"12",id:"12"}]],Mt=function(e,t){return t.some((function(t){return parseInt(t,10)>=parseInt(e,10)}))},Rt={handleSelection:h().func,selectedQuarters:h().arrayOf(h().string),disabledQuarters:h().arrayOf(h().string),selectedPeriods:h().arrayOf(h().string),disabledPeriods:h().arrayOf(h().string),periodsPerQuarter:h().arrayOf(h().arrayOf(h().shape({title:h().string,id:h().string}))),showPeriods:h().bool,isCumulative:h().bool},zt=function(e){var t=e.handleSelection,n=e.disabledQuarters,r=void 0===n?[]:n,o=e.disabledPeriods,a=void 0===o?[]:o,i=e.periodsPerQuarter,s=void 0===i?jt:i,l=e.selectedQuarters,c=void 0===l?[]:l,u=e.selectedPeriods,d=void 0===u?[]:u,m=e.showPeriods,h=void 0!==m&&m,v=e.isCumulative,g=void 0!==v&&v,y=(0,p.useState)(""),_=yt()(y,2),E=_[0],x=_[1],w=(0,p.useState)(""),O=yt()(w,2),N=O[0],k=O[1],C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"quarter";"quarter"===t?k(e):x(e)},S=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"quarter";"quarter"===e?k(""):x("")};return f().createElement("div",{className:"usa-dt-quarter-picker"},f().createElement("ul",{className:"usa-dt-quarter-picker__list"},new Array(4).fill(0).map((function(e,n){var o=n+1,i="".concat(o);if(h){var l=s[n],u=l.every((function(e){return a.includes(e.id)}));return f().createElement("li",{className:"usa-dt-quarter-picker__list-item usa-dt-quarter-picker__period-list-container",key:(0,b.uniqueId)()},f().createElement("p",{className:u?"disabled":""},"Q".concat(o)),f().createElement("ul",{className:"usa-dt-quarter-picker__period-list"},l.map((function(e){return f().createElement("li",{className:Object.keys(e).includes("className")?"".concat(e.className," usa-dt-quarter-picker__list-item"):"usa-dt-quarter-picker__list-item",key:(0,b.uniqueId)()},f().createElement(Tt,{showPeriods:h,quarter:e.id,title:e.title,disabled:a.includes(e.id),active:Mt(e.id,d)||parseInt(E,10)>=parseInt(e.id,10),handleHover:C,handleBlur:S,handleSelection:t,toggleTooltip:function(){}}))}))))}return f().createElement("li",{className:"usa-dt-quarter-picker__list-item",key:(0,b.uniqueId)()},f().createElement(Tt,{quarter:i,disabled:r.includes(i),active:g?Mt(i,c)||parseInt(N,10)>=o:c.includes(i)||N===i,handleSelection:t,handleHover:C,handleBlur:S,toggleTooltip:function(){}}))}))))};zt.propTypes=Rt;const It=zt;s(670);var Dt={onSearch:h().func,minChars:h().number,isDisabled:h().bool,throttleOnChange:h().number,inputTitle:h().string,placeholder:h().string},qt=function(e){var t=e.onSearch,n=e.minChars,r=e.isDisabled,o=e.throttleOnChange,a=e.inputTitle,i=e.placeholder,s=(0,p.useState)(""),l=yt()(s,2),c=l[0],u=l[1],d=(0,p.useState)(""),m=yt()(d,2),h=m[0],v=m[1],g=function(){u(""),t(""),v("")},y=(0,b.throttle)((function(e){return function(e,t){return!(!t||e.target.value)}(e,h)?g():u(e.target.value)}),o),_="search";return(c&&h===c||h&&c.length=0||(o[n]=e[n]);return o}function Gt(){return Gt=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:t;s(n,e.target.value)},currentSort:i,title:t,displayName:a}))))};Cn.propTypes=kn;const Sn=Cn;var Tn={prefix:"fas",iconName:"angle-double-right",icon:[448,512,[],"f101","M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"]},Pn={prefix:"fas",iconName:"check-circle",icon:[512,512,[],"f058","M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"]},jn={prefix:"fas",iconName:"file-download",icon:[384,512,[],"f56d","M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"]},Mn={prefix:"fas",iconName:"spinner",icon:[512,512,[],"f110","M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"]},Rn={columns:h().arrayOf(h().object).isRequired,rows:h().arrayOf((0,m.oneOfType)([h().array,h().object])).isRequired,expandable:h().bool,divider:h().string,onClickHandler:h().func,isMobile:h().bool},zn=function(e){var t=e.columns,n=e.rows,r=e.expandable,o=e.divider,a=e.onClickHandler,i=e.isMobile,s=(0,p.useState)(!1),l=yt()(s,2),c=l[0],u=l[1],d=(0,p.useState)(),m=yt()(d,2),h=m[0],v=m[1],g=function(e,t){i&&!c?(u(!0),v(t)):i&&c&&h===t?(a(e),u(!1)):i&&c&&h!==t?v(t):i||a(e)};return f().createElement(f().Fragment,null,n.map((function(e,n){var a=n%2==0?"":" usda-table__row_odd";return r?f().createElement(On,{key:(0,b.uniqueId)(),data:e,oddClass:a,columns:t,divider:o}):f().createElement("tr",{key:(0,b.uniqueId)(),tabIndex:0,onClick:function(){return g(e,n)},onKeyUp:function(t){"Enter"===t.key&&(t.preventDefault(),g(e,n))},className:"usda-table__row-item usda-table__row".concat(a)},e.map((function(e,r){var o,a;return null!==(o=t[r])&&void 0!==o&&o.bodyHeader?f().createElement(Sn,Ft()({className:"table-header_body-header",key:(0,b.uniqueId)()},e)):f().createElement("td",{key:(0,b.uniqueId)(),className:"usda-table__cell".concat(null!==(a=t[r])&&void 0!==a&&a.right?" usda-table__cell_right":"")},t[r]&&f().createElement("div",{className:"usda-table__cell-heading-container"},i&&f().createElement("div",{className:"usda-table__cell-heading"},t[r].displayName),i&&c&&0===r&&h===n&&f().createElement("div",{className:"usda-table__cell-message"},"View next level"," ",f().createElement(ot,{icon:Tn,color:"#2378c3"}))),e)})))})))};zn.propTypes=Rn;const In=zn;function Dn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qn(e){for(var t=1;tr?t:r;return o<425?o-10:"bottom"===n.props.tooltipPosition?n.props.width:n.props.wide?a>800?700:a-5:n.props.width})),gt()(ct()(n),"getDimensionsForMobile",(function(e,t){return e?{top:"".concat(n.tooltipContainer.clientHeight+n.tooltipContainer.offsetTop+8,"px"),width:t,left:"".concat(n.tooltipContainer.clientWidth/2-8,"px")}:Vn(Vn({},n.state.spacerStyles),{},{width:t})})),n.state={showTooltip:!1,isHoveringOnTooltip:!1,offsetTop:0,arrowDirection:"left",spacerStyles:{}},n.showTooltip=n.showTooltip.bind(ct()(n)),n.closeTooltip=n.closeTooltip.bind(ct()(n)),n.setTooltipDimensions=(0,b.throttle)(n.setTooltipDimensions.bind(ct()(n)),16),n}return r()(s,[{key:"componentDidMount",value:function(){this.setTooltipDimensions(),window.addEventListener("scroll",(0,b.throttle)(this.setTooltipDimensions,500)),window.addEventListener("resize",(0,b.throttle)(this.setTooltipDimensions,100))}},{key:"componentDidUpdate",value:function(){this.setTooltipDimensions()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.setTooltipDimensions),window.removeEventListener("resize",this.setTooltipDimensions)}},{key:"getAvailableHorizontalSpace",value:function(){var e=window.innerWidth,t=this.tooltipContainer,n=t.offsetLeft;return{right:e-n-t.clientWidth,left:n,total:e}}},{key:"setTooltipDimensions",value:function(){if(Object.keys(this.props.styles).includes("transform")&&this.tooltipContainer)"bottom"===this.props.tooltipPosition?this.setState({arrowDirection:"bottom",spacerStyle:{width:this.getTooltipWidth()}}):this.setState({spacerStyle:{width:this.getTooltipWidth()}});else if(this.tooltipContainer){var e=this.getTooltipWidth(),t=this.getAvailableHorizontalSpace(),n=t.left,r=t.total,o=t.right,a=this.tooltipContainer.offsetTop+this.props.offsetAdjustments.top,i=r<700;if("bottom"===this.props.tooltipPosition||i)this.setState({arrowDirection:"bottom",spacerStyle:Vn({},this.getDimensionsForMobile(i,e))});else if("right"===this.props.tooltipPosition&&o1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[13,32];return function(r){n.includes(r.keyCode)&&e.apply(void 0,Jn()(t))}},er={label:h().string.isRequired,internal:h().string,labelContent:h().element,active:h().bool,enabled:h().bool,switchTab:h().func,className:h().string,tooltip:h().object,count:h().number,tablessStyle:h().bool},tr=function(e){var t=(0,p.useRef)(null),n=function(){var n,r;e.enabled&&(null!=t&&t.current&&null!==(n=t.current)&&void 0!==n&&n.scrollIntoView&&(null===(r=t.current)||void 0===r||r.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})),e.switchTab(e.internal))},r=Zn(n);return f().createElement("div",{className:"usa-dt-tab__wrapper".concat(e.enabled?"":" disabled").concat(e.tablessStyle?" tabless-tab":"").concat(e.active?" active":"")},f().createElement("div",{className:"usa-dt-tab".concat(e.active?" active":""," ").concat(e.className||"").concat(e.enabled?"":" disabled"),ref:t,onClick:n,onKeyDown:r,role:"tab",title:"Show ".concat(e.label),"aria-label":"Show ".concat(e.label),tabIndex:0,disabled:!e.enabled},f().createElement("div",{className:"usa-dt-tab__content"},f().createElement("div",{className:"usa-dt-tab__label"},f().createElement("div",{className:"usa-dt-tab__label-text"},e.label),e.count>=0&&f().createElement("div",{"aria-label":"Count of ".concat(w(e.count)," for ").concat(e.label),className:"count".concat(e.active?" active":"")},w(e.count)),e.tooltip&&f().createElement(Xn,{tooltipComponent:f().createElement(Kn,{title:e.label},e.tooltip),icon:"info"})))))};tr.propTypes=er;const nr=tr;s(78);var rr={types:h().arrayOf(h().shape({label:h().string.isRequired,internal:h().string.isRequired,count:h().number,disabled:h().bool,tooltip:h().element})).isRequired,active:h().string.isRequired,switchTab:h().func.isRequired,tabsClassName:h().string,tablessStyle:h().bool},or=function(e){var t=e.types,n=e.active,r=e.switchTab,o=e.tabsClassName,a=e.tablessStyle,i=t.map((function(e){return f().createElement(nr,Ft()({},e,{active:n===e.internal,switchTab:r,key:"table-type-item-".concat(e.internal),enabled:!e.disabled,className:o,tooltip:e.tooltip,tablessStyle:a}))}));return f().createElement("div",{className:"usa-dt-tab-list".concat(a?" tabless-tabs":""),role:"tablist"},!a&&f().createElement("div",{className:"usa-dt-tab-list__border-pre-filler"}),i,f().createElement("div",{className:"usa-dt-tab-list__border-post-filler"}))};or.propTypes=rr;const ar=or;s(470);const ir=function(e){var t=e.className;return f().createElement(Wt,{className:"coming soon ".concat(t),title:"Coming Soon",description:"This feature is currently under development."})};var sr=function(e,t,n){if(0!==e&&!e)return null;var r=t?function(e){return g().formatMoney(e,y)}(e):w(e);if(Math.abs(e)>x){var o=function(e){var t=Math.abs(e),n=1,r="",o="";return t>=_?(n=_,r="T",o="trillion"):t>=E?(n=E,r="B",o="billion"):t>=x?(n=x,r="M",o="million"):t>=1e3&&(n=1e3,r="k",o="thousand"),{unit:n,unitLabel:r,longLabel:o}}(e);r="".concat(t?function(e,t){var n=Object.assign({},y,{precision:t});return g().formatMoney(e,n)}(e/o.unit,2):O(e/o.unit,2)," ").concat(n?(0,b.startCase)(o.longLabel):o.unitLabel)}return r},lr={2:"two",3:"three",4:"four"};s(350);var cr={boxes:h().arrayOf(h().shape({type:h().string.isRequired,title:h().oneOfType([h().string,h().element]),amount:h().number,isMonetary:h().bool,subtitle:h().string,subtitleBottom:h().string,isLoading:h().bool}))},ur=function(e){var t=e.boxes,n=(0,p.useState)(window.innerWidth>1200),r=yt()(n,2),o=r[0],a=r[1],i=(0,b.throttle)((function(){return a(window.innerWidth>1200)}));return(0,p.useEffect)((function(){return i(),window.addEventListener("resize",i),function(){return window.removeEventListener("resize",i)}}),[]),f().createElement("div",{className:"usa-dt-information-boxes ".concat(lr[t.length],"-boxes")},t.map((function(e){return f().createElement("div",{key:e.type,className:"usa-dt-information-box"},f().createElement("div",{className:"usa-dt-information-box__divider"},f().createElement("div",{className:"usa-dt-information-box__content".concat(e.subtitle?" with-subtitle":"")},f().createElement("div",{className:"usa-dt-information-box__title"},e.title),e.subtitle&&f().createElement("div",{className:"usa-dt-information-box__subtitle"},e.subtitle),f().createElement("div",{className:"usa-dt-information-box__amount".concat(e.isLoading?" loading":"")},e.isLoading&&f().createElement("div",{className:"dot-pulse"}),!e.isLoading&&sr(e.amount,e.isMonetary,o)),e.subtitleBottom&&f().createElement("div",{className:"usa-dt-information-box__subtitle-bottom"},e.subtitleBottom))))})))};ur.propTypes=cr;const dr=ur;s(738);var pr={isControlled:!1,toggleExpand:function(){},isExpanded:!1},fr=function(e){var t=e.title,n=e.icon,r=e.children,o=e.id,a=void 0===o?"":o,i=e.classNames,s=void 0===i?"":i,l=e.isCollapsible,c=void 0!==l&&l,u=e.isComingSoon,d=void 0!==u&&u,m=e.controlledProps,h=void 0===m?pr:m,v=e.defaultExpandedState,g=void 0===v||v,b=e.overLine,y=void 0===b?"":b,_=e.titleTooltip,E=void 0===_?{tooltip:null,tooltipProps:{}}:_,x=e.descTooltip,w=void 0===x?{component:null,props:{}}:x,O=e.description,N=(0,p.useState)(g),k=yt()(N,2),C=k[0],S=k[1],T=function(){h.isControlled?h.toggleExpand():S(!C)},P=C||h.isControlled&&h.isExpanded||!c;return f().createElement("section",{id:a,className:"usda-section__container".concat(s?" ".concat(s):"")},f().createElement("div",{className:"usda-section-title__container"},n&&f().cloneElement(n,{className:"usda-section-title__title-icon"}),f().createElement("div",{className:"usda-section-title__header"},y&&f().createElement("strong",{className:"usda-section-title__overline"},y),f().createElement("div",{className:"usda-section-title__title"},f().createElement("h3",null,t),E.component&&f().createElement(Xn,Ft()({tooltipComponent:E.component,icon:"info",className:"".concat(y?"has-overline":"")},E.props)))),O&&f().cloneElement(O,{className:"usda-section-title__desc has-overline"}),w.component&&f().createElement(Xn,Ft()({tooltipComponent:w.component,icon:"info",tooltipPosition:"left"},w.props)),c&&f().createElement(ot,{tabIndex:0,onKeyDown:Zn(T),className:"usda-section-title__expand-icon",onClick:T,size:"2x",icon:C||h.isControlled&&h.isExpanded?"chevron-up":"chevron-down"})),f().createElement("hr",null),d&&P&&f().createElement(ir,null),P&&!d&&r)};fr.propTypes={icon:h().element.isRequired,children:h().element.isRequired,title:h().string.isRequired,defaultExpandedState:h().bool,overLine:h().string,controlledProps:h().shape({isControlled:h().bool.isRequired,toggleExpand:h().func.isRequired,isExpanded:h().bool.isRequired}),description:h().element,titleTooltip:h().shape({component:h().element,props:h().object}),descTooltip:h().shape({component:h().element,props:h().object}),isCollapsible:h().bool,isComingSoon:h().bool,classNames:h().string,id:h().string};const mr=fr;s(27);var hr={items:h().arrayOf(h().element)},vr=function(e){var t=e.items,n=(0,p.useState)(1),r=yt()(n,2),o=r[0],a=r[1],i=(0,p.useState)(!1),s=yt()(i,2),l=s[0],c=s[1],u=(0,p.useRef)(null),d=(0,p.useRef)(0),m=(0,p.useRef)((0,b.uniqueId)()),h=(0,p.useRef)(null),v=(0,p.useRef)(null),g=function(e){return a(e)},y=function(){return g(o)};(0,p.useEffect)((function(){return window.addEventListener("resize",y),function(){return window.removeEventListener("resize",y)}}),[]),(0,p.useEffect)((function(){var e,n;l||g((e=v.current.offsetWidth,(n=Math.round(-1*d.current/e)+1)>t.length?1:n<1?t.length:n))}),[l]),(0,p.useEffect)((function(){if(h.current&&v.current){var e=v.current.offsetWidth,t=(o-1)*e*-1;d.current=t,h.current.style.transform="translate(".concat(t,"px, 0px)")}}));var _=function(){u.current=null,c(!1)},E=function(){return _()},x=function(e){var t=e-u.current;u.current=e,d.current+=t,h.current.style.transform="translate(".concat(d.current,"px, 0px)")},w=function(){l&&_()},O=function(e){e.preventDefault(),g(parseInt(e.target.value,10))};return f().createElement("div",{className:"usa-dt-carousel","aria-describedby":"".concat(m.current,"-instructions")},f().createElement("div",{id:"".concat(m.current,"-instructions"),className:"usa-dt-carousel__instructions","aria-live":"polite"},"An image carousel containing ","".concat(t.length," item").concat(1!==t.length?"s":""),", with item ",o," shown."),f().createElement("div",{className:"usa-dt-carousel-content"},f().createElement("div",{className:"usa-dt-carousel-item",onTouchStart:function(){return c(!0)},onTouchMove:function(e){if(l&&e.touches&&e.touches.length&&h){var t=e.touches[0];null===u.current?u.current=t.pageX:x(t.pageX)}},onTouchEnd:E,onTouchCancel:E,onMouseDown:function(e){e.preventDefault(),c(!0)},onMouseUp:w,onMouseLeave:w,onMouseMove:function(e){l&&(null===u.current?u.current=e.pageX:x(e.pageX))},role:"presentation",ref:v},f().createElement("div",{className:"usa-dt-carousel-item__list ".concat(l?"usa-dt-carousel-item__list_dragging":""),"aria-live":"polite",ref:h},t.map((function(e,t){return f().createElement("div",{className:"usa-dt-carousel-item__list-item",key:"".concat(t,"-the-list-item"),"aria-hidden":o!==t+1,tabIndex:-1},(0,p.cloneElement)(e,{className:"usa-dt-carousel-item__item"}))}))))),f().createElement("div",{className:"usa-dt-carousel-pager"},f().createElement("div",{className:"usa-dt-carousel-pager__list",role:"menu","aria-label":"Pagination controls for carousel items"},t.map((function(e,t){return f().createElement("button",{className:"usa-dt-carousel-pager__dot-button ".concat(t+1===o?"usa-dt-carousel-pager__dot-button_active":""),value:t+1,key:"".concat(t,"-list-item"),onClick:O,"aria-label":"Skip to carousel item ".concat(t+1),"aria-checked":t+1===o,role:"menuitemradio"},f().createElement("div",{className:"usa-dt-carousel-pager__dot-decorator"}))})))))};vr.propTypes=hr;const gr=vr;var br=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(0,p.useState)(0),r=yt()(n,2),o=r[0],a=r[1],i=(0,p.useState)(!1),s=yt()(i,2),l=s[0],c=s[1];return[l,o,c,(0,b.throttle)((function(){var e=window.scrollY||document.documentElement.scrollTop;t&&e>=t&&!l||!t&&e>=o&&!l?c(!0):(e<=t||e<=o)&&c(!1)}),100),(0,b.throttle)((function(){var t=e.current?e.current.offsetTop:0;a(t)}),100)]};s(171);var yr=function(e){var t=e.title,n=e.overLine,r=void 0===n?"":n,o=e.stickyBreakPoint,a=void 0===o?0:o,i=e.toolBar,s=void 0===i?[]:i,l=e.backgroundColor,c=void 0===l?"#1a4480":l,u=(0,p.useRef)(null),d=br(u,a),m=yt()(d,5),h=m[0],v=m[3],g=m[4];(0,p.useEffect)((function(){return g(),window.addEventListener("scroll",v),window.addEventListener("resize",g),function(){window.removeEventListener("scroll",v),window.removeEventListener("resize",g)}}));var b,y,_=h?" usda-page-header--sticky":"";return f().createElement("section",{className:"usda-page-header".concat(_),ref:u,style:{backgroundColor:c}},f().createElement("div",{className:"usda-page-header__container"},f().createElement("div",{className:"usda-page-header__mobile-top"},f().createElement("div",{className:"usda-page-header__header"},r&&f().createElement("strong",{className:"usda-page-header__overline"},r),f().createElement("div",{className:"usda-page-header__title"},f().createElement("h1",null,t))),(y=null==s?void 0:s.find((function(e){return"Share Icon"===(null==e?void 0:e.type.displayName)})))?f().cloneElement(y):null,(b=null==s?void 0:s.find((function(e){return"ATDButton"===(null==e?void 0:e.type.displayName)})))?f().cloneElement(b):null),(null==s?void 0:s.length)>0&&f().createElement("div",{className:"usda-page-header__toolbar"},s.map((function(e){var t,n,r,o="".concat(null===(t=e.props)||void 0===t?void 0:t.className," ").concat(null===(n=e.props)||void 0===n?void 0:n.classNames),a="".concat(null===(r=e.props)||void 0===r?void 0:r.classNames);return o?f().cloneElement(e,{className:"".concat(o," toolbar__item")}):a?f().cloneElement(e,{classNames:"".concat(a," toolbar__item")}):f().cloneElement(e,{className:"toolbar__item",classNames:"toolbar__item"})})))))};yr.propTypes={stickyBreakPoint:h().number,overLine:h().string,title:h().string.isRequired,toolBar:h().arrayOf(h().element)};const _r=yr;s(161);var Er={onClick:h().func.isRequired,downloadInFlight:h().bool,tooltipComponent:h().element,isEnabled:h().bool,tooltipPosition:h().string},xr=function(e){var t=e.onClick,n=e.downloadInFlight,r=e.tooltipComponent,o=void 0===r?null:r,a=e.tooltipPosition,i=void 0===a?"left":a,s=e.isEnabled,l=void 0===s||s,c=e.backgroundColor,u=void 0===c?"#1a4480":c,d=function(e){e.preventDefault(),!n&&l&&t()},p=n||!l?" disabled":"",m=n?"Preparing Download...":"Download",h=n?Mn:jn;return o?f().createElement(Xn,{className:"usda-download-btn".concat(p),tooltipPosition:i,tooltipComponent:o},f().createElement("button",{className:"usda-button",title:m,"aria-label":m,disabled:n,onClick:d,style:{backgroundColor:u}},f().createElement(ot,{icon:h,spin:n,color:"#dfe1e2"})),f().createElement("span",{style:{color:"#dfe1e2"}},m)):f().createElement("div",{className:"usda-download-btn".concat(p)},f().createElement("button",{className:"usda-button",title:m,"aria-label":m,disabled:n,onClick:d,style:{backgroundColor:u}},f().createElement(ot,{icon:h,spin:n})),f().createElement("span",null,m))};xr.displayName="Download Icon Button",xr.propTypes=Er;const wr=xr;var Or={prefix:"far",iconName:"calendar-alt",icon:[448,512,[],"f073","M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"]};function Nr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function kr(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:2008,t=arguments.length>1?arguments[1]:void 0;return Jn()(new Array(t-e)).reduce((function(t,n,r){return t.push(e+r+1),t}),[e]).sort((function(e,t){return t-e}))}(i,n).map((function(e){return{name:"FY ".concat(e),value:"".concat(e),onClick:u}})):[{name:"Loading fiscal years...",value:null,onClick:function(){}}]}),f().createElement("span",null,"Fiscal Year"))};Sr.displayName="Fiscal Year Picker",Sr.propTypes={backgroundColor:h().string,selectedFy:h().oneOfType([h().number,h().string]),earliestFy:h().number,latestFy:h().number,options:h().arrayOf(h().shape({name:h().oneOfType([h().string,h().number]),value:h().oneOfType([h().string,h().number])})),handleFyChange:h().func,sortFn:h().func};const Tr=Sr;var Pr=function(e){var t=e.icon,n=e.title;return f().createElement(f().Fragment,null,f().createElement(ot,{icon:t,color:"#555",size:"sm"}),f().createElement("span",null,n))},jr=[{component:f().createElement(Pr,{icon:{prefix:"fas",iconName:"link",icon:[512,512,[],"f0c1","M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"]},title:"Copy link"}),name:"copy"},{component:f().createElement(Pr,{icon:{prefix:"fas",iconName:"envelope",icon:[512,512,[],"f0e0","M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"]},title:"Email"}),name:"email"},{component:f().createElement(Pr,{icon:{prefix:"fab",iconName:"twitter",icon:[512,512,[],"f099","M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"]},title:"Twitter"}),name:"twitter"},{component:f().createElement(Pr,{icon:{prefix:"fab",iconName:"facebook-square",icon:[448,512,[],"f082","M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"]},title:"Facebook"}),name:"facebook"},{component:f().createElement(Pr,{icon:{prefix:"fab",iconName:"linkedin",icon:[448,512,[],"f08c","M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"]},title:"LinkedIn"}),name:"linkedin"},{component:f().createElement(Pr,{icon:{prefix:"fab",iconName:"reddit-square",icon:[448,512,[],"f1a2","M283.2 345.5c2.7 2.7 2.7 6.8 0 9.2-24.5 24.5-93.8 24.6-118.4 0-2.7-2.4-2.7-6.5 0-9.2 2.4-2.4 6.5-2.4 8.9 0 18.7 19.2 81 19.6 100.5 0 2.4-2.3 6.6-2.3 9 0zm-91.3-53.8c0-14.9-11.9-26.8-26.5-26.8-14.9 0-26.8 11.9-26.8 26.8 0 14.6 11.9 26.5 26.8 26.5 14.6 0 26.5-11.9 26.5-26.5zm90.7-26.8c-14.6 0-26.5 11.9-26.5 26.8 0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-11.9 26.8-26.5 0-14.9-11.9-26.8-26.8-26.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-99.7 140.6c-10.1 0-19 4.2-25.6 10.7-24.1-16.7-56.5-27.4-92.5-28.6l18.7-84.2 59.5 13.4c0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-12.2 26.8-26.8 0-14.6-11.9-26.8-26.8-26.8-10.4 0-19.3 6.2-23.8 14.9l-65.7-14.6c-3.3-.9-6.5 1.5-7.4 4.8l-20.5 92.8c-35.7 1.5-67.8 12.2-91.9 28.9-6.5-6.8-15.8-11-25.9-11-37.5 0-49.8 50.4-15.5 67.5-1.2 5.4-1.8 11-1.8 16.7 0 56.5 63.7 102.3 141.9 102.3 78.5 0 142.2-45.8 142.2-102.3 0-5.7-.6-11.6-2.1-17 33.6-17.2 21.2-67.2-16.1-67.2z"]},title:"Reddit"}),name:"reddit"}];function Mr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Rr(e){for(var t=1;t \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./.storybook","files":"**/stories/*.stories.@(mdx|js)","importPathMatcher":"^\\.[\\\\/](?:\\.storybook(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)stories\\/(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|js))$"}]; \ No newline at end of file diff --git a/docs/main.e596057a.iframe.bundle.js b/docs/main.7959d154.iframe.bundle.js similarity index 84% rename from docs/main.e596057a.iframe.bundle.js rename to docs/main.7959d154.iframe.bundle.js index 21f10a7f..fa8eeb03 100644 --- a/docs/main.e596057a.iframe.bundle.js +++ b/docs/main.7959d154.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunkdata_transparency_ui=self.webpackChunkdata_transparency_ui||[]).push([[179],{"./.storybook sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)stories\\/(?%21\\.)(?=.)[^/]*?\\.stories\\.(mdx%7Cjs))$":function(module,__unused_webpack_exports,__webpack_require__){var map={"./stories/SearchBar.stories.mdx":"./.storybook/stories/SearchBar.stories.mdx","./stories/card.stories.mdx":"./.storybook/stories/card.stories.mdx","./stories/carousel.stories.mdx":"./.storybook/stories/carousel.stories.mdx","./stories/fiscalYearPicker.stories.js":"./.storybook/stories/fiscalYearPicker.stories.js","./stories/flexGridCol.stories.mdx":"./.storybook/stories/flexGridCol.stories.mdx","./stories/flexGridContainer.stories.mdx":"./.storybook/stories/flexGridContainer.stories.mdx","./stories/flexGridRow.stories.mdx":"./.storybook/stories/flexGridRow.stories.mdx","./stories/informationBoxes.stories.mdx":"./.storybook/stories/informationBoxes.stories.mdx","./stories/introduction.stories.mdx":"./.storybook/stories/introduction.stories.mdx","./stories/message.stories.mdx":"./.storybook/stories/message.stories.mdx","./stories/page-header.stories.mdx":"./.storybook/stories/page-header.stories.mdx","./stories/pagination.stories.mdx":"./.storybook/stories/pagination.stories.mdx","./stories/picker.stories.mdx":"./.storybook/stories/picker.stories.mdx","./stories/quarterPicker.stories.mdx":"./.storybook/stories/quarterPicker.stories.mdx","./stories/section-title.stories.mdx":"./.storybook/stories/section-title.stories.mdx","./stories/table.stories.mdx":"./.storybook/stories/table.stories.mdx","./stories/tabs.stories.mdx":"./.storybook/stories/tabs.stories.mdx","./stories/tooltip.stories.mdx":"./.storybook/stories/tooltip.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./.storybook sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)stories\\/(?%21\\.)(?=.)[^/]*?\\.stories\\.(mdx%7Cjs))$"},"./.storybook/misc.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{AB:function(){return PickerWrapper},I1:function(){return ExampleTooltip},M_:function(){return QuarterPickerCumulative},Nl:function(){return PaginationWrapper},T8:function(){return BasicTableWrapper},aK:function(){return QuarterPickerWrapper},gz:function(){return QuarterPickerWithPeriods},tS:function(){return TabsWrapper},u:function(){return Tooltip},y6:function(){return TableWrapper}});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_10__=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./components/quarterPicker/QuarterPicker.jsx"),Tooltip=function Tooltip(){return react__WEBPACK_IMPORTED_MODULE_10__.createElement(_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_11__.Z,{title:"An Example Tooltip",textAlign:{title:"left",text:"left"}},react__WEBPACK_IMPORTED_MODULE_10__.createElement(react__WEBPACK_IMPORTED_MODULE_10__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"Here are some random words serving the purpose of illustrating how the tooltip component works"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"Its really pretty neat and easy to use. I think you are gonna like it a ton."),react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"You are welcome."),react__WEBPACK_IMPORTED_MODULE_10__.createElement("strong",null,"Some Bold Text That is like a Header"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"Some text that is not apart of the header but underneath it."),react__WEBPACK_IMPORTED_MODULE_10__.createElement("ul",null,react__WEBPACK_IMPORTED_MODULE_10__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("li",null,react__WEBPACK_IMPORTED_MODULE_10__.createElement("strong",null,"Some Bold Text That is like a Header")," -- Some List Item")),react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"More Paragraph")))};Tooltip.displayName="Tooltip";var PaginationWrapper=function PaginationWrapper(props){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(1),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState,2),page=_useState2[0],changePage=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(10),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState3,2),pageSize=_useState4[0],changeLimit=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({changePage:function handlePageChange(pg){console.log("changePage handler invoked w/ this parameter: ",pg),changePage(pg)},currentPage:page,changeLimit:function handleChangeLimit(pageSize){console.log("changeLimit handler invoked w/ this parameter: ",pageSize),changeLimit(pageSize)},pageSize:pageSize},props)))};PaginationWrapper.displayName="PaginationWrapper";var QuarterPickerWrapper=function QuarterPickerWrapper(props){var _useState5=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(["1"]),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState5,2),selectedQuarters=_useState6[0],setSelectedQuarters=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({handleSelection:function handlePickQuarter(newlySelected){selectedQuarters.includes(newlySelected)?setSelectedQuarters(selectedQuarters.filter((function(quarter){return quarter!==newlySelected}))):setSelectedQuarters((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_14__.Z)(new Set([].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_14__.Z)(selectedQuarters),[newlySelected]))))},selectedQuarters:selectedQuarters},props)))};QuarterPickerWrapper.displayName="QuarterPickerWrapper";var QuarterPickerCumulative=function QuarterPickerCumulative(props){var _useCumulativeQuarter=(0,_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_12__.u)(["1"]),_useCumulativeQuarter2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useCumulativeQuarter,2),selectedQuarters=_useCumulativeQuarter2[0],handleSelection=_useCumulativeQuarter2[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({handleSelection:handleSelection,selectedQuarters:selectedQuarters},props)))};QuarterPickerCumulative.displayName="QuarterPickerCumulative";var QuarterPickerWithPeriods=function QuarterPickerWithPeriods(props){var _useCumulativeQuarter3=(0,_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_12__.u)(["2"]),_useCumulativeQuarter4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useCumulativeQuarter3,2),selectedPeriods=_useCumulativeQuarter4[0],handleSelection=_useCumulativeQuarter4[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({handleSelection:handleSelection,selectedPeriods:selectedPeriods},props)))};QuarterPickerWithPeriods.displayName="QuarterPickerWithPeriods";var PickerWrapper=function PickerWrapper(props){var _useState7=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("All"),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState7,2),selectedOption=_useState8[0],onClick=_useState8[1],options=[{name:"All",onClick:onClick},{name:"Department of Transportation",onClick:onClick},{name:"Department of State",onClick:onClick},{name:"Department of International Affairs",onClick:onClick},{name:"National Credit Union Administration",onClick:onClick},{name:"Federal Breau of Invesitgation",onClick:onClick},{name:"Department of Health and Human Services",onClick:onClick}];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container picker-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({selectedOption:selectedOption,onClick:onClick,options:options},props.children.props)))};PickerWrapper.displayName="PickerWrapper";var mockColumns=[{title:"name",displayName:"Budget Function"},{title:"amount",displayName:"Amount",right:!0},{title:"percent",displayName:"% of Total Amount",right:!0}],TableWrapper=function TableWrapper(props){var _useState9=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("amount"),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState9,2),field=_useState10[0],updateField=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("desc"),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState11,2),direction=_useState12[0],updateDirection=_useState12[1],currentSort={field:field,direction:direction};return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container table-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({updateSort:function updateSort(field,direction){console.log("update sort invoked with "+field+", "+direction),updateField(field),updateDirection(direction)},currentSort:currentSort,columns:props.columns?props.columns:mockColumns},props.children.props)))};TableWrapper.displayName="TableWrapper";var BasicTableWrapper=function BasicTableWrapper(props){return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container table-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({columns:mockColumns},props.children.props)))};BasicTableWrapper.displayName="BasicTableWrapper";var TabsWrapper=function TabsWrapper(props){var _useState13=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("name"),_useState14=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState13,2),activeTab=_useState14[0],setActiveTab=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container tabs-story",style:{width:"100%",paddingLeft:"0"}},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({switchTab:setActiveTab,active:activeTab},props.children.props)))};TabsWrapper.displayName="TabsWrapper";var TabsWrapperShowTooltip=function TabsWrapperShowTooltip(props){var _useState15=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("name"),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState15,2),activeTab=_useState16[0],setActiveTab=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container tabs-story tabs-story-show-tooltip",style:{width:"100%",paddingLeft:"0"}},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({switchTab:setActiveTab,active:activeTab},props.children.props)))};TabsWrapperShowTooltip.displayName="TabsWrapperShowTooltip";var ExampleTooltip=function ExampleTooltip(){return react__WEBPACK_IMPORTED_MODULE_10__.createElement(_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_11__.Z,{title:"Details"},react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"Here is some sample content."))};ExampleTooltip.displayName="ExampleTooltip",Tooltip.__docgenInfo={description:"",methods:[],displayName:"Tooltip"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"Tooltip",docgenInfo:Tooltip.__docgenInfo,path:".storybook/misc.jsx"}),PaginationWrapper.__docgenInfo={description:"",methods:[],displayName:"PaginationWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"PaginationWrapper",docgenInfo:PaginationWrapper.__docgenInfo,path:".storybook/misc.jsx"}),QuarterPickerWrapper.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"QuarterPickerWrapper",docgenInfo:QuarterPickerWrapper.__docgenInfo,path:".storybook/misc.jsx"}),QuarterPickerCumulative.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerCumulative"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"QuarterPickerCumulative",docgenInfo:QuarterPickerCumulative.__docgenInfo,path:".storybook/misc.jsx"}),QuarterPickerWithPeriods.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerWithPeriods"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"QuarterPickerWithPeriods",docgenInfo:QuarterPickerWithPeriods.__docgenInfo,path:".storybook/misc.jsx"}),PickerWrapper.__docgenInfo={description:"",methods:[],displayName:"PickerWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"PickerWrapper",docgenInfo:PickerWrapper.__docgenInfo,path:".storybook/misc.jsx"}),TableWrapper.__docgenInfo={description:"",methods:[],displayName:"TableWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"TableWrapper",docgenInfo:TableWrapper.__docgenInfo,path:".storybook/misc.jsx"}),BasicTableWrapper.__docgenInfo={description:"",methods:[],displayName:"BasicTableWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"BasicTableWrapper",docgenInfo:BasicTableWrapper.__docgenInfo,path:".storybook/misc.jsx"}),TabsWrapper.__docgenInfo={description:"",methods:[],displayName:"TabsWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"TabsWrapper",docgenInfo:TabsWrapper.__docgenInfo,path:".storybook/misc.jsx"}),TabsWrapperShowTooltip.__docgenInfo={description:"",methods:[],displayName:"TabsWrapperShowTooltip"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"TabsWrapperShowTooltip",docgenInfo:TabsWrapperShowTooltip.__docgenInfo,path:".storybook/misc.jsx"}),ExampleTooltip.__docgenInfo={description:"",methods:[],displayName:"ExampleTooltip"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"ExampleTooltip",docgenInfo:ExampleTooltip.__docgenInfo,path:".storybook/misc.jsx"})},"./.storybook/preview.js-generated-config-entry.js":function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject);__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-api/dist/esm/ClientApi.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-console/dist/index.js"),client=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),preview=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/esm/preview.js"),index_es=__webpack_require__("./node_modules/@fortawesome/fontawesome-svg-core/index.es.js"),free_solid_svg_icons_index_es=__webpack_require__("./node_modules/@fortawesome/free-solid-svg-icons/index.es.js");(0,__webpack_require__("./node_modules/@storybook/theming/dist/esm/index.js").Ue)({base:"light",colorPrimary:"hotpink",colorSecondary:"deepskyblue",appBg:"white",appContentBg:"silver",appBorderColor:"grey",appBorderRadius:4,fontBase:'"Open Sans", sans-serif',fontCode:"monospace",textColor:"black",textInverseColor:"rgba(255,255,255,0.9)",barTextColor:"silver",barSelectedColor:"black",barBg:"hotpink",inputBg:"white",inputBorder:"silver",inputTextColor:"black",inputBorderRadius:4,brandTitle:"My custom storybook",brandUrl:"https://example.com",brandImage:"https://placehold.it/350x150"});function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}index_es.vI.add(free_solid_svg_icons_index_es.gc2,free_solid_svg_icons_index_es.EyR,free_solid_svg_icons_index_es.yOZ,free_solid_svg_icons_index_es.FL8,free_solid_svg_icons_index_es.P88,free_solid_svg_icons_index_es.IV4,free_solid_svg_icons_index_es.eW2,free_solid_svg_icons_index_es.Uu6,free_solid_svg_icons_index_es.I4f,free_solid_svg_icons_index_es.l1h,free_solid_svg_icons_index_es.heh,free_solid_svg_icons_index_es.koM,free_solid_svg_icons_index_es.OS1,free_solid_svg_icons_index_es.a3n,free_solid_svg_icons_index_es.ptq,free_solid_svg_icons_index_es.mTx,free_solid_svg_icons_index_es._tD,free_solid_svg_icons_index_es.cNd,free_solid_svg_icons_index_es.eHv,free_solid_svg_icons_index_es.Xjp,free_solid_svg_icons_index_es.iGi,free_solid_svg_icons_index_es.YHc,free_solid_svg_icons_index_es.sqG,free_solid_svg_icons_index_es.wDC,free_solid_svg_icons_index_es.TX0,free_solid_svg_icons_index_es.FGq,free_solid_svg_icons_index_es.El_,free_solid_svg_icons_index_es.UJf,free_solid_svg_icons_index_es.wn1,free_solid_svg_icons_index_es.Hw7,free_solid_svg_icons_index_es.LM3,free_solid_svg_icons_index_es.pL1,free_solid_svg_icons_index_es.B3e,free_solid_svg_icons_index_es.LEN,free_solid_svg_icons_index_es.Toy,free_solid_svg_icons_index_es.NBC,free_solid_svg_icons_index_es.Cv1,free_solid_svg_icons_index_es.EfQ,free_solid_svg_icons_index_es.Mzo),(0,client.addParameters)({docs:{container:esm.Zu,page:esm.kO},options:{name:"Data Transparency UI",storySort:function storySort(a,b){var _a=(0,slicedToArray.Z)(a,2),obj=(_a[0],_a[1]),_b=(0,slicedToArray.Z)(b,2),obj2=(_b[0],_b[1]);return"Introduction"===obj.kind?-1:"Introduction"===obj2.kind?1:"Components/Flex Grid/Flex Grid Container"===obj.kind||"Components/Flex Grid/Flex Grid Row"===obj.kind||"Components/Flex Grid/Flex Grid Col"===obj2.kind?0:1},showAddonPanel:!0},viewport:{viewports:preview.p},a11y:{element:"#root",config:{},options:{},manual:!0}}),(0,client.addDecorator)((function(storyFn){return react.createElement("div",{style:{width:"100%"}},storyFn())}),(function(storyFn,context){return(0,dist.A5)()(storyFn)(context)})),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i0&&void 0!==arguments[0]?arguments[0]:2008,latestYear=arguments.length>1?arguments[1]:void 0;return(0,toConsumableArray.Z)(new Array(latestYear-earliestYear)).reduce((function(listOfYears,_,i){return listOfYears.push(earliestYear+i+1),listOfYears}),[earliestYear]).sort((function(a,b){return b-a}))}(earliestFy,latestFy).map((function(year){return{name:"FY "+year,value:""+year,onClick:handleFyChange}})):[{name:"Loading fiscal years...",value:null,onClick:function onClick(){}}]}()}),react.createElement("span",null,"Fiscal Year"))};FiscalYearPicker.displayName="FiscalYearPicker",FiscalYearPicker.displayName="Fiscal Year Picker",FiscalYearPicker.propTypes={backgroundColor:prop_types_default().string,selectedFy:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),earliestFy:prop_types_default().number,latestFy:prop_types_default().number,options:prop_types_default().arrayOf(prop_types_default().shape({name:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),value:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number])})),handleFyChange:prop_types_default().func,sortFn:prop_types_default().func},FiscalYearPicker.__docgenInfo={description:"",methods:[],displayName:"Fiscal Year Picker",props:{selectedFy:{defaultValue:{value:"2020",computed:!1},description:"",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},earliestFy:{defaultValue:{value:"2017",computed:!1},description:"",type:{name:"number"},required:!1},options:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"shape",value:{name:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},value:{name:"union",value:[{name:"string"},{name:"number"}],required:!1}}}},required:!1},handleFyChange:{defaultValue:{value:"() => { }",computed:!1},description:"",type:{name:"func"},required:!1},sortFn:{defaultValue:{value:"(a, b) => {\n if (Number.isInteger(a)) return b - a;\n return parseInt(b, 10) - parseInt(a, 10);\n}",computed:!1},description:"",type:{name:"func"},required:!1},backgroundColor:{description:"",type:{name:"string"},required:!1},latestFy:{description:"",type:{name:"number"},required:!1}}};var components_FiscalYearPicker=FiscalYearPicker;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/FiscalYearPicker.jsx"]={name:"FiscalYearPicker",docgenInfo:FiscalYearPicker.__docgenInfo,path:"components/FiscalYearPicker.jsx"})},"./components/Picker.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),lodash__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/lodash/lodash.js");__webpack_require__("./styles/components/_picker.scss");var fontAwesomeIconId="usa-dt-picker__button-icon--svg",propTypes={sortFn:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,icon:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,selectedOption:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),className:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,id:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,options:prop_types__WEBPACK_IMPORTED_MODULE_7___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_7___default().shape({name:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,prop_types__WEBPACK_IMPORTED_MODULE_7___default().node]),value:prop_types__WEBPACK_IMPORTED_MODULE_7___default().any,onClick:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,classNames:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string})),dropdownDirection:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOf(["left","right"]),isFixedWidth:prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,backgroundColor:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string},defaultSort=function defaultSort(a,b,selectedOption){return a.name===selectedOption?-1:b.name===selectedOption?1:a.nameb.name?1:0},Picker=function Picker(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$id=_ref.id,id=void 0===_ref$id?"":_ref$id,options=_ref.options,selectedOption=_ref.selectedOption,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$sortFn=_ref.sortFn,sortFn=void 0===_ref$sortFn?defaultSort:_ref$sortFn,_ref$isFixedWidth=_ref.isFixedWidth,isFixedWidth=void 0!==_ref$isFixedWidth&&_ref$isFixedWidth,children=_ref.children,_ref$dropdownDirectio=_ref.dropdownDirection,dropdownDirection=void 0===_ref$dropdownDirectio?"right":_ref$dropdownDirectio,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#1a4480":_ref$backgroundColor,pickerRef=(0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null),buttonRef=(0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null),_useState=(0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(!1),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState,2),expanded=_useState2[0],setExpanded=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_4__.useState)({top:0,width:0,left:0,right:0}),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState3,2),dimensions=_useState4[0],setDimensions=_useState4[1],handleSetDimensions=function handleSetDimensions(){buttonRef.current&&pickerRef.current&&setDimensions({top:buttonRef.current.offsetHeight,width:buttonRef.current.offsetWidth,left:buttonRef.current.offsetLeft,right:pickerRef.current.offsetWidth-(buttonRef.current.offsetWidth+buttonRef.current.offsetLeft)})};(0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)((function(){0!==dimensions.width&&isFixedWidth&&buttonRef.current&&buttonRef.current.offsetWidth!==dimensions.width&&handleSetDimensions()})),(0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)((function(){var closeMenu=function closeMenu(e){expanded&&pickerRef.current&&!pickerRef.current.contains(e.target)&&e.target.id!==id+"-"+fontAwesomeIconId&&e.target.parentNode.id!==id+"-"+fontAwesomeIconId&&setExpanded(!1)};return handleSetDimensions(),document.addEventListener("click",closeMenu),function(){document.removeEventListener("click",closeMenu)}}),[expanded]);var createOnClickFn=function createOnClickFn(cb){return function(param){cb(param),setExpanded(!1)}};return react__WEBPACK_IMPORTED_MODULE_4__.createElement("div",{id:id,className:"usa-dt-picker "+className,ref:pickerRef,style:{backgroundColor:backgroundColor}},react__WEBPACK_IMPORTED_MODULE_4__.createElement("div",{className:"usa-dt-picker__dropdown-container",style:{backgroundColor:backgroundColor}},react__WEBPACK_IMPORTED_MODULE_4__.createElement("button",{style:{backgroundColor:backgroundColor},ref:buttonRef,"aria-label":"Dropdown Toggle Button",className:"usa-dt-picker__button",onClick:function toggleMenu(e){e.preventDefault(),setExpanded(!expanded)}},icon&&react__WEBPACK_IMPORTED_MODULE_4__.createElement("div",{className:"usa-dt-picker__icon"},icon),children?react__WEBPACK_IMPORTED_MODULE_4__.createElement(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,children):react__WEBPACK_IMPORTED_MODULE_4__.createElement(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_4__.createElement("span",{className:"usa-dt-picker__button-text",style:{backgroundColor:backgroundColor}},selectedOption),react__WEBPACK_IMPORTED_MODULE_4__.createElement("span",{className:"usa-dt-picker__button-icon"},!expanded&&react__WEBPACK_IMPORTED_MODULE_4__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.G,{id:id+"-"+fontAwesomeIconId,icon:"chevron-down",alt:"Toggle menu",color:"#555"}),expanded&&react__WEBPACK_IMPORTED_MODULE_4__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.G,{id:id+"-"+fontAwesomeIconId,icon:"chevron-up",alt:"Toggle menu",color:"#555"})))),react__WEBPACK_IMPORTED_MODULE_4__.createElement("ul",{className:"usa-dt-picker__list "+(expanded?"":"hide"),style:function getDropdownListStyles(){var styles={top:dimensions.top+"px",left:dimensions.left+"px"};return isFixedWidth&&"right"===dropdownDirection?Object.assign({},styles,{width:dimensions.width+"px"}):isFixedWidth&&"left"===dropdownDirection?{top:styles.top,right:""+dimensions.right,width:dimensions.width+"px"}:"left"===dropdownDirection?{top:styles.top,right:dimensions.right+"px"}:styles}()},options.sort((function handleSort(a,b){return sortFn(a,b,selectedOption)})).map((function(option){return Object.assign({},option,{onClick:createOnClickFn(option.onClick)})})).map((function(option){return react__WEBPACK_IMPORTED_MODULE_4__.createElement("li",{key:(0,lodash__WEBPACK_IMPORTED_MODULE_6__.uniqueId)(),className:"usa-dt-picker__list-item "+(null!=option&&option.classNames?option.classNames:"")},react__WEBPACK_IMPORTED_MODULE_4__.createElement("button",{className:"usa-dt-picker__item "+(option.name===selectedOption?"active":""),value:""+(option.value||option.name),onClick:function onClick(e){e.preventDefault(),option.onClick(option.value)}},option.component?option.component:option.name))})))))};Picker.displayName="Picker",Picker.propTypes=propTypes,Picker.__docgenInfo={description:"",methods:[],displayName:"Picker",props:{className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},id:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},sortFn:{defaultValue:{value:"(a, b, selectedOption) => {\n // if no sort fn is provided, sort active element to lowest index\n if (a.name === selectedOption) return -1;\n if (b.name === selectedOption) return 1;\n // then, sort alphabetically\n if (a.name < b.name) return -1;\n if (a.name > b.name) return 1;\n return 0;\n}",computed:!1},description:"",type:{name:"func"},required:!1},isFixedWidth:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},dropdownDirection:{defaultValue:{value:"'right'",computed:!1},description:"",type:{name:"enum",value:[{value:"'left'",computed:!1},{value:"'right'",computed:!1}]},required:!1},backgroundColor:{defaultValue:{value:"'#1a4480'",computed:!1},description:"",type:{name:"string"},required:!1},selectedOption:{description:"",type:{name:"union",value:[{name:"node"},{name:"string"}]},required:!1},options:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{name:{name:"union",value:[{name:"string"},{name:"node"}],required:!1},value:{name:"any",required:!1},onClick:{name:"func",required:!1},classNames:{name:"string",required:!1}}}},required:!1},children:{description:"",type:{name:"node"},required:!1}}},__webpack_exports__.Z=Picker,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/Picker.jsx"]={name:"Picker",docgenInfo:Picker.__docgenInfo,path:"components/Picker.jsx"})},"./components/flexGrid/FlexGridCol.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return GridCol}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),prop_types__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__),_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./helpers/flexGridHelper.js"),_excluded=["children","className","desktopxl","desktop","mobile","tablet","width"];function GridCol(_ref){var children=_ref.children,className=_ref.className,desktopxl=_ref.desktopxl,desktop=_ref.desktop,mobile=_ref.mobile,tablet=_ref.tablet,width=_ref.width,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded),baseClasses=[[null,width],["desktopxl",desktopxl],["desktop",desktop],["tablet",tablet],["mobile",mobile]].map((function generateClass(_ref2){var _ref3=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__.Z)(_ref2,2),breakpoint=_ref3[0],colWidth=_ref3[1];if(void 0!==colWidth){if(void 0!==colWidth.span&&void 0!==colWidth.offset){var spanClass=(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__col-"+colWidth.span,offsetClass=(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__offset-"+colWidth.offset;return(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_3__.V)([spanClass,offsetClass])}if(void 0!==colWidth.order){var _spanClass=(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__col-"+colWidth.span,orderClass=(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__order-"+colWidth.order;return(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_3__.V)([_spanClass,orderClass])}return(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__col-"+colWidth}return""})),allClasses=(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_3__.V)([].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__.Z)(baseClasses),[className]));return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7__.Z)({className:allClasses||"usa-dt-flex-grid__col"},props),children)}__webpack_require__("./styles/components/_flexGrid.scss"),GridCol.displayName="GridCol",GridCol.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_8___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_8___default().string,desktopxl:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})]),desktop:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})]),tablet:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})]),mobile:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})]),width:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})])},GridCol.__docgenInfo={description:"",methods:[],displayName:"GridCol",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"Any additional classes to apply",type:{name:"string"},required:!1},desktopxl:{description:"",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1},desktop:{description:"Width to use at the desktop breakpoint",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1},tablet:{description:"Width to use at the tablet breakpoint",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1},mobile:{description:"Width to use at the mobile breakpoint",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1},width:{description:"Default width to use",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/flexGrid/FlexGridCol.jsx"]={name:"GridCol",docgenInfo:GridCol.__docgenInfo,path:"components/flexGrid/FlexGridCol.jsx"})},"./components/flexGrid/FlexGridContainer.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return GridContainer}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./helpers/flexGridHelper.js"),_excluded=["children","className"];function GridContainer(_ref){var children=_ref.children,className=_ref.className,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__.Z)(_ref,_excluded);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__.Z)({className:(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_1__.V)(["usa-dt-flex-grid__container",className])},props),children)}__webpack_require__("./styles/components/_flexGrid.scss"),GridContainer.displayName="GridContainer",GridContainer.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string},GridContainer.__docgenInfo={description:"",methods:[],displayName:"GridContainer",props:{children:{description:"",type:{name:"node"},required:!0},className:{description:"Any additional classes to apply",type:{name:"string"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/flexGrid/FlexGridContainer.jsx"]={name:"GridContainer",docgenInfo:GridContainer.__docgenInfo,path:"components/flexGrid/FlexGridContainer.jsx"})},"./components/flexGrid/FlexGridRow.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return GridRow}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./helpers/flexGridHelper.js"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_excluded=["children","className","hasGutter","gutterSize"];function GridRow(_ref){var children=_ref.children,className=_ref.className,hasGutter=_ref.hasGutter,gutterSize=_ref.gutterSize,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__.Z)(_ref,_excluded),gutterClass=hasGutter?"usa-dt-flex-grid__gutter":"",gutterSizeClass=classnames__WEBPACK_IMPORTED_MODULE_2___default()({"usa-dt-flex-grid__gutter-sm":"sm"===gutterSize,"usa-dt-flex-grid__gutter-lg":"lg"===gutterSize});return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__.Z)({className:(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_1__.V)(["usa-dt-flex-grid__row",gutterClass,gutterSizeClass,className])},props),children)}__webpack_require__("./styles/components/_flexGrid.scss"),GridRow.displayName="GridRow",GridRow.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,hasGutter:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,gutterSize:prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOf(["sm","lg"])},GridRow.defaultProps={hasGutter:!1},GridRow.__docgenInfo={description:"",methods:[],displayName:"GridRow",props:{hasGutter:{defaultValue:{value:"false",computed:!1},description:"Should the row have gutters between its columns?",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!0},className:{description:"Any additional classes to apply",type:{name:"string"},required:!1},gutterSize:{description:"Size of the gutter.\nThe `hasGutter` prop must be `true` for this to have an effect.",type:{name:"enum",value:[{value:'"sm"',computed:!1},{value:'"lg"',computed:!1}]},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/flexGrid/FlexGridRow.jsx"]={name:"GridRow",docgenInfo:GridRow.__docgenInfo,path:"components/flexGrid/FlexGridRow.jsx"})},"./components/infoTooltip/TooltipComponent.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),propTypes={title:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_2___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,textAlign:prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({title:prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["center","left"]),text:prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["center","left"])})},TooltipComponent=function TooltipComponent(_ref){var _cx,children=_ref.children,title=_ref.title,className=_ref.className,textAlign=_ref.textAlign;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()((_cx={},_cx[className]=null!==className,_cx))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h1",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("tooltip__title",textAlign.title)},title),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("tooltip__text",textAlign.text)},children))};TooltipComponent.displayName="TooltipComponent",TooltipComponent.propTypes=propTypes,TooltipComponent.defaultProps={className:null,textAlign:{title:"left",text:"left"}},TooltipComponent.__docgenInfo={description:"",methods:[],displayName:"TooltipComponent",props:{className:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},textAlign:{defaultValue:{value:"{\n title: 'left',\n text: 'left'\n}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"enum",value:[{value:'"center"',computed:!1},{value:'"left"',computed:!1}],required:!1},text:{name:"enum",value:[{value:'"center"',computed:!1},{value:'"left"',computed:!1}],required:!1}}},required:!1},title:{description:"",type:{name:"string"},required:!0},children:{description:"",type:{name:"node"},required:!0}}},__webpack_exports__.Z=TooltipComponent,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/infoTooltip/TooltipComponent.jsx"]={name:"TooltipComponent",docgenInfo:TooltipComponent.__docgenInfo,path:"components/infoTooltip/TooltipComponent.jsx"})},"./components/infoTooltip/TooltipWrapper.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return TooltipWrapper}});__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js");var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),react__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),prop_types__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_12__),lodash__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/lodash/lodash.js"),classnames__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_10__),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_7__.Z)(this,result)}}__webpack_require__("./styles/components/infoTooltip/_tooltipWrapper.scss");var propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_12___default().element,tooltipComponent:prop_types__WEBPACK_IMPORTED_MODULE_12___default().element,tooltipPosition:prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,wide:prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool,icon:prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,width:prop_types__WEBPACK_IMPORTED_MODULE_12___default().number,controlledProps:prop_types__WEBPACK_IMPORTED_MODULE_12___default().shape({isControlled:prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool,showTooltip:prop_types__WEBPACK_IMPORTED_MODULE_12___default().func,closeTooltip:prop_types__WEBPACK_IMPORTED_MODULE_12___default().func,isVisible:prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool}),offsetAdjustments:prop_types__WEBPACK_IMPORTED_MODULE_12___default().shape({top:prop_types__WEBPACK_IMPORTED_MODULE_12___default().number,right:prop_types__WEBPACK_IMPORTED_MODULE_12___default().number,left:prop_types__WEBPACK_IMPORTED_MODULE_12___default().number}),styles:prop_types__WEBPACK_IMPORTED_MODULE_12___default().object,onMouseMoveTooltip:prop_types__WEBPACK_IMPORTED_MODULE_12___default().func,onMouseLeaveTooltip:prop_types__WEBPACK_IMPORTED_MODULE_12___default().func},defaultProps={className:null,children:null,toolTipComponent:null,tooltipPosition:"right",wide:!1,icon:"",controlledProps:{isControlled:!1,showTooltip:function showTooltip(){},closeTooltip:function closeTooltip(){},isVisible:!1},width:375,offsetAdjustments:{top:-15,right:0,left:0},styles:{}},tooltipIcons={info:react__WEBPACK_IMPORTED_MODULE_8__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_11__.G,{className:"tooltip__icon",icon:"info-circle"})},TooltipWrapper=function(_React$Component){(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_13__.Z)(TooltipWrapper,_React$Component);var _super=_createSuper(TooltipWrapper);function TooltipWrapper(props){var _this;return(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_14__.Z)(this,TooltipWrapper),(_this=_super.call(this,props)).onMouseMoveTooltip=function(){_this.props.onMouseMoveTooltip?_this.props.onMouseMoveTooltip():_this.props.controlledProps.isControlled?_this.props.controlledProps.showTooltip():_this.state.isHoveringOnTooltip||_this.setState({isHoveringOnTooltip:!0})},_this.onMouseLeaveTooltip=function(){_this.props.onMouseLeaveTooltip?_this.props.onMouseLeaveTooltip():_this.state.isHoveringOnTooltip&&_this.setState({isHoveringOnTooltip:!1})},_this.getTooltipWidth=function(){var _this$getAvailableHor=_this.getAvailableHorizontalSpace(),spaceToRight=_this$getAvailableHor.right,spaceToLeft=_this$getAvailableHor.left,total=_this$getAvailableHor.total,greatestSpace=spaceToRight>spaceToLeft?spaceToRight:spaceToLeft;return total<425?total-10:"bottom"===_this.props.tooltipPosition?_this.props.width:_this.props.wide?greatestSpace>800?700:greatestSpace-5:_this.props.width},_this.getDimensionsForMobile=function(isMobile,width){return isMobile?{top:_this.tooltipContainer.clientHeight+_this.tooltipContainer.offsetTop+8+"px",width:width,left:_this.tooltipContainer.clientWidth/2-8+"px"}:Object.assign({},_this.state.spacerStyles,{width:width})},_this.state={showTooltip:!1,isHoveringOnTooltip:!1,offsetTop:0,arrowDirection:"left",spacerStyles:{}},_this.showTooltip=_this.showTooltip.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_15__.Z)(_this)),_this.closeTooltip=_this.closeTooltip.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_15__.Z)(_this)),_this.setTooltipDimensions=(0,lodash__WEBPACK_IMPORTED_MODULE_9__.throttle)(_this.setTooltipDimensions.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_15__.Z)(_this)),16),_this}return(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16__.Z)(TooltipWrapper,[{key:"componentDidMount",value:function componentDidMount(){this.setTooltipDimensions(),window.addEventListener("scroll",(0,lodash__WEBPACK_IMPORTED_MODULE_9__.throttle)(this.setTooltipDimensions,500)),window.addEventListener("resize",(0,lodash__WEBPACK_IMPORTED_MODULE_9__.throttle)(this.setTooltipDimensions,100))}},{key:"componentDidUpdate",value:function componentDidUpdate(){this.setTooltipDimensions()}},{key:"componentWillUnmount",value:function componentWillUnmount(){window.removeEventListener("scroll",this.setTooltipDimensions),window.removeEventListener("resize",this.setTooltipDimensions)}},{key:"getAvailableHorizontalSpace",value:function getAvailableHorizontalSpace(){var totalSpace=window.innerWidth,_this$tooltipContaine=this.tooltipContainer,tooltipContainerLeftPosition=_this$tooltipContaine.offsetLeft;return{right:totalSpace-tooltipContainerLeftPosition-_this$tooltipContaine.clientWidth,left:tooltipContainerLeftPosition,total:totalSpace}}},{key:"setTooltipDimensions",value:function setTooltipDimensions(){if(Object.keys(this.props.styles).includes("transform")&&this.tooltipContainer)"bottom"===this.props.tooltipPosition?this.setState({arrowDirection:"bottom",spacerStyle:{width:this.getTooltipWidth()}}):this.setState({spacerStyle:{width:this.getTooltipWidth()}});else if(this.tooltipContainer){var tooltipWidth=this.getTooltipWidth(),_this$getAvailableHor2=this.getAvailableHorizontalSpace(),spaceToLeft=_this$getAvailableHor2.left,total=_this$getAvailableHor2.total,spaceToRight=_this$getAvailableHor2.right,offsetTop=this.tooltipContainer.offsetTop+this.props.offsetAdjustments.top,isMobile=total<700;if("bottom"===this.props.tooltipPosition||isMobile)this.setState({arrowDirection:"bottom",spacerStyle:Object.assign({},this.getDimensionsForMobile(isMobile,tooltipWidth))});else if("right"===this.props.tooltipPosition&&spaceToRight {},\n closeTooltip: () => {},\n isVisible: false\n}",computed:!1},description:"",type:{name:"shape",value:{isControlled:{name:"bool",required:!1},showTooltip:{name:"func",required:!1},closeTooltip:{name:"func",required:!1},isVisible:{name:"bool",required:!1}}},required:!1},width:{defaultValue:{value:"375",computed:!1},description:"",type:{name:"number"},required:!1},offsetAdjustments:{defaultValue:{value:"{\n top: -15, // So that the arrow points at the middle of the tooltip trigger area 👌\n right: 0, // InfoToolTip offset\n left: 0\n}",computed:!1},description:"",type:{name:"shape",value:{top:{name:"number",required:!1},right:{name:"number",required:!1},left:{name:"number",required:!1}}},required:!1},styles:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},tooltipComponent:{description:"",type:{name:"element"},required:!1},onMouseMoveTooltip:{description:"",type:{name:"func"},required:!1},onMouseLeaveTooltip:{description:"",type:{name:"func"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/infoTooltip/TooltipWrapper.jsx"]={name:"TooltipWrapper",docgenInfo:TooltipWrapper.__docgenInfo,path:"components/infoTooltip/TooltipWrapper.jsx"})},"./components/messages/ComingSoon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_GenericMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/messages/GenericMessage.jsx");__webpack_require__("./styles/components/_messages.scss");var ComingSoon=function ComingSoon(_ref){var className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_GenericMessage__WEBPACK_IMPORTED_MODULE_1__.Z,{className:"coming soon "+className,title:"Coming Soon",description:"This feature is currently under development."})};ComingSoon.displayName="ComingSoon",ComingSoon.__docgenInfo={description:"",methods:[],displayName:"ComingSoon"},__webpack_exports__.Z=ComingSoon,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/ComingSoon.jsx"]={name:"ComingSoon",docgenInfo:ComingSoon.__docgenInfo,path:"components/messages/ComingSoon.jsx"})},"./components/messages/ErrorMessage.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),_GenericMessage__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/messages/GenericMessage.jsx"),propTypes={description:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string},ErrorMessage=function ErrorMessage(_ref){var description=_ref.description,icon=react__WEBPACK_IMPORTED_MODULE_2__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.G,{icon:"exclamation-triangle"});return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_GenericMessage__WEBPACK_IMPORTED_MODULE_4__.Z,{description:description,title:"An error occurred",icon:icon,className:"error"})};ErrorMessage.displayName="ErrorMessage",ErrorMessage.propTypes=propTypes,ErrorMessage.defaultProps={description:"Something went wrong while gathering your data."},ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{description:{defaultValue:{value:"'Something went wrong while gathering your data.'",computed:!1},description:"",type:{name:"string"},required:!1}}},__webpack_exports__.Z=ErrorMessage,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/ErrorMessage.jsx"]={name:"ErrorMessage",docgenInfo:ErrorMessage.__docgenInfo,path:"components/messages/ErrorMessage.jsx"})},"./components/messages/GenericMessage.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);__webpack_require__("./styles/components/_messages.scss");var propTypes={title:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string.isRequired,description:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,icon:prop_types__WEBPACK_IMPORTED_MODULE_3___default().object,className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string},GenericMessage=function GenericMessage(_ref){var icon=_ref.icon,title=_ref.title,description=_ref.description,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"usda-message"+(className&&" usda-message_"+className)},icon&&react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"usda-message__icon"},icon),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"usda-message__title"},title),description&&react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"usda-message__description"},description))};GenericMessage.displayName="GenericMessage",GenericMessage.propTypes=propTypes,GenericMessage.__docgenInfo={description:"",methods:[],displayName:"GenericMessage",props:{title:{description:"",type:{name:"string"},required:!0},description:{description:"",type:{name:"string"},required:!1},icon:{description:"",type:{name:"object"},required:!1},className:{description:"",type:{name:"string"},required:!1}}},__webpack_exports__.Z=GenericMessage,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/GenericMessage.jsx"]={name:"GenericMessage",docgenInfo:GenericMessage.__docgenInfo,path:"components/messages/GenericMessage.jsx"})},"./components/messages/LoadingMessage.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),react_transition_group__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-transition-group/esm/TransitionGroup.js"),react_transition_group__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-transition-group/esm/CSSTransition.js"),LoadingMessage=function LoadingMessage(_ref){var _ref$loadingText=_ref.loadingText,loadingText=void 0===_ref$loadingText?"Gathering your data...":_ref$loadingText;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_1__.Z,{className:"usda-message usda-message_loading"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_2__.Z,{classNames:"usda-loading-animation__container",timeout:{exit:225,enter:195},exit:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"usda-loading-animation__container"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"usda-loading-animation"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",{className:"usda-loading-bars",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"50",height:"50",style:{opacity:0}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{className:"bar-one",x:"0",y:"0",height:"50",width:"10"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{className:"bar-two",x:"13",y:"0",height:"50",width:"10"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{className:"bar-three",x:"26",y:"0",height:"50",width:"10"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{className:"bar-four",x:"39",y:"0",height:"50",width:"10"}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"loading-message"},loadingText))))};LoadingMessage.displayName="LoadingMessage",LoadingMessage.propTypes={loadingText:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string},LoadingMessage.__docgenInfo={description:"",methods:[],displayName:"LoadingMessage",props:{loadingText:{defaultValue:{value:'"Gathering your data..."',computed:!1},description:"",type:{name:"string"},required:!1}}},__webpack_exports__.Z=LoadingMessage,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/LoadingMessage.jsx"]={name:"LoadingMessage",docgenInfo:LoadingMessage.__docgenInfo,path:"components/messages/LoadingMessage.jsx"})},"./components/messages/NoResultsMessage.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/messages/GenericMessage.jsx"),NoResultsMessage=function NoResultsMessage(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_1__.Z,{title:"No Results",description:"No available data to display.",className:"no-results"})};NoResultsMessage.displayName="NoResultsMessage",NoResultsMessage.__docgenInfo={description:"",methods:[],displayName:"NoResultsMessage"},__webpack_exports__.Z=NoResultsMessage,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/NoResultsMessage.jsx"]={name:"NoResultsMessage",docgenInfo:NoResultsMessage.__docgenInfo,path:"components/messages/NoResultsMessage.jsx"})},"./components/quarterPicker/QuarterPicker.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return quarterPicker_QuarterPicker},u:function(){return useCumulativeQuarterPicker}});var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=(__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.array.every.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),propTypes={disabled:prop_types_default().bool,active:prop_types_default().bool,showPeriods:prop_types_default().bool,quarter:prop_types_default().string,handleSelection:prop_types_default().func,handleHover:prop_types_default().func,handleBlur:prop_types_default().func,toggleTooltip:prop_types_default().func,title:prop_types_default().string},QuarterButton=function QuarterButton(_ref){var disabled=_ref.disabled,active=_ref.active,quarter=_ref.quarter,handleSelection=_ref.handleSelection,toggleTooltip=_ref.toggleTooltip,_ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,handleHover=_ref.handleHover,handleBlur=_ref.handleBlur,_ref$showPeriods=_ref.showPeriods,showPeriods=void 0!==_ref$showPeriods&&_ref$showPeriods,quarterTitle=title||"Q "+quarter,onMouseEnter=function onMouseEnter(){disabled?toggleTooltip(quarter):handleHover(quarter,showPeriods?"period":"quarter")},onMouseLeave=function onMouseLeave(){toggleTooltip(0),handleBlur(showPeriods?"period":"quarter")},handleClick=function handleClick(e){e.preventDefault(),disabled||handleSelection(quarter)},additionalClasses=disabled?"usa-dt-quarter-picker__quarter_disabled ":"";return"1"===quarter?additionalClasses+="usa-dt-quarter-picker__quarter_first":"4"===quarter?additionalClasses+="usa-dt-quarter-picker__quarter_last":title.includes("-")&&(additionalClasses+="usa-dt-quarter-picker__quarter_double"),!disabled&&active&&(additionalClasses+=" usa-dt-quarter-picker__quarter_active"),react.createElement("button",{className:"usa-dt-quarter-picker__quarter "+additionalClasses,onMouseDown:handleClick,onClick:handleClick,onMouseOver:onMouseEnter,onMouseEnter:onMouseEnter,onFocus:onMouseEnter,onMouseLeave:onMouseLeave,onBlur:onMouseLeave,"aria-disabled":disabled},quarterTitle)};QuarterButton.displayName="QuarterButton",QuarterButton.propTypes=propTypes,QuarterButton.__docgenInfo={description:"",methods:[],displayName:"QuarterButton",props:{title:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},showPeriods:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},active:{description:"",type:{name:"bool"},required:!1},quarter:{description:"",type:{name:"string"},required:!1},handleSelection:{description:"",type:{name:"func"},required:!1},handleHover:{description:"",type:{name:"func"},required:!1},handleBlur:{description:"",type:{name:"func"},required:!1},toggleTooltip:{description:"",type:{name:"func"},required:!1}}};var quarterPicker_QuarterButton=QuarterButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/quarterPicker/QuarterButton.jsx"]={name:"QuarterButton",docgenInfo:QuarterButton.__docgenInfo,path:"components/quarterPicker/QuarterButton.jsx"});var useCumulativeQuarterPicker=function useCumulativeQuarterPicker(){var initialState=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],_useState=(0,react.useState)(initialState),_useState2=(0,slicedToArray.Z)(_useState,2),selectedPeriods=_useState2[0],setSelectedPeriods=_useState2[1],handleSelection=function handleSelection(selectedPeriod){var selectedPeriodAsInt=parseInt(selectedPeriod,10),newPeriods=selectedPeriods.map((function(period){return parseInt(period,10)})).filter((function(period){return period<=selectedPeriodAsInt})).map((function(period){return""+period}));setSelectedPeriods(newPeriods.concat([selectedPeriod]))};return[selectedPeriods,handleSelection]},defaultPeriodsPerQuarter=[[{title:"1 - 2",id:"2",className:"double-period"},{title:"3",id:"3"}],[{title:"4",id:"4"},{title:"5",id:"5"},{title:"6",id:"6"}],[{title:"7",id:"7"},{title:"8",id:"8"},{title:"9",id:"9"}],[{title:"10",id:"10"},{title:"11",id:"11"},{title:"12",id:"12"}]],isIdOrGreaterInArray=function isIdOrGreaterInArray(idStr,arr){return arr.some((function(periodOrQuarter){return parseInt(periodOrQuarter,10)>=parseInt(idStr,10)}))},QuarterPicker_propTypes={handleSelection:prop_types_default().func,selectedQuarters:prop_types_default().arrayOf(prop_types_default().string),disabledQuarters:prop_types_default().arrayOf(prop_types_default().string),selectedPeriods:prop_types_default().arrayOf(prop_types_default().string),disabledPeriods:prop_types_default().arrayOf(prop_types_default().string),periodsPerQuarter:prop_types_default().arrayOf(prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,id:prop_types_default().string}))),showPeriods:prop_types_default().bool,isCumulative:prop_types_default().bool},QuarterPicker=function QuarterPicker(_ref){var handleSelection=_ref.handleSelection,_ref$disabledQuarters=_ref.disabledQuarters,disabledQuarters=void 0===_ref$disabledQuarters?[]:_ref$disabledQuarters,_ref$disabledPeriods=_ref.disabledPeriods,disabledPeriods=void 0===_ref$disabledPeriods?[]:_ref$disabledPeriods,_ref$periodsPerQuarte=_ref.periodsPerQuarter,periodsPerQuarter=void 0===_ref$periodsPerQuarte?defaultPeriodsPerQuarter:_ref$periodsPerQuarte,_ref$selectedQuarters=_ref.selectedQuarters,selectedQuarters=void 0===_ref$selectedQuarters?[]:_ref$selectedQuarters,_ref$selectedPeriods=_ref.selectedPeriods,selectedPeriods=void 0===_ref$selectedPeriods?[]:_ref$selectedPeriods,_ref$showPeriods=_ref.showPeriods,showPeriods=void 0!==_ref$showPeriods&&_ref$showPeriods,_ref$isCumulative=_ref.isCumulative,isCumulative=void 0!==_ref$isCumulative&&_ref$isCumulative,_useState3=(0,react.useState)(""),_useState4=(0,slicedToArray.Z)(_useState3,2),periodHoverState=_useState4[0],setPeriodHoverState=_useState4[1],_useState5=(0,react.useState)(""),_useState6=(0,slicedToArray.Z)(_useState5,2),quarterHoverState=_useState6[0],setQuarterHoverState=_useState6[1],handleHover=function handleHover(str){var type=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"quarter";"quarter"===type?setQuarterHoverState(str):setPeriodHoverState(str)},handleBlur=function handleBlur(){var type=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"quarter";"quarter"===type?setQuarterHoverState(""):setPeriodHoverState("")};return react.createElement("div",{className:"usa-dt-quarter-picker"},react.createElement("ul",{className:"usa-dt-quarter-picker__list"},function generateButtons(){return new Array(4).fill(0).map((function(_,quarterIndex){var quarterNumber=quarterIndex+1,quarterNumberAsString=""+quarterNumber;if(showPeriods){var periodsForQuarter=periodsPerQuarter[quarterIndex],isQuarterDisabled=periodsForQuarter.every((function(period){return disabledPeriods.includes(period.id)}));return react.createElement("li",{className:"usa-dt-quarter-picker__list-item usa-dt-quarter-picker__period-list-container",key:(0,lodash.uniqueId)()},react.createElement("p",{className:isQuarterDisabled?"disabled":""},"Q"+quarterNumber),react.createElement("ul",{className:"usa-dt-quarter-picker__period-list"},periodsForQuarter.map((function(period){return react.createElement("li",{className:Object.keys(period).includes("className")?period.className+" usa-dt-quarter-picker__list-item":"usa-dt-quarter-picker__list-item",key:(0,lodash.uniqueId)()},react.createElement(quarterPicker_QuarterButton,{showPeriods:showPeriods,quarter:period.id,title:period.title,disabled:disabledPeriods.includes(period.id),active:isIdOrGreaterInArray(period.id,selectedPeriods)||parseInt(periodHoverState,10)>=parseInt(period.id,10),handleHover:handleHover,handleBlur:handleBlur,handleSelection:handleSelection,toggleTooltip:function toggleTooltip(){}}))}))))}return react.createElement("li",{className:"usa-dt-quarter-picker__list-item",key:(0,lodash.uniqueId)()},react.createElement(quarterPicker_QuarterButton,{quarter:quarterNumberAsString,disabled:disabledQuarters.includes(quarterNumberAsString),active:isCumulative?isIdOrGreaterInArray(quarterNumberAsString,selectedQuarters)||parseInt(quarterHoverState,10)>=quarterNumber:selectedQuarters.includes(quarterNumberAsString)||quarterHoverState===quarterNumberAsString,handleSelection:handleSelection,handleHover:handleHover,handleBlur:handleBlur,toggleTooltip:function toggleTooltip(){}}))}))}()))};QuarterPicker.displayName="QuarterPicker",QuarterPicker.propTypes=QuarterPicker_propTypes,QuarterPicker.__docgenInfo={description:"",methods:[],displayName:"QuarterPicker",props:{disabledQuarters:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},disabledPeriods:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},periodsPerQuarter:{defaultValue:{value:"[\n [\n { title: '1 - 2', id: '2', className: 'double-period' },\n { title: '3', id: '3' }\n ],\n [\n { title: '4', id: '4' },\n { title: '5', id: '5' },\n { title: '6', id: '6' }\n ],\n [\n { title: '7', id: '7' },\n { title: '8', id: '8' },\n { title: '9', id: '9' }\n ],\n [\n { title: '10', id: '10' },\n { title: '11', id: '11' },\n { title: '12', id: '12' }\n ]\n]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},id:{name:"string",required:!1}}}}},required:!1},selectedQuarters:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},selectedPeriods:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},showPeriods:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isCumulative:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},handleSelection:{description:"",type:{name:"func"},required:!1}}};var quarterPicker_QuarterPicker=QuarterPicker;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/quarterPicker/QuarterPicker.jsx"]={name:"QuarterPicker",docgenInfo:QuarterPicker.__docgenInfo,path:"components/quarterPicker/QuarterPicker.jsx"})},"./helpers/flexGridHelper.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{V:function(){return createClassString}});__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");var createClassString=function createClassString(classes){return classes.map((function(c){return c?c.trim():c})).filter((function(c){return c})).join(" ")}},"./helpers/keyboardEventsHelper.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{S:function(){return createOnKeyDownHandler}});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),createOnKeyDownHandler=(__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),function createOnKeyDownHandler(cb){var args=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],keyCodes=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[13,32];return function(e){keyCodes.includes(e.keyCode)&&cb.apply(void 0,(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__.Z)(args))}})},"./helpers/moneyFormatter.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{CU:function(){return calculateUnitForSingleValue},lb:function(){return formatMoney},oS:function(){return unitValues},uf:function(){return formatNumber},xA:function(){return formatNumberWithPrecision},yD:function(){return formatMoneyWithPrecision}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.number.to-fixed.js");var accounting__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/accounting/accounting.js"),accounting__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(accounting__WEBPACK_IMPORTED_MODULE_2__),accountingOptions=(__webpack_require__("./node_modules/lodash/lodash.js"),{symbol:"$",precision:0,format:{pos:"%s%v",neg:"-%s%v",zero:"%s%v"}}),unitValues={TRILLION:1e12,BILLION:1e9,MILLION:1e6,THOUSAND:1e3},unitLabels_TRILLION="T",unitLabels_BILLION="B",unitLabels_MILLION="M",unitLabels_THOUSAND="k",unitWords_TRILLION="trillion",unitWords_BILLION="billion",unitWords_MILLION="million",unitWords_THOUSAND="thousand",formatMoney=function formatMoney(value){return accounting__WEBPACK_IMPORTED_MODULE_2___default().formatMoney(value,accountingOptions)},formatMoneyWithPrecision=function formatMoneyWithPrecision(value,precision){var modifiedOptions=Object.assign({},accountingOptions,{precision:precision});return accounting__WEBPACK_IMPORTED_MODULE_2___default().formatMoney(value,modifiedOptions)},calculateUnitForSingleValue=function calculateUnitForSingleValue(value){var adjustedValue=Math.abs(value),unit=1,unitLabel="",unitWord="";return adjustedValue>=unitValues.TRILLION?(unit=unitValues.TRILLION,unitLabel=unitLabels_TRILLION,unitWord=unitWords_TRILLION):adjustedValue>=unitValues.BILLION?(unit=unitValues.BILLION,unitLabel=unitLabels_BILLION,unitWord=unitWords_BILLION):adjustedValue>=unitValues.MILLION?(unit=unitValues.MILLION,unitLabel=unitLabels_MILLION,unitWord=unitWords_MILLION):adjustedValue>=unitValues.THOUSAND&&(unit=unitValues.THOUSAND,unitLabel=unitLabels_THOUSAND,unitWord=unitWords_THOUSAND),{unit:unit,unitLabel:unitLabel,longLabel:unitWord}},formatNumber=function formatNumber(number){var options=Object.assign({},accountingOptions,{symbol:""});return accounting__WEBPACK_IMPORTED_MODULE_2___default().formatMoney(number,options)},formatNumberWithPrecision=function formatNumberWithPrecision(number,precision){var options=Object.assign({},accountingOptions,{symbol:"",precision:precision});return accounting__WEBPACK_IMPORTED_MODULE_2___default().formatMoney(number,options)}},"./.storybook/stories/fiscalYearPicker.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},Primary:function(){return Primary}});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_components_FiscalYearPicker__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/FiscalYearPicker.jsx");__webpack_exports__.default={parameters:{storySource:{source:"import React from 'react';\nimport FiscalYearPicker from '../../components/FiscalYearPicker';\n\nexport default {\n title: 'FiscalYearPicker',\n component: FiscalYearPicker,\n };\n export const Default = (args) => ;\n export const Primary = Default.bind({});\n Primary.args = { backgroundColor: '#ff0'};\n",locationsMap:{default:{startLoc:{col:25,line:8},endLoc:{col:65,line:8},startBody:{col:25,line:8},endBody:{col:65,line:8}},primary:{startLoc:{col:25,line:8},endLoc:{col:65,line:8},startBody:{col:25,line:8},endBody:{col:65,line:8}}}}},title:"FiscalYearPicker",component:_components_FiscalYearPicker__WEBPACK_IMPORTED_MODULE_3__.Z};var Default=function Default(args){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_components_FiscalYearPicker__WEBPACK_IMPORTED_MODULE_3__.Z,args)};Default.displayName="Default";var Primary=Default.bind({});Primary.args={backgroundColor:"#ff0"},Default.parameters=Object.assign({storySource:{source:"(args) => "}},Default.parameters),Primary.parameters=Object.assign({storySource:{source:"(args) => "}},Primary.parameters),Default.__docgenInfo={description:"",methods:[],displayName:"Default"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories/fiscalYearPicker.stories.js"]={name:"Default",docgenInfo:Default.__docgenInfo,path:".storybook/stories/fiscalYearPicker.stories.js"})},"./storybook-init-framework-entry.js":function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./.storybook/stories/SearchBar.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return SearchBar_stories},searchBar:function(){return searchBar}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),lodash=(__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/lodash/lodash.js")),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),index_es=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js");__webpack_require__("./styles/components/_searchBar.scss");var propTypes={onSearch:prop_types_default().func,minChars:prop_types_default().number,isDisabled:prop_types_default().bool,throttleOnChange:prop_types_default().number,inputTitle:prop_types_default().string,placeholder:prop_types_default().string},SearchBar=function SearchBar(_ref){var onSearch=_ref.onSearch,minChars=_ref.minChars,isDisabled=_ref.isDisabled,throttleOnChange=_ref.throttleOnChange,inputTitle=_ref.inputTitle,placeholder=_ref.placeholder,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1],_useState3=(0,react.useState)(""),_useState4=(0,slicedToArray.Z)(_useState3,2),searchTerm=_useState4[0],setSearchTerm=_useState4[1],resetSearch=function resetSearch(){setValue(""),onSearch(""),setSearchTerm("")},onChange=(0,lodash.throttle)((function(e){return function shouldResetSearchTerm(e,searchTerm){return!(!searchTerm||e.target.value)}(e,searchTerm)?resetSearch():setValue(e.target.value)}),throttleOnChange),icon="search";return(value&&searchTerm===value||searchTerm&&value.length {}",computed:!1},description:"",type:{name:"func"},required:!1},minChars:{defaultValue:{value:"2",computed:!1},description:"",type:{name:"number"},required:!1},throttleOnChange:{defaultValue:{value:"500",computed:!1},description:"",type:{name:"number"},required:!1},inputTitle:{defaultValue:{value:"'Search Input'",computed:!1},description:"",type:{name:"string"},required:!1},isDisabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},placeholder:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1}}};var components_SearchBar=SearchBar;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/SearchBar.jsx"]={name:"SearchBar",docgenInfo:SearchBar.__docgenInfo,path:"components/SearchBar.jsx"});var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"SearchBar",component:components_SearchBar,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"onSearch"),": A function that will pass the search term to it's parent component.")),(0,esm.kt)("h3",null,"Props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"onSearch"),": A function that will pass the search term to it's parent component."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"minChars"),": A number that will serve as the minimum number of characters to submit a search."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"isDisabled"),": A boolean that will decide whether to disable the input."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"throttleOnChange"),": A number in milliseconds that only invokes onChange at most once per every milliseconds."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"inputTitle"),": A string that will serve as the input title."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"placeholder"),": An optional string for placeholder text")),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"SearchBar",mdxType:"Story"},(0,esm.kt)(components_SearchBar,{setQuery:function setQuery(searchTerm){return console.log(searchTerm)},minChars:(0,dist.number)("minChars",2),isDisabled:(0,dist.boolean)("isDisabled",!1),throttleOnChange:(0,dist.number)("throttleOnChange",500),inputTitle:(0,dist.text)("inputTitle","Search Input"),placeholder:"Placeholder",mdxType:"SearchBar"}))),(0,esm.kt)(dist_esm.$4,{of:components_SearchBar,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Data Dictionary")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var searchBar=function searchBar(){return(0,esm.kt)(components_SearchBar,{setQuery:function setQuery(searchTerm){return console.log(searchTerm)},minChars:(0,dist.number)("minChars",2),isDisabled:(0,dist.boolean)("isDisabled",!1),throttleOnChange:(0,dist.number)("throttleOnChange",500),inputTitle:(0,dist.text)("inputTitle","Search Input"),placeholder:"Placeholder"})};searchBar.displayName="searchBar",searchBar.storyName="SearchBar",searchBar.parameters={storySource:{source:" console.log(searchTerm)} minChars={number('minChars', 2)} isDisabled={boolean('isDisabled', false)} throttleOnChange={number('throttleOnChange', 500)} inputTitle={text('inputTitle', 'Search Input')} placeholder=\"Placeholder\" />"}};var componentMeta={title:"SearchBar",component:components_SearchBar,includeStories:["searchBar"]},mdxStoryNameToKey={SearchBar:"searchBar"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var SearchBar_stories=componentMeta},"./.storybook/stories/card.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{containerVariants:function(){return containerVariants},default:function(){return card_stories},dummyText:function(){return dummyText},heroAndButtonVariants:function(){return heroAndButtonVariants},imageLink:function(){return imageLink}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),prop_types=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./.storybook/misc.jsx"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types);__webpack_require__("./styles/components/cards/_cards.scss");var propTypes={variant:prop_types_default().string,size:prop_types_default().string,fill:prop_types_default().string,height:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),onClick:prop_types_default().func,onKeyUp:prop_types_default().func,className:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object])},CardContainer=function CardContainer(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"":_ref$variant,_ref$size=_ref.size,size=void 0===_ref$size?"md":_ref$size,children=_ref.children,fill=_ref.fill,height=_ref.height,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,onClick=_ref.onClick,onKeyUp=_ref.onKeyUp;return react.createElement("div",{className:"card-column "+className,onClick:onClick,role:"presentation",tabIndex:"0",onKeyUp:onKeyUp},react.createElement("div",{className:variant+" "+size+" card-container",style:{backgroundColor:""+fill,height:""+height}},children))};CardContainer.displayName="CardContainer",CardContainer.propTypes=propTypes,CardContainer.__docgenInfo={description:"",methods:[],displayName:"CardContainer",props:{variant:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},size:{defaultValue:{value:'"md"',computed:!1},description:"",type:{name:"string"},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},fill:{description:"",type:{name:"string"},required:!1},height:{description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},onClick:{description:"",type:{name:"func"},required:!1},onKeyUp:{description:"",type:{name:"func"},required:!1}}};var cards_CardContainer=CardContainer;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/cards/CardContainer.jsx"]={name:"CardContainer",docgenInfo:CardContainer.__docgenInfo,path:"components/cards/CardContainer.jsx"});var CardBody_propTypes={overline:prop_types_default().string,headline:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),subhead:prop_types_default().string,text:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),variant:prop_types_default().string,children:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),imageContainerHeight:prop_types_default().string,customClassName:prop_types_default().string,onClick:prop_types_default().func},CardBody=function CardBody(_ref){var overline=_ref.overline,headline=_ref.headline,onClick=_ref.onClick,subhead=_ref.subhead,text=_ref.text,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"":_ref$variant,children=_ref.children,imageContainerHeight=_ref.imageContainerHeight,_ref$customClassName=_ref.customClassName,customClassName=void 0===_ref$customClassName?"":_ref$customClassName;return react.createElement("div",{className:"card__body "+variant+" "+customClassName,style:{height:imageContainerHeight?"calc(100% - "+imageContainerHeight+" - 12px)":""}},overline&&react.createElement("div",{className:"overline"},overline),headline&&react.createElement("div",null,react.createElement("div",{className:"headline",onClick:onClick},headline)),subhead&&react.createElement("div",{className:"subhead"},subhead),text&&react.createElement("div",{className:"text"},text),children)};CardBody.displayName="CardBody",CardBody.propTypes=CardBody_propTypes,CardBody.__docgenInfo={description:"",methods:[],displayName:"CardBody",props:{variant:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},customClassName:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},overline:{description:"",type:{name:"string"},required:!1},headline:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},subhead:{description:"",type:{name:"string"},required:!1},text:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},children:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},imageContainerHeight:{description:"",type:{name:"string"},required:!1},onClick:{description:"",type:{name:"func"},required:!1}}};var cards_CardBody=CardBody;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/cards/CardBody.jsx"]={name:"CardBody",docgenInfo:CardBody.__docgenInfo,path:"components/cards/CardBody.jsx"});var CardHero_propTypes={img:prop_types_default().string,fill:prop_types_default().string,variant:prop_types_default().string,imageContainerHeight:prop_types_default().string,thumbnail:prop_types_default().bool,children:prop_types_default().element,onClick:prop_types_default().func},CardHero=function CardHero(_ref){var img=_ref.img,fill=_ref.fill,variant=_ref.variant,imageContainerHeight=_ref.imageContainerHeight,thumbnail=_ref.thumbnail,children=_ref.children,onClick=_ref.onClick;return react.createElement("div",null,react.createElement("div",{className:"card__hero "+variant,onClick:onClick,style:{backgroundColor:""+fill,height:""+imageContainerHeight}},thumbnail?react.createElement(react.Fragment,null,children):react.createElement("img",{src:""+img,role:"presentation",alt:""})))};CardHero.displayName="CardHero",CardHero.propTypes=CardHero_propTypes,CardHero.__docgenInfo={description:"",methods:[],displayName:"CardHero",props:{img:{description:"",type:{name:"string"},required:!1},fill:{description:"",type:{name:"string"},required:!1},variant:{description:"",type:{name:"string"},required:!1},imageContainerHeight:{description:"",type:{name:"string"},required:!1},thumbnail:{description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"element"},required:!1},onClick:{description:"",type:{name:"func"},required:!1}}};var cards_CardHero=CardHero;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/cards/CardHero.jsx"]={name:"CardHero",docgenInfo:CardHero.__docgenInfo,path:"components/cards/CardHero.jsx"});__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var CardButton_propTypes={link:prop_types_default().string,govLink:prop_types_default().bool,onlyPerformAction:prop_types_default().bool,action:prop_types_default().func,text:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),variant:prop_types_default().string,customClassName:prop_types_default().string,children:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),disabled:prop_types_default().bool},CardButton=function CardButton(_ref){var link=_ref.link,govLink=_ref.govLink,_ref$onlyPerformActio=_ref.onlyPerformAction,onlyPerformAction=void 0===_ref$onlyPerformActio?"false":_ref$onlyPerformActio,action=_ref.action,text=_ref.text,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"secondary":_ref$variant,_ref$customClassName=_ref.customClassName,customClassName=void 0===_ref$customClassName?"":_ref$customClassName,children=_ref.children,disabled=_ref.disabled,variantMapper={primary:"card__button--primary",secondary:"",text:"card__button--borderless"};return!0===onlyPerformAction?react.createElement("div",{className:"card__button"},react.createElement("button",{className:"card__button--secondary "+variantMapper[variant]+" "+customClassName,"aria-label":""+text,disabled:disabled,onClick:action},text||children)):react.createElement("div",{className:"card__button"},govLink?react.createElement("div",{className:"card__button--secondary "+variantMapper[variant],role:"button","aria-label":""+text},react.createElement("a",{target:"_blank",rel:"noopener noreferrer",onClick:action,href:link},text)):react.createElement("a",{className:"card__button--secondary "+variantMapper[variant]+" "+customClassName,role:"button",tabIndex:disabled?"-1":"","aria-label":""+text,href:link,onClick:action},text||children))};CardButton.displayName="CardButton",CardButton.propTypes=CardButton_propTypes,CardButton.__docgenInfo={description:"",methods:[],displayName:"CardButton",props:{onlyPerformAction:{defaultValue:{value:'"false"',computed:!1},description:"",type:{name:"bool"},required:!1},variant:{defaultValue:{value:'"secondary"',computed:!1},description:"",type:{name:"string"},required:!1},customClassName:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},link:{description:"",type:{name:"string"},required:!1},govLink:{description:"",type:{name:"bool"},required:!1},action:{description:"",type:{name:"func"},required:!1},text:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},children:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},disabled:{description:"",type:{name:"bool"},required:!1}}};var cards_CardButton=CardButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/cards/CardButton.jsx"]={name:"CardButton",docgenInfo:CardButton.__docgenInfo,path:"components/cards/CardButton.jsx"});var FlexGridCol=__webpack_require__("./components/flexGrid/FlexGridCol.jsx"),FlexGridRow=__webpack_require__("./components/flexGrid/FlexGridRow.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var imageLink="./img/top-bowie-state-combined-image.svg",dummyText="Pudding jelly beans tiramisu bear claw apple pie liquorice. Jelly beans macaroon wafer topping gummies. Shortbread tiramisu lollipop topping apple pie tart pie chocolate. Tart croissant cake danish wafer icing sugar plum.",layoutProps={imageLink:imageLink};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Card",component:cards_CardContainer,mdxType:"Meta"}),(0,esm.kt)(dist_esm.$4,{of:cards_CardContainer,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Card Container Component"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Container Variants",mdxType:"Story"},(0,esm.kt)(FlexGridRow.Z,{hasGutter:!0,gutterSize:32,mdxType:"FlexGridRow"},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"outline",size:"sm",height:"200px",mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{mdxType:"CardBody"},(0,esm.kt)("div",null,dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"outline",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{mdxType:"CardBody"},(0,esm.kt)("div",null,dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{mdxType:"CardBody"},(0,esm.kt)("div",null,dummyText))))),(0,esm.kt)("br",null),(0,esm.kt)("br",null),(0,esm.kt)(FlexGridRow.Z,{hasGutter:!0,gutterSize:32,mdxType:"FlexGridRow"},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"outline",fill:"#1a4480",mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{mdxType:"CardBody"},(0,esm.kt)("div",{style:{color:"#e6e6e6"}},dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{overline:"Search",headline:"Find details here",text:"Search spending to your community",mdxType:"CardBody"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"primary",link:"/search",mdxType:"CardButton"}))))))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Hero and Button Variants",mdxType:"Story"},(0,esm.kt)(FlexGridRow.Z,{width:3,desktop:3,hasGutter:!0,gutterSize:32,mdxType:"FlexGridRow"},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardHero,{fill:"#1a4480",mdxType:"CardHero"}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app",mdxType:"CardBody"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"hero__button--action",link:"/search",mdxType:"CardButton"})))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardHero,{variant:"expanded",img:imageLink,mdxType:"CardHero"}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app",mdxType:"CardBody"},(0,esm.kt)(cards_CardButton,{text:"Search",link:"/search",mdxType:"CardButton"})))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardHero,{variant:"expanded",fill:"#1a4480",img:imageLink,mdxType:"CardHero"}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app",mdxType:"CardBody"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"text",link:"/search",mdxType:"CardButton"}))))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var containerVariants=function containerVariants(){return(0,esm.kt)(react.Fragment,null,(0,esm.kt)(FlexGridRow.Z,{hasGutter:!0,gutterSize:32},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"outline",size:"sm",height:"200px"},(0,esm.kt)(cards_CardBody,null,(0,esm.kt)("div",null,dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"outline",size:"md"},(0,esm.kt)(cards_CardBody,null,(0,esm.kt)("div",null,dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md"},(0,esm.kt)(cards_CardBody,null,(0,esm.kt)("div",null,dummyText))))),(0,esm.kt)("br",null),(0,esm.kt)("br",null),(0,esm.kt)(FlexGridRow.Z,{hasGutter:!0,gutterSize:32},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"outline",fill:"#1a4480"},(0,esm.kt)(cards_CardBody,null,(0,esm.kt)("div",{style:{color:"#e6e6e6"}},dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,null,(0,esm.kt)(cards_CardBody,{overline:"Search",headline:"Find details here",text:"Search spending to your community"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"primary",link:"/search"}))))))};containerVariants.storyName="Container Variants",containerVariants.parameters={storySource:{source:'\n \n \n \n
{dummyText}
\n \n \n \n \n \n \n
{dummyText}
\n \n \n \n \n \n \n
{dummyText}
\n \n \n \n \n
\n
\n\n \n \n \n
{dummyText}
\n \n \n \n \n \n \n \n \n \n \n '}};var heroAndButtonVariants=function heroAndButtonVariants(){return(0,esm.kt)(FlexGridRow.Z,{width:3,desktop:3,hasGutter:!0,gutterSize:32},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md"},(0,esm.kt)(cards_CardHero,{fill:"#1a4480"}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"hero__button--action",link:"/search"})))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md"},(0,esm.kt)(cards_CardHero,{variant:"expanded",img:imageLink}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app"},(0,esm.kt)(cards_CardButton,{text:"Search",link:"/search"})))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md"},(0,esm.kt)(cards_CardHero,{variant:"expanded",fill:"#1a4480",img:imageLink}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"text",link:"/search"})))))};heroAndButtonVariants.displayName="heroAndButtonVariants",heroAndButtonVariants.storyName="Hero and Button Variants",heroAndButtonVariants.parameters={storySource:{source:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};var componentMeta={title:"Card",component:cards_CardContainer,includeStories:["containerVariants","heroAndButtonVariants"]},mdxStoryNameToKey={"Container Variants":"containerVariants","Hero and Button Variants":"heroAndButtonVariants"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var card_stories=componentMeta},"./.storybook/stories/carousel.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{carousel:function(){return carousel},default:function(){return carousel_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),slicedToArray=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./.storybook/misc.jsx"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js")),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js");__webpack_require__("./styles/components/_carousel.scss");var propTypes={items:prop_types_default().arrayOf(prop_types_default().element)},Carousel=function Carousel(_ref){var items=_ref.items,_useState=(0,react.useState)(1),_useState2=(0,slicedToArray.Z)(_useState,2),page=_useState2[0],setPage=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isDragging=_useState4[0],setIsDragging=_useState4[1],lastDragX=(0,react.useRef)(null),currentX=(0,react.useRef)(0),instanceId=(0,react.useRef)((0,lodash.uniqueId)()),carouselList=(0,react.useRef)(null),carouselContainer=(0,react.useRef)(null),goToItem=function goToItem(i){return setPage(i)},resizeCarousel=function resizeCarousel(){return goToItem(page)};(0,react.useEffect)((function(){return window.addEventListener("resize",resizeCarousel),function(){return window.removeEventListener("resize",resizeCarousel)}}),[]);(0,react.useEffect)((function(){isDragging||goToItem(function determineClosestPage(){var imageWidth=carouselContainer.current.offsetWidth,dragPage=Math.round(-1*currentX.current/imageWidth)+1;return dragPage>items.length?1:dragPage<1?items.length:dragPage}())}),[isDragging]),(0,react.useEffect)((function(){if(carouselList.current&&carouselContainer.current){var imageWidth=carouselContainer.current.offsetWidth,offset=(page-1)*imageWidth*-1;currentX.current=offset,carouselList.current.style.transform="translate("+offset+"px, 0px)"}}));var commonDragCompletion=function commonDragCompletion(){lastDragX.current=null,setIsDragging(!1)},untouchedCarousel=function untouchedCarousel(){return commonDragCompletion()},commonDragLogic=function commonDragLogic(xPos){var change=xPos-lastDragX.current;lastDragX.current=xPos,currentX.current+=change,carouselList.current.style.transform="translate("+currentX.current+"px, 0px)"},stoppedMouseDrag=function stoppedMouseDrag(){isDragging&&commonDragCompletion()},clickedDot=function clickedDot(e){e.preventDefault(),goToItem(parseInt(e.target.value,10))};return react.createElement("div",{className:"usa-dt-carousel","aria-describedby":instanceId.current+"-instructions"},react.createElement("div",{id:instanceId.current+"-instructions",className:"usa-dt-carousel__instructions","aria-live":"polite"},"An image carousel containing ",items.length+" item"+(1!==items.length?"s":""),", with item ",page," shown."),react.createElement("div",{className:"usa-dt-carousel-content"},react.createElement("div",{className:"usa-dt-carousel-item",onTouchStart:function touchedCarousel(){return setIsDragging(!0)},onTouchMove:function touchDraggedCarousel(e){if(isDragging&&e.touches&&e.touches.length&&carouselList){var firstTouch=e.touches[0];null===lastDragX.current?lastDragX.current=firstTouch.pageX:commonDragLogic(firstTouch.pageX)}},onTouchEnd:untouchedCarousel,onTouchCancel:untouchedCarousel,onMouseDown:function startedMouseDrag(e){e.preventDefault(),setIsDragging(!0)},onMouseUp:stoppedMouseDrag,onMouseLeave:stoppedMouseDrag,onMouseMove:function performedMouseDrag(e){isDragging&&(null===lastDragX.current?lastDragX.current=e.pageX:commonDragLogic(e.pageX))},role:"presentation",ref:carouselContainer},react.createElement("div",{className:"usa-dt-carousel-item__list "+(isDragging?"usa-dt-carousel-item__list_dragging":""),"aria-live":"polite",ref:carouselList},items.map((function(item,i){return react.createElement("div",{className:"usa-dt-carousel-item__list-item",key:i+"-the-list-item","aria-hidden":page!==i+1,tabIndex:-1},(0,react.cloneElement)(item,{className:"usa-dt-carousel-item__item"}))}))))),react.createElement("div",{className:"usa-dt-carousel-pager"},react.createElement("div",{className:"usa-dt-carousel-pager__list",role:"menu","aria-label":"Pagination controls for carousel items"},items.map((function(item,i){return react.createElement("button",{className:"usa-dt-carousel-pager__dot-button "+(i+1===page?"usa-dt-carousel-pager__dot-button_active":""),value:i+1,key:i+"-list-item",onClick:clickedDot,"aria-label":"Skip to carousel item "+(i+1),"aria-checked":i+1===page,role:"menuitemradio"},react.createElement("div",{className:"usa-dt-carousel-pager__dot-decorator"}))})))))};Carousel.displayName="Carousel",Carousel.propTypes=propTypes,Carousel.__docgenInfo={description:"",methods:[],displayName:"Carousel",props:{items:{description:"",type:{name:"arrayOf",value:{name:"element"}},required:!1}}};var components_Carousel=Carousel;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/Carousel.jsx"]={name:"Carousel",docgenInfo:Carousel.__docgenInfo,path:"components/Carousel.jsx"});var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Carousel",component:components_Carousel,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"items"),": (required) An array of strings or elements to display")),(0,esm.kt)("p",null,"In this example:"),(0,esm.kt)("h2",null,"Carousel"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Carousel",mdxType:"Story"},(0,esm.kt)(components_Carousel,{items:[(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageOne.png"})),(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageTwo.png"})),(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageThree.png"}))],mdxType:"Carousel"}))),(0,esm.kt)(dist_esm.$4,{of:components_Carousel,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var carousel=function carousel(){return(0,esm.kt)(components_Carousel,{items:[(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageOne.png"})),(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageTwo.png"})),(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageThree.png"}))]})};carousel.displayName="carousel",carousel.storyName="Carousel",carousel.parameters={storySource:{source:',
,
]} />'}};var componentMeta={title:"Carousel",component:components_Carousel,includeStories:["carousel"]},mdxStoryNameToKey={Carousel:"carousel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var carousel_stories=componentMeta},"./.storybook/stories/flexGridCol.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{columnWrapping:function(){return columnWrapping},equalWidth:function(){return equalWidth},mixAndMatch:function(){return mixAndMatch},offsettingColumns:function(){return offsettingColumns},orderClasses:function(){return orderClasses},sameAtAllBreakpoints:function(){return sameAtAllBreakpoints},settingOneColumnWidth:function(){return settingOneColumnWidth},stackedColumnsAtNarrowWidths:function(){return stackedColumnsAtNarrowWidths},variableWidthContent:function(){return variableWidthContent}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./components/flexGrid/FlexGridContainer.jsx"),__webpack_require__("./components/flexGrid/FlexGridRow.jsx")),_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./components/flexGrid/FlexGridCol.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Components/Flex Grid/Flex Grid Col",component:_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-col"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,{mdxType:"Story"}))}],mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h1",null,"Flex Grid Col"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Auto-layout columns"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Utilize breakpoint-specific column classes for easy column sizing without an explicit numbered class."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Equal-width"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"When no column widths are specified the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"FlexGridCol")," component will render equal width columns."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Equal-width",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Setting one column width"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Auto-layout for flex grid columns also means you can set the width of one column and have the sibling columns automatically resize around it."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Setting one column width",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mobile:6,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"mobile:column-6")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Variable width content"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Set the column width (or any breakpoint size) to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},'"auto"')," to size columns based on the natural width of their content."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Variable width content",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:"auto",mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-auto")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Responsive classes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Same at all breakpoints"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"For columns that should maintain the same proportion at any viewport width, use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},""),". Specify a numbered width property when you need a column of a specific width; otherwise, default to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},""),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"")," set a fixed width of ","[n]"," grid-columns in a 12-column grid."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Same at all breakpoints",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:8,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-4"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Stacked columns at narrow widths"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Columns are full-width until the narrowest breakpoint specified in a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"mobile"),", ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tablet"),", or ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"desktop")," property. For instance, using ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},''),", you can create a basic grid system that starts out stacked before displaying as columns at the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tablet")," breakpoint."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Stacked columns at narrow widths",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill",mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill",mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill",mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:8,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-4"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Mix and match"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Don’t want your columns to simply stack in some breakpoints? Use a combination of different properties for each breakpoints as needed."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Mix and match",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:8,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Alignment"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Column wrapping"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Items wrap when the sum of the grid columns is more than 12."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Column wrapping",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:8,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:3,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-3")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:5,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-5"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Reordering"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Order classes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},'"order"')," property for controlling the visual order of your content. These properties are responsive, so you can set the order by breakpoint (e.g., ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},""),")."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Order classes",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,order:"last"},mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"first, but last")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"second, but unordered")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,order:"first"},mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"third, but first"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Offsetting columns"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Offsetting columns",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:{span:8,offset:4},mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8 offset-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,offset:4},mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-10 tablet:offset-2"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var equalWidth=function equalWidth(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")))};equalWidth.displayName="equalWidth",equalWidth.storyName="Equal-width",equalWidth.parameters={storySource:{source:"\n \n
column
\n \n \n
column
\n \n \n
column
\n \n "}};var settingOneColumnWidth=function settingOneColumnWidth(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mobile:6},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"mobile:column-6")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")))};settingOneColumnWidth.displayName="settingOneColumnWidth",settingOneColumnWidth.storyName="Setting one column width",settingOneColumnWidth.parameters={storySource:{source:"\n \n
column
\n \n \n
mobile:column-6
\n \n \n
column
\n \n "}};var variableWidthContent=function variableWidthContent(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:"auto"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-auto")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")))};variableWidthContent.displayName="variableWidthContent",variableWidthContent.storyName="Variable width content",variableWidthContent.parameters={storySource:{source:'\n \n
column
\n \n \n
column-auto
\n \n \n
column
\n \n '}};var sameAtAllBreakpoints=function sameAtAllBreakpoints(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:8},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-4"))))};sameAtAllBreakpoints.storyName="Same at all breakpoints",sameAtAllBreakpoints.parameters={storySource:{source:"\n \n
column
\n \n \n
column
\n \n \n
column
\n \n \n\n \n
column-8
\n \n \n
column-4
\n \n "}};var stackedColumnsAtNarrowWidths=function stackedColumnsAtNarrowWidths(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:8},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-4"))))};stackedColumnsAtNarrowWidths.storyName="Stacked columns at narrow widths",stackedColumnsAtNarrowWidths.parameters={storySource:{source:'\n \n
tablet:column
\n \n \n
tablet:column
\n \n \n
tablet:column
\n \n \n\n \n
tablet:column-8
\n \n \n
tablet:column-4
\n \n '}};var mixAndMatch=function mixAndMatch(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:8},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6"))))};mixAndMatch.storyName="Mix and match",mixAndMatch.parameters={storySource:{source:"\n \n
tablet:column-8
\n \n \n
column-6 tablet:column-4
\n \n \n\n \n
column-6 tablet:column-4
\n \n \n
column-6 tablet:column-4
\n \n \n
column-6 tablet:column-4
\n \n \n\n \n
column-6
\n \n \n
column-6
\n \n "}};var columnWrapping=function columnWrapping(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:8},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:3},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-3")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:5},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-5")))};columnWrapping.displayName="columnWrapping",columnWrapping.storyName="Column wrapping",columnWrapping.parameters={storySource:{source:"\n \n
column-8
\n \n \n
column-3
\n \n \n
column-5
\n \n "}};var orderClasses=function orderClasses(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,order:"last"}},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"first, but last")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"second, but unordered")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,order:"first"}},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"third, but first")))};orderClasses.displayName="orderClasses",orderClasses.storyName="Order classes",orderClasses.parameters={storySource:{source:"\n \n
first, but last
\n \n \n
second, but unordered
\n \n \n
third, but first
\n \n "}};var offsettingColumns=function offsettingColumns(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:{span:8,offset:4}},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8 offset-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,offset:4}},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-10 tablet:offset-2"))))};offsettingColumns.storyName="Offsetting columns",offsettingColumns.parameters={storySource:{source:"\n \n
column-8 offset-4
\n \n \n\n \n
tablet:column-4
\n \n \n
tablet:column-10 tablet:offset-2
\n \n "}};var componentMeta={title:"Components/Flex Grid/Flex Grid Col",decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-col"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,null))}],component:_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,includeStories:["equalWidth","settingOneColumnWidth","variableWidthContent","sameAtAllBreakpoints","stackedColumnsAtNarrowWidths","mixAndMatch","columnWrapping","orderClasses","offsettingColumns"]},mdxStoryNameToKey={"Equal-width":"equalWidth","Setting one column width":"settingOneColumnWidth","Variable width content":"variableWidthContent","Same at all breakpoints":"sameAtAllBreakpoints","Stacked columns at narrow widths":"stackedColumnsAtNarrowWidths","Mix and match":"mixAndMatch","Column wrapping":"columnWrapping","Order classes":"orderClasses","Offsetting columns":"offsettingColumns"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/flexGridContainer.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{flexGridContainer:function(){return flexGridContainer}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./components/flexGrid/FlexGridContainer.jsx"),_excluded=(__webpack_require__("./components/flexGrid/FlexGridRow.jsx"),__webpack_require__("./components/flexGrid/FlexGridCol.jsx"),["components"]);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Components/Flex Grid/Flex Grid Container",component:_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,{mdxType:"Story"}))}],mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h1",null,"Flex Grid Container"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"FlexGridContainer")," centers the content within it and sets a maximum width. If you would like the grid to span the full width of the page, do not use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"FlexGridContainer"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Default Container"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("code",{parentName:"pre",className:"language-html"},"\n {/* Content Goes Here */}\n\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Flex Grid Container",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{className:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("className",""),mdxType:"FlexGridContainer"},"container"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var flexGridContainer=function flexGridContainer(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{className:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("className","")},"container"))};flexGridContainer.storyName="Flex Grid Container",flexGridContainer.parameters={storySource:{source:"
Visual Example
\n\n container\n "}};var componentMeta={title:"Components/Flex Grid/Flex Grid Container",decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,null))}],component:_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,includeStories:["flexGridContainer"]},mdxStoryNameToKey={"Flex Grid Container":"flexGridContainer"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/flexGridRow.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{defaultStory:function(){return defaultStory},gutterSizing:function(){return gutterSizing},gutters:function(){return gutters},knobsExample:function(){return knobsExample}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./components/flexGrid/FlexGridContainer.jsx"),_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./components/flexGrid/FlexGridRow.jsx"),_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./components/flexGrid/FlexGridCol.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Components/Flex Grid/Flex Grid Row",component:_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,{mdxType:"Story"}))}],mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h1",null,"Flex Grid Row"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Default behavior"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Default",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Gutters"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Gutters",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{mdxType:"FlexGridContainer"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Gutter sizing"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Gutter sizing",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{mdxType:"FlexGridContainer"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,gutterSize:"sm",mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,gutterSize:"lg",mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Knobs example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Knobs example",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{mdxType:"FlexGridContainer"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{className:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("className",""),hasGutter:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("hasGutter",!1),gutterSize:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("gutterSize",""),mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))))};defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:'
Visual Example
\n\n \n
column content
\n \n \n
column content
\n \n \n
column content
\n \n '}};var gutters=function gutters(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))};gutters.storyName="Gutters",gutters.parameters={storySource:{source:'
Visual Example
\n\n \n \n
column content
\n \n \n
column content
\n \n \n
column content
\n \n \n '}};var gutterSizing=function gutterSizing(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,gutterSize:"sm"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,gutterSize:"lg"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))};gutterSizing.storyName="Gutter sizing",gutterSizing.parameters={storySource:{source:'
Visual Example
\n\n \n \n
column content
\n \n \n
column content
\n \n \n
column content
\n \n \n \n \n
column content
\n \n \n
column content
\n \n \n
column content
\n \n \n \n \n
column content
\n \n \n
column content
\n \n \n
column content
\n \n \n '}};var knobsExample=function knobsExample(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{className:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("className",""),hasGutter:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("hasGutter",!1),gutterSize:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("gutterSize","")},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))};knobsExample.storyName="Knobs example",knobsExample.parameters={storySource:{source:"
Visual Example
\n\n \n \n
column content
\n \n \n
column content
\n \n \n
column content
\n \n \n "}};var componentMeta={title:"Components/Flex Grid/Flex Grid Row",decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,null))}],component:_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,includeStories:["defaultStory","gutters","gutterSizing","knobsExample"]},mdxStoryNameToKey={Default:"defaultStory",Gutters:"gutters","Gutter sizing":"gutterSizing","Knobs example":"knobsExample"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/informationBoxes.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return informationBoxes_stories},informationBoxes2Count:function(){return informationBoxes2Count},informationBoxes3Count:function(){return informationBoxes3Count},informationBoxes4Count:function(){return informationBoxes4Count}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),slicedToArray=(__webpack_require__("./.storybook/misc.jsx"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js")),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),moneyFormatter=__webpack_require__("./helpers/moneyFormatter.js"),numberToText={2:"two",3:"three",4:"four"};__webpack_require__("./styles/components/_informationBoxes.scss");var defaultProps={boxes:prop_types_default().arrayOf(prop_types_default().shape({type:prop_types_default().string.isRequired,title:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().element]),amount:prop_types_default().number,isMonetary:prop_types_default().bool,subtitle:prop_types_default().string,subtitleBottom:prop_types_default().string,isLoading:prop_types_default().bool}))},InformationBoxes=function InformationBoxes(_ref){var boxes=_ref.boxes,_useState=(0,react.useState)(window.innerWidth>1200),_useState2=(0,slicedToArray.Z)(_useState,2),isForTabletPortaitUp=_useState2[0],setIsForTabletPortaitUp=_useState2[1],checkWidth=(0,lodash.throttle)((function(){return setIsForTabletPortaitUp(window.innerWidth>1200)}));return(0,react.useEffect)((function(){return checkWidth(),window.addEventListener("resize",checkWidth),function(){return window.removeEventListener("resize",checkWidth)}}),[]),react.createElement("div",{className:"usa-dt-information-boxes "+numberToText[boxes.length]+"-boxes"},boxes.map((function(box){return react.createElement("div",{key:box.type,className:"usa-dt-information-box"},react.createElement("div",{className:"usa-dt-information-box__divider"},react.createElement("div",{className:"usa-dt-information-box__content"+(box.subtitle?" with-subtitle":"")},react.createElement("div",{className:"usa-dt-information-box__title"},box.title),box.subtitle&&react.createElement("div",{className:"usa-dt-information-box__subtitle"},box.subtitle),react.createElement("div",{className:"usa-dt-information-box__amount"+(box.isLoading?" loading":"")},box.isLoading&&react.createElement("div",{className:"dot-pulse"}),!box.isLoading&&function formattedValue(value,isMonetary,isForTabletPortaitUp){if(0!==value&&!value)return null;var formattedAmount=isMonetary?(0,moneyFormatter.lb)(value):(0,moneyFormatter.uf)(value);if(Math.abs(value)>moneyFormatter.oS.MILLION){var amount=(0,moneyFormatter.CU)(value);formattedAmount=(isMonetary?(0,moneyFormatter.yD)(value/amount.unit,2):(0,moneyFormatter.xA)(value/amount.unit,2))+" "+(isForTabletPortaitUp?(0,lodash.startCase)(amount.longLabel):amount.unitLabel)}return formattedAmount}(box.amount,box.isMonetary,isForTabletPortaitUp)),box.subtitleBottom&&react.createElement("div",{className:"usa-dt-information-box__subtitle-bottom"},box.subtitleBottom))))})))};InformationBoxes.displayName="InformationBoxes",InformationBoxes.propTypes=defaultProps,InformationBoxes.__docgenInfo={description:"",methods:[],displayName:"InformationBoxes",props:{boxes:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{type:{name:"string",required:!0},title:{name:"union",value:[{name:"string"},{name:"element"}],required:!1},amount:{name:"number",required:!1},isMonetary:{name:"bool",required:!1},subtitle:{name:"string",required:!1},subtitleBottom:{name:"string",required:!1},isLoading:{name:"bool",required:!1}}}},required:!1}}};var components_InformationBoxes=InformationBoxes;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/InformationBoxes.jsx"]={name:"InformationBoxes",docgenInfo:InformationBoxes.__docgenInfo,path:"components/InformationBoxes.jsx"});var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Information Boxes",component:components_InformationBoxes,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"boxes"),": An array of box objects with their properties below",(0,esm.kt)("ul",{parentName:"li"},(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"title"),": (string | element), the title to display."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"type"),": (string, required), the unique React key for each box."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"subtitle"),": string, the subtitle to display."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"amount"),": number, the amount to display."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"subtitleBottom"),": string, optional subtitle to display at the bottom of box."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"isMonetary"),": boolean, if true will format the amount as monetary."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"isLoading"),": element, if true will display loading vizualisation.")))),(0,esm.kt)("p",null,"In this example:"),(0,esm.kt)("h2",null,"Information Boxes, 2 Count"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Information Boxes, 2 Count",mdxType:"Story"},(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Total Obligations",type:"totalObligations",amount:8199e8,isMonetary:!0},{title:"Total Outlays",type:"totalOutlays",amount:107e10,isLoading:!0,isMonetary:!0}],mdxType:"InformationBoxes"}))),(0,esm.kt)("h2",null,"Information Boxes, 3 Count"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Information Boxes, 3 Count",mdxType:"Story"},(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Award Obligations",type:"totalObligations",amount:8199e8,isMonetary:!0},{title:"Number of Transactions",type:"numberOfTransactions",amount:2531},{title:"Number of New Awards",type:"numberOfNewAwards",amount:125}],mdxType:"InformationBoxes"}))),(0,esm.kt)("h2",null,"Information Boxes, 4 Count"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Information Boxes, 4 Count",mdxType:"Story"},(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Number of Agencies",type:"numOfAgencies",subtitle:"for FY 19",amount:13,subtitleBottom:"with 32 offices"},{title:"Total Budgetary Resources",type:"totalBudget",subtitle:"for FY 19",amount:8199e8,isMonetary:!0},{title:"Total Outlays",type:"tOutlays",subtitle:"for FY 19",amount:111e10,isMonetary:!0},{title:"Total Obligations",type:"tObligations",subtitle:"for FY 19",amount:107e10,isMonetary:!0}],mdxType:"InformationBoxes"}))),(0,esm.kt)(dist_esm.$4,{of:components_InformationBoxes,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var informationBoxes2Count=function informationBoxes2Count(){return(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Total Obligations",type:"totalObligations",amount:8199e8,isMonetary:!0},{title:"Total Outlays",type:"totalOutlays",amount:107e10,isLoading:!0,isMonetary:!0}]})};informationBoxes2Count.displayName="informationBoxes2Count",informationBoxes2Count.storyName="Information Boxes, 2 Count",informationBoxes2Count.parameters={storySource:{source:""}};var informationBoxes3Count=function informationBoxes3Count(){return(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Award Obligations",type:"totalObligations",amount:8199e8,isMonetary:!0},{title:"Number of Transactions",type:"numberOfTransactions",amount:2531},{title:"Number of New Awards",type:"numberOfNewAwards",amount:125}]})};informationBoxes3Count.displayName="informationBoxes3Count",informationBoxes3Count.storyName="Information Boxes, 3 Count",informationBoxes3Count.parameters={storySource:{source:""}};var informationBoxes4Count=function informationBoxes4Count(){return(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Number of Agencies",type:"numOfAgencies",subtitle:"for FY 19",amount:13,subtitleBottom:"with 32 offices"},{title:"Total Budgetary Resources",type:"totalBudget",subtitle:"for FY 19",amount:8199e8,isMonetary:!0},{title:"Total Outlays",type:"tOutlays",subtitle:"for FY 19",amount:111e10,isMonetary:!0},{title:"Total Obligations",type:"tObligations",subtitle:"for FY 19",amount:107e10,isMonetary:!0}]})};informationBoxes4Count.displayName="informationBoxes4Count",informationBoxes4Count.storyName="Information Boxes, 4 Count",informationBoxes4Count.parameters={storySource:{source:""}};var componentMeta={title:"Information Boxes",component:components_InformationBoxes,includeStories:["informationBoxes2Count","informationBoxes3Count","informationBoxes4Count"]},mdxStoryNameToKey={"Information Boxes, 2 Count":"informationBoxes2Count","Information Boxes, 3 Count":"informationBoxes3Count","Information Boxes, 4 Count":"informationBoxes4Count"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var informationBoxes_stories=componentMeta},"./.storybook/stories/introduction.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__page:function(){return __page}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Introduction",parameters:{options:{showAddonPanel:!1}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h1",null,"Data Transparency User Interface (UI) Component Library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The purpose of this project is to give visibility into the patterns built into the\n",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"p",href:"https://broker.usaspending.gov/"},"Broker")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"p",href:"https://usaspending.gov/"},"USASpending")," UI and their corresponding technical implementations.\nThese implementations, referred to as UI Components, exist outside of the USASpending\nand Broker codebase."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"With this visibility & independence, the following benefits arise:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"UI/UX & Development Teams can identify a one-to-one relationship between designs and their implementations in code."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"USASpending & Broker can reuse the same code."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Integration with these components within USASpending and Broker will result in the ability to redesign or improve these components\nin a single place and then see those changes propagated throughout the website immediately.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"UI/UX & Development Collaboration Process"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The below info-graphic displays how the UI/UX and Development Teams will iteratively work together to identify new components for this library."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("img",{src:"./img/ui_ux_approval.png",alt:"Data Transparency USASpending.gov logo"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Component Library Contribution"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"We use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"p",href:"https://github.com/storybookjs/storybook"},"storybook")," to demonstrate our library of components and their technical implementations.\nThis open-source project has nearly 1K contributors and is constantly improving."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Creating a New Story for a Component"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"We use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"p",href:"https://mdxjs.com/advanced/api"},"mdx")," to document our components."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Currently, we are using the following Storybook features to display our current implementation:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"li",href:"https://github.com/storybookjs/storybook/tree/master/addons/viewport"},"Mobile Responsiveness")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"li",href:"https://github.com/storybookjs/storybook/tree/master/addons/docs"},"Docs"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Technical Directions for Adding New Components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"When adding a new component to this library, please follow the below guide:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Build storybook artifacts and Component's CSS by running ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"npm run build"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{parentName:"li"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Storybook build artifacts are compiled in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"docs/")," and deployed using GitHub Pages once merged to the master branch"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Component CSS is compiled to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"dist/")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Export the new component in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"index.js")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Consult the storybook documentation")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Introduction",parameters:{options:{showAddonPanel:!1}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/message.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{comingSoonPlaceholder:function(){return comingSoonPlaceholder},customErrorMessage:function(){return customErrorMessage},errorMessage:function(){return errorMessage},genericMessage:function(){return genericMessage},loadingMessage:function(){return loadingMessage},noResultsMessage:function(){return noResultsMessage}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js")),_components_messages_LoadingMessage__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./components/messages/LoadingMessage.jsx"),_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./components/messages/ErrorMessage.jsx"),_components_messages_NoResultsMessage__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./components/messages/NoResultsMessage.jsx"),_components_messages_ComingSoon__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./components/messages/ComingSoon.jsx"),_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./components/messages/GenericMessage.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Messages",component:_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Generic Message Props:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"className"),": A way to customize message stlyling. Gets appended to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"usda-message_")," to create a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("em",{parentName:"li"},"modifier")," class in BEM methodology."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"title"),": The first (bolded) line of text."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"description"),": The second line of text."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"icon"),": An icon to display above the text.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Generic Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Generic Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,{className:"your-class",title:"Your title",description:"Custom description here.",icon:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"pencil-alt",mdxType:"FontAwesomeIcon"}),mdxType:"GenericMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Loading Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Loading Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_LoadingMessage__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"LoadingMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Default Error Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Error Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"ErrorMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Custom Error Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Custom Error Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,{title:"Your title",description:"Custom error message here.",mdxType:"ErrorMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"No Results Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"No Results Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_NoResultsMessage__WEBPACK_IMPORTED_MODULE_11__.Z,{mdxType:"NoResultsMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Coming Soon Placeholder"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Coming Soon Placeholder",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ComingSoon__WEBPACK_IMPORTED_MODULE_12__.Z,{mdxType:"ComingSoon"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Submission Statistics"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var genericMessage=function genericMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,{className:"your-class",title:"Your title",description:"Custom description here.",icon:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"pencil-alt"})})};genericMessage.displayName="genericMessage",genericMessage.storyName="Generic Message",genericMessage.parameters={storySource:{source:'} />'}};var loadingMessage=function loadingMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_LoadingMessage__WEBPACK_IMPORTED_MODULE_9__.Z,null)};loadingMessage.displayName="loadingMessage",loadingMessage.storyName="Loading Message",loadingMessage.parameters={storySource:{source:""}};var errorMessage=function errorMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,null)};errorMessage.displayName="errorMessage",errorMessage.storyName="Error Message",errorMessage.parameters={storySource:{source:""}};var customErrorMessage=function customErrorMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,{title:"Your title",description:"Custom error message here."})};customErrorMessage.displayName="customErrorMessage",customErrorMessage.storyName="Custom Error Message",customErrorMessage.parameters={storySource:{source:''}};var noResultsMessage=function noResultsMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_NoResultsMessage__WEBPACK_IMPORTED_MODULE_11__.Z,null)};noResultsMessage.displayName="noResultsMessage",noResultsMessage.storyName="No Results Message",noResultsMessage.parameters={storySource:{source:""}};var comingSoonPlaceholder=function comingSoonPlaceholder(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ComingSoon__WEBPACK_IMPORTED_MODULE_12__.Z,null)};comingSoonPlaceholder.displayName="comingSoonPlaceholder",comingSoonPlaceholder.storyName="Coming Soon Placeholder",comingSoonPlaceholder.parameters={storySource:{source:""}};var componentMeta={title:"Messages",component:_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,includeStories:["genericMessage","loadingMessage","errorMessage","customErrorMessage","noResultsMessage","comingSoonPlaceholder"]},mdxStoryNameToKey={"Generic Message":"genericMessage","Loading Message":"loadingMessage","Error Message":"errorMessage","Custom Error Message":"customErrorMessage","No Results Message":"noResultsMessage","Coming Soon Placeholder":"comingSoonPlaceholder"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/page-header.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return page_header_stories},wAllToolbarOptions:function(){return wAllToolbarOptions}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js");__webpack_require__("./styles/components/_pageHeader.scss");var PageHeader=function PageHeader(_ref){var title=_ref.title,_ref$overLine=_ref.overLine,overLine=void 0===_ref$overLine?"":_ref$overLine,_ref$stickyBreakPoint=_ref.stickyBreakPoint,stickyBreakPoint=void 0===_ref$stickyBreakPoint?0:_ref$stickyBreakPoint,_ref$toolBar=_ref.toolBar,toolBar=void 0===_ref$toolBar?[]:_ref$toolBar,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#1a4480":_ref$backgroundColor,stickyHeader=(0,react.useRef)(null),_useDynamicStickyClas=function useDynamicStickyClass(stickyRef){var fixedStickyBreakpoint=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,_useState=(0,react.useState)(0),_useState2=(0,slicedToArray.Z)(_useState,2),dynamicStickyBreakpoint=_useState2[0],setDynamicStickyBreakpoint=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isSticky=_useState4[0],setIsSticky=_useState4[1];return[isSticky,dynamicStickyBreakpoint,setIsSticky,(0,lodash.throttle)((function(){var scrollY=window.scrollY||document.documentElement.scrollTop;fixedStickyBreakpoint&&scrollY>=fixedStickyBreakpoint&&!isSticky||!fixedStickyBreakpoint&&scrollY>=dynamicStickyBreakpoint&&!isSticky?setIsSticky(!0):(scrollY<=fixedStickyBreakpoint||scrollY<=dynamicStickyBreakpoint)&&setIsSticky(!1)}),100),(0,lodash.throttle)((function(){var wrapperY=stickyRef.current?stickyRef.current.offsetTop:0;setDynamicStickyBreakpoint(wrapperY)}),100)]}(stickyHeader,stickyBreakPoint),_useDynamicStickyClas2=(0,slicedToArray.Z)(_useDynamicStickyClas,5),isSticky=_useDynamicStickyClas2[0],handleScroll=_useDynamicStickyClas2[3],measureScreen=_useDynamicStickyClas2[4];(0,react.useEffect)((function(){return measureScreen(),window.addEventListener("scroll",handleScroll),window.addEventListener("resize",measureScreen),function(){window.removeEventListener("scroll",handleScroll),window.removeEventListener("resize",measureScreen)}}));var stickyClass=isSticky?" usda-page-header--sticky":"";return react.createElement("section",{className:"usda-page-header"+stickyClass,ref:stickyHeader,style:{backgroundColor:backgroundColor}},react.createElement("div",{className:"usda-page-header__container"},react.createElement("div",{className:"usda-page-header__mobile-top"},react.createElement("div",{className:"usda-page-header__header"},overLine&&react.createElement("strong",{className:"usda-page-header__overline"},overLine),react.createElement("div",{className:"usda-page-header__title"},react.createElement("h1",null,title))),function renderMobileShareIcon(){var shareIcon=null==toolBar?void 0:toolBar.find((function(o){return"Share Icon"===(null==o?void 0:o.type.displayName)}));return shareIcon?react.cloneElement(shareIcon):null}(),function renderMobileAboutTheDataIcon(){var atdIcon=null==toolBar?void 0:toolBar.find((function(o){return"ATDButton"===(null==o?void 0:o.type.displayName)}));return atdIcon?react.cloneElement(atdIcon):null}()),(null==toolBar?void 0:toolBar.length)>0&&react.createElement("div",{className:"usda-page-header__toolbar"},toolBar.map((function(component){var _component$props,_component$props2,_component$props3,className=(null===(_component$props=component.props)||void 0===_component$props?void 0:_component$props.className)+" "+(null===(_component$props2=component.props)||void 0===_component$props2?void 0:_component$props2.classNames),classNames=""+(null===(_component$props3=component.props)||void 0===_component$props3?void 0:_component$props3.classNames);return className?react.cloneElement(component,{className:className+" toolbar__item"}):classNames?react.cloneElement(component,{classNames:classNames+" toolbar__item"}):react.cloneElement(component,{className:"toolbar__item",classNames:"toolbar__item"})})))))};PageHeader.displayName="PageHeader",PageHeader.propTypes={stickyBreakPoint:prop_types_default().number,overLine:prop_types_default().string,title:prop_types_default().string.isRequired,toolBar:prop_types_default().arrayOf(prop_types_default().element)},PageHeader.__docgenInfo={description:"",methods:[],displayName:"PageHeader",props:{overLine:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},stickyBreakPoint:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},toolBar:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"element"}},required:!1},backgroundColor:{defaultValue:{value:"'#1a4480'",computed:!1},required:!1},title:{description:"",type:{name:"string"},required:!0}}};var components_PageHeader=PageHeader;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/PageHeader.jsx"]={name:"PageHeader",docgenInfo:PageHeader.__docgenInfo,path:"components/PageHeader.jsx"});var ComingSoon=__webpack_require__("./components/messages/ComingSoon.jsx"),index_es=(__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js")),free_solid_svg_icons_index_es=__webpack_require__("./node_modules/@fortawesome/free-solid-svg-icons/index.es.js"),Picker=__webpack_require__("./components/Picker.jsx"),free_brands_svg_icons_index_es=__webpack_require__("./node_modules/@fortawesome/free-brands-svg-icons/index.es.js"),GlossaryDropdownOption=function GlossaryDropdownOption(_ref2){var icon=_ref2.icon,title=_ref2.title;return react.createElement(react.Fragment,null,react.createElement(index_es.G,{icon:icon,color:"#555",size:"sm"}),react.createElement("span",null,title))},socialShareOptions=[{component:react.createElement(GlossaryDropdownOption,{icon:free_solid_svg_icons_index_es.nNP,title:"Copy link"}),name:"copy"},{component:react.createElement(GlossaryDropdownOption,{icon:free_solid_svg_icons_index_es.FU$,title:"Email"}),name:"email"},{component:react.createElement(GlossaryDropdownOption,{icon:free_brands_svg_icons_index_es.mdU,title:"Twitter"}),name:"twitter"},{component:react.createElement(GlossaryDropdownOption,{icon:free_brands_svg_icons_index_es.pZl,title:"Facebook"}),name:"facebook"},{component:react.createElement(GlossaryDropdownOption,{icon:free_brands_svg_icons_index_es.D9H,title:"LinkedIn"}),name:"linkedin"},{component:react.createElement(GlossaryDropdownOption,{icon:free_brands_svg_icons_index_es.zsw,title:"Reddit"}),name:"reddit"}];__webpack_require__("./styles/components/_shareIcon.scss");var propTypes={url:prop_types_default().string.isRequired,classNames:prop_types_default().string,onShareOptionClick:prop_types_default().func.isRequired,includedDropdownOptions:prop_types_default().arrayOf(prop_types_default().string),colors:prop_types_default().object,dropdownDirection:prop_types_default().string},ShareIcon=function ShareIcon(_ref){var _ref$includedDropdown=_ref.includedDropdownOptions,includedDropdownOptions=void 0===_ref$includedDropdown?[]:_ref$includedDropdown,_ref$classNames=_ref.classNames,classNames=void 0===_ref$classNames?"":_ref$classNames,_ref$url=_ref.url,url=void 0===_ref$url?"":_ref$url,_ref$onShareOptionCli=_ref.onShareOptionClick,onShareOptionClick=void 0===_ref$onShareOptionCli?function(){}:_ref$onShareOptionCli,_ref$colors=_ref.colors,colors=void 0===_ref$colors?{color:"#dfe1e2",backgroundColor:"#1a4480"}:_ref$colors,_ref$dropdownDirectio=_ref.dropdownDirection,dropdownDirection=void 0===_ref$dropdownDirectio?"left":_ref$dropdownDirectio,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),showConfirmationText=_useState2[0],setConfirmationText=_useState2[1],hideConfirmationText=(0,lodash.debounce)((function(){return setConfirmationText(!1)}),1750);(0,react.useEffect)((function(){return showConfirmationText&&hideConfirmationText(),hideConfirmationText.cancel}),[showConfirmationText,setConfirmationText,hideConfirmationText]);var copyLink=function copyLink(){Array.from(document.querySelectorAll(".js-dtui-url-for-share-icon")).forEach((function(node){if(node.value.includes(url))return node.select()})),document.execCommand("copy"),setConfirmationText(!0),onShareOptionClick("copy")},copyLinkSecond=function copyLinkSecond(){Array.from(document.querySelectorAll(".js-dtui-url-for-share-icon")).forEach((function(node){if(node.getAttribute("value").includes("about-the-data")||node.getAttribute("value").includes("glossary"))return node.select()})),document.execCommand("copy"),setConfirmationText(!0),onShareOptionClick("copy")},socialSharePickerOptions=socialShareOptions.filter((function(_ref2){var name=_ref2.name;return!includedDropdownOptions.length||includedDropdownOptions.includes(name)})).map((function(option){return"copy"!==option.name||url.includes("about-the-data")?"copy"===option.name&&url.includes("about-the-data")?Object.assign({},option,{onClick:copyLinkSecond}):Object.assign({},option,{onClick:function onClick(){return onShareOptionClick(option.name)}}):Object.assign({},option,{onClick:copyLink})}));return react.createElement("div",{className:classNames?"usda-share-icon "+classNames:"usda-share-icon"},react.createElement("input",{"aria-label":"Share Input Link",type:"text",className:"js-dtui-url-for-share-icon text",style:{position:"absolute",right:"9999px",opacity:0},value:url,readOnly:!0}),react.createElement(Picker.Z,{dropdownDirection:dropdownDirection,options:socialSharePickerOptions,selectedOption:"copy",backgroundColor:colors.backgroundColor,sortFn:function sortFn(){return 1}},react.createElement(index_es.G,{icon:"share-alt",size:"lg",color:colors.color})),react.createElement("span",null,"Share"),showConfirmationText&&react.createElement("div",{className:"copy-confirmation"},react.createElement(index_es.G,{icon:free_solid_svg_icons_index_es.f8k})," Copied!"))};ShareIcon.displayName="ShareIcon",ShareIcon.propTypes=propTypes,ShareIcon.displayName="Share Icon",ShareIcon.__docgenInfo={description:"",methods:[],displayName:"Share Icon",props:{includedDropdownOptions:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},classNames:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},url:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},onShareOptionClick:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},colors:{defaultValue:{value:'{\n color: "#dfe1e2",\n backgroundColor: "#1a4480"\n}',computed:!1},description:"",type:{name:"object"},required:!1},dropdownDirection:{defaultValue:{value:"'left'",computed:!1},description:"",type:{name:"string"},required:!1}}};var components_ShareIcon=ShareIcon;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ShareIcon.jsx"]={name:"ShareIcon",docgenInfo:ShareIcon.__docgenInfo,path:"components/ShareIcon.jsx"});var TooltipWrapper=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx");__webpack_require__("./styles/components/_downloadIconButton.scss");var DownloadIconButton_propTypes={onClick:prop_types_default().func.isRequired,downloadInFlight:prop_types_default().bool,tooltipComponent:prop_types_default().element,isEnabled:prop_types_default().bool,tooltipPosition:prop_types_default().string},DownloadIconButton=function DownloadIconButton(_ref){var onClick=_ref.onClick,downloadInFlight=_ref.downloadInFlight,_ref$tooltipComponent=_ref.tooltipComponent,tooltipComponent=void 0===_ref$tooltipComponent?null:_ref$tooltipComponent,_ref$tooltipPosition=_ref.tooltipPosition,tooltipPosition=void 0===_ref$tooltipPosition?"left":_ref$tooltipPosition,_ref$isEnabled=_ref.isEnabled,isEnabled=void 0===_ref$isEnabled||_ref$isEnabled,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#1a4480":_ref$backgroundColor,startDownload=function startDownload(e){e.preventDefault(),!downloadInFlight&&isEnabled&&onClick()},disabledClass=downloadInFlight||!isEnabled?" disabled":"",buttonText=downloadInFlight?"Preparing Download...":"Download",icon=downloadInFlight?free_solid_svg_icons_index_es.LM3:free_solid_svg_icons_index_es.kwI;return tooltipComponent?react.createElement(TooltipWrapper.Z,{className:"usda-download-btn"+disabledClass,tooltipPosition:tooltipPosition,tooltipComponent:tooltipComponent},react.createElement("button",{className:"usda-button",title:buttonText,"aria-label":buttonText,disabled:downloadInFlight,onClick:startDownload,style:{backgroundColor:backgroundColor}},react.createElement(index_es.G,{icon:icon,spin:downloadInFlight,color:"#dfe1e2"})),react.createElement("span",{style:{color:"#dfe1e2"}},buttonText)):react.createElement("div",{className:"usda-download-btn"+disabledClass},react.createElement("button",{className:"usda-button",title:buttonText,"aria-label":buttonText,disabled:downloadInFlight,onClick:startDownload,style:{backgroundColor:backgroundColor}},react.createElement(index_es.G,{icon:icon,spin:downloadInFlight})),react.createElement("span",null,buttonText))};DownloadIconButton.displayName="DownloadIconButton",DownloadIconButton.displayName="Download Icon Button",DownloadIconButton.propTypes=DownloadIconButton_propTypes,DownloadIconButton.__docgenInfo={description:"",methods:[],displayName:"Download Icon Button",props:{tooltipComponent:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},tooltipPosition:{defaultValue:{value:'"left"',computed:!1},description:"",type:{name:"string"},required:!1},isEnabled:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},backgroundColor:{defaultValue:{value:"'#1a4480'",computed:!1},required:!1},onClick:{description:"",type:{name:"func"},required:!0},downloadInFlight:{description:"",type:{name:"bool"},required:!1}}};var components_DownloadIconButton=DownloadIconButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/DownloadIconButton.jsx"]={name:"DownloadIconButton",docgenInfo:DownloadIconButton.__docgenInfo,path:"components/DownloadIconButton.jsx"});var FiscalYearPicker=__webpack_require__("./components/FiscalYearPicker.jsx"),misc=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Page Header",parameters:{options:{showAddonPanel:!1}},mdxType:"Meta"}),(0,esm.kt)("h2",null,"Props"),(0,esm.kt)(dist_esm.$4,{of:components_PageHeader,mdxType:"ArgsTable"}),(0,esm.kt)("h3",null,"FYProps: Options"),(0,esm.kt)("p",null,"This prop is used to override the default styling for the fiscal year picker in the page header. The default is a list of years prefixed with ",(0,esm.kt)("inlineCode",{parentName:"p"},"FY"),". This default list is built using the props ",(0,esm.kt)("inlineCode",{parentName:"p"},"latestFy")," and ",(0,esm.kt)("inlineCode",{parentName:"p"},"earliestFy"),"."),(0,esm.kt)("h3",null,"Sticky Behavior"),(0,esm.kt)("p",null,"The page header is sticky on scroll. You can pass ",(0,esm.kt)("inlineCode",{parentName:"p"},"stickyBreakpoint")," to specify the threshold where the header should become or lose it's stickiness. NOTE: the docs tab has this behavior disabled and it can be overriden via css."),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"w/ All Toolbar Options",mdxType:"Story"},(0,esm.kt)("div",{className:"page-header-story"},(0,esm.kt)(components_PageHeader,{overLine:"Agency Profile",title:"Department of Homeland Security",toolBar:[(0,esm.kt)(FiscalYearPicker.Z,{selectedFy:2020,latestFy:2021,handleFyChange:function handleFyChange(){},mdxType:"FiscalYearPicker"}),(0,esm.kt)(components_ShareIcon,{url:"this-is-a-test-url.com",mdxType:"ShareIcon"}),(0,esm.kt)(components_DownloadIconButton,{onClick:function onClick(){},downloadInFlight:(0,dist.boolean)("Download In Flight",!1),tooltipComponent:(0,esm.kt)(misc.u,{mdxType:"Tooltip"}),isEnabled:(0,dist.boolean)("Download Enabled",!0),mdxType:"DownloadIconButton"})],mdxType:"PageHeader"}),(0,esm.kt)(ComingSoon.Z,{mdxType:"ComingSoon"})))),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question where is this component used?"),(0,esm.kt)("p",null,(0,esm.kt)("a",{parentName:"p",href:"https://federal-spending-transparency.atlassian.net/browse/DEV-7122"},"DEV-7122")," was created to roll this out globally. Specifically we haven't yet implemented\nthis component for pages with the download feature in the header."),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","State Profile Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Recipient Profile Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Account Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Landing Pages"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Spending Explorer"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile Page (v1 & v2)"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","DS&M Pages"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Advanced Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Keyword Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID Profile")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var wAllToolbarOptions=function wAllToolbarOptions(){return(0,esm.kt)("div",{className:"page-header-story"},(0,esm.kt)(components_PageHeader,{overLine:"Agency Profile",title:"Department of Homeland Security",toolBar:[(0,esm.kt)(FiscalYearPicker.Z,{selectedFy:2020,latestFy:2021,handleFyChange:function handleFyChange(){}}),(0,esm.kt)(components_ShareIcon,{url:"this-is-a-test-url.com"}),(0,esm.kt)(components_DownloadIconButton,{onClick:function onClick(){},downloadInFlight:(0,dist.boolean)("Download In Flight",!1),tooltipComponent:(0,esm.kt)(misc.u,null),isEnabled:(0,dist.boolean)("Download Enabled",!0)})]}),(0,esm.kt)(ComingSoon.Z,null))};wAllToolbarOptions.displayName="wAllToolbarOptions",wAllToolbarOptions.storyName="w/ All Toolbar Options",wAllToolbarOptions.parameters={storySource:{source:'
\n {}} />, , {}} downloadInFlight={boolean("Download In Flight", false)} tooltipComponent={} isEnabled={boolean("Download Enabled", true)} />]} />\n \n
'}};var componentMeta={title:"Page Header",parameters:{options:{showAddonPanel:!1}},includeStories:["wAllToolbarOptions"]},mdxStoryNameToKey={"w/ All Toolbar Options":"wAllToolbarOptions"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var page_header_stories=componentMeta},"./.storybook/stories/pagination.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{customResultsText:function(){return customResultsText},default:function(){return pagination_stories},defaultResultsText:function(){return defaultResultsText},defaultStory:function(){return defaultStory},goToPage:function(){return goToPage},limitSelector:function(){return limitSelector},limitSelectorAndGoToPage:function(){return limitSelectorAndGoToPage}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),classCallCheck=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js")),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),moneyFormatter=__webpack_require__("./helpers/moneyFormatter.js"),lodash=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/lodash/lodash.js")),index_es=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,getPrototypeOf.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,getPrototypeOf.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,possibleConstructorReturn.Z)(this,result)}}var propTypes={changePage:prop_types_default().func.isRequired,totalItems:prop_types_default().number.isRequired,currentPage:prop_types_default().number.isRequired,pageSize:prop_types_default().number.isRequired},Pager=function(_React$Component){(0,inherits.Z)(Pager,_React$Component);var _super=_createSuper(Pager);function Pager(){return(0,classCallCheck.Z)(this,Pager),_super.apply(this,arguments)}return(0,createClass.Z)(Pager,[{key:"getPager",value:function getPager(){var startPage,endPage,_this$props=this.props,totalItems=_this$props.totalItems,currentPage=_this$props.currentPage,pageSize=_this$props.pageSize,changePage=_this$props.changePage,totalPages=Math.ceil(totalItems/pageSize),prevEllipses=react.createElement("li",{className:"pager__ellipsis"},"..."),nextEllipses=react.createElement("li",{className:"pager__ellipsis"},"..."),firstButton=react.createElement("li",{className:"pager__item"},react.createElement("button",{className:"pager__button",type:"button",onClick:function onClick(){return changePage(1)}},1)),lastButton=react.createElement("li",{className:"pager__item"},react.createElement("button",{className:"pager__button",type:"button",onClick:function onClick(){return changePage(totalPages)}},(0,moneyFormatter.xA)(totalPages,0)));totalPages<5?(startPage=1,endPage=totalPages,prevEllipses="",nextEllipses="",firstButton="",lastButton=""):(startPage=currentPage-1,endPage=currentPage+1,currentPage<4?(prevEllipses="",firstButton="",1===currentPage?(startPage=currentPage,endPage=currentPage+2):3===currentPage&&(startPage=1,endPage=4)):currentPage>totalPages-3&&(nextEllipses="",lastButton="",currentPage===totalPages?(startPage=currentPage-2,endPage=currentPage):currentPage===totalPages-2&&(startPage=currentPage-1,endPage=totalPages)));var startIndex=(currentPage-1)*pageSize,endIndex=Math.min(startIndex+(pageSize-1),totalItems-1),pages=(0,lodash.range)(startPage,endPage+1);return{totalPages:totalPages,startPage:startPage,endPage:endPage,startIndex:startIndex,endIndex:endIndex,pages:pages,prevEllipses:prevEllipses,nextEllipses:nextEllipses,firstButton:firstButton,lastButton:lastButton}}},{key:"generatePageButtons",value:function generatePageButtons(pages){var _this=this,currentPage=this.props.currentPage;return pages.map((function(page,index){return react.createElement("li",{key:index,className:"pager__item"},react.createElement("button",{className:"pager__button "+(currentPage===page?"pager__button_active":""),type:"button",onClick:function onClick(){return _this.props.changePage(page)}},(0,moneyFormatter.xA)(page,0)))}))}},{key:"render",value:function render(){var _this$props2=this.props,currentPage=_this$props2.currentPage,changePage=_this$props2.changePage,pager=this.getPager(),pageButtons=this.generatePageButtons(pager.pages,pager.totalPages);return react.createElement("ul",{className:"pager"},react.createElement("li",{className:"pager__item"},react.createElement("button",{className:"pager__button "+(1===currentPage?"pager__button_disabled":""),type:"button",disabled:1===currentPage,onClick:function onClick(){return changePage(currentPage-1)},title:"Previous page"},react.createElement(index_es.G,{icon:"angle-left"}))),pager.firstButton,pager.prevEllipses,pageButtons,pager.nextEllipses,pager.lastButton,react.createElement("li",{className:"pager__item"},react.createElement("button",{className:"pager__button "+(currentPage===pager.totalPages?"pager__button_disabled":""),type:"button",disabled:currentPage===pager.totalPages,onClick:function onClick(){return changePage(currentPage+1)},title:"Next page"},react.createElement(index_es.G,{icon:"angle-right"}))))}}]),Pager}(react.Component);Pager.propTypes=propTypes,Pager.__docgenInfo={description:"",methods:[{name:"getPager",docblock:null,modifiers:[],params:[],returns:null},{name:"generatePageButtons",docblock:null,modifiers:[],params:[{name:"pages",type:null}],returns:null}],displayName:"Pager",props:{changePage:{description:"",type:{name:"func"},required:!0},totalItems:{description:"",type:{name:"number"},required:!0},currentPage:{description:"",type:{name:"number"},required:!0},pageSize:{description:"",type:{name:"number"},required:!0}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/pagination/Pager.jsx"]={name:"Pager",docgenInfo:Pager.__docgenInfo,path:"components/pagination/Pager.jsx"});var assertThisInitialized=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js");function LimitSelector_createSuper(Derived){var hasNativeReflectConstruct=function LimitSelector_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,getPrototypeOf.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,getPrototypeOf.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,possibleConstructorReturn.Z)(this,result)}}var LimitSelector_propTypes={changeLimit:prop_types_default().func.isRequired,pageSize:prop_types_default().number,limitList:prop_types_default().arrayOf(prop_types_default().number),label:prop_types_default().string},LimitSelector=function(_React$Component){(0,inherits.Z)(LimitSelector,_React$Component);var _super=LimitSelector_createSuper(LimitSelector);function LimitSelector(props){var _this;return(0,classCallCheck.Z)(this,LimitSelector),(_this=_super.call(this,props)).changeLimit=_this.changeLimit.bind((0,assertThisInitialized.Z)(_this)),_this}return(0,createClass.Z)(LimitSelector,[{key:"changeLimit",value:function changeLimit(e){e.preventDefault();var targetId=parseInt(e.target.value,10);this.props.changeLimit(targetId)}},{key:"render",value:function render(){var label=this.props.label?this.props.label:"Rows per page: ",_this$props=this.props,limitList=_this$props.limitList,pageSize=_this$props.pageSize,list=limitList.map((function(limit){return react.createElement("option",{key:"limit-"+limit,value:limit},limit)}));return react.createElement("div",{className:"usa-dt-pagination__limit-selector__wrapper"},react.createElement("label",null,label),react.createElement("select",{onChange:this.changeLimit,value:pageSize,className:"usa-dt-pagination__limit-selector","aria-label":"limit-dropdown"},list))}}]),LimitSelector}(react.Component);function GoToPage_createSuper(Derived){var hasNativeReflectConstruct=function GoToPage_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,getPrototypeOf.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,getPrototypeOf.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,possibleConstructorReturn.Z)(this,result)}}LimitSelector.propTypes=LimitSelector_propTypes,LimitSelector.defaultProps={pageLimit:10,limitList:[10,25,50,100]},LimitSelector.__docgenInfo={description:"",methods:[{name:"changeLimit",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null}],displayName:"LimitSelector",props:{pageLimit:{defaultValue:{value:"10",computed:!1},required:!1},limitList:{defaultValue:{value:"[10, 25, 50, 100]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},changeLimit:{description:"",type:{name:"func"},required:!0},pageSize:{description:"",type:{name:"number"},required:!1},label:{description:"",type:{name:"string"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/pagination/LimitSelector.jsx"]={name:"LimitSelector",docgenInfo:LimitSelector.__docgenInfo,path:"components/pagination/LimitSelector.jsx"});var GoToPage_propTypes={changePage:prop_types_default().func.isRequired,totalPages:prop_types_default().number,id:prop_types_default().string},GoToPage=function(_React$Component){(0,inherits.Z)(GoToPage,_React$Component);var _super=GoToPage_createSuper(GoToPage);function GoToPage(props){var _this;return(0,classCallCheck.Z)(this,GoToPage),(_this=_super.call(this,props)).state={goToPage:""},_this.changePage=_this.changePage.bind((0,assertThisInitialized.Z)(_this)),_this.changedInput=_this.changedInput.bind((0,assertThisInitialized.Z)(_this)),_this.validPage=_this.validPage.bind((0,assertThisInitialized.Z)(_this)),_this}return(0,createClass.Z)(GoToPage,[{key:"changePage",value:function changePage(e){e.preventDefault(),this.validPage()&&this.props.changePage(parseInt(this.state.goToPage,10))}},{key:"changedInput",value:function changedInput(e){this.setState({goToPage:e.target.value})}},{key:"validPage",value:function validPage(){var goToPage=this.state.goToPage,totalPages=this.props.totalPages;return!(""===goToPage||parseInt(goToPage,10)<1||parseInt(goToPage,10)>totalPages)}},{key:"render",value:function render(){var totalPages=this.props.totalPages,placeholder=totalPages>1?"1-"+totalPages:"1";return react.createElement("form",{className:"usa-dt-pagination__go-to"},react.createElement("label",{htmlFor:this.props.id+"-go-to"},"Go to page"),react.createElement("input",{type:"number",id:this.props.id+"-go-to",title:"Enter a number between 1 and "+totalPages,min:"1",max:totalPages,placeholder:placeholder,value:this.state.goToPage,onChange:this.changedInput,onSubmit:this.changePage}),react.createElement("button",{type:"submit",onClick:this.changePage,disabled:!this.validPage()},"Go"))}}]),GoToPage}(react.Component);function Pagination_createSuper(Derived){var hasNativeReflectConstruct=function Pagination_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,getPrototypeOf.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,getPrototypeOf.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,possibleConstructorReturn.Z)(this,result)}}GoToPage.propTypes=GoToPage_propTypes,GoToPage.defaultProps={totalPages:1,id:"usa-dt-pagination-go-to"},GoToPage.__docgenInfo={description:"",methods:[{name:"changePage",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"changedInput",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"validPage",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GoToPage",props:{totalPages:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"number"},required:!1},id:{defaultValue:{value:"'usa-dt-pagination-go-to'",computed:!1},description:"",type:{name:"string"},required:!1},changePage:{description:"",type:{name:"func"},required:!0}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/pagination/GoToPage.jsx"]={name:"GoToPage",docgenInfo:GoToPage.__docgenInfo,path:"components/pagination/GoToPage.jsx"});var Pagination_propTypes={changePage:prop_types_default().func.isRequired,totalItems:prop_types_default().number.isRequired,currentPage:prop_types_default().number,pageSize:prop_types_default().number,resultsText:prop_types_default().oneOfType([prop_types_default().bool,prop_types_default().element]),limitSelector:prop_types_default().bool,changeLimit:prop_types_default().func,goToPage:prop_types_default().bool,id:prop_types_default().string};__webpack_require__("./styles/components/pagination/_pagination.scss");var Pagination=function(_React$Component){(0,inherits.Z)(Pagination,_React$Component);var _super=Pagination_createSuper(Pagination);function Pagination(){return(0,classCallCheck.Z)(this,Pagination),_super.apply(this,arguments)}return(0,createClass.Z)(Pagination,[{key:"getResultsText",value:function getResultsText(){var _this$props=this.props,resultsText=_this$props.resultsText,totalItems=_this$props.totalItems,currentPage=_this$props.currentPage,pageSize=_this$props.pageSize;if(react.isValidElement(resultsText))return resultsText;if(resultsText){var pageRange=function calculatePageRange(page,limit,count){var start=(page-1)*limit+1,end=page*limit;return page===Math.ceil(count/limit)&&(end=count),{start:start,end:end}}(currentPage,pageSize,totalItems),start=(0,moneyFormatter.xA)(pageRange.start,0),end=(0,moneyFormatter.xA)(pageRange.end,0),total=(0,moneyFormatter.xA)(totalItems,0);return react.createElement("div",{className:"usa-dt-pagination__totals"},start+"-"+end+" of "+total+" results")}return null}},{key:"render",value:function render(){var _this$props2=this.props,limitSelector=_this$props2.limitSelector,goToPage=_this$props2.goToPage,changePage=_this$props2.changePage,changeLimit=_this$props2.changeLimit,currentPage=_this$props2.currentPage,pageSize=_this$props2.pageSize,totalItems=_this$props2.totalItems,id=_this$props2.id,totalPages=Math.ceil(totalItems/pageSize),description=this.getResultsText(),limitSelect=limitSelector?react.createElement(LimitSelector,{changeLimit:changeLimit,pageSize:pageSize}):null,goTo=goToPage?react.createElement(GoToPage,{changePage:changePage,totalPages:totalPages,id:id}):null;return!limitSelector&&totalPages<=1?null:react.createElement("div",{className:"usa-dt-pagination"},description,react.createElement("div",{className:"usa-dt-pagination__wrapper"},limitSelect,react.createElement(Pager,{changePage:changePage,totalItems:totalItems,currentPage:currentPage,pageSize:pageSize}),goTo))}}]),Pagination}(react.Component);Pagination.propTypes=Pagination_propTypes,Pagination.defaultProps={currentPage:1,pageSize:10,resultsText:!1,customResultsText:null,limitSelector:!1,changeLimit:function changeLimit(){},goToPage:!1},Pagination.__docgenInfo={description:"",methods:[{name:"getResultsText",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Pagination",props:{currentPage:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"number"},required:!1},pageSize:{defaultValue:{value:"10",computed:!1},description:"",type:{name:"number"},required:!1},resultsText:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"union",value:[{name:"bool"},{name:"element"}]},required:!1},customResultsText:{defaultValue:{value:"null",computed:!1},required:!1},limitSelector:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},changeLimit:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},goToPage:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},changePage:{description:"",type:{name:"func"},required:!0},totalItems:{description:"",type:{name:"number"},required:!0},id:{description:"",type:{name:"string"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/pagination/Pagination.jsx"]={name:"Pagination",docgenInfo:Pagination.__docgenInfo,path:"components/pagination/Pagination.jsx"});var misc=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Pagination",component:Pagination,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"currentPage")," & ",(0,esm.kt)("inlineCode",{parentName:"li"},"changePage")," (",(0,esm.kt)("em",{parentName:"li"},"required"),")"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"changeLimit")," & ",(0,esm.kt)("inlineCode",{parentName:"li"},"pageSize"))),(0,esm.kt)("p",null,"In this example, our parent -- ",(0,esm.kt)("inlineCode",{parentName:"p"},"PaginationWrapper")," -- looks like this before the render:"),(0,esm.kt)("pre",null,(0,esm.kt)("code",{parentName:"pre",className:"language-javascript"},'const [page, changePage] = useState(1);\nconst [pageSize, changeLimit] = useState(10);\n\nconst handlePageChange = (pg) => {\nconsole.log("changePage handler invoked w/ this parameter: ", pg);\nchangePage(pg);\n};\n\nconst handleChangeLimit = (pageSize) => {\nconsole.log("changeLimit handler invoked w/ this parameter: ", pageSize);\nchangeLimit(pageSize);\n}\n')),(0,esm.kt)("p",null,"Note that smaller screens (width < 992px) will ONLY show the paging blocks and results text"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:'Limit selector and "Go to page"',mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{goToPage:!0,id:"sample-id-1",limitSelector:!0,resultsText:!0,pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:'"Go to Page"',mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{goToPage:!0,id:"sample-id-2",pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Limit Selector",mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{limitSelector:!0,resultsText:!0,pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Custom Results Text",mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{pageSize:10,resultsText:(0,esm.kt)("div",{className:"usa-dt-pagination__totals"},(0,esm.kt)("strong",null,"Custom")," results text"),totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Default Results Text",mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{resultsText:!0,pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Default",mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.$4,{of:Pagination,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Recipient Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Federal Account Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Summary Page (IDV); IDV Activity Section"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Spending Explorer"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page")),(0,esm.kt)("h2",null,"Broker Integration Status"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Submission tables"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","DABS Dashboard")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var limitSelectorAndGoToPage=function limitSelectorAndGoToPage(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{goToPage:!0,id:"sample-id-1",limitSelector:!0,resultsText:!0,pageSize:10,totalItems:100}))};limitSelectorAndGoToPage.displayName="limitSelectorAndGoToPage",limitSelectorAndGoToPage.storyName='Limit selector and "Go to page"',limitSelectorAndGoToPage.parameters={storySource:{source:'\n \n '}};var goToPage=function goToPage(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{goToPage:!0,id:"sample-id-2",pageSize:10,totalItems:100}))};goToPage.displayName="goToPage",goToPage.storyName='"Go to Page"',goToPage.parameters={storySource:{source:'\n \n '}};var limitSelector=function limitSelector(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{limitSelector:!0,resultsText:!0,pageSize:10,totalItems:100}))};limitSelector.displayName="limitSelector",limitSelector.storyName="Limit Selector",limitSelector.parameters={storySource:{source:"\n \n "}};var customResultsText=function customResultsText(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{pageSize:10,resultsText:(0,esm.kt)("div",{className:"usa-dt-pagination__totals"},(0,esm.kt)("strong",null,"Custom")," results text"),totalItems:100}))};customResultsText.displayName="customResultsText",customResultsText.storyName="Custom Results Text",customResultsText.parameters={storySource:{source:'\n \n Custom results text\n } totalItems={100} />\n '}};var defaultResultsText=function defaultResultsText(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{resultsText:!0,pageSize:10,totalItems:100}))};defaultResultsText.displayName="defaultResultsText",defaultResultsText.storyName="Default Results Text",defaultResultsText.parameters={storySource:{source:"\n \n "}};var defaultStory=function defaultStory(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{pageSize:10,totalItems:100}))};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:"\n {\n /* /* handler Funcs Passed from PaginationWrapper */\n }\n \n "}};var componentMeta={title:"Pagination",component:Pagination,includeStories:["limitSelectorAndGoToPage","goToPage","limitSelector","customResultsText","defaultResultsText","defaultStory"]},mdxStoryNameToKey={'Limit selector and "Go to page"':"limitSelectorAndGoToPage",'"Go to Page"':"goToPage","Limit Selector":"limitSelector","Custom Results Text":"customResultsText","Default Results Text":"defaultResultsText",Default:"defaultStory"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var pagination_stories=componentMeta},"./.storybook/stories/picker.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{defaultStory:function(){return defaultStory},wChildren:function(){return wChildren}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),_components_Picker__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./components/Picker.jsx"),_misc__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Picker",component:_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Default",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.AB,{mdxType:"PickerWrapper"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,{isFixedWidth:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("isFixedWidth",!1),icon:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"calendar-alt",size:"lg",color:"black",mdxType:"FontAwesomeIcon"}),dropdownDirection:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.select)("dropdownDirection",["right","left"],"right",""),mdxType:"Picker"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"w/ Children",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.AB,{mdxType:"PickerWrapper"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,{isFixedWidth:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("isFixedWidth",!1),dropdownDirection:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.select)("dropdownDirection",["right","left"],"right",""),mdxType:"Picker"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"share-alt",size:"lg",color:"black",mdxType:"FontAwesomeIcon"}))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"This is Designed to be a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The props ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"selectedOption")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"onClick")," are defined inside a parent component; in this case, ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"PickerWrapper"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Invoking the Component w/ Children"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The children passed to this component are intended for use when you need customized markup for the collapsed state of the picier component. The main thing you lose when passing children is ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("strong",{parentName:"p"},"the dynamic toggle icon")," (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"chevron-down")," when collapsed, ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"chevron-up")," when expanded)."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"This would be fine if the parent could see the local state of the component ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"expanded"),". Perhaps this could be achieved by engineering a new function prop which expects ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"expanded")," as a parameter and is called every time the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"expanded")," changes. That way, the parent can:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"(a) see the value of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"epxanded")," and"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"(b) then decide what to do with it on when it's ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"true")," vs when it's ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"false"),".")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Here is the conditional logic in the markup for your reference:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("code",{parentName:"pre",className:"language-html"},'
\n {icon && (\n
\n {icon}\n
\n )}\n
\n {children\n ? (\n \n )\n : (\n \n )}\n
    \n\n')),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Glossary Sidebar, Glossary Definition"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Reporting Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Recipient Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","State Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Agency Page")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Broker Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Settings modal")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.AB,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,{isFixedWidth:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("isFixedWidth",!1),icon:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"calendar-alt",size:"lg",color:"black"}),dropdownDirection:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.select)("dropdownDirection",["right","left"],"right","")}))};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:"\n } dropdownDirection={select('dropdownDirection', ['right', 'left'], 'right', '')} />\n "}};var wChildren=function wChildren(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.AB,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,{isFixedWidth:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("isFixedWidth",!1),dropdownDirection:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.select)("dropdownDirection",["right","left"],"right","")},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"share-alt",size:"lg",color:"black"})))};wChildren.displayName="wChildren",wChildren.storyName="w/ Children",wChildren.parameters={storySource:{source:"\n \n \n \n "}};var componentMeta={title:"Picker",component:_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,includeStories:["defaultStory","wChildren"]},mdxStoryNameToKey={Default:"defaultStory","w/ Children":"wChildren"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/quarterPicker.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{cumulativePicker:function(){return cumulativePicker},defaultStory:function(){return defaultStory},wPeriods:function(){return wPeriods}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./components/quarterPicker/QuarterPicker.jsx"),_misc__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Quarter Picker",component:_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Default",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.aK,{mdxType:"QuarterPickerWrapper"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledQuarters:[],mdxType:"QuarterPicker"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Cumulative Picker",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.M_,{mdxType:"QuarterPickerCumulative"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledQuarters:[],isCumulative:!0,mdxType:"QuarterPicker"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"w/ Periods",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container quarter-picker-story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.gz,{mdxType:"QuarterPickerWithPeriods"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledPeriods:["10","11","12"],showPeriods:!0,mdxType:"QuarterPicker"}))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Download Center"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Spending Explorer")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.aK,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledQuarters:[]}))};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:"\n \n "}};var cumulativePicker=function cumulativePicker(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.M_,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledQuarters:[],isCumulative:!0}))};cumulativePicker.displayName="cumulativePicker",cumulativePicker.storyName="Cumulative Picker",cumulativePicker.parameters={storySource:{source:"\n \n "}};var wPeriods=function wPeriods(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container quarter-picker-story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.gz,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledPeriods:["10","11","12"],showPeriods:!0})))};wPeriods.displayName="wPeriods",wPeriods.storyName="w/ Periods",wPeriods.parameters={storySource:{source:"
    \n \n \n \n
    "}};var componentMeta={title:"Quarter Picker",component:_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,includeStories:["defaultStory","cumulativePicker","wPeriods"]},mdxStoryNameToKey={Default:"defaultStory","Cumulative Picker":"cumulativePicker","w/ Periods":"wPeriods"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/section-title.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{alwaysExpanded:function(){return alwaysExpanded},collapsibleSection:function(){return collapsibleSection},default:function(){return section_title_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),index_es=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),TooltipWrapper=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx"),ComingSoon=__webpack_require__("./components/messages/ComingSoon.jsx"),keyboardEventsHelper=__webpack_require__("./helpers/keyboardEventsHelper.js");__webpack_require__("./styles/components/_sectionTitle.scss");var defaultControlledProps={isControlled:!1,toggleExpand:function toggleExpand(){},isExpanded:!1},SectionTitle=function SectionTitle(_ref){var title=_ref.title,icon=_ref.icon,children=_ref.children,_ref$id=_ref.id,id=void 0===_ref$id?"":_ref$id,_ref$classNames=_ref.classNames,classNames=void 0===_ref$classNames?"":_ref$classNames,_ref$isCollapsible=_ref.isCollapsible,isCollapsible=void 0!==_ref$isCollapsible&&_ref$isCollapsible,_ref$isComingSoon=_ref.isComingSoon,isComingSoon=void 0!==_ref$isComingSoon&&_ref$isComingSoon,_ref$controlledProps=_ref.controlledProps,controlledProps=void 0===_ref$controlledProps?defaultControlledProps:_ref$controlledProps,_ref$defaultExpandedS=_ref.defaultExpandedState,defaultExpandedState=void 0===_ref$defaultExpandedS||_ref$defaultExpandedS,_ref$overLine=_ref.overLine,overLine=void 0===_ref$overLine?"":_ref$overLine,_ref$titleTooltip=_ref.titleTooltip,titleTooltip=void 0===_ref$titleTooltip?{tooltip:null,tooltipProps:{}}:_ref$titleTooltip,_ref$descTooltip=_ref.descTooltip,descTooltip=void 0===_ref$descTooltip?{component:null,props:{}}:_ref$descTooltip,description=_ref.description,_useState=(0,react.useState)(defaultExpandedState),_useState2=(0,slicedToArray.Z)(_useState,2),isExpanded=_useState2[0],setExpanded=_useState2[1],toggleExpand=function toggleExpand(){controlledProps.isControlled?controlledProps.toggleExpand():setExpanded(!isExpanded)},showChildren=isExpanded||controlledProps.isControlled&&controlledProps.isExpanded||!isCollapsible;return react.createElement("section",{id:id,className:"usda-section__container"+(classNames?" "+classNames:"")},react.createElement("div",{className:"usda-section-title__container"},icon&&react.cloneElement(icon,{className:"usda-section-title__title-icon"}),react.createElement("div",{className:"usda-section-title__header"},overLine&&react.createElement("strong",{className:"usda-section-title__overline"},overLine),react.createElement("div",{className:"usda-section-title__title"},react.createElement("h3",null,title),titleTooltip.component&&react.createElement(TooltipWrapper.Z,(0,esm_extends.Z)({tooltipComponent:titleTooltip.component,icon:"info",className:overLine?"has-overline":""},titleTooltip.props)))),description&&react.cloneElement(description,{className:"usda-section-title__desc has-overline"}),descTooltip.component&&react.createElement(TooltipWrapper.Z,(0,esm_extends.Z)({tooltipComponent:descTooltip.component,icon:"info",tooltipPosition:"left"},descTooltip.props)),isCollapsible&&react.createElement(index_es.G,{tabIndex:0,onKeyDown:(0,keyboardEventsHelper.S)(toggleExpand),className:"usda-section-title__expand-icon",onClick:toggleExpand,size:"2x",icon:isExpanded||controlledProps.isControlled&&controlledProps.isExpanded?"chevron-up":"chevron-down"})),react.createElement("hr",null),isComingSoon&&showChildren&&react.createElement(ComingSoon.Z,null),showChildren&&!isComingSoon&&children)};SectionTitle.displayName="SectionTitle",SectionTitle.propTypes={icon:prop_types_default().element.isRequired,children:prop_types_default().element.isRequired,title:prop_types_default().string.isRequired,defaultExpandedState:prop_types_default().bool,overLine:prop_types_default().string,controlledProps:prop_types_default().shape({isControlled:prop_types_default().bool.isRequired,toggleExpand:prop_types_default().func.isRequired,isExpanded:prop_types_default().bool.isRequired}),description:prop_types_default().element,titleTooltip:prop_types_default().shape({component:prop_types_default().element,props:prop_types_default().object}),descTooltip:prop_types_default().shape({component:prop_types_default().element,props:prop_types_default().object}),isCollapsible:prop_types_default().bool,isComingSoon:prop_types_default().bool,classNames:prop_types_default().string,id:prop_types_default().string},SectionTitle.__docgenInfo={description:"",methods:[],displayName:"SectionTitle",props:{id:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},classNames:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},isCollapsible:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isComingSoon:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},controlledProps:{defaultValue:{value:"{\n isControlled: false,\n toggleExpand: () => { },\n isExpanded: false\n}",computed:!1},description:"",type:{name:"shape",value:{isControlled:{name:"bool",required:!0},toggleExpand:{name:"func",required:!0},isExpanded:{name:"bool",required:!0}}},required:!1},defaultExpandedState:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},overLine:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},titleTooltip:{defaultValue:{value:"{\n tooltip: null,\n tooltipProps: {}\n}",computed:!1},description:"",type:{name:"shape",value:{component:{name:"element",required:!1},props:{name:"object",required:!1}}},required:!1},descTooltip:{defaultValue:{value:"{\n component: null,\n props: {}\n}",computed:!1},description:"",type:{name:"shape",value:{component:{name:"element",required:!1},props:{name:"object",required:!1}}},required:!1},icon:{description:"",type:{name:"element"},required:!0},children:{description:"",type:{name:"element"},required:!0},title:{description:"",type:{name:"string"},required:!0},description:{description:"",type:{name:"element"},required:!1}}};var components_SectionTitle=SectionTitle;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/SectionTitle.jsx"]={name:"SectionTitle",docgenInfo:SectionTitle.__docgenInfo,path:"components/SectionTitle.jsx"});var misc=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Section Title",component:components_SectionTitle,mdxType:"Meta"}),(0,esm.kt)("h2",null,"Props"),(0,esm.kt)(dist_esm.$4,{of:components_SectionTitle,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Collapsible Section"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Collapsible Section",mdxType:"Story"},(0,esm.kt)(components_SectionTitle,{title:"Award",isCollapsible:!0,overLine:"Award Spending",icon:(0,esm.kt)(index_es.G,{icon:"map-marker",size:"3x",color:"#555",mdxType:"FontAwesomeIcon"}),titleTooltip:{component:(0,esm.kt)(misc.I1,{mdxType:"ExampleTooltip"}),props:{}},descTooltip:{component:(0,esm.kt)(misc.I1,{mdxType:"ExampleTooltip"}),props:{}},description:(0,esm.kt)("span",{className:"usda-section-title__desc"},"This section covers ",(0,esm.kt)("strong",null,"Award Spending")),mdxType:"SectionTitle"},(0,esm.kt)(ComingSoon.Z,{mdxType:"ComingSoon"})))),(0,esm.kt)("h2",null,"Always Expanded"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Always Expanded",mdxType:"Story"},(0,esm.kt)(components_SectionTitle,{title:"Award",overLine:"Award Spending",icon:(0,esm.kt)(index_es.G,{icon:"map-marker",size:"3x",mdxType:"FontAwesomeIcon"}),titleTooltip:{component:(0,esm.kt)(misc.I1,{mdxType:"ExampleTooltip"}),props:{}},descTooltip:{component:(0,esm.kt)(misc.I1,{mdxType:"ExampleTooltip"}),props:{}},description:(0,esm.kt)("span",{className:"usda-section-title__desc"},"This section covers ",(0,esm.kt)("strong",null,"Award Spending")),mdxType:"SectionTitle"},(0,esm.kt)(ComingSoon.Z,{mdxType:"ComingSoon"})))),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Award Summary")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var collapsibleSection=function collapsibleSection(){return(0,esm.kt)(components_SectionTitle,{title:"Award",isCollapsible:!0,overLine:"Award Spending",icon:(0,esm.kt)(index_es.G,{icon:"map-marker",size:"3x",color:"#555"}),titleTooltip:{component:(0,esm.kt)(misc.I1,null),props:{}},descTooltip:{component:(0,esm.kt)(misc.I1,null),props:{}},description:(0,esm.kt)("span",{className:"usda-section-title__desc"},"This section covers ",(0,esm.kt)("strong",null,"Award Spending"))},(0,esm.kt)(ComingSoon.Z,null))};collapsibleSection.displayName="collapsibleSection",collapsibleSection.storyName="Collapsible Section",collapsibleSection.parameters={storySource:{source:'} titleTooltip={{\n component: ,\n props: {}\n}} descTooltip={{\n component: ,\n props: {}\n}} description={This section covers Award Spending}>\n \n '}};var alwaysExpanded=function alwaysExpanded(){return(0,esm.kt)(components_SectionTitle,{title:"Award",overLine:"Award Spending",icon:(0,esm.kt)(index_es.G,{icon:"map-marker",size:"3x"}),titleTooltip:{component:(0,esm.kt)(misc.I1,null),props:{}},descTooltip:{component:(0,esm.kt)(misc.I1,null),props:{}},description:(0,esm.kt)("span",{className:"usda-section-title__desc"},"This section covers ",(0,esm.kt)("strong",null,"Award Spending"))},(0,esm.kt)(ComingSoon.Z,null))};alwaysExpanded.displayName="alwaysExpanded",alwaysExpanded.storyName="Always Expanded",alwaysExpanded.parameters={storySource:{source:'} titleTooltip={{\n component: ,\n props: {}\n}} descTooltip={{\n component: ,\n props: {}\n}} description={This section covers Award Spending}>\n \n '}};var componentMeta={title:"Section Title",component:components_SectionTitle,includeStories:["collapsibleSection","alwaysExpanded"]},mdxStoryNameToKey={"Collapsible Section":"collapsibleSection","Always Expanded":"alwaysExpanded"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var section_title_stories=componentMeta},"./.storybook/stories/table.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{customErrorMessage:function(){return customErrorMessage},default:function(){return table_stories},expandableTableWithDivider:function(){return expandableTableWithDivider},expandableTableWithoutDivider:function(){return expandableTableWithoutDivider},loadingTable:function(){return loadingTable},noResults:function(){return noResults},stackedResponsiveTable:function(){return stackedResponsiveTable},table:function(){return table},tableError:function(){return tableError},tableWSubColumnsTooltips:function(){return tableWSubColumnsTooltips},tableWithFirstColumnHeaders:function(){return tableWithFirstColumnHeaders},tableWithoutSorting:function(){return tableWithoutSorting}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),ErrorMessage=__webpack_require__("./components/messages/ErrorMessage.jsx"),LoadingMessage=__webpack_require__("./components/messages/LoadingMessage.jsx"),NoResultsMessage=__webpack_require__("./components/messages/NoResultsMessage.jsx"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),index_es=(__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js")),propTypes={data:prop_types_default().object,columns:prop_types_default().array,oddClass:prop_types_default().string,divider:prop_types_default().string},ExpandableRow=function ExpandableRow(_ref){var data=_ref.data,columns=_ref.columns,oddClass=_ref.oddClass,divider=_ref.divider,_useState=(0,react.useState)(data.expanded||!1),_useState2=(0,slicedToArray.Z)(_useState,2),expanded=_useState2[0],setExpanded=_useState2[1],icon=expanded?"chevron-down":"chevron-right",columnTitles=columns.map((function(_ref2){return _ref2.title})),toggleExpand=function toggleExpand(){setExpanded(!expanded)},dividerRow=react.createElement("tr",{className:"usda-table__child-row usda-table__child-row_divider"+oddClass},function generateDividerCells(){return columns.map((function(col,i){return 0===i?react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell usda-table__cell_child"},react.createElement("div",{className:"usda-table__child-cell-content"},divider)):react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell usda-table__cell_child"},react.createElement("div",{className:"usda-table__child-cell-content"}," "))}))}()),getDataLabel=function getDataLabel(column,isChildRow){return column?isChildRow&÷r&&"name"===column.title?divider:column.displayName:null},isExpandedClass=expanded?"usda-table__row_is-expanded":"";return react.createElement(react.Fragment,null,react.createElement("tr",{className:"usda-table__row"+oddClass+" usda-table__row_expandable "+isExpandedClass},columnTitles.map((function(col,i){return"name"===col&&data.children?react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell","data-label":getDataLabel(columns[i])},react.createElement("div",{className:"usda-table__expandable-cell-content"},react.createElement("button",{className:"usda-table__expand-button","aria-label":"Expand Table Row Button",onClick:toggleExpand},react.createElement(index_es.G,{icon:icon})),data.name)):react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell"+("name"===col?" usda-table__cell_name":"")+(columns[i].right?" usda-table__cell_right":""),"data-label":getDataLabel(columns[i])},data[col])}))),data.children&&expanded?react.createElement(react.Fragment,null,divider&÷rRow,data.children.map((function(childRow,j){var lastClass=j===data.children.length-1?" usda-table__child-row_last":"";return react.createElement("tr",{key:(0,lodash.uniqueId)(),className:"usda-table__child-row"+lastClass+oddClass},columnTitles.map((function(col,k){return react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell "+(columns[k].right?" usda-table__cell_right":"")+" usda-table__cell_child","data-label":getDataLabel(columns[k],!0)},react.createElement("div",{className:"usda-table__child-cell-content"},childRow[col]))})))}))):null)};ExpandableRow.propTypes=propTypes,ExpandableRow.__docgenInfo={description:"",methods:[],displayName:"ExpandableRow",props:{data:{description:"",type:{name:"object"},required:!1},columns:{description:"",type:{name:"array"},required:!1},oddClass:{description:"",type:{name:"string"},required:!1},divider:{description:"",type:{name:"string"},required:!1}}};var table_ExpandableRow=ExpandableRow;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table/ExpandableRow.jsx"]={name:"ExpandableRow",docgenInfo:ExpandableRow.__docgenInfo,path:"components/table/ExpandableRow.jsx"});var SortIcon=function SortIcon(_ref){var clickedSort=_ref.clickedSort,displayName=_ref.displayName,currentSort=_ref.currentSort,title=_ref.title,activeAsc=(null==currentSort?void 0:currentSort.field)===title&&"asc"===(null==currentSort?void 0:currentSort.direction)?" table-header__icon_active":"",activeDesc=(null==currentSort?void 0:currentSort.field)===title&&"desc"===(null==currentSort?void 0:currentSort.direction)?" table-header__icon_active":"";return react.createElement("div",{className:"table-header__sort"},react.createElement("button",{onClick:clickedSort,className:"table-header__icon"+activeAsc,value:"asc",title:"Sort table by ascending "+displayName,"aria-label":"Sort table by ascending "+displayName},react.createElement(index_es.G,{size:"2x",icon:"caret-up"})),react.createElement("button",{onClick:clickedSort,className:"table-header__icon"+activeDesc,value:"desc",title:"Sort table by descending "+displayName,"aria-label":"Sort table by descending "+displayName},react.createElement(index_es.G,{size:"2x",icon:"caret-down"})))};SortIcon.displayName="SortIcon",SortIcon.propTypes={title:prop_types_default().string.isRequired,displayName:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().element]).isRequired,currentSort:(0,prop_types.shape)({direction:(0,prop_types.oneOf)(["asc","desc"]),field:prop_types_default().string}).isRequired,clickedSort:prop_types_default().func.isRequired};var TableHeader_propTypes={title:prop_types_default().string.isRequired,displayName:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().element]).isRequired,currentSort:(0,prop_types.shape)({direction:(0,prop_types.oneOf)(["asc","desc"]),field:prop_types_default().string}),updateSort:prop_types_default().func,right:prop_types_default().bool,columnSpan:prop_types_default().string,rowSpan:prop_types_default().string,subColumnNames:prop_types_default().arrayOf(prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object])),className:prop_types_default().string,icon:prop_types_default().element,bodyHeader:prop_types_default().bool},TableHeaderCell=function TableHeaderCell(_ref2){var title=_ref2.title,_ref2$className=_ref2.className,className=void 0===_ref2$className?"":_ref2$className,_ref2$displayName=_ref2.displayName,displayName=void 0===_ref2$displayName?"":_ref2$displayName,currentSort=_ref2.currentSort,updateSort=_ref2.updateSort,right=_ref2.right,_ref2$columnSpan=_ref2.columnSpan,columnSpan=void 0===_ref2$columnSpan?"1":_ref2$columnSpan,rowSpan=_ref2.rowSpan,_ref2$subColumnNames=_ref2.subColumnNames,subColumnNames=void 0===_ref2$subColumnNames?[]:_ref2$subColumnNames,_ref2$icon=_ref2.icon,icon=void 0===_ref2$icon?react.createElement(react.Fragment,null):_ref2$icon,_ref2$bodyHeader=_ref2.bodyHeader,bodyHeader=void 0!==_ref2$bodyHeader&&_ref2$bodyHeader;return react.createElement("th",{className:className+" table-header"+(bodyHeader?" table-header_body-header":""),colSpan:columnSpan,rowSpan:function rowsSpan(){return"0"===rowSpan?null:subColumnNames.length?"1":"2"}(),scope:"col"},react.createElement("div",{className:"table-header__content"+(right?" table-header__content_right":"")},react.createElement("div",{className:"table-header__label"},displayName,icon&&icon,updateSort&&!subColumnNames.length&&displayName&&react.createElement(SortIcon,{clickedSort:function handleClickedSort(e){var sortOn=arguments.length>1&&void 0!==arguments[1]?arguments[1]:title;updateSort(sortOn,e.target.value)},currentSort:currentSort,title:title,displayName:displayName}))))};TableHeaderCell.displayName="TableHeaderCell",TableHeaderCell.propTypes=TableHeader_propTypes,TableHeaderCell.__docgenInfo={description:"",methods:[],displayName:"TableHeaderCell",props:{className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},displayName:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"element"}]},required:!1},columnSpan:{defaultValue:{value:"'1'",computed:!1},description:"",type:{name:"string"},required:!1},subColumnNames:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}},required:!1},icon:{defaultValue:{value:"<>",computed:!1},description:"",type:{name:"element"},required:!1},bodyHeader:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},title:{description:"",type:{name:"string"},required:!0},currentSort:{description:"",type:{name:"shape",value:{direction:{name:"enum",value:[{value:"'asc'",computed:!1},{value:"'desc'",computed:!1}],required:!1},field:{name:"string",required:!1}}},required:!1},updateSort:{description:"",type:{name:"func"},required:!1},right:{description:"",type:{name:"bool"},required:!1},rowSpan:{description:"",type:{name:"string"},required:!1}}};var TableHeader=TableHeaderCell;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table/TableHeader.jsx"]={name:"TableHeaderCell",docgenInfo:TableHeaderCell.__docgenInfo,path:"components/table/TableHeader.jsx"});var free_solid_svg_icons_index_es=__webpack_require__("./node_modules/@fortawesome/free-solid-svg-icons/index.es.js"),TableData_propTypes={columns:prop_types_default().arrayOf(prop_types_default().object).isRequired,rows:prop_types_default().arrayOf((0,prop_types.oneOfType)([prop_types_default().array,prop_types_default().object])).isRequired,expandable:prop_types_default().bool,divider:prop_types_default().string,onClickHandler:prop_types_default().string,isMobile:prop_types_default().bool},TableData=function TableData(_ref){var columns=_ref.columns,rows=_ref.rows,expandable=_ref.expandable,divider=_ref.divider,onClickHandler=_ref.onClickHandler,isMobile=_ref.isMobile,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),firstClick=_useState2[0],setFirstClick=_useState2[1],_useState3=(0,react.useState)(),_useState4=(0,slicedToArray.Z)(_useState3,2),rowIndexForMessage=_useState4[0],setRowIndexForMessage=_useState4[1];return react.createElement(react.Fragment,null,rows.map((function(row,i){var oddClass=i%2==0?"":" usda-table__row_odd";return expandable?react.createElement(table_ExpandableRow,{key:(0,lodash.uniqueId)(),data:row,oddClass:oddClass,columns:columns,divider:divider}):react.createElement("tr",{key:(0,lodash.uniqueId)(),onClick:function onClick(){return function localClickHandler(row,index){isMobile&&!firstClick?(setFirstClick(!0),setRowIndexForMessage(index)):isMobile&&firstClick&&rowIndexForMessage===index?(onClickHandler(row),setFirstClick(!1)):isMobile&&firstClick&&rowIndexForMessage!==index?setRowIndexForMessage(index):isMobile||onClickHandler(row)}(row,i)},className:"usda-table__row-item usda-table__row"+oddClass},row.map((function(data,j){var _columns$j,_columns$j2;return null!==(_columns$j=columns[j])&&void 0!==_columns$j&&_columns$j.bodyHeader?react.createElement(TableHeader,(0,esm_extends.Z)({className:"table-header_body-header",key:(0,lodash.uniqueId)()},data)):react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell"+(null!==(_columns$j2=columns[j])&&void 0!==_columns$j2&&_columns$j2.right?" usda-table__cell_right":"")},columns[j]&&react.createElement("div",{className:"usda-table__cell-heading-container"},isMobile&&react.createElement("div",{className:"usda-table__cell-heading"},columns[j].displayName),isMobile&&firstClick&&0===j&&rowIndexForMessage===i&&react.createElement("div",{className:"usda-table__cell-message"},"View next level"," ",react.createElement(index_es.G,{icon:free_solid_svg_icons_index_es.cLY,color:"#2378c3"}))),data)})))})))};TableData.propTypes=TableData_propTypes,TableData.__docgenInfo={description:"",methods:[],displayName:"TableData",props:{columns:{description:"",type:{name:"arrayOf",value:{name:"object"}},required:!0},rows:{description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"array"},{name:"object"}]}},required:!0},expandable:{description:"",type:{name:"bool"},required:!1},divider:{description:"",type:{name:"string"},required:!1},onClickHandler:{description:"",type:{name:"string"},required:!1},isMobile:{description:"",type:{name:"bool"},required:!1}}};var table_TableData=TableData;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table/TableData.jsx"]={name:"TableData",docgenInfo:TableData.__docgenInfo,path:"components/table/TableData.jsx"});var Picker=__webpack_require__("./components/Picker.jsx");__webpack_require__("./styles/components/table/_table.scss");var Table_propTypes={columns:prop_types_default().arrayOf(prop_types_default().object).isRequired,rows:prop_types_default().arrayOf((0,prop_types.oneOfType)([prop_types_default().array,prop_types_default().object])),currentSort:(0,prop_types.shape)({direction:(0,prop_types.oneOf)(["asc","desc"]),field:prop_types_default().string}),classNames:prop_types_default().string,updateSort:prop_types_default().func,expandable:prop_types_default().bool,divider:prop_types_default().string,loading:prop_types_default().bool,error:prop_types_default().bool,message:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),isStacked:prop_types_default().bool,screenReaderCaption:prop_types_default().string,onClickHandler:prop_types_default().func,isMobile:prop_types_default().bool},Table=function Table(props){var body,stackedClass=props.isStacked?"usa-dt-table__stacked":"",getTablePickerOptionsAsc=props.columns.map((function(col){return{name:col.displayName+" (ascending)",value:col.title,onClick:function onClick(){props.updateSort(col.title,"asc")}}})),getTablePickerOptionsDesc=props.columns.map((function(col){return{name:col.displayName+" (descending)",value:col.title,onClick:function onClick(){props.updateSort(col.title,"desc")}}}));return body=props.loading?react.createElement("tr",null,react.createElement("td",{className:"usda-table__message-cell",colSpan:props.columns.length},react.createElement(LoadingMessage.Z,null))):props.error?react.createElement("tr",null,react.createElement("td",{className:"usda-table__message-cell",colSpan:props.columns.length},react.createElement(ErrorMessage.Z,{description:props.message}))):props.rows&&0!==props.rows.length?react.createElement(table_TableData,props):react.createElement("tr",null,react.createElement("td",{className:"usda-table__message-cell",colSpan:props.columns.length},react.createElement(NoResultsMessage.Z,{description:props.message}))),react.createElement(react.Fragment,null,props.isStacked&&props.updateSort&&react.createElement("div",{className:"usa-dt-table__stacked-picker"},react.createElement("label",{htmlFor:"stackedTableSort"},"Sort By"),react.createElement(Picker.Z,{id:"stackedTableSort",selectedOption:props.currentSort.field,options:(0,lodash.union)(getTablePickerOptionsAsc,getTablePickerOptionsDesc)})),react.createElement("table",{className:"usda-table "+stackedClass+" "+props.classNames},props.screenReaderCaption&&react.createElement("caption",{className:"usa-dt-sr-only"},props.screenReaderCaption),react.createElement("thead",{className:"usda-table__head"},react.createElement("tr",{className:"usda-table__row"},props.columns.map((function(col){return react.createElement(TableHeader,(0,esm_extends.Z)({key:(0,lodash.uniqueId)(),currentSort:props.currentSort,updateSort:props.updateSort},col))}))),react.createElement("tr",{className:"usda-table__row"},props.columns.filter((function(col){var _col$subColumnNames;return null==col||null===(_col$subColumnNames=col.subColumnNames)||void 0===_col$subColumnNames?void 0:_col$subColumnNames.length})).reduce((function(acc,col){var _col$subColumnNames2;return null!=col&&null!==(_col$subColumnNames2=col.subColumnNames)&&void 0!==_col$subColumnNames2&&_col$subColumnNames2.length?acc.concat(col.subColumnNames):acc.concat([Object.assign({},col,{displayName:"",className:"empty-subheader"})])}),[]).map((function(col){return react.createElement(TableHeader,(0,esm_extends.Z)({key:(0,lodash.uniqueId)(),className:null!=col&&col.title?"nested-header":"empty",currentSort:props.currentSort,updateSort:props.updateSort},col))})))),react.createElement("tbody",{className:"usda-table__body"},body)))};Table.propTypes=Table_propTypes,Table.defaultProps={classNames:"",isStacked:!1},Table.__docgenInfo={description:"",methods:[],displayName:"Table",props:{classNames:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},isStacked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},columns:{description:"",type:{name:"arrayOf",value:{name:"object"}},required:!0},rows:{description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"array"},{name:"object"}]}},required:!1},currentSort:{description:"",type:{name:"shape",value:{direction:{name:"enum",value:[{value:"'asc'",computed:!1},{value:"'desc'",computed:!1}],required:!1},field:{name:"string",required:!1}}},required:!1},updateSort:{description:"",type:{name:"func"},required:!1},expandable:{description:"",type:{name:"bool"},required:!1},divider:{description:"",type:{name:"string"},required:!1},loading:{description:"",type:{name:"bool"},required:!1},error:{description:"",type:{name:"bool"},required:!1},message:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},screenReaderCaption:{description:"",type:{name:"string"},required:!1},onClickHandler:{description:"",type:{name:"func"},required:!1},isMobile:{description:"",type:{name:"bool"},required:!1}}};var table_Table=Table;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table/Table.jsx"]={name:"Table",docgenInfo:Table.__docgenInfo,path:"components/table/Table.jsx"});var TooltipWrapper=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx"),TooltipComponent=__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),misc=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Table",component:table_Table,mdxType:"Meta"}),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table",mdxType:"Story"},(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]],mdxType:"Table"})))),(0,esm.kt)(dist_esm.$4,{of:table_Table,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"updateSort"),": a function that will change the order of the ",(0,esm.kt)("inlineCode",{parentName:"li"},"rows")),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"currentSort"),": an object with a ",(0,esm.kt)("inlineCode",{parentName:"li"},"field")," (matching one of the column's ",(0,esm.kt)("inlineCode",{parentName:"li"},"title")," property), and a direction (either ",(0,esm.kt)("inlineCode",{parentName:"li"},"asc")," or ",(0,esm.kt)("inlineCode",{parentName:"li"},"desc"),")")),(0,esm.kt)("p",null,"In this example, our parent -- ",(0,esm.kt)("inlineCode",{parentName:"p"},"TableWrapper")," -- looks like this before the render:"),(0,esm.kt)("pre",null,(0,esm.kt)("code",{parentName:"pre",className:"language-javascript"},"const [field, updateField] = useState('amount');\nconst [direction, updateDirection] = useState('desc');\nconst updateSort = (field, direction) => {\n console.log(`update sort invoked with ${field}, ${direction}`);\n updateField(field);\n updateDirection(direction)\n const currentSort = {\n field,\n direction\n };\n}\n")),(0,esm.kt)("h3",null,"Other props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"expandable"),": a boolean indicating whether this table will have nested rows that can be expanded and collapsed"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"columns"),": an array of objects each with a ",(0,esm.kt)("inlineCode",{parentName:"li"},"title")," and a ",(0,esm.kt)("inlineCode",{parentName:"li"},"displayName"),". Optional boolean ",(0,esm.kt)("inlineCode",{parentName:"li"},"right")," to right-align text in the column."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"rows"),": ",(0,esm.kt)("em",{parentName:"li"},"either")," an array of row arrays, each containing data elements ",(0,esm.kt)("em",{parentName:"li"},"or")," an array of row objects with top level properties matching the column ",(0,esm.kt)("inlineCode",{parentName:"li"},"title"),"s and an array of ",(0,esm.kt)("inlineCode",{parentName:"li"},"children")),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"classNames"),": way to customize table styles."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"loading"),": a boolean indicating that the table data is loading"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"error")," : a boolean indicating that there was an error fetching the table data"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"message"),": a custom error, loading, or no results message")),(0,esm.kt)("h2",null,"Table without Sorting"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table without Sorting",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]],mdxType:"Table"})))),(0,esm.kt)("h2",null,"Expandable Table without Divider"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Expandable Table without Divider",mdxType:"Story"},(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,mdxType:"Table"})))),(0,esm.kt)("h2",null,"Expandable Table with Divider"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Expandable Table with Divider",mdxType:"Story"},(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,divider:"Budget Sub-Function",mdxType:"Table"})))),(0,esm.kt)("h2",null,"Table w/ Sub Columns & Tooltips"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table w/ Sub Columns & Tooltips",mdxType:"Story"},(0,esm.kt)(misc.y6,{columns:[{title:"name",displayName:"Agency Name",icon:(0,esm.kt)(TooltipWrapper.Z,{icon:"info",tooltipComponent:(0,esm.kt)(TooltipComponent.Z,{title:"Test Tooltip",mdxType:"TooltipComponent"},(0,esm.kt)("div",null,"Test content for tooltip")),mdxType:"TooltipWrapper"})},{title:"total",displayName:"Total Budgetary Resources"},{title:"Q4",displayName:"FY 2020 Q4",columnSpan:"2",subColumnNames:[{displayName:"P10",title:"P10"},{displayName:"P11",title:"P11"}]},{title:"Q3",displayName:"FY 2020 Q3",columnSpan:"4",subColumnNames:[{displayName:"P9",title:"P9"},{displayName:"P8",title:"P8"},{displayName:"P7",title:"P7"},{displayName:"P6",title:"P6"}]}],mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Department of the Treasury (TREAS)"),"mock data","25%","26%","$1.2 million","$1.3 million","$1.4 million","$1.5 million"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data","mock data IIIIIIIII","$5.2 million","$2.3 million","$11.4 million","$23.5 million"]],mdxType:"Table"})))),(0,esm.kt)("h2",null,"Table with First Column Headers"),(0,esm.kt)("h3",null,"Steps to implement"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},"Pass the property ",(0,esm.kt)("inlineCode",{parentName:"li"},"bodyHeader: true")," to the first element of the columns property."),(0,esm.kt)("li",{parentName:"ul"},"Pass the property ",(0,esm.kt)("inlineCode",{parentName:"li"},"rowSpan: '0'")," to the first element of each of the rows property.")),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table with First Column Headers",mdxType:"Story"},(0,esm.kt)("div",{className:"story__container table-story"},(0,esm.kt)(table_Table,{columns:[{title:"blank",displayName:"",bodyHeader:!0},{title:"name",displayName:"Budget Function"},{title:"amount",displayName:"Amount"},{title:"percent",displayName:"% of Total Amount",right:!0}],rows:[[{displayName:"Body Header",title:"",rowSpan:"0"},(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[{displayName:"Body Header",title:"",rowSpan:"0"},(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]],mdxType:"Table"})))),(0,esm.kt)("h2",null,"Loading Table"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Loading Table",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{loading:!0,mdxType:"Table"})))),(0,esm.kt)("h2",null,"Table Error"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table Error",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{error:!0,mdxType:"Table"})))),(0,esm.kt)("h2",null,"Custom Error Message"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Custom Error Message",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{error:!0,message:"Custom error message here.",mdxType:"Table"})))),(0,esm.kt)("h2",null,"No Results"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"No Results",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{rows:[],mdxType:"Table"})))),(0,esm.kt)("h2",null,"Stacked Responsive Table"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Stacked Responsive Table",mdxType:"Story"},(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{isStacked:!0,rows:[["Transportation","$100","20%"],["Health","$150","30%"],["General Science","$250","50%"]],mdxType:"Table"})),(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{isStacked:!0,rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,divider:"Budget Sub-Function",mdxType:"Table"})))),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Submission Statistics"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Advanced Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Award Summary"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","State Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","State Profile Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Federal Account Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Account Profile Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Recipient Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Recipient Profile Page")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var table=function table(){return(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]]}))};table.displayName="table",table.storyName="Table",table.parameters={storySource:{source:"\n Link, 'mock data', '25%'], [jsx content, 1234, 'mock data']]} />\n "}};var tableWithoutSorting=function tableWithoutSorting(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]]}))};tableWithoutSorting.displayName="tableWithoutSorting",tableWithoutSorting.storyName="Table without Sorting",tableWithoutSorting.parameters={storySource:{source:"\n
    Link, 'mock data', '25%'], [jsx content, 1234, 'mock data']]} />\n "}};var expandableTableWithoutDivider=function expandableTableWithoutDivider(){return(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0}))};expandableTableWithoutDivider.displayName="expandableTableWithoutDivider",expandableTableWithoutDivider.storyName="Expandable Table without Divider",expandableTableWithoutDivider.parameters={storySource:{source:"\n
    \n "}};var expandableTableWithDivider=function expandableTableWithDivider(){return(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,divider:"Budget Sub-Function"}))};expandableTableWithDivider.displayName="expandableTableWithDivider",expandableTableWithDivider.storyName="Expandable Table with Divider",expandableTableWithDivider.parameters={storySource:{source:"\n
    \n "}};var tableWSubColumnsTooltips=function tableWSubColumnsTooltips(){return(0,esm.kt)(misc.y6,{columns:[{title:"name",displayName:"Agency Name",icon:(0,esm.kt)(TooltipWrapper.Z,{icon:"info",tooltipComponent:(0,esm.kt)(TooltipComponent.Z,{title:"Test Tooltip"},(0,esm.kt)("div",null,"Test content for tooltip"))})},{title:"total",displayName:"Total Budgetary Resources"},{title:"Q4",displayName:"FY 2020 Q4",columnSpan:"2",subColumnNames:[{displayName:"P10",title:"P10"},{displayName:"P11",title:"P11"}]},{title:"Q3",displayName:"FY 2020 Q3",columnSpan:"4",subColumnNames:[{displayName:"P9",title:"P9"},{displayName:"P8",title:"P8"},{displayName:"P7",title:"P7"},{displayName:"P6",title:"P6"}]}]},(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Department of the Treasury (TREAS)"),"mock data","25%","26%","$1.2 million","$1.3 million","$1.4 million","$1.5 million"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data","mock data IIIIIIIII","$5.2 million","$2.3 million","$11.4 million","$23.5 million"]]}))};tableWSubColumnsTooltips.displayName="tableWSubColumnsTooltips",tableWSubColumnsTooltips.storyName="Table w/ Sub Columns & Tooltips",tableWSubColumnsTooltips.parameters={storySource:{source:"
    Test content for tooltip
    } />\n}, {\n title: 'total',\n displayName: 'Total Budgetary Resources'\n}, {\n title: 'Q4',\n displayName: 'FY 2020 Q4',\n columnSpan: \"2\",\n subColumnNames: [{\n displayName: 'P10',\n title: 'P10'\n }, {\n displayName: 'P11',\n title: 'P11'\n }]\n}, {\n title: 'Q3',\n displayName: 'FY 2020 Q3',\n columnSpan: \"4\",\n subColumnNames: [{\n displayName: 'P9',\n title: 'P9'\n }, {\n displayName: 'P8',\n title: 'P8'\n }, {\n displayName: 'P7',\n title: 'P7'\n }, {\n displayName: 'P6',\n title: 'P6'\n }]\n}]}>\n
    Department of the Treasury (TREAS), 'mock data', '25%', '26%', '$1.2 million', '$1.3 million', '$1.4 million', '$1.5 million'], [jsx content, 1234, 'mock data', 'mock data IIIIIIIII', '$5.2 million', '$2.3 million', '$11.4 million', '$23.5 million']]} />\n "}};var tableWithFirstColumnHeaders=function tableWithFirstColumnHeaders(){return(0,esm.kt)("div",{className:"story__container table-story"},(0,esm.kt)(table_Table,{columns:[{title:"blank",displayName:"",bodyHeader:!0},{title:"name",displayName:"Budget Function"},{title:"amount",displayName:"Amount"},{title:"percent",displayName:"% of Total Amount",right:!0}],rows:[[{displayName:"Body Header",title:"",rowSpan:"0"},(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[{displayName:"Body Header",title:"",rowSpan:"0"},(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]]}))};tableWithFirstColumnHeaders.displayName="tableWithFirstColumnHeaders",tableWithFirstColumnHeaders.storyName="Table with First Column Headers",tableWithFirstColumnHeaders.parameters={storySource:{source:"
    \n
    Link, 'mock data', '25%'], [{\n displayName: 'Body Header',\n title: '',\n rowSpan: '0'\n }, jsx content, 1234, 'mock data']]} />\n "}};var loadingTable=function loadingTable(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{loading:!0}))};loadingTable.displayName="loadingTable",loadingTable.storyName="Loading Table",loadingTable.parameters={storySource:{source:"\n
    \n "}};var tableError=function tableError(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{error:!0}))};tableError.displayName="tableError",tableError.storyName="Table Error",tableError.parameters={storySource:{source:"\n
    \n     "}};var customErrorMessage=function customErrorMessage(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{error:!0,message:"Custom error message here."}))};customErrorMessage.displayName="customErrorMessage",customErrorMessage.storyName="Custom Error Message",customErrorMessage.parameters={storySource:{source:'\n
    \n     '}};var noResults=function noResults(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{rows:[]}))};noResults.displayName="noResults",noResults.storyName="No Results",noResults.parameters={storySource:{source:"\n
    \n     "}};var stackedResponsiveTable=function stackedResponsiveTable(){return(0,esm.kt)(react.Fragment,null,(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{isStacked:!0,rows:[["Transportation","$100","20%"],["Health","$150","30%"],["General Science","$250","50%"]]})),(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{isStacked:!0,rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,divider:"Budget Sub-Function"})))};stackedResponsiveTable.storyName="Stacked Responsive Table",stackedResponsiveTable.parameters={storySource:{source:"\n \n \n\n
    \n "}};var componentMeta={title:"Table",component:table_Table,includeStories:["table","tableWithoutSorting","expandableTableWithoutDivider","expandableTableWithDivider","tableWSubColumnsTooltips","tableWithFirstColumnHeaders","loadingTable","tableError","customErrorMessage","noResults","stackedResponsiveTable"]},mdxStoryNameToKey={Table:"table","Table without Sorting":"tableWithoutSorting","Expandable Table without Divider":"expandableTableWithoutDivider","Expandable Table with Divider":"expandableTableWithDivider","Table w/ Sub Columns & Tooltips":"tableWSubColumnsTooltips","Table with First Column Headers":"tableWithFirstColumnHeaders","Loading Table":"loadingTable","Table Error":"tableError","Custom Error Message":"customErrorMessage","No Results":"noResults","Stacked Responsive Table":"stackedResponsiveTable"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var table_stories=componentMeta},"./.storybook/stories/tabs.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return tabs_stories},tablessStyle:function(){return tablessStyle},tabsWithScroll:function(){return tabsWithScroll}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),misc=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./.storybook/misc.jsx")),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),TooltipWrapper=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx"),TooltipComponent=__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),keyboardEventsHelper=__webpack_require__("./helpers/keyboardEventsHelper.js"),moneyFormatter=__webpack_require__("./helpers/moneyFormatter.js"),propTypes={label:prop_types_default().string.isRequired,internal:prop_types_default().string,labelContent:prop_types_default().element,active:prop_types_default().bool,enabled:prop_types_default().bool,switchTab:prop_types_default().func,className:prop_types_default().string,tooltip:prop_types_default().object,count:prop_types_default().number,tablessStyle:prop_types_default().bool},Tab=function Tab(props){var tab=(0,react.useRef)(null),clickedTab=function clickedTab(){var _tab$current,_tab$current2;props.enabled&&(null!=tab&&tab.current&&null!==(_tab$current=tab.current)&&void 0!==_tab$current&&_tab$current.scrollIntoView&&(null===(_tab$current2=tab.current)||void 0===_tab$current2||_tab$current2.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})),props.switchTab(props.internal))},onKeyDownHandler=(0,keyboardEventsHelper.S)(clickedTab);return react.createElement("div",{className:"usa-dt-tab__wrapper"+(props.enabled?"":" disabled")+(props.tablessStyle?" tabless-tab":"")+(props.active?" active":"")},react.createElement("div",{className:"usa-dt-tab"+(props.active?" active":"")+" "+(props.className||"")+(props.enabled?"":" disabled"),ref:tab,onClick:clickedTab,onKeyDown:onKeyDownHandler,role:"tab",title:"Show "+props.label,"aria-label":"Show "+props.label,tabIndex:0,disabled:!props.enabled},react.createElement("div",{className:"usa-dt-tab__content"},react.createElement("div",{className:"usa-dt-tab__label"},react.createElement("div",{className:"usa-dt-tab__label-text"},props.label),props.count>=0&&react.createElement("div",{"aria-label":"Count of "+(0,moneyFormatter.uf)(props.count)+" for "+props.label,className:"count"+(props.active?" active":"")},(0,moneyFormatter.uf)(props.count)),props.tooltip&&react.createElement(TooltipWrapper.Z,{tooltipComponent:react.createElement(TooltipComponent.Z,{title:props.label},props.tooltip),icon:"info"})))))};Tab.displayName="Tab",Tab.propTypes=propTypes,Tab.__docgenInfo={description:"",methods:[],displayName:"Tab",props:{label:{description:"",type:{name:"string"},required:!0},internal:{description:"",type:{name:"string"},required:!1},labelContent:{description:"",type:{name:"element"},required:!1},active:{description:"",type:{name:"bool"},required:!1},enabled:{description:"",type:{name:"bool"},required:!1},switchTab:{description:"",type:{name:"func"},required:!1},className:{description:"",type:{name:"string"},required:!1},tooltip:{description:"",type:{name:"object"},required:!1},count:{description:"",type:{name:"number"},required:!1},tablessStyle:{description:"",type:{name:"bool"},required:!1}}};var tabs_Tab=Tab;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tabs/Tab.jsx"]={name:"Tab",docgenInfo:Tab.__docgenInfo,path:"components/tabs/Tab.jsx"}),__webpack_require__("./styles/components/_tabs.scss");var Tabs_propTypes={types:prop_types_default().arrayOf(prop_types_default().shape({label:prop_types_default().string.isRequired,internal:prop_types_default().string.isRequired,count:prop_types_default().number,disabled:prop_types_default().bool,tooltip:prop_types_default().element})).isRequired,active:prop_types_default().string.isRequired,switchTab:prop_types_default().func.isRequired,tabsClassName:prop_types_default().string,tablessStyle:prop_types_default().bool},Tabs=function Tabs(_ref){var types=_ref.types,active=_ref.active,switchTab=_ref.switchTab,tabsClassName=_ref.tabsClassName,tablessStyle=_ref.tablessStyle,tabs=types.map((function(type){return react.createElement(tabs_Tab,(0,esm_extends.Z)({},type,{active:active===type.internal,switchTab:switchTab,key:"table-type-item-"+type.internal,enabled:!type.disabled,className:tabsClassName,tooltip:type.tooltip,tablessStyle:tablessStyle}))}));return react.createElement("div",{className:"usa-dt-tab-list"+(tablessStyle?" tabless-tabs":""),role:"tablist"},!tablessStyle&&react.createElement("div",{className:"usa-dt-tab-list__border-pre-filler"}),tabs,react.createElement("div",{className:"usa-dt-tab-list__border-post-filler"}))};Tabs.displayName="Tabs",Tabs.propTypes=Tabs_propTypes,Tabs.__docgenInfo={description:"",methods:[],displayName:"Tabs",props:{types:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{label:{name:"string",required:!0},internal:{name:"string",required:!0},count:{name:"number",required:!1},disabled:{name:"bool",required:!1},tooltip:{name:"element",required:!1}}}},required:!0},active:{description:"",type:{name:"string"},required:!0},switchTab:{description:"",type:{name:"func"},required:!0},tabsClassName:{description:"",type:{name:"string"},required:!1},tablessStyle:{description:"",type:{name:"bool"},required:!1}}};var tabs_Tabs=Tabs;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tabs/Tabs.jsx"]={name:"Tabs",docgenInfo:Tabs.__docgenInfo,path:"components/tabs/Tabs.jsx"});var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Tabs",component:tabs_Tabs,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"types"),": An array of tab objects with their properties below",(0,esm.kt)("ul",{parentName:"li"},(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"label"),": (required) string, the title of the label to display"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"internal"),": (required) string, the unique name of the tab "),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"count"),": number, the count to display to the right of the label"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"disabled"),": boolean, is the tab disabled"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"tooltip"),": element, HTML to display in the tooltip"))),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"active"),": The internal property of the active tab"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"switchTab"),": A function to execute on switching tabs")),(0,esm.kt)("p",null,"In this example:"),(0,esm.kt)("h3",null,"Other props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"tabsClassName"),": A class name for the tabs"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"tablessStyle"),": A property to show tabs in a tabless style")),(0,esm.kt)("h2",null,"Tabs with Scroll"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Tabs with Scroll",mdxType:"Story"},(0,esm.kt)(misc.tS,{mdxType:"TabsWrapper"},(0,esm.kt)(tabs_Tabs,{types:[{internal:"name",label:"Names",count:22},{internal:"dates",label:"Dates",count:33},{internal:"cars",label:"Cars"},{internal:"coffeemugs",label:"Coffee Mugs"},{internal:"colorado",label:"Colorado"},{internal:"whistler",label:"Whistler",disabled:!0},{internal:"yellowstone",label:"Yellowstone",count:22},{internal:"washingtondc",label:"Washington D.C.",count:33},{internal:"blue",label:"Blue"},{internal:"purple",label:"Purple"},{internal:"dinnerware",label:"Dinnerware"},{internal:"cookware",label:"Cookware"}],mdxType:"Tabs"})))),(0,esm.kt)("h2",null,"Tabs with a Tabless Style Disabled"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Tabless Style",mdxType:"Story"},(0,esm.kt)(misc.tS,{mdxType:"TabsWrapper"},(0,esm.kt)(tabs_Tabs,{tablessStyle:!0,types:[{internal:"name",label:"Names",count:22},{internal:"dates",label:"Dates",count:33},{internal:"cars",label:"Cars",disabled:!0},{internal:"coffeemugs",label:"Coffee Mugs"},{internal:"colorado",label:"Colorado"},{internal:"whistler",label:"Whistler"}],mdxType:"Tabs"})))),(0,esm.kt)(dist_esm.$4,{of:tabs_Tabs,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Submission Statistics"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Advanced Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Keyword Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Federal Account Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Recipient Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","State Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Summary")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var tabsWithScroll=function tabsWithScroll(){return(0,esm.kt)(misc.tS,null,(0,esm.kt)(tabs_Tabs,{types:[{internal:"name",label:"Names",count:22},{internal:"dates",label:"Dates",count:33},{internal:"cars",label:"Cars"},{internal:"coffeemugs",label:"Coffee Mugs"},{internal:"colorado",label:"Colorado"},{internal:"whistler",label:"Whistler",disabled:!0},{internal:"yellowstone",label:"Yellowstone",count:22},{internal:"washingtondc",label:"Washington D.C.",count:33},{internal:"blue",label:"Blue"},{internal:"purple",label:"Purple"},{internal:"dinnerware",label:"Dinnerware"},{internal:"cookware",label:"Cookware"}]}))};tabsWithScroll.displayName="tabsWithScroll",tabsWithScroll.storyName="Tabs with Scroll",tabsWithScroll.parameters={storySource:{source:"\n \n "}};var tablessStyle=function tablessStyle(){return(0,esm.kt)(misc.tS,null,(0,esm.kt)(tabs_Tabs,{tablessStyle:!0,types:[{internal:"name",label:"Names",count:22},{internal:"dates",label:"Dates",count:33},{internal:"cars",label:"Cars",disabled:!0},{internal:"coffeemugs",label:"Coffee Mugs"},{internal:"colorado",label:"Colorado"},{internal:"whistler",label:"Whistler"}]}))};tablessStyle.displayName="tablessStyle",tablessStyle.storyName="Tabless Style",tablessStyle.parameters={storySource:{source:"\n \n "}};var componentMeta={title:"Tabs",component:tabs_Tabs,includeStories:["tabsWithScroll","tablessStyle"]},mdxStoryNameToKey={"Tabs with Scroll":"tabsWithScroll","Tabless Style":"tablessStyle"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var tabs_stories=componentMeta},"./.storybook/stories/tooltip.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{defaultStory:function(){return defaultStory},smartTooltipLeft:function(){return smartTooltipLeft},smartTooltipRight:function(){return smartTooltipRight}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx"),_misc__WEBPACK_IMPORTED_MODULE_10__=(__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),__webpack_require__("./.storybook/misc.jsx")),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Tooltip Wrapper",component:_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"w/ Room"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"No overriding necessary in this case for position. Use the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"wide")," prop to expand the tooltip or the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tooltipPosition")," prop to determine which direction for the tooltip to go.\nCurrently, only supports right or left."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Default",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,{mdxType:"Tooltip"}),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!1),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition","left"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1}),mdxType:"TooltipWrapper"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"When positioning the tooltip right/left, if there isn't enough room, it chooses the position for you."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"w/ No Room to Left: Dynamically Right Positioned"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"A tooltip with the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tooltipPosition")," prop set to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"right")," that instead goes left due to their not being enough room."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Smart Tooltip (left)",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story smart-tooltip-left"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,{mdxType:"Tooltip"}),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!0),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1}),mdxType:"TooltipWrapper"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"w/ No Room to Right: Dynamically Left Positioned"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"A tooltip with the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tooltipPosition")," prop set to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"left")," that instead goes right due to their not being enough room."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Smart Tooltip (right)",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story smart-tooltip-right"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,{mdxType:"Tooltip"}),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!0),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition","left"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1}),mdxType:"TooltipWrapper"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Summary Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Submission Statistics"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Advanced Search"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Spending Explorer"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","State Profile Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2 Page")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Broker Integration Status:"))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,null),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!1),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition","left"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1})}))};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:'
    \n } wide={boolean("wide", false)} tooltipPosition={text("tooltipPosition", "left")} controlledProps={object("controlledTooltip", {\n isControlled: false,\n isVisible: false\n })} />\n
    '}};var smartTooltipLeft=function smartTooltipLeft(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story smart-tooltip-left"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,null),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!0),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1})}))};smartTooltipLeft.displayName="smartTooltipLeft",smartTooltipLeft.storyName="Smart Tooltip (left)",smartTooltipLeft.parameters={storySource:{source:'
    \n } wide={boolean("wide", true)} tooltipPosition={text("tooltipPosition")} controlledProps={object("controlledTooltip", {\n isControlled: false,\n isVisible: false\n })} />\n
    '}};var smartTooltipRight=function smartTooltipRight(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story smart-tooltip-right"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,null),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!0),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition","left"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1})}))};smartTooltipRight.displayName="smartTooltipRight",smartTooltipRight.storyName="Smart Tooltip (right)",smartTooltipRight.parameters={storySource:{source:'
    \n } wide={boolean("wide", true)} tooltipPosition={text("tooltipPosition", "left")} controlledProps={object("controlledTooltip", {\n isControlled: false,\n isVisible: false\n })} />\n
    '}};var componentMeta={title:"Tooltip Wrapper",component:_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,includeStories:["defaultStory","smartTooltipLeft","smartTooltipRight"]},mdxStoryNameToKey={Default:"defaultStory","Smart Tooltip (left)":"smartTooltipLeft","Smart Tooltip (right)":"smartTooltipRight"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./styles/components/_carousel.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_downloadIconButton.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_fiscalYearPicker.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_flexGrid.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_informationBoxes.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_messages.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_pageHeader.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_picker.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_searchBar.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_sectionTitle.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_shareIcon.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_tabs.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/cards/_cards.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/infoTooltip/_tooltipWrapper.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/pagination/_pagination.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/table/_table.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"?4f7e":function(){},"./generated-stories-entry.cjs":function(module,__unused_webpack_exports,__webpack_require__){"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./.storybook sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)stories\\/(?%21\\.)(?=.)[^/]*?\\.stories\\.(mdx%7Cjs))$")],module,!1)}},function(__webpack_require__){var __webpack_exec__=function(moduleId){return __webpack_require__(__webpack_require__.s=moduleId)};__webpack_require__.O(0,[224],(function(){return __webpack_exec__("./node_modules/@storybook/react/node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/react/node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-knobs/dist/preset/addDecorator.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs")}));__webpack_require__.O()}]); \ No newline at end of file +(self.webpackChunkdata_transparency_ui=self.webpackChunkdata_transparency_ui||[]).push([[179],{"./.storybook sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)stories\\/(?%21\\.)(?=.)[^/]*?\\.stories\\.(mdx%7Cjs))$":function(module,__unused_webpack_exports,__webpack_require__){var map={"./stories/SearchBar.stories.mdx":"./.storybook/stories/SearchBar.stories.mdx","./stories/card.stories.mdx":"./.storybook/stories/card.stories.mdx","./stories/carousel.stories.mdx":"./.storybook/stories/carousel.stories.mdx","./stories/fiscalYearPicker.stories.js":"./.storybook/stories/fiscalYearPicker.stories.js","./stories/flexGridCol.stories.mdx":"./.storybook/stories/flexGridCol.stories.mdx","./stories/flexGridContainer.stories.mdx":"./.storybook/stories/flexGridContainer.stories.mdx","./stories/flexGridRow.stories.mdx":"./.storybook/stories/flexGridRow.stories.mdx","./stories/informationBoxes.stories.mdx":"./.storybook/stories/informationBoxes.stories.mdx","./stories/introduction.stories.mdx":"./.storybook/stories/introduction.stories.mdx","./stories/message.stories.mdx":"./.storybook/stories/message.stories.mdx","./stories/page-header.stories.mdx":"./.storybook/stories/page-header.stories.mdx","./stories/pagination.stories.mdx":"./.storybook/stories/pagination.stories.mdx","./stories/picker.stories.mdx":"./.storybook/stories/picker.stories.mdx","./stories/quarterPicker.stories.mdx":"./.storybook/stories/quarterPicker.stories.mdx","./stories/section-title.stories.mdx":"./.storybook/stories/section-title.stories.mdx","./stories/table.stories.mdx":"./.storybook/stories/table.stories.mdx","./stories/tabs.stories.mdx":"./.storybook/stories/tabs.stories.mdx","./stories/tooltip.stories.mdx":"./.storybook/stories/tooltip.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./.storybook sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)stories\\/(?%21\\.)(?=.)[^/]*?\\.stories\\.(mdx%7Cjs))$"},"./.storybook/misc.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{AB:function(){return PickerWrapper},I1:function(){return ExampleTooltip},M_:function(){return QuarterPickerCumulative},Nl:function(){return PaginationWrapper},T8:function(){return BasicTableWrapper},aK:function(){return QuarterPickerWrapper},gz:function(){return QuarterPickerWithPeriods},tS:function(){return TabsWrapper},u:function(){return Tooltip},y6:function(){return TableWrapper}});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_10__=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./components/quarterPicker/QuarterPicker.jsx"),Tooltip=function Tooltip(){return react__WEBPACK_IMPORTED_MODULE_10__.createElement(_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_11__.Z,{title:"An Example Tooltip",textAlign:{title:"left",text:"left"}},react__WEBPACK_IMPORTED_MODULE_10__.createElement(react__WEBPACK_IMPORTED_MODULE_10__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"Here are some random words serving the purpose of illustrating how the tooltip component works"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"Its really pretty neat and easy to use. I think you are gonna like it a ton."),react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"You are welcome."),react__WEBPACK_IMPORTED_MODULE_10__.createElement("strong",null,"Some Bold Text That is like a Header"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"Some text that is not apart of the header but underneath it."),react__WEBPACK_IMPORTED_MODULE_10__.createElement("ul",null,react__WEBPACK_IMPORTED_MODULE_10__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_10__.createElement("li",null,react__WEBPACK_IMPORTED_MODULE_10__.createElement("strong",null,"Some Bold Text That is like a Header")," -- Some List Item")),react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"More Paragraph")))};Tooltip.displayName="Tooltip";var PaginationWrapper=function PaginationWrapper(props){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(1),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState,2),page=_useState2[0],changePage=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(10),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState3,2),pageSize=_useState4[0],changeLimit=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({changePage:function handlePageChange(pg){console.log("changePage handler invoked w/ this parameter: ",pg),changePage(pg)},currentPage:page,changeLimit:function handleChangeLimit(pageSize){console.log("changeLimit handler invoked w/ this parameter: ",pageSize),changeLimit(pageSize)},pageSize:pageSize},props)))};PaginationWrapper.displayName="PaginationWrapper";var QuarterPickerWrapper=function QuarterPickerWrapper(props){var _useState5=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(["1"]),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState5,2),selectedQuarters=_useState6[0],setSelectedQuarters=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({handleSelection:function handlePickQuarter(newlySelected){selectedQuarters.includes(newlySelected)?setSelectedQuarters(selectedQuarters.filter((function(quarter){return quarter!==newlySelected}))):setSelectedQuarters((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_14__.Z)(new Set([].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_14__.Z)(selectedQuarters),[newlySelected]))))},selectedQuarters:selectedQuarters},props)))};QuarterPickerWrapper.displayName="QuarterPickerWrapper";var QuarterPickerCumulative=function QuarterPickerCumulative(props){var _useCumulativeQuarter=(0,_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_12__.u)(["1"]),_useCumulativeQuarter2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useCumulativeQuarter,2),selectedQuarters=_useCumulativeQuarter2[0],handleSelection=_useCumulativeQuarter2[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({handleSelection:handleSelection,selectedQuarters:selectedQuarters},props)))};QuarterPickerCumulative.displayName="QuarterPickerCumulative";var QuarterPickerWithPeriods=function QuarterPickerWithPeriods(props){var _useCumulativeQuarter3=(0,_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_12__.u)(["2"]),_useCumulativeQuarter4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useCumulativeQuarter3,2),selectedPeriods=_useCumulativeQuarter4[0],handleSelection=_useCumulativeQuarter4[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({handleSelection:handleSelection,selectedPeriods:selectedPeriods},props)))};QuarterPickerWithPeriods.displayName="QuarterPickerWithPeriods";var PickerWrapper=function PickerWrapper(props){var _useState7=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("All"),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState7,2),selectedOption=_useState8[0],onClick=_useState8[1],options=[{name:"All",onClick:onClick},{name:"Department of Transportation",onClick:onClick},{name:"Department of State",onClick:onClick},{name:"Department of International Affairs",onClick:onClick},{name:"National Credit Union Administration",onClick:onClick},{name:"Federal Breau of Invesitgation",onClick:onClick},{name:"Department of Health and Human Services",onClick:onClick}];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container picker-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({selectedOption:selectedOption,onClick:onClick,options:options},props.children.props)))};PickerWrapper.displayName="PickerWrapper";var mockColumns=[{title:"name",displayName:"Budget Function"},{title:"amount",displayName:"Amount",right:!0},{title:"percent",displayName:"% of Total Amount",right:!0}],TableWrapper=function TableWrapper(props){var _useState9=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("amount"),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState9,2),field=_useState10[0],updateField=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("desc"),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState11,2),direction=_useState12[0],updateDirection=_useState12[1],currentSort={field:field,direction:direction};return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container table-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({updateSort:function updateSort(field,direction){console.log("update sort invoked with "+field+", "+direction),updateField(field),updateDirection(direction)},currentSort:currentSort,columns:props.columns?props.columns:mockColumns},props.children.props)))};TableWrapper.displayName="TableWrapper";var BasicTableWrapper=function BasicTableWrapper(props){return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container table-story"},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({columns:mockColumns},props.children.props)))};BasicTableWrapper.displayName="BasicTableWrapper";var TabsWrapper=function TabsWrapper(props){var _useState13=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("name"),_useState14=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState13,2),activeTab=_useState14[0],setActiveTab=_useState14[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container tabs-story",style:{width:"100%",paddingLeft:"0"}},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({switchTab:setActiveTab,active:activeTab},props.children.props)))};TabsWrapper.displayName="TabsWrapper";var TabsWrapperShowTooltip=function TabsWrapperShowTooltip(props){var _useState15=(0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("name"),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.Z)(_useState15,2),activeTab=_useState16[0],setActiveTab=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_10__.createElement("div",{className:"story__container tabs-story tabs-story-show-tooltip",style:{width:"100%",paddingLeft:"0"}},react__WEBPACK_IMPORTED_MODULE_10__.cloneElement(props.children,Object.assign({switchTab:setActiveTab,active:activeTab},props.children.props)))};TabsWrapperShowTooltip.displayName="TabsWrapperShowTooltip";var ExampleTooltip=function ExampleTooltip(){return react__WEBPACK_IMPORTED_MODULE_10__.createElement(_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_11__.Z,{title:"Details"},react__WEBPACK_IMPORTED_MODULE_10__.createElement("p",null,"Here is some sample content."))};ExampleTooltip.displayName="ExampleTooltip",Tooltip.__docgenInfo={description:"",methods:[],displayName:"Tooltip"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"Tooltip",docgenInfo:Tooltip.__docgenInfo,path:".storybook/misc.jsx"}),PaginationWrapper.__docgenInfo={description:"",methods:[],displayName:"PaginationWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"PaginationWrapper",docgenInfo:PaginationWrapper.__docgenInfo,path:".storybook/misc.jsx"}),QuarterPickerWrapper.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"QuarterPickerWrapper",docgenInfo:QuarterPickerWrapper.__docgenInfo,path:".storybook/misc.jsx"}),QuarterPickerCumulative.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerCumulative"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"QuarterPickerCumulative",docgenInfo:QuarterPickerCumulative.__docgenInfo,path:".storybook/misc.jsx"}),QuarterPickerWithPeriods.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerWithPeriods"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"QuarterPickerWithPeriods",docgenInfo:QuarterPickerWithPeriods.__docgenInfo,path:".storybook/misc.jsx"}),PickerWrapper.__docgenInfo={description:"",methods:[],displayName:"PickerWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"PickerWrapper",docgenInfo:PickerWrapper.__docgenInfo,path:".storybook/misc.jsx"}),TableWrapper.__docgenInfo={description:"",methods:[],displayName:"TableWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"TableWrapper",docgenInfo:TableWrapper.__docgenInfo,path:".storybook/misc.jsx"}),BasicTableWrapper.__docgenInfo={description:"",methods:[],displayName:"BasicTableWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"BasicTableWrapper",docgenInfo:BasicTableWrapper.__docgenInfo,path:".storybook/misc.jsx"}),TabsWrapper.__docgenInfo={description:"",methods:[],displayName:"TabsWrapper"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"TabsWrapper",docgenInfo:TabsWrapper.__docgenInfo,path:".storybook/misc.jsx"}),TabsWrapperShowTooltip.__docgenInfo={description:"",methods:[],displayName:"TabsWrapperShowTooltip"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"TabsWrapperShowTooltip",docgenInfo:TabsWrapperShowTooltip.__docgenInfo,path:".storybook/misc.jsx"}),ExampleTooltip.__docgenInfo={description:"",methods:[],displayName:"ExampleTooltip"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/misc.jsx"]={name:"ExampleTooltip",docgenInfo:ExampleTooltip.__docgenInfo,path:".storybook/misc.jsx"})},"./.storybook/preview.js-generated-config-entry.js":function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject);__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-api/dist/esm/ClientApi.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-console/dist/index.js"),client=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),preview=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/esm/preview.js"),index_es=__webpack_require__("./node_modules/@fortawesome/fontawesome-svg-core/index.es.js"),free_solid_svg_icons_index_es=__webpack_require__("./node_modules/@fortawesome/free-solid-svg-icons/index.es.js");(0,__webpack_require__("./node_modules/@storybook/theming/dist/esm/index.js").Ue)({base:"light",colorPrimary:"hotpink",colorSecondary:"deepskyblue",appBg:"white",appContentBg:"silver",appBorderColor:"grey",appBorderRadius:4,fontBase:'"Open Sans", sans-serif',fontCode:"monospace",textColor:"black",textInverseColor:"rgba(255,255,255,0.9)",barTextColor:"silver",barSelectedColor:"black",barBg:"hotpink",inputBg:"white",inputBorder:"silver",inputTextColor:"black",inputBorderRadius:4,brandTitle:"My custom storybook",brandUrl:"https://example.com",brandImage:"https://placehold.it/350x150"});function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}index_es.vI.add(free_solid_svg_icons_index_es.gc2,free_solid_svg_icons_index_es.EyR,free_solid_svg_icons_index_es.yOZ,free_solid_svg_icons_index_es.FL8,free_solid_svg_icons_index_es.P88,free_solid_svg_icons_index_es.IV4,free_solid_svg_icons_index_es.eW2,free_solid_svg_icons_index_es.Uu6,free_solid_svg_icons_index_es.I4f,free_solid_svg_icons_index_es.l1h,free_solid_svg_icons_index_es.heh,free_solid_svg_icons_index_es.koM,free_solid_svg_icons_index_es.OS1,free_solid_svg_icons_index_es.a3n,free_solid_svg_icons_index_es.ptq,free_solid_svg_icons_index_es.mTx,free_solid_svg_icons_index_es._tD,free_solid_svg_icons_index_es.cNd,free_solid_svg_icons_index_es.eHv,free_solid_svg_icons_index_es.Xjp,free_solid_svg_icons_index_es.iGi,free_solid_svg_icons_index_es.YHc,free_solid_svg_icons_index_es.sqG,free_solid_svg_icons_index_es.wDC,free_solid_svg_icons_index_es.TX0,free_solid_svg_icons_index_es.FGq,free_solid_svg_icons_index_es.El_,free_solid_svg_icons_index_es.UJf,free_solid_svg_icons_index_es.wn1,free_solid_svg_icons_index_es.Hw7,free_solid_svg_icons_index_es.LM3,free_solid_svg_icons_index_es.pL1,free_solid_svg_icons_index_es.B3e,free_solid_svg_icons_index_es.LEN,free_solid_svg_icons_index_es.Toy,free_solid_svg_icons_index_es.NBC,free_solid_svg_icons_index_es.Cv1,free_solid_svg_icons_index_es.EfQ,free_solid_svg_icons_index_es.Mzo),(0,client.addParameters)({docs:{container:esm.Zu,page:esm.kO},options:{name:"Data Transparency UI",storySort:function storySort(a,b){var _a=(0,slicedToArray.Z)(a,2),obj=(_a[0],_a[1]),_b=(0,slicedToArray.Z)(b,2),obj2=(_b[0],_b[1]);return"Introduction"===obj.kind?-1:"Introduction"===obj2.kind?1:"Components/Flex Grid/Flex Grid Container"===obj.kind||"Components/Flex Grid/Flex Grid Row"===obj.kind||"Components/Flex Grid/Flex Grid Col"===obj2.kind?0:1},showAddonPanel:!0},viewport:{viewports:preview.p},a11y:{element:"#root",config:{},options:{},manual:!0}}),(0,client.addDecorator)((function(storyFn){return react.createElement("div",{style:{width:"100%"}},storyFn())}),(function(storyFn,context){return(0,dist.A5)()(storyFn)(context)})),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i0&&void 0!==arguments[0]?arguments[0]:2008,latestYear=arguments.length>1?arguments[1]:void 0;return(0,toConsumableArray.Z)(new Array(latestYear-earliestYear)).reduce((function(listOfYears,_,i){return listOfYears.push(earliestYear+i+1),listOfYears}),[earliestYear]).sort((function(a,b){return b-a}))}(earliestFy,latestFy).map((function(year){return{name:"FY "+year,value:""+year,onClick:handleFyChange}})):[{name:"Loading fiscal years...",value:null,onClick:function onClick(){}}]}()}),react.createElement("span",null,"Fiscal Year"))};FiscalYearPicker.displayName="FiscalYearPicker",FiscalYearPicker.displayName="Fiscal Year Picker",FiscalYearPicker.propTypes={backgroundColor:prop_types_default().string,selectedFy:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),earliestFy:prop_types_default().number,latestFy:prop_types_default().number,options:prop_types_default().arrayOf(prop_types_default().shape({name:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),value:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number])})),handleFyChange:prop_types_default().func,sortFn:prop_types_default().func},FiscalYearPicker.__docgenInfo={description:"",methods:[],displayName:"Fiscal Year Picker",props:{selectedFy:{defaultValue:{value:"2020",computed:!1},description:"",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},earliestFy:{defaultValue:{value:"2017",computed:!1},description:"",type:{name:"number"},required:!1},options:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"shape",value:{name:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},value:{name:"union",value:[{name:"string"},{name:"number"}],required:!1}}}},required:!1},handleFyChange:{defaultValue:{value:"() => { }",computed:!1},description:"",type:{name:"func"},required:!1},sortFn:{defaultValue:{value:"(a, b) => {\n if (Number.isInteger(a)) return b - a;\n return parseInt(b, 10) - parseInt(a, 10);\n}",computed:!1},description:"",type:{name:"func"},required:!1},backgroundColor:{description:"",type:{name:"string"},required:!1},latestFy:{description:"",type:{name:"number"},required:!1}}};var components_FiscalYearPicker=FiscalYearPicker;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/FiscalYearPicker.jsx"]={name:"FiscalYearPicker",docgenInfo:FiscalYearPicker.__docgenInfo,path:"components/FiscalYearPicker.jsx"})},"./components/Picker.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),lodash__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/lodash/lodash.js");__webpack_require__("./styles/components/_picker.scss");var fontAwesomeIconId="usa-dt-picker__button-icon--svg",propTypes={sortFn:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,icon:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,selectedOption:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),className:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,id:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,options:prop_types__WEBPACK_IMPORTED_MODULE_7___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_7___default().shape({name:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,prop_types__WEBPACK_IMPORTED_MODULE_7___default().node]),value:prop_types__WEBPACK_IMPORTED_MODULE_7___default().any,onClick:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,classNames:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string})),dropdownDirection:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOf(["left","right"]),isFixedWidth:prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,backgroundColor:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string},defaultSort=function defaultSort(a,b,selectedOption){return a.name===selectedOption?-1:b.name===selectedOption?1:a.nameb.name?1:0},Picker=function Picker(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$id=_ref.id,id=void 0===_ref$id?"":_ref$id,options=_ref.options,selectedOption=_ref.selectedOption,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$sortFn=_ref.sortFn,sortFn=void 0===_ref$sortFn?defaultSort:_ref$sortFn,_ref$isFixedWidth=_ref.isFixedWidth,isFixedWidth=void 0!==_ref$isFixedWidth&&_ref$isFixedWidth,children=_ref.children,_ref$dropdownDirectio=_ref.dropdownDirection,dropdownDirection=void 0===_ref$dropdownDirectio?"right":_ref$dropdownDirectio,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#1a4480":_ref$backgroundColor,pickerRef=(0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null),buttonRef=(0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null),_useState=(0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(!1),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState,2),expanded=_useState2[0],setExpanded=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_4__.useState)({top:0,width:0,left:0,right:0}),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState3,2),dimensions=_useState4[0],setDimensions=_useState4[1],handleSetDimensions=function handleSetDimensions(){buttonRef.current&&pickerRef.current&&setDimensions({top:buttonRef.current.offsetHeight,width:buttonRef.current.offsetWidth,left:buttonRef.current.offsetLeft,right:pickerRef.current.offsetWidth-(buttonRef.current.offsetWidth+buttonRef.current.offsetLeft)})};(0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)((function(){0!==dimensions.width&&isFixedWidth&&buttonRef.current&&buttonRef.current.offsetWidth!==dimensions.width&&handleSetDimensions()})),(0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)((function(){var closeMenu=function closeMenu(e){expanded&&pickerRef.current&&!pickerRef.current.contains(e.target)&&e.target.id!==id+"-"+fontAwesomeIconId&&e.target.parentNode.id!==id+"-"+fontAwesomeIconId&&setExpanded(!1)};return handleSetDimensions(),document.addEventListener("click",closeMenu),function(){document.removeEventListener("click",closeMenu)}}),[expanded]);var createOnClickFn=function createOnClickFn(cb){return function(param){cb(param),setExpanded(!1)}};return react__WEBPACK_IMPORTED_MODULE_4__.createElement("div",{id:id,className:"usa-dt-picker "+className,ref:pickerRef,style:{backgroundColor:backgroundColor}},react__WEBPACK_IMPORTED_MODULE_4__.createElement("div",{className:"usa-dt-picker__dropdown-container",style:{backgroundColor:backgroundColor}},react__WEBPACK_IMPORTED_MODULE_4__.createElement("button",{style:{backgroundColor:backgroundColor},ref:buttonRef,"aria-label":"Dropdown Toggle Button",className:"usa-dt-picker__button",onClick:function toggleMenu(e){e.preventDefault(),setExpanded(!expanded)}},icon&&react__WEBPACK_IMPORTED_MODULE_4__.createElement("div",{className:"usa-dt-picker__icon"},icon),children?react__WEBPACK_IMPORTED_MODULE_4__.createElement(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,children):react__WEBPACK_IMPORTED_MODULE_4__.createElement(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_4__.createElement("span",{className:"usa-dt-picker__button-text",style:{backgroundColor:backgroundColor}},selectedOption),react__WEBPACK_IMPORTED_MODULE_4__.createElement("span",{className:"usa-dt-picker__button-icon"},!expanded&&react__WEBPACK_IMPORTED_MODULE_4__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.G,{id:id+"-"+fontAwesomeIconId,icon:"chevron-down",alt:"Toggle menu",color:"#555"}),expanded&&react__WEBPACK_IMPORTED_MODULE_4__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.G,{id:id+"-"+fontAwesomeIconId,icon:"chevron-up",alt:"Toggle menu",color:"#555"})))),react__WEBPACK_IMPORTED_MODULE_4__.createElement("ul",{className:"usa-dt-picker__list "+(expanded?"":"hide"),style:function getDropdownListStyles(){var styles={top:dimensions.top+"px",left:dimensions.left+"px"};return isFixedWidth&&"right"===dropdownDirection?Object.assign({},styles,{width:dimensions.width+"px"}):isFixedWidth&&"left"===dropdownDirection?{top:styles.top,right:""+dimensions.right,width:dimensions.width+"px"}:"left"===dropdownDirection?{top:styles.top,right:dimensions.right+"px"}:styles}()},options.sort((function handleSort(a,b){return sortFn(a,b,selectedOption)})).map((function(option){return Object.assign({},option,{onClick:createOnClickFn(option.onClick)})})).map((function(option){return react__WEBPACK_IMPORTED_MODULE_4__.createElement("li",{key:(0,lodash__WEBPACK_IMPORTED_MODULE_6__.uniqueId)(),className:"usa-dt-picker__list-item "+(null!=option&&option.classNames?option.classNames:"")},react__WEBPACK_IMPORTED_MODULE_4__.createElement("button",{className:"usa-dt-picker__item "+(option.name===selectedOption?"active":""),value:""+(option.value||option.name),onClick:function onClick(e){e.preventDefault(),option.onClick(option.value)}},option.component?option.component:option.name))})))))};Picker.displayName="Picker",Picker.propTypes=propTypes,Picker.__docgenInfo={description:"",methods:[],displayName:"Picker",props:{className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},id:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},sortFn:{defaultValue:{value:"(a, b, selectedOption) => {\n // if no sort fn is provided, sort active element to lowest index\n if (a.name === selectedOption) return -1;\n if (b.name === selectedOption) return 1;\n // then, sort alphabetically\n if (a.name < b.name) return -1;\n if (a.name > b.name) return 1;\n return 0;\n}",computed:!1},description:"",type:{name:"func"},required:!1},isFixedWidth:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},dropdownDirection:{defaultValue:{value:"'right'",computed:!1},description:"",type:{name:"enum",value:[{value:"'left'",computed:!1},{value:"'right'",computed:!1}]},required:!1},backgroundColor:{defaultValue:{value:"'#1a4480'",computed:!1},description:"",type:{name:"string"},required:!1},selectedOption:{description:"",type:{name:"union",value:[{name:"node"},{name:"string"}]},required:!1},options:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{name:{name:"union",value:[{name:"string"},{name:"node"}],required:!1},value:{name:"any",required:!1},onClick:{name:"func",required:!1},classNames:{name:"string",required:!1}}}},required:!1},children:{description:"",type:{name:"node"},required:!1}}},__webpack_exports__.Z=Picker,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/Picker.jsx"]={name:"Picker",docgenInfo:Picker.__docgenInfo,path:"components/Picker.jsx"})},"./components/flexGrid/FlexGridCol.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return GridCol}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),prop_types__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__),_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./helpers/flexGridHelper.js"),_excluded=["children","className","desktopxl","desktop","mobile","tablet","width"];function GridCol(_ref){var children=_ref.children,className=_ref.className,desktopxl=_ref.desktopxl,desktop=_ref.desktop,mobile=_ref.mobile,tablet=_ref.tablet,width=_ref.width,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded),baseClasses=[[null,width],["desktopxl",desktopxl],["desktop",desktop],["tablet",tablet],["mobile",mobile]].map((function generateClass(_ref2){var _ref3=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__.Z)(_ref2,2),breakpoint=_ref3[0],colWidth=_ref3[1];if(void 0!==colWidth){if(void 0!==colWidth.span&&void 0!==colWidth.offset){var spanClass=(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__col-"+colWidth.span,offsetClass=(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__offset-"+colWidth.offset;return(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_3__.V)([spanClass,offsetClass])}if(void 0!==colWidth.order){var _spanClass=(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__col-"+colWidth.span,orderClass=(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__order-"+colWidth.order;return(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_3__.V)([_spanClass,orderClass])}return(breakpoint?breakpoint+":":"")+"usa-dt-flex-grid__col-"+colWidth}return""})),allClasses=(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_3__.V)([].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__.Z)(baseClasses),[className]));return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7__.Z)({className:allClasses||"usa-dt-flex-grid__col"},props),children)}__webpack_require__("./styles/components/_flexGrid.scss"),GridCol.displayName="GridCol",GridCol.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_8___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_8___default().string,desktopxl:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})]),desktop:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})]),tablet:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})]),mobile:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})]),width:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"]),prop_types__WEBPACK_IMPORTED_MODULE_8___default().shape({span:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["auto","fill"])]),offset:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().string]),order:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["first","last"])])})])},GridCol.__docgenInfo={description:"",methods:[],displayName:"GridCol",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"Any additional classes to apply",type:{name:"string"},required:!1},desktopxl:{description:"",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1},desktop:{description:"Width to use at the desktop breakpoint",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1},tablet:{description:"Width to use at the tablet breakpoint",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1},mobile:{description:"Width to use at the mobile breakpoint",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1},width:{description:"Default width to use",type:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]},{name:"shape",value:{span:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"auto"',computed:!1},{value:'"fill"',computed:!1}]}],required:!1},offset:{name:"union",value:[{name:"number"},{name:"string"}],required:!1},order:{name:"union",value:[{name:"number"},{name:"enum",value:[{value:'"first"',computed:!1},{value:'"last"',computed:!1}]}],required:!1}}}]},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/flexGrid/FlexGridCol.jsx"]={name:"GridCol",docgenInfo:GridCol.__docgenInfo,path:"components/flexGrid/FlexGridCol.jsx"})},"./components/flexGrid/FlexGridContainer.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return GridContainer}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./helpers/flexGridHelper.js"),_excluded=["children","className"];function GridContainer(_ref){var children=_ref.children,className=_ref.className,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__.Z)(_ref,_excluded);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__.Z)({className:(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_1__.V)(["usa-dt-flex-grid__container",className])},props),children)}__webpack_require__("./styles/components/_flexGrid.scss"),GridContainer.displayName="GridContainer",GridContainer.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string},GridContainer.__docgenInfo={description:"",methods:[],displayName:"GridContainer",props:{children:{description:"",type:{name:"node"},required:!0},className:{description:"Any additional classes to apply",type:{name:"string"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/flexGrid/FlexGridContainer.jsx"]={name:"GridContainer",docgenInfo:GridContainer.__docgenInfo,path:"components/flexGrid/FlexGridContainer.jsx"})},"./components/flexGrid/FlexGridRow.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return GridRow}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./helpers/flexGridHelper.js"),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_excluded=["children","className","hasGutter","gutterSize"];function GridRow(_ref){var children=_ref.children,className=_ref.className,hasGutter=_ref.hasGutter,gutterSize=_ref.gutterSize,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__.Z)(_ref,_excluded),gutterClass=hasGutter?"usa-dt-flex-grid__gutter":"",gutterSizeClass=classnames__WEBPACK_IMPORTED_MODULE_2___default()({"usa-dt-flex-grid__gutter-sm":"sm"===gutterSize,"usa-dt-flex-grid__gutter-lg":"lg"===gutterSize});return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__.Z)({className:(0,_helpers_flexGridHelper__WEBPACK_IMPORTED_MODULE_1__.V)(["usa-dt-flex-grid__row",gutterClass,gutterSizeClass,className])},props),children)}__webpack_require__("./styles/components/_flexGrid.scss"),GridRow.displayName="GridRow",GridRow.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,hasGutter:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,gutterSize:prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOf(["sm","lg"])},GridRow.defaultProps={hasGutter:!1},GridRow.__docgenInfo={description:"",methods:[],displayName:"GridRow",props:{hasGutter:{defaultValue:{value:"false",computed:!1},description:"Should the row have gutters between its columns?",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!0},className:{description:"Any additional classes to apply",type:{name:"string"},required:!1},gutterSize:{description:"Size of the gutter.\nThe `hasGutter` prop must be `true` for this to have an effect.",type:{name:"enum",value:[{value:'"sm"',computed:!1},{value:'"lg"',computed:!1}]},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/flexGrid/FlexGridRow.jsx"]={name:"GridRow",docgenInfo:GridRow.__docgenInfo,path:"components/flexGrid/FlexGridRow.jsx"})},"./components/infoTooltip/TooltipComponent.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),propTypes={title:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired,children:prop_types__WEBPACK_IMPORTED_MODULE_2___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,textAlign:prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({title:prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["center","left"]),text:prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["center","left"])})},TooltipComponent=function TooltipComponent(_ref){var _cx,children=_ref.children,title=_ref.title,className=_ref.className,textAlign=_ref.textAlign;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()((_cx={},_cx[className]=null!==className,_cx))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h1",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("tooltip__title",textAlign.title)},title),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("tooltip__text",textAlign.text)},children))};TooltipComponent.displayName="TooltipComponent",TooltipComponent.propTypes=propTypes,TooltipComponent.defaultProps={className:null,textAlign:{title:"left",text:"left"}},TooltipComponent.__docgenInfo={description:"",methods:[],displayName:"TooltipComponent",props:{className:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},textAlign:{defaultValue:{value:"{\n title: 'left',\n text: 'left'\n}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"enum",value:[{value:'"center"',computed:!1},{value:'"left"',computed:!1}],required:!1},text:{name:"enum",value:[{value:'"center"',computed:!1},{value:'"left"',computed:!1}],required:!1}}},required:!1},title:{description:"",type:{name:"string"},required:!0},children:{description:"",type:{name:"node"},required:!0}}},__webpack_exports__.Z=TooltipComponent,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/infoTooltip/TooltipComponent.jsx"]={name:"TooltipComponent",docgenInfo:TooltipComponent.__docgenInfo,path:"components/infoTooltip/TooltipComponent.jsx"})},"./components/infoTooltip/TooltipWrapper.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return TooltipWrapper}});__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js");var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),react__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),prop_types__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_12__),lodash__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/lodash/lodash.js"),classnames__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_10__),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_7__.Z)(this,result)}}__webpack_require__("./styles/components/infoTooltip/_tooltipWrapper.scss");var propTypes={className:prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_12___default().element,tooltipComponent:prop_types__WEBPACK_IMPORTED_MODULE_12___default().element,tooltipPosition:prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,wide:prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool,icon:prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,width:prop_types__WEBPACK_IMPORTED_MODULE_12___default().number,controlledProps:prop_types__WEBPACK_IMPORTED_MODULE_12___default().shape({isControlled:prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool,showTooltip:prop_types__WEBPACK_IMPORTED_MODULE_12___default().func,closeTooltip:prop_types__WEBPACK_IMPORTED_MODULE_12___default().func,isVisible:prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool}),offsetAdjustments:prop_types__WEBPACK_IMPORTED_MODULE_12___default().shape({top:prop_types__WEBPACK_IMPORTED_MODULE_12___default().number,right:prop_types__WEBPACK_IMPORTED_MODULE_12___default().number,left:prop_types__WEBPACK_IMPORTED_MODULE_12___default().number}),styles:prop_types__WEBPACK_IMPORTED_MODULE_12___default().object,onMouseMoveTooltip:prop_types__WEBPACK_IMPORTED_MODULE_12___default().func,onMouseLeaveTooltip:prop_types__WEBPACK_IMPORTED_MODULE_12___default().func},defaultProps={className:null,children:null,toolTipComponent:null,tooltipPosition:"right",wide:!1,icon:"",controlledProps:{isControlled:!1,showTooltip:function showTooltip(){},closeTooltip:function closeTooltip(){},isVisible:!1},width:375,offsetAdjustments:{top:-15,right:0,left:0},styles:{}},tooltipIcons={info:react__WEBPACK_IMPORTED_MODULE_8__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_11__.G,{className:"tooltip__icon",icon:"info-circle"})},TooltipWrapper=function(_React$Component){(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_13__.Z)(TooltipWrapper,_React$Component);var _super=_createSuper(TooltipWrapper);function TooltipWrapper(props){var _this;return(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_14__.Z)(this,TooltipWrapper),(_this=_super.call(this,props)).onMouseMoveTooltip=function(){_this.props.onMouseMoveTooltip?_this.props.onMouseMoveTooltip():_this.props.controlledProps.isControlled?_this.props.controlledProps.showTooltip():_this.state.isHoveringOnTooltip||_this.setState({isHoveringOnTooltip:!0})},_this.onMouseLeaveTooltip=function(){_this.props.onMouseLeaveTooltip?_this.props.onMouseLeaveTooltip():_this.state.isHoveringOnTooltip&&_this.setState({isHoveringOnTooltip:!1})},_this.getTooltipWidth=function(){var _this$getAvailableHor=_this.getAvailableHorizontalSpace(),spaceToRight=_this$getAvailableHor.right,spaceToLeft=_this$getAvailableHor.left,total=_this$getAvailableHor.total,greatestSpace=spaceToRight>spaceToLeft?spaceToRight:spaceToLeft;return total<425?total-10:"bottom"===_this.props.tooltipPosition?_this.props.width:_this.props.wide?greatestSpace>800?700:greatestSpace-5:_this.props.width},_this.getDimensionsForMobile=function(isMobile,width){return isMobile?{top:_this.tooltipContainer.clientHeight+_this.tooltipContainer.offsetTop+8+"px",width:width,left:_this.tooltipContainer.clientWidth/2-8+"px"}:Object.assign({},_this.state.spacerStyles,{width:width})},_this.state={showTooltip:!1,isHoveringOnTooltip:!1,offsetTop:0,arrowDirection:"left",spacerStyles:{}},_this.showTooltip=_this.showTooltip.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_15__.Z)(_this)),_this.closeTooltip=_this.closeTooltip.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_15__.Z)(_this)),_this.setTooltipDimensions=(0,lodash__WEBPACK_IMPORTED_MODULE_9__.throttle)(_this.setTooltipDimensions.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_15__.Z)(_this)),16),_this}return(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16__.Z)(TooltipWrapper,[{key:"componentDidMount",value:function componentDidMount(){this.setTooltipDimensions(),window.addEventListener("scroll",(0,lodash__WEBPACK_IMPORTED_MODULE_9__.throttle)(this.setTooltipDimensions,500)),window.addEventListener("resize",(0,lodash__WEBPACK_IMPORTED_MODULE_9__.throttle)(this.setTooltipDimensions,100))}},{key:"componentDidUpdate",value:function componentDidUpdate(){this.setTooltipDimensions()}},{key:"componentWillUnmount",value:function componentWillUnmount(){window.removeEventListener("scroll",this.setTooltipDimensions),window.removeEventListener("resize",this.setTooltipDimensions)}},{key:"getAvailableHorizontalSpace",value:function getAvailableHorizontalSpace(){var totalSpace=window.innerWidth,_this$tooltipContaine=this.tooltipContainer,tooltipContainerLeftPosition=_this$tooltipContaine.offsetLeft;return{right:totalSpace-tooltipContainerLeftPosition-_this$tooltipContaine.clientWidth,left:tooltipContainerLeftPosition,total:totalSpace}}},{key:"setTooltipDimensions",value:function setTooltipDimensions(){if(Object.keys(this.props.styles).includes("transform")&&this.tooltipContainer)"bottom"===this.props.tooltipPosition?this.setState({arrowDirection:"bottom",spacerStyle:{width:this.getTooltipWidth()}}):this.setState({spacerStyle:{width:this.getTooltipWidth()}});else if(this.tooltipContainer){var tooltipWidth=this.getTooltipWidth(),_this$getAvailableHor2=this.getAvailableHorizontalSpace(),spaceToLeft=_this$getAvailableHor2.left,total=_this$getAvailableHor2.total,spaceToRight=_this$getAvailableHor2.right,offsetTop=this.tooltipContainer.offsetTop+this.props.offsetAdjustments.top,isMobile=total<700;if("bottom"===this.props.tooltipPosition||isMobile)this.setState({arrowDirection:"bottom",spacerStyle:Object.assign({},this.getDimensionsForMobile(isMobile,tooltipWidth))});else if("right"===this.props.tooltipPosition&&spaceToRight {},\n closeTooltip: () => {},\n isVisible: false\n}",computed:!1},description:"",type:{name:"shape",value:{isControlled:{name:"bool",required:!1},showTooltip:{name:"func",required:!1},closeTooltip:{name:"func",required:!1},isVisible:{name:"bool",required:!1}}},required:!1},width:{defaultValue:{value:"375",computed:!1},description:"",type:{name:"number"},required:!1},offsetAdjustments:{defaultValue:{value:"{\n top: -15, // So that the arrow points at the middle of the tooltip trigger area 👌\n right: 0, // InfoToolTip offset\n left: 0\n}",computed:!1},description:"",type:{name:"shape",value:{top:{name:"number",required:!1},right:{name:"number",required:!1},left:{name:"number",required:!1}}},required:!1},styles:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},tooltipComponent:{description:"",type:{name:"element"},required:!1},onMouseMoveTooltip:{description:"",type:{name:"func"},required:!1},onMouseLeaveTooltip:{description:"",type:{name:"func"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/infoTooltip/TooltipWrapper.jsx"]={name:"TooltipWrapper",docgenInfo:TooltipWrapper.__docgenInfo,path:"components/infoTooltip/TooltipWrapper.jsx"})},"./components/messages/ComingSoon.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_GenericMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/messages/GenericMessage.jsx");__webpack_require__("./styles/components/_messages.scss");var ComingSoon=function ComingSoon(_ref){var className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_GenericMessage__WEBPACK_IMPORTED_MODULE_1__.Z,{className:"coming soon "+className,title:"Coming Soon",description:"This feature is currently under development."})};ComingSoon.displayName="ComingSoon",ComingSoon.__docgenInfo={description:"",methods:[],displayName:"ComingSoon"},__webpack_exports__.Z=ComingSoon,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/ComingSoon.jsx"]={name:"ComingSoon",docgenInfo:ComingSoon.__docgenInfo,path:"components/messages/ComingSoon.jsx"})},"./components/messages/ErrorMessage.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),_GenericMessage__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/messages/GenericMessage.jsx"),propTypes={description:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string},ErrorMessage=function ErrorMessage(_ref){var description=_ref.description,icon=react__WEBPACK_IMPORTED_MODULE_2__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.G,{icon:"exclamation-triangle"});return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_GenericMessage__WEBPACK_IMPORTED_MODULE_4__.Z,{description:description,title:"An error occurred",icon:icon,className:"error"})};ErrorMessage.displayName="ErrorMessage",ErrorMessage.propTypes=propTypes,ErrorMessage.defaultProps={description:"Something went wrong while gathering your data."},ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{description:{defaultValue:{value:"'Something went wrong while gathering your data.'",computed:!1},description:"",type:{name:"string"},required:!1}}},__webpack_exports__.Z=ErrorMessage,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/ErrorMessage.jsx"]={name:"ErrorMessage",docgenInfo:ErrorMessage.__docgenInfo,path:"components/messages/ErrorMessage.jsx"})},"./components/messages/GenericMessage.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);__webpack_require__("./styles/components/_messages.scss");var propTypes={title:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string.isRequired,description:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,icon:prop_types__WEBPACK_IMPORTED_MODULE_3___default().object,className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string},GenericMessage=function GenericMessage(_ref){var icon=_ref.icon,title=_ref.title,description=_ref.description,className=_ref.className;return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"usda-message"+(className&&" usda-message_"+className)},icon&&react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"usda-message__icon"},icon),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"usda-message__title"},title),description&&react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:"usda-message__description"},description))};GenericMessage.displayName="GenericMessage",GenericMessage.propTypes=propTypes,GenericMessage.__docgenInfo={description:"",methods:[],displayName:"GenericMessage",props:{title:{description:"",type:{name:"string"},required:!0},description:{description:"",type:{name:"string"},required:!1},icon:{description:"",type:{name:"object"},required:!1},className:{description:"",type:{name:"string"},required:!1}}},__webpack_exports__.Z=GenericMessage,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/GenericMessage.jsx"]={name:"GenericMessage",docgenInfo:GenericMessage.__docgenInfo,path:"components/messages/GenericMessage.jsx"})},"./components/messages/LoadingMessage.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),react_transition_group__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-transition-group/esm/TransitionGroup.js"),react_transition_group__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-transition-group/esm/CSSTransition.js"),LoadingMessage=function LoadingMessage(_ref){var _ref$loadingText=_ref.loadingText,loadingText=void 0===_ref$loadingText?"Gathering your data...":_ref$loadingText;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_1__.Z,{className:"usda-message usda-message_loading"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_2__.Z,{classNames:"usda-loading-animation__container",timeout:{exit:225,enter:195},exit:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"usda-loading-animation__container"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"usda-loading-animation"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",{className:"usda-loading-bars",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"50",height:"50",style:{opacity:0}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{className:"bar-one",x:"0",y:"0",height:"50",width:"10"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{className:"bar-two",x:"13",y:"0",height:"50",width:"10"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{className:"bar-three",x:"26",y:"0",height:"50",width:"10"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{className:"bar-four",x:"39",y:"0",height:"50",width:"10"}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"loading-message"},loadingText))))};LoadingMessage.displayName="LoadingMessage",LoadingMessage.propTypes={loadingText:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string},LoadingMessage.__docgenInfo={description:"",methods:[],displayName:"LoadingMessage",props:{loadingText:{defaultValue:{value:'"Gathering your data..."',computed:!1},description:"",type:{name:"string"},required:!1}}},__webpack_exports__.Z=LoadingMessage,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/LoadingMessage.jsx"]={name:"LoadingMessage",docgenInfo:LoadingMessage.__docgenInfo,path:"components/messages/LoadingMessage.jsx"})},"./components/messages/NoResultsMessage.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/messages/GenericMessage.jsx"),NoResultsMessage=function NoResultsMessage(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_1__.Z,{title:"No Results",description:"No available data to display.",className:"no-results"})};NoResultsMessage.displayName="NoResultsMessage",NoResultsMessage.__docgenInfo={description:"",methods:[],displayName:"NoResultsMessage"},__webpack_exports__.Z=NoResultsMessage,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/messages/NoResultsMessage.jsx"]={name:"NoResultsMessage",docgenInfo:NoResultsMessage.__docgenInfo,path:"components/messages/NoResultsMessage.jsx"})},"./components/quarterPicker/QuarterPicker.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return quarterPicker_QuarterPicker},u:function(){return useCumulativeQuarterPicker}});var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=(__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.array.every.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js")),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),propTypes={disabled:prop_types_default().bool,active:prop_types_default().bool,showPeriods:prop_types_default().bool,quarter:prop_types_default().string,handleSelection:prop_types_default().func,handleHover:prop_types_default().func,handleBlur:prop_types_default().func,toggleTooltip:prop_types_default().func,title:prop_types_default().string},QuarterButton=function QuarterButton(_ref){var disabled=_ref.disabled,active=_ref.active,quarter=_ref.quarter,handleSelection=_ref.handleSelection,toggleTooltip=_ref.toggleTooltip,_ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,handleHover=_ref.handleHover,handleBlur=_ref.handleBlur,_ref$showPeriods=_ref.showPeriods,showPeriods=void 0!==_ref$showPeriods&&_ref$showPeriods,quarterTitle=title||"Q "+quarter,onMouseEnter=function onMouseEnter(){disabled?toggleTooltip(quarter):handleHover(quarter,showPeriods?"period":"quarter")},onMouseLeave=function onMouseLeave(){toggleTooltip(0),handleBlur(showPeriods?"period":"quarter")},handleClick=function handleClick(e){e.preventDefault(),disabled||handleSelection(quarter)},additionalClasses=disabled?"usa-dt-quarter-picker__quarter_disabled ":"";return"1"===quarter?additionalClasses+="usa-dt-quarter-picker__quarter_first":"4"===quarter?additionalClasses+="usa-dt-quarter-picker__quarter_last":title.includes("-")&&(additionalClasses+="usa-dt-quarter-picker__quarter_double"),!disabled&&active&&(additionalClasses+=" usa-dt-quarter-picker__quarter_active"),react.createElement("button",{className:"usa-dt-quarter-picker__quarter "+additionalClasses,onMouseDown:handleClick,onClick:handleClick,onMouseOver:onMouseEnter,onMouseEnter:onMouseEnter,onFocus:onMouseEnter,onMouseLeave:onMouseLeave,onBlur:onMouseLeave,"aria-disabled":disabled},quarterTitle)};QuarterButton.displayName="QuarterButton",QuarterButton.propTypes=propTypes,QuarterButton.__docgenInfo={description:"",methods:[],displayName:"QuarterButton",props:{title:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},showPeriods:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},active:{description:"",type:{name:"bool"},required:!1},quarter:{description:"",type:{name:"string"},required:!1},handleSelection:{description:"",type:{name:"func"},required:!1},handleHover:{description:"",type:{name:"func"},required:!1},handleBlur:{description:"",type:{name:"func"},required:!1},toggleTooltip:{description:"",type:{name:"func"},required:!1}}};var quarterPicker_QuarterButton=QuarterButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/quarterPicker/QuarterButton.jsx"]={name:"QuarterButton",docgenInfo:QuarterButton.__docgenInfo,path:"components/quarterPicker/QuarterButton.jsx"});var useCumulativeQuarterPicker=function useCumulativeQuarterPicker(){var initialState=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],_useState=(0,react.useState)(initialState),_useState2=(0,slicedToArray.Z)(_useState,2),selectedPeriods=_useState2[0],setSelectedPeriods=_useState2[1],handleSelection=function handleSelection(selectedPeriod){var selectedPeriodAsInt=parseInt(selectedPeriod,10),newPeriods=selectedPeriods.map((function(period){return parseInt(period,10)})).filter((function(period){return period<=selectedPeriodAsInt})).map((function(period){return""+period}));setSelectedPeriods(newPeriods.concat([selectedPeriod]))};return[selectedPeriods,handleSelection]},defaultPeriodsPerQuarter=[[{title:"1 - 2",id:"2",className:"double-period"},{title:"3",id:"3"}],[{title:"4",id:"4"},{title:"5",id:"5"},{title:"6",id:"6"}],[{title:"7",id:"7"},{title:"8",id:"8"},{title:"9",id:"9"}],[{title:"10",id:"10"},{title:"11",id:"11"},{title:"12",id:"12"}]],isIdOrGreaterInArray=function isIdOrGreaterInArray(idStr,arr){return arr.some((function(periodOrQuarter){return parseInt(periodOrQuarter,10)>=parseInt(idStr,10)}))},QuarterPicker_propTypes={handleSelection:prop_types_default().func,selectedQuarters:prop_types_default().arrayOf(prop_types_default().string),disabledQuarters:prop_types_default().arrayOf(prop_types_default().string),selectedPeriods:prop_types_default().arrayOf(prop_types_default().string),disabledPeriods:prop_types_default().arrayOf(prop_types_default().string),periodsPerQuarter:prop_types_default().arrayOf(prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,id:prop_types_default().string}))),showPeriods:prop_types_default().bool,isCumulative:prop_types_default().bool},QuarterPicker=function QuarterPicker(_ref){var handleSelection=_ref.handleSelection,_ref$disabledQuarters=_ref.disabledQuarters,disabledQuarters=void 0===_ref$disabledQuarters?[]:_ref$disabledQuarters,_ref$disabledPeriods=_ref.disabledPeriods,disabledPeriods=void 0===_ref$disabledPeriods?[]:_ref$disabledPeriods,_ref$periodsPerQuarte=_ref.periodsPerQuarter,periodsPerQuarter=void 0===_ref$periodsPerQuarte?defaultPeriodsPerQuarter:_ref$periodsPerQuarte,_ref$selectedQuarters=_ref.selectedQuarters,selectedQuarters=void 0===_ref$selectedQuarters?[]:_ref$selectedQuarters,_ref$selectedPeriods=_ref.selectedPeriods,selectedPeriods=void 0===_ref$selectedPeriods?[]:_ref$selectedPeriods,_ref$showPeriods=_ref.showPeriods,showPeriods=void 0!==_ref$showPeriods&&_ref$showPeriods,_ref$isCumulative=_ref.isCumulative,isCumulative=void 0!==_ref$isCumulative&&_ref$isCumulative,_useState3=(0,react.useState)(""),_useState4=(0,slicedToArray.Z)(_useState3,2),periodHoverState=_useState4[0],setPeriodHoverState=_useState4[1],_useState5=(0,react.useState)(""),_useState6=(0,slicedToArray.Z)(_useState5,2),quarterHoverState=_useState6[0],setQuarterHoverState=_useState6[1],handleHover=function handleHover(str){var type=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"quarter";"quarter"===type?setQuarterHoverState(str):setPeriodHoverState(str)},handleBlur=function handleBlur(){var type=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"quarter";"quarter"===type?setQuarterHoverState(""):setPeriodHoverState("")};return react.createElement("div",{className:"usa-dt-quarter-picker"},react.createElement("ul",{className:"usa-dt-quarter-picker__list"},function generateButtons(){return new Array(4).fill(0).map((function(_,quarterIndex){var quarterNumber=quarterIndex+1,quarterNumberAsString=""+quarterNumber;if(showPeriods){var periodsForQuarter=periodsPerQuarter[quarterIndex],isQuarterDisabled=periodsForQuarter.every((function(period){return disabledPeriods.includes(period.id)}));return react.createElement("li",{className:"usa-dt-quarter-picker__list-item usa-dt-quarter-picker__period-list-container",key:(0,lodash.uniqueId)()},react.createElement("p",{className:isQuarterDisabled?"disabled":""},"Q"+quarterNumber),react.createElement("ul",{className:"usa-dt-quarter-picker__period-list"},periodsForQuarter.map((function(period){return react.createElement("li",{className:Object.keys(period).includes("className")?period.className+" usa-dt-quarter-picker__list-item":"usa-dt-quarter-picker__list-item",key:(0,lodash.uniqueId)()},react.createElement(quarterPicker_QuarterButton,{showPeriods:showPeriods,quarter:period.id,title:period.title,disabled:disabledPeriods.includes(period.id),active:isIdOrGreaterInArray(period.id,selectedPeriods)||parseInt(periodHoverState,10)>=parseInt(period.id,10),handleHover:handleHover,handleBlur:handleBlur,handleSelection:handleSelection,toggleTooltip:function toggleTooltip(){}}))}))))}return react.createElement("li",{className:"usa-dt-quarter-picker__list-item",key:(0,lodash.uniqueId)()},react.createElement(quarterPicker_QuarterButton,{quarter:quarterNumberAsString,disabled:disabledQuarters.includes(quarterNumberAsString),active:isCumulative?isIdOrGreaterInArray(quarterNumberAsString,selectedQuarters)||parseInt(quarterHoverState,10)>=quarterNumber:selectedQuarters.includes(quarterNumberAsString)||quarterHoverState===quarterNumberAsString,handleSelection:handleSelection,handleHover:handleHover,handleBlur:handleBlur,toggleTooltip:function toggleTooltip(){}}))}))}()))};QuarterPicker.displayName="QuarterPicker",QuarterPicker.propTypes=QuarterPicker_propTypes,QuarterPicker.__docgenInfo={description:"",methods:[],displayName:"QuarterPicker",props:{disabledQuarters:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},disabledPeriods:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},periodsPerQuarter:{defaultValue:{value:"[\n [\n { title: '1 - 2', id: '2', className: 'double-period' },\n { title: '3', id: '3' }\n ],\n [\n { title: '4', id: '4' },\n { title: '5', id: '5' },\n { title: '6', id: '6' }\n ],\n [\n { title: '7', id: '7' },\n { title: '8', id: '8' },\n { title: '9', id: '9' }\n ],\n [\n { title: '10', id: '10' },\n { title: '11', id: '11' },\n { title: '12', id: '12' }\n ]\n]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},id:{name:"string",required:!1}}}}},required:!1},selectedQuarters:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},selectedPeriods:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},showPeriods:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isCumulative:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},handleSelection:{description:"",type:{name:"func"},required:!1}}};var quarterPicker_QuarterPicker=QuarterPicker;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/quarterPicker/QuarterPicker.jsx"]={name:"QuarterPicker",docgenInfo:QuarterPicker.__docgenInfo,path:"components/quarterPicker/QuarterPicker.jsx"})},"./helpers/flexGridHelper.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{V:function(){return createClassString}});__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");var createClassString=function createClassString(classes){return classes.map((function(c){return c?c.trim():c})).filter((function(c){return c})).join(" ")}},"./helpers/keyboardEventsHelper.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{S:function(){return createOnKeyDownHandler}});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),createOnKeyDownHandler=(__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),function createOnKeyDownHandler(cb){var args=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],keyCodes=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[13,32];return function(e){keyCodes.includes(e.keyCode)&&cb.apply(void 0,(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__.Z)(args))}})},"./helpers/moneyFormatter.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{CU:function(){return calculateUnitForSingleValue},lb:function(){return formatMoney},oS:function(){return unitValues},uf:function(){return formatNumber},xA:function(){return formatNumberWithPrecision},yD:function(){return formatMoneyWithPrecision}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.number.to-fixed.js");var accounting__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/accounting/accounting.js"),accounting__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(accounting__WEBPACK_IMPORTED_MODULE_2__),accountingOptions=(__webpack_require__("./node_modules/lodash/lodash.js"),{symbol:"$",precision:0,format:{pos:"%s%v",neg:"-%s%v",zero:"%s%v"}}),unitValues={TRILLION:1e12,BILLION:1e9,MILLION:1e6,THOUSAND:1e3},unitLabels_TRILLION="T",unitLabels_BILLION="B",unitLabels_MILLION="M",unitLabels_THOUSAND="k",unitWords_TRILLION="trillion",unitWords_BILLION="billion",unitWords_MILLION="million",unitWords_THOUSAND="thousand",formatMoney=function formatMoney(value){return accounting__WEBPACK_IMPORTED_MODULE_2___default().formatMoney(value,accountingOptions)},formatMoneyWithPrecision=function formatMoneyWithPrecision(value,precision){var modifiedOptions=Object.assign({},accountingOptions,{precision:precision});return accounting__WEBPACK_IMPORTED_MODULE_2___default().formatMoney(value,modifiedOptions)},calculateUnitForSingleValue=function calculateUnitForSingleValue(value){var adjustedValue=Math.abs(value),unit=1,unitLabel="",unitWord="";return adjustedValue>=unitValues.TRILLION?(unit=unitValues.TRILLION,unitLabel=unitLabels_TRILLION,unitWord=unitWords_TRILLION):adjustedValue>=unitValues.BILLION?(unit=unitValues.BILLION,unitLabel=unitLabels_BILLION,unitWord=unitWords_BILLION):adjustedValue>=unitValues.MILLION?(unit=unitValues.MILLION,unitLabel=unitLabels_MILLION,unitWord=unitWords_MILLION):adjustedValue>=unitValues.THOUSAND&&(unit=unitValues.THOUSAND,unitLabel=unitLabels_THOUSAND,unitWord=unitWords_THOUSAND),{unit:unit,unitLabel:unitLabel,longLabel:unitWord}},formatNumber=function formatNumber(number){var options=Object.assign({},accountingOptions,{symbol:""});return accounting__WEBPACK_IMPORTED_MODULE_2___default().formatMoney(number,options)},formatNumberWithPrecision=function formatNumberWithPrecision(number,precision){var options=Object.assign({},accountingOptions,{symbol:"",precision:precision});return accounting__WEBPACK_IMPORTED_MODULE_2___default().formatMoney(number,options)}},"./.storybook/stories/fiscalYearPicker.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},Primary:function(){return Primary}});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_components_FiscalYearPicker__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/FiscalYearPicker.jsx");__webpack_exports__.default={parameters:{storySource:{source:"import React from 'react';\nimport FiscalYearPicker from '../../components/FiscalYearPicker';\n\nexport default {\n title: 'FiscalYearPicker',\n component: FiscalYearPicker,\n };\n export const Default = (args) => ;\n export const Primary = Default.bind({});\n Primary.args = { backgroundColor: '#ff0'};\n",locationsMap:{default:{startLoc:{col:25,line:8},endLoc:{col:65,line:8},startBody:{col:25,line:8},endBody:{col:65,line:8}},primary:{startLoc:{col:25,line:8},endLoc:{col:65,line:8},startBody:{col:25,line:8},endBody:{col:65,line:8}}}}},title:"FiscalYearPicker",component:_components_FiscalYearPicker__WEBPACK_IMPORTED_MODULE_3__.Z};var Default=function Default(args){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_components_FiscalYearPicker__WEBPACK_IMPORTED_MODULE_3__.Z,args)};Default.displayName="Default";var Primary=Default.bind({});Primary.args={backgroundColor:"#ff0"},Default.parameters=Object.assign({storySource:{source:"(args) => "}},Default.parameters),Primary.parameters=Object.assign({storySource:{source:"(args) => "}},Primary.parameters),Default.__docgenInfo={description:"",methods:[],displayName:"Default"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/stories/fiscalYearPicker.stories.js"]={name:"Default",docgenInfo:Default.__docgenInfo,path:".storybook/stories/fiscalYearPicker.stories.js"})},"./storybook-init-framework-entry.js":function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./.storybook/stories/SearchBar.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return SearchBar_stories},searchBar:function(){return searchBar}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),lodash=(__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/lodash/lodash.js")),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),index_es=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js");__webpack_require__("./styles/components/_searchBar.scss");var propTypes={onSearch:prop_types_default().func,minChars:prop_types_default().number,isDisabled:prop_types_default().bool,throttleOnChange:prop_types_default().number,inputTitle:prop_types_default().string,placeholder:prop_types_default().string},SearchBar=function SearchBar(_ref){var onSearch=_ref.onSearch,minChars=_ref.minChars,isDisabled=_ref.isDisabled,throttleOnChange=_ref.throttleOnChange,inputTitle=_ref.inputTitle,placeholder=_ref.placeholder,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1],_useState3=(0,react.useState)(""),_useState4=(0,slicedToArray.Z)(_useState3,2),searchTerm=_useState4[0],setSearchTerm=_useState4[1],resetSearch=function resetSearch(){setValue(""),onSearch(""),setSearchTerm("")},onChange=(0,lodash.throttle)((function(e){return function shouldResetSearchTerm(e,searchTerm){return!(!searchTerm||e.target.value)}(e,searchTerm)?resetSearch():setValue(e.target.value)}),throttleOnChange),icon="search";return(value&&searchTerm===value||searchTerm&&value.length {}",computed:!1},description:"",type:{name:"func"},required:!1},minChars:{defaultValue:{value:"2",computed:!1},description:"",type:{name:"number"},required:!1},throttleOnChange:{defaultValue:{value:"500",computed:!1},description:"",type:{name:"number"},required:!1},inputTitle:{defaultValue:{value:"'Search Input'",computed:!1},description:"",type:{name:"string"},required:!1},isDisabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},placeholder:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1}}};var components_SearchBar=SearchBar;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/SearchBar.jsx"]={name:"SearchBar",docgenInfo:SearchBar.__docgenInfo,path:"components/SearchBar.jsx"});var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"SearchBar",component:components_SearchBar,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"onSearch"),": A function that will pass the search term to it's parent component.")),(0,esm.kt)("h3",null,"Props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"onSearch"),": A function that will pass the search term to it's parent component."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"minChars"),": A number that will serve as the minimum number of characters to submit a search."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"isDisabled"),": A boolean that will decide whether to disable the input."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"throttleOnChange"),": A number in milliseconds that only invokes onChange at most once per every milliseconds."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"inputTitle"),": A string that will serve as the input title."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"placeholder"),": An optional string for placeholder text")),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"SearchBar",mdxType:"Story"},(0,esm.kt)(components_SearchBar,{setQuery:function setQuery(searchTerm){return console.log(searchTerm)},minChars:(0,dist.number)("minChars",2),isDisabled:(0,dist.boolean)("isDisabled",!1),throttleOnChange:(0,dist.number)("throttleOnChange",500),inputTitle:(0,dist.text)("inputTitle","Search Input"),placeholder:"Placeholder",mdxType:"SearchBar"}))),(0,esm.kt)(dist_esm.$4,{of:components_SearchBar,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Data Dictionary")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var searchBar=function searchBar(){return(0,esm.kt)(components_SearchBar,{setQuery:function setQuery(searchTerm){return console.log(searchTerm)},minChars:(0,dist.number)("minChars",2),isDisabled:(0,dist.boolean)("isDisabled",!1),throttleOnChange:(0,dist.number)("throttleOnChange",500),inputTitle:(0,dist.text)("inputTitle","Search Input"),placeholder:"Placeholder"})};searchBar.displayName="searchBar",searchBar.storyName="SearchBar",searchBar.parameters={storySource:{source:" console.log(searchTerm)} minChars={number('minChars', 2)} isDisabled={boolean('isDisabled', false)} throttleOnChange={number('throttleOnChange', 500)} inputTitle={text('inputTitle', 'Search Input')} placeholder=\"Placeholder\" />"}};var componentMeta={title:"SearchBar",component:components_SearchBar,includeStories:["searchBar"]},mdxStoryNameToKey={SearchBar:"searchBar"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var SearchBar_stories=componentMeta},"./.storybook/stories/card.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{containerVariants:function(){return containerVariants},default:function(){return card_stories},dummyText:function(){return dummyText},heroAndButtonVariants:function(){return heroAndButtonVariants},imageLink:function(){return imageLink}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),prop_types=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./.storybook/misc.jsx"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types);__webpack_require__("./styles/components/cards/_cards.scss");var propTypes={variant:prop_types_default().string,size:prop_types_default().string,fill:prop_types_default().string,height:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),onClick:prop_types_default().func,onKeyUp:prop_types_default().func,className:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object])},CardContainer=function CardContainer(_ref){var _ref$variant=_ref.variant,variant=void 0===_ref$variant?"":_ref$variant,_ref$size=_ref.size,size=void 0===_ref$size?"md":_ref$size,children=_ref.children,fill=_ref.fill,height=_ref.height,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,onClick=_ref.onClick,onKeyUp=_ref.onKeyUp;return react.createElement("div",{className:"card-column "+className,onClick:onClick,role:"presentation",tabIndex:"0",onKeyUp:onKeyUp},react.createElement("div",{className:variant+" "+size+" card-container",style:{backgroundColor:""+fill,height:""+height}},children))};CardContainer.displayName="CardContainer",CardContainer.propTypes=propTypes,CardContainer.__docgenInfo={description:"",methods:[],displayName:"CardContainer",props:{variant:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},size:{defaultValue:{value:'"md"',computed:!1},description:"",type:{name:"string"},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},fill:{description:"",type:{name:"string"},required:!1},height:{description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},onClick:{description:"",type:{name:"func"},required:!1},onKeyUp:{description:"",type:{name:"func"},required:!1}}};var cards_CardContainer=CardContainer;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/cards/CardContainer.jsx"]={name:"CardContainer",docgenInfo:CardContainer.__docgenInfo,path:"components/cards/CardContainer.jsx"});var CardBody_propTypes={overline:prop_types_default().string,headline:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),subhead:prop_types_default().string,text:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),variant:prop_types_default().string,children:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),imageContainerHeight:prop_types_default().string,customClassName:prop_types_default().string,onClick:prop_types_default().func},CardBody=function CardBody(_ref){var overline=_ref.overline,headline=_ref.headline,onClick=_ref.onClick,subhead=_ref.subhead,text=_ref.text,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"":_ref$variant,children=_ref.children,imageContainerHeight=_ref.imageContainerHeight,_ref$customClassName=_ref.customClassName,customClassName=void 0===_ref$customClassName?"":_ref$customClassName;return react.createElement("div",{className:"card__body "+variant+" "+customClassName,style:{height:imageContainerHeight?"calc(100% - "+imageContainerHeight+" - 12px)":""}},overline&&react.createElement("div",{className:"overline"},overline),headline&&react.createElement("div",null,react.createElement("div",{className:"headline",onClick:onClick},headline)),subhead&&react.createElement("div",{className:"subhead"},subhead),text&&react.createElement("div",{className:"text"},text),children)};CardBody.displayName="CardBody",CardBody.propTypes=CardBody_propTypes,CardBody.__docgenInfo={description:"",methods:[],displayName:"CardBody",props:{variant:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},customClassName:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},overline:{description:"",type:{name:"string"},required:!1},headline:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},subhead:{description:"",type:{name:"string"},required:!1},text:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},children:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},imageContainerHeight:{description:"",type:{name:"string"},required:!1},onClick:{description:"",type:{name:"func"},required:!1}}};var cards_CardBody=CardBody;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/cards/CardBody.jsx"]={name:"CardBody",docgenInfo:CardBody.__docgenInfo,path:"components/cards/CardBody.jsx"});var CardHero_propTypes={img:prop_types_default().string,fill:prop_types_default().string,variant:prop_types_default().string,imageContainerHeight:prop_types_default().string,thumbnail:prop_types_default().bool,children:prop_types_default().element,onClick:prop_types_default().func},CardHero=function CardHero(_ref){var img=_ref.img,fill=_ref.fill,variant=_ref.variant,imageContainerHeight=_ref.imageContainerHeight,thumbnail=_ref.thumbnail,children=_ref.children,onClick=_ref.onClick;return react.createElement("div",null,react.createElement("div",{className:"card__hero "+variant,onClick:onClick,style:{backgroundColor:""+fill,height:""+imageContainerHeight}},thumbnail?react.createElement(react.Fragment,null,children):react.createElement("img",{src:""+img,role:"presentation",alt:""})))};CardHero.displayName="CardHero",CardHero.propTypes=CardHero_propTypes,CardHero.__docgenInfo={description:"",methods:[],displayName:"CardHero",props:{img:{description:"",type:{name:"string"},required:!1},fill:{description:"",type:{name:"string"},required:!1},variant:{description:"",type:{name:"string"},required:!1},imageContainerHeight:{description:"",type:{name:"string"},required:!1},thumbnail:{description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"element"},required:!1},onClick:{description:"",type:{name:"func"},required:!1}}};var cards_CardHero=CardHero;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/cards/CardHero.jsx"]={name:"CardHero",docgenInfo:CardHero.__docgenInfo,path:"components/cards/CardHero.jsx"});__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var CardButton_propTypes={link:prop_types_default().string,govLink:prop_types_default().bool,onlyPerformAction:prop_types_default().bool,action:prop_types_default().func,text:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),variant:prop_types_default().string,customClassName:prop_types_default().string,children:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),disabled:prop_types_default().bool},CardButton=function CardButton(_ref){var link=_ref.link,govLink=_ref.govLink,_ref$onlyPerformActio=_ref.onlyPerformAction,onlyPerformAction=void 0===_ref$onlyPerformActio?"false":_ref$onlyPerformActio,action=_ref.action,text=_ref.text,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"secondary":_ref$variant,_ref$customClassName=_ref.customClassName,customClassName=void 0===_ref$customClassName?"":_ref$customClassName,children=_ref.children,disabled=_ref.disabled,variantMapper={primary:"card__button--primary",secondary:"",text:"card__button--borderless"};return!0===onlyPerformAction?react.createElement("div",{className:"card__button"},react.createElement("button",{className:"card__button--secondary "+variantMapper[variant]+" "+customClassName,"aria-label":""+text,disabled:disabled,onClick:action},text||children)):react.createElement("div",{className:"card__button"},govLink?react.createElement("div",{className:"card__button--secondary "+variantMapper[variant],role:"button","aria-label":""+text},react.createElement("a",{target:"_blank",rel:"noopener noreferrer",onClick:action,href:link},text)):react.createElement("a",{className:"card__button--secondary "+variantMapper[variant]+" "+customClassName,role:"button",tabIndex:disabled?"-1":"","aria-label":""+text,href:link,onClick:action},text||children))};CardButton.displayName="CardButton",CardButton.propTypes=CardButton_propTypes,CardButton.__docgenInfo={description:"",methods:[],displayName:"CardButton",props:{onlyPerformAction:{defaultValue:{value:'"false"',computed:!1},description:"",type:{name:"bool"},required:!1},variant:{defaultValue:{value:'"secondary"',computed:!1},description:"",type:{name:"string"},required:!1},customClassName:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},link:{description:"",type:{name:"string"},required:!1},govLink:{description:"",type:{name:"bool"},required:!1},action:{description:"",type:{name:"func"},required:!1},text:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},children:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},disabled:{description:"",type:{name:"bool"},required:!1}}};var cards_CardButton=CardButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/cards/CardButton.jsx"]={name:"CardButton",docgenInfo:CardButton.__docgenInfo,path:"components/cards/CardButton.jsx"});var FlexGridCol=__webpack_require__("./components/flexGrid/FlexGridCol.jsx"),FlexGridRow=__webpack_require__("./components/flexGrid/FlexGridRow.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var imageLink="./img/top-bowie-state-combined-image.svg",dummyText="Pudding jelly beans tiramisu bear claw apple pie liquorice. Jelly beans macaroon wafer topping gummies. Shortbread tiramisu lollipop topping apple pie tart pie chocolate. Tart croissant cake danish wafer icing sugar plum.",layoutProps={imageLink:imageLink};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Card",component:cards_CardContainer,mdxType:"Meta"}),(0,esm.kt)(dist_esm.$4,{of:cards_CardContainer,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Card Container Component"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Container Variants",mdxType:"Story"},(0,esm.kt)(FlexGridRow.Z,{hasGutter:!0,gutterSize:32,mdxType:"FlexGridRow"},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"outline",size:"sm",height:"200px",mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{mdxType:"CardBody"},(0,esm.kt)("div",null,dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"outline",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{mdxType:"CardBody"},(0,esm.kt)("div",null,dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{mdxType:"CardBody"},(0,esm.kt)("div",null,dummyText))))),(0,esm.kt)("br",null),(0,esm.kt)("br",null),(0,esm.kt)(FlexGridRow.Z,{hasGutter:!0,gutterSize:32,mdxType:"FlexGridRow"},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"outline",fill:"#1a4480",mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{mdxType:"CardBody"},(0,esm.kt)("div",{style:{color:"#e6e6e6"}},dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{mdxType:"CardContainer"},(0,esm.kt)(cards_CardBody,{overline:"Search",headline:"Find details here",text:"Search spending to your community",mdxType:"CardBody"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"primary",link:"/search",mdxType:"CardButton"}))))))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Hero and Button Variants",mdxType:"Story"},(0,esm.kt)(FlexGridRow.Z,{width:3,desktop:3,hasGutter:!0,gutterSize:32,mdxType:"FlexGridRow"},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardHero,{fill:"#1a4480",mdxType:"CardHero"}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app",mdxType:"CardBody"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"hero__button--action",link:"/search",mdxType:"CardButton"})))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardHero,{variant:"expanded",img:imageLink,mdxType:"CardHero"}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app",mdxType:"CardBody"},(0,esm.kt)(cards_CardButton,{text:"Search",link:"/search",mdxType:"CardButton"})))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4,mdxType:"FlexGridCol"},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md",mdxType:"CardContainer"},(0,esm.kt)(cards_CardHero,{variant:"expanded",fill:"#1a4480",img:imageLink,mdxType:"CardHero"}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app",mdxType:"CardBody"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"text",link:"/search",mdxType:"CardButton"}))))))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var containerVariants=function containerVariants(){return(0,esm.kt)(react.Fragment,null,(0,esm.kt)(FlexGridRow.Z,{hasGutter:!0,gutterSize:32},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"outline",size:"sm",height:"200px"},(0,esm.kt)(cards_CardBody,null,(0,esm.kt)("div",null,dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"outline",size:"md"},(0,esm.kt)(cards_CardBody,null,(0,esm.kt)("div",null,dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md"},(0,esm.kt)(cards_CardBody,null,(0,esm.kt)("div",null,dummyText))))),(0,esm.kt)("br",null),(0,esm.kt)("br",null),(0,esm.kt)(FlexGridRow.Z,{hasGutter:!0,gutterSize:32},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"outline",fill:"#1a4480"},(0,esm.kt)(cards_CardBody,null,(0,esm.kt)("div",{style:{color:"#e6e6e6"}},dummyText)))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,null,(0,esm.kt)(cards_CardBody,{overline:"Search",headline:"Find details here",text:"Search spending to your community"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"primary",link:"/search"}))))))};containerVariants.storyName="Container Variants",containerVariants.parameters={storySource:{source:'\n \n \n \n
    {dummyText}
    \n     \n     \n     \n \n \n \n
    {dummyText}
    \n     \n     \n     \n \n \n \n
    {dummyText}
    \n     \n     \n     \n     \n
    \n
    \n\n \n \n \n
    {dummyText}
    \n     \n     \n     \n \n \n \n \n \n \n \n     '}};var heroAndButtonVariants=function heroAndButtonVariants(){return(0,esm.kt)(FlexGridRow.Z,{width:3,desktop:3,hasGutter:!0,gutterSize:32},(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md"},(0,esm.kt)(cards_CardHero,{fill:"#1a4480"}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"hero__button--action",link:"/search"})))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md"},(0,esm.kt)(cards_CardHero,{variant:"expanded",img:imageLink}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app"},(0,esm.kt)(cards_CardButton,{text:"Search",link:"/search"})))),(0,esm.kt)(FlexGridCol.Z,{width:4,desktop:4},(0,esm.kt)(cards_CardContainer,{variant:"elevated",size:"md"},(0,esm.kt)(cards_CardHero,{variant:"expanded",fill:"#1a4480",img:imageLink}),(0,esm.kt)(cards_CardBody,{overline:"Resources",headline:"Learn how to use our app"},(0,esm.kt)(cards_CardButton,{text:"Search",variant:"text",link:"/search"})))))};heroAndButtonVariants.displayName="heroAndButtonVariants",heroAndButtonVariants.storyName="Hero and Button Variants",heroAndButtonVariants.parameters={storySource:{source:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};var componentMeta={title:"Card",component:cards_CardContainer,includeStories:["containerVariants","heroAndButtonVariants"]},mdxStoryNameToKey={"Container Variants":"containerVariants","Hero and Button Variants":"heroAndButtonVariants"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var card_stories=componentMeta},"./.storybook/stories/carousel.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{carousel:function(){return carousel},default:function(){return carousel_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),slicedToArray=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./.storybook/misc.jsx"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js")),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js");__webpack_require__("./styles/components/_carousel.scss");var propTypes={items:prop_types_default().arrayOf(prop_types_default().element)},Carousel=function Carousel(_ref){var items=_ref.items,_useState=(0,react.useState)(1),_useState2=(0,slicedToArray.Z)(_useState,2),page=_useState2[0],setPage=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isDragging=_useState4[0],setIsDragging=_useState4[1],lastDragX=(0,react.useRef)(null),currentX=(0,react.useRef)(0),instanceId=(0,react.useRef)((0,lodash.uniqueId)()),carouselList=(0,react.useRef)(null),carouselContainer=(0,react.useRef)(null),goToItem=function goToItem(i){return setPage(i)},resizeCarousel=function resizeCarousel(){return goToItem(page)};(0,react.useEffect)((function(){return window.addEventListener("resize",resizeCarousel),function(){return window.removeEventListener("resize",resizeCarousel)}}),[]);(0,react.useEffect)((function(){isDragging||goToItem(function determineClosestPage(){var imageWidth=carouselContainer.current.offsetWidth,dragPage=Math.round(-1*currentX.current/imageWidth)+1;return dragPage>items.length?1:dragPage<1?items.length:dragPage}())}),[isDragging]),(0,react.useEffect)((function(){if(carouselList.current&&carouselContainer.current){var imageWidth=carouselContainer.current.offsetWidth,offset=(page-1)*imageWidth*-1;currentX.current=offset,carouselList.current.style.transform="translate("+offset+"px, 0px)"}}));var commonDragCompletion=function commonDragCompletion(){lastDragX.current=null,setIsDragging(!1)},untouchedCarousel=function untouchedCarousel(){return commonDragCompletion()},commonDragLogic=function commonDragLogic(xPos){var change=xPos-lastDragX.current;lastDragX.current=xPos,currentX.current+=change,carouselList.current.style.transform="translate("+currentX.current+"px, 0px)"},stoppedMouseDrag=function stoppedMouseDrag(){isDragging&&commonDragCompletion()},clickedDot=function clickedDot(e){e.preventDefault(),goToItem(parseInt(e.target.value,10))};return react.createElement("div",{className:"usa-dt-carousel","aria-describedby":instanceId.current+"-instructions"},react.createElement("div",{id:instanceId.current+"-instructions",className:"usa-dt-carousel__instructions","aria-live":"polite"},"An image carousel containing ",items.length+" item"+(1!==items.length?"s":""),", with item ",page," shown."),react.createElement("div",{className:"usa-dt-carousel-content"},react.createElement("div",{className:"usa-dt-carousel-item",onTouchStart:function touchedCarousel(){return setIsDragging(!0)},onTouchMove:function touchDraggedCarousel(e){if(isDragging&&e.touches&&e.touches.length&&carouselList){var firstTouch=e.touches[0];null===lastDragX.current?lastDragX.current=firstTouch.pageX:commonDragLogic(firstTouch.pageX)}},onTouchEnd:untouchedCarousel,onTouchCancel:untouchedCarousel,onMouseDown:function startedMouseDrag(e){e.preventDefault(),setIsDragging(!0)},onMouseUp:stoppedMouseDrag,onMouseLeave:stoppedMouseDrag,onMouseMove:function performedMouseDrag(e){isDragging&&(null===lastDragX.current?lastDragX.current=e.pageX:commonDragLogic(e.pageX))},role:"presentation",ref:carouselContainer},react.createElement("div",{className:"usa-dt-carousel-item__list "+(isDragging?"usa-dt-carousel-item__list_dragging":""),"aria-live":"polite",ref:carouselList},items.map((function(item,i){return react.createElement("div",{className:"usa-dt-carousel-item__list-item",key:i+"-the-list-item","aria-hidden":page!==i+1,tabIndex:-1},(0,react.cloneElement)(item,{className:"usa-dt-carousel-item__item"}))}))))),react.createElement("div",{className:"usa-dt-carousel-pager"},react.createElement("div",{className:"usa-dt-carousel-pager__list",role:"menu","aria-label":"Pagination controls for carousel items"},items.map((function(item,i){return react.createElement("button",{className:"usa-dt-carousel-pager__dot-button "+(i+1===page?"usa-dt-carousel-pager__dot-button_active":""),value:i+1,key:i+"-list-item",onClick:clickedDot,"aria-label":"Skip to carousel item "+(i+1),"aria-checked":i+1===page,role:"menuitemradio"},react.createElement("div",{className:"usa-dt-carousel-pager__dot-decorator"}))})))))};Carousel.displayName="Carousel",Carousel.propTypes=propTypes,Carousel.__docgenInfo={description:"",methods:[],displayName:"Carousel",props:{items:{description:"",type:{name:"arrayOf",value:{name:"element"}},required:!1}}};var components_Carousel=Carousel;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/Carousel.jsx"]={name:"Carousel",docgenInfo:Carousel.__docgenInfo,path:"components/Carousel.jsx"});var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Carousel",component:components_Carousel,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"items"),": (required) An array of strings or elements to display")),(0,esm.kt)("p",null,"In this example:"),(0,esm.kt)("h2",null,"Carousel"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Carousel",mdxType:"Story"},(0,esm.kt)(components_Carousel,{items:[(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageOne.png"})),(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageTwo.png"})),(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageThree.png"}))],mdxType:"Carousel"}))),(0,esm.kt)(dist_esm.$4,{of:components_Carousel,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var carousel=function carousel(){return(0,esm.kt)(components_Carousel,{items:[(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageOne.png"})),(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageTwo.png"})),(0,esm.kt)("div",null,(0,esm.kt)("img",{src:"./img/carouselImageThree.png"}))]})};carousel.displayName="carousel",carousel.storyName="Carousel",carousel.parameters={storySource:{source:',
    ,
    ]} />'}};var componentMeta={title:"Carousel",component:components_Carousel,includeStories:["carousel"]},mdxStoryNameToKey={Carousel:"carousel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var carousel_stories=componentMeta},"./.storybook/stories/flexGridCol.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{columnWrapping:function(){return columnWrapping},equalWidth:function(){return equalWidth},mixAndMatch:function(){return mixAndMatch},offsettingColumns:function(){return offsettingColumns},orderClasses:function(){return orderClasses},sameAtAllBreakpoints:function(){return sameAtAllBreakpoints},settingOneColumnWidth:function(){return settingOneColumnWidth},stackedColumnsAtNarrowWidths:function(){return stackedColumnsAtNarrowWidths},variableWidthContent:function(){return variableWidthContent}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./components/flexGrid/FlexGridContainer.jsx"),__webpack_require__("./components/flexGrid/FlexGridRow.jsx")),_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./components/flexGrid/FlexGridCol.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Components/Flex Grid/Flex Grid Col",component:_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-col"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,{mdxType:"Story"}))}],mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h1",null,"Flex Grid Col"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Auto-layout columns"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Utilize breakpoint-specific column classes for easy column sizing without an explicit numbered class."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Equal-width"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"When no column widths are specified the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"FlexGridCol")," component will render equal width columns."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Equal-width",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Setting one column width"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Auto-layout for flex grid columns also means you can set the width of one column and have the sibling columns automatically resize around it."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Setting one column width",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mobile:6,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"mobile:column-6")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Variable width content"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Set the column width (or any breakpoint size) to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},'"auto"')," to size columns based on the natural width of their content."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Variable width content",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:"auto",mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-auto")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Responsive classes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Same at all breakpoints"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"For columns that should maintain the same proportion at any viewport width, use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},""),". Specify a numbered width property when you need a column of a specific width; otherwise, default to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},""),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"")," set a fixed width of ","[n]"," grid-columns in a 12-column grid."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Same at all breakpoints",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:8,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-4"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Stacked columns at narrow widths"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Columns are full-width until the narrowest breakpoint specified in a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"mobile"),", ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tablet"),", or ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"desktop")," property. For instance, using ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},''),", you can create a basic grid system that starts out stacked before displaying as columns at the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tablet")," breakpoint."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Stacked columns at narrow widths",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill",mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill",mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill",mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:8,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-4"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Mix and match"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Don’t want your columns to simply stack in some breakpoints? Use a combination of different properties for each breakpoints as needed."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Mix and match",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:8,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Alignment"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Column wrapping"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Items wrap when the sum of the grid columns is more than 12."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Column wrapping",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:8,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:3,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-3")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:5,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-5"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Reordering"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Order classes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},'"order"')," property for controlling the visual order of your content. These properties are responsive, so you can set the order by breakpoint (e.g., ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},""),")."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Order classes",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,order:"last"},mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"first, but last")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"second, but unordered")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,order:"first"},mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"third, but first"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Offsetting columns"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Offsetting columns",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:{span:8,offset:4},mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8 offset-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:4,mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,offset:4},mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-10 tablet:offset-2"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var equalWidth=function equalWidth(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")))};equalWidth.displayName="equalWidth",equalWidth.storyName="Equal-width",equalWidth.parameters={storySource:{source:"\n \n
    column
    \n     \n \n
    column
    \n     \n \n
    column
    \n     \n     "}};var settingOneColumnWidth=function settingOneColumnWidth(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mobile:6},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"mobile:column-6")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")))};settingOneColumnWidth.displayName="settingOneColumnWidth",settingOneColumnWidth.storyName="Setting one column width",settingOneColumnWidth.parameters={storySource:{source:"\n \n
    column
    \n     \n \n
    mobile:column-6
    \n     \n \n
    column
    \n     \n     "}};var variableWidthContent=function variableWidthContent(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:"auto"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-auto")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")))};variableWidthContent.displayName="variableWidthContent",variableWidthContent.storyName="Variable width content",variableWidthContent.parameters={storySource:{source:'\n \n
    column
    \n     \n \n
    column-auto
    \n     \n \n
    column
    \n     \n     '}};var sameAtAllBreakpoints=function sameAtAllBreakpoints(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:8},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-4"))))};sameAtAllBreakpoints.storyName="Same at all breakpoints",sameAtAllBreakpoints.parameters={storySource:{source:"\n \n
    column
    \n     \n \n
    column
    \n     \n \n
    column
    \n     \n     \n\n \n
    column-8
    \n     \n \n
    column-4
    \n     \n     "}};var stackedColumnsAtNarrowWidths=function stackedColumnsAtNarrowWidths(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:"fill"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:8},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-4"))))};stackedColumnsAtNarrowWidths.storyName="Stacked columns at narrow widths",stackedColumnsAtNarrowWidths.parameters={storySource:{source:'\n \n
    tablet:column
    \n     \n \n
    tablet:column
    \n     \n \n
    tablet:column
    \n     \n     \n\n \n
    tablet:column-8
    \n     \n \n
    tablet:column-4
    \n     \n     '}};var mixAndMatch=function mixAndMatch(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:8},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6,tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6 tablet:column-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:6},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-6"))))};mixAndMatch.storyName="Mix and match",mixAndMatch.parameters={storySource:{source:"\n \n
    tablet:column-8
    \n     \n \n
    column-6 tablet:column-4
    \n     \n     \n\n \n
    column-6 tablet:column-4
    \n     \n \n
    column-6 tablet:column-4
    \n     \n \n
    column-6 tablet:column-4
    \n     \n     \n\n \n
    column-6
    \n     \n \n
    column-6
    \n     \n     "}};var columnWrapping=function columnWrapping(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:8},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:3},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-3")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:5},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-5")))};columnWrapping.displayName="columnWrapping",columnWrapping.storyName="Column wrapping",columnWrapping.parameters={storySource:{source:"\n \n
    column-8
    \n     \n \n
    column-3
    \n     \n \n
    column-5
    \n     \n     "}};var orderClasses=function orderClasses(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,order:"last"}},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"first, but last")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"second, but unordered")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,order:"first"}},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"third, but first")))};orderClasses.displayName="orderClasses",orderClasses.storyName="Order classes",orderClasses.parameters={storySource:{source:"\n \n
    first, but last
    \n     \n \n
    second, but unordered
    \n     \n \n
    third, but first
    \n     \n     "}};var offsettingColumns=function offsettingColumns(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{width:{span:8,offset:4}},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column-8 offset-4"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:4},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-4")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{tablet:{span:4,offset:4}},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"tablet:column-10 tablet:offset-2"))))};offsettingColumns.storyName="Offsetting columns",offsettingColumns.parameters={storySource:{source:"\n \n
    column-8 offset-4
    \n     \n     \n\n \n
    tablet:column-4
    \n     \n \n
    tablet:column-10 tablet:offset-2
    \n     \n     "}};var componentMeta={title:"Components/Flex Grid/Flex Grid Col",decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-col"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,null))}],component:_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,includeStories:["equalWidth","settingOneColumnWidth","variableWidthContent","sameAtAllBreakpoints","stackedColumnsAtNarrowWidths","mixAndMatch","columnWrapping","orderClasses","offsettingColumns"]},mdxStoryNameToKey={"Equal-width":"equalWidth","Setting one column width":"settingOneColumnWidth","Variable width content":"variableWidthContent","Same at all breakpoints":"sameAtAllBreakpoints","Stacked columns at narrow widths":"stackedColumnsAtNarrowWidths","Mix and match":"mixAndMatch","Column wrapping":"columnWrapping","Order classes":"orderClasses","Offsetting columns":"offsettingColumns"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/flexGridContainer.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{flexGridContainer:function(){return flexGridContainer}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./components/flexGrid/FlexGridContainer.jsx"),_excluded=(__webpack_require__("./components/flexGrid/FlexGridRow.jsx"),__webpack_require__("./components/flexGrid/FlexGridCol.jsx"),["components"]);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Components/Flex Grid/Flex Grid Container",component:_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,{mdxType:"Story"}))}],mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h1",null,"Flex Grid Container"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"FlexGridContainer")," centers the content within it and sets a maximum width. If you would like the grid to span the full width of the page, do not use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"FlexGridContainer"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Default Container"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("code",{parentName:"pre",className:"language-html"},"\n {/* Content Goes Here */}\n\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Flex Grid Container",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{className:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("className",""),mdxType:"FlexGridContainer"},"container"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var flexGridContainer=function flexGridContainer(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{className:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("className","")},"container"))};flexGridContainer.storyName="Flex Grid Container",flexGridContainer.parameters={storySource:{source:"
    Visual Example
    \n\n container\n "}};var componentMeta={title:"Components/Flex Grid/Flex Grid Container",decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,null))}],component:_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,includeStories:["flexGridContainer"]},mdxStoryNameToKey={"Flex Grid Container":"flexGridContainer"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/flexGridRow.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{defaultStory:function(){return defaultStory},gutterSizing:function(){return gutterSizing},gutters:function(){return gutters},knobsExample:function(){return knobsExample}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../usaspending-website/node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./components/flexGrid/FlexGridContainer.jsx"),_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./components/flexGrid/FlexGridRow.jsx"),_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./components/flexGrid/FlexGridCol.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Components/Flex Grid/Flex Grid Row",component:_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,{mdxType:"Story"}))}],mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h1",null,"Flex Grid Row"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Default behavior"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Default",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Gutters"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Gutters",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{mdxType:"FlexGridContainer"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Gutter sizing"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Gutter sizing",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{mdxType:"FlexGridContainer"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,gutterSize:"sm",mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,gutterSize:"lg",mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Knobs example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Knobs example",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,{mdxType:"FlexGridContainer"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{className:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("className",""),hasGutter:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("hasGutter",!1),gutterSize:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("gutterSize",""),mdxType:"FlexGridRow"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"FlexGridCol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))))};defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:'
    Visual Example
    \n\n \n
    column content
    \n     \n \n
    column content
    \n     \n \n
    column content
    \n     \n     '}};var gutters=function gutters(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))};gutters.storyName="Gutters",gutters.parameters={storySource:{source:'
    Visual Example
    \n\n \n \n
    column content
    \n     \n \n
    column content
    \n     \n \n
    column content
    \n     \n     \n     '}};var gutterSizing=function gutterSizing(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,gutterSize:"sm"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{hasGutter:!0,gutterSize:"lg"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))};gutterSizing.storyName="Gutter sizing",gutterSizing.parameters={storySource:{source:'
    Visual Example
    \n\n \n \n
    column content
    \n     \n \n
    column content
    \n     \n \n
    column content
    \n     \n     \n \n \n
    column content
    \n     \n \n
    column content
    \n     \n \n
    column content
    \n     \n     \n \n \n
    column content
    \n     \n \n
    column content
    \n     \n \n
    column content
    \n     \n     \n     '}};var knobsExample=function knobsExample(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid-heading"},"Visual Example"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridContainer__WEBPACK_IMPORTED_MODULE_8__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,{className:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("className",""),hasGutter:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("hasGutter",!1),gutterSize:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("gutterSize","")},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_flexGrid_FlexGridCol__WEBPACK_IMPORTED_MODULE_10__.Z,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",null,"column content")))))};knobsExample.storyName="Knobs example",knobsExample.parameters={storySource:{source:"
    Visual Example
    \n\n \n \n
    column content
    \n     \n \n
    column content
    \n     \n \n
    column content
    \n     \n     \n     "}};var componentMeta={title:"Components/Flex Grid/Flex Grid Row",decorators:[function(Story){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story-flex-grid"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(Story,null))}],component:_components_flexGrid_FlexGridRow__WEBPACK_IMPORTED_MODULE_9__.Z,includeStories:["defaultStory","gutters","gutterSizing","knobsExample"]},mdxStoryNameToKey={Default:"defaultStory",Gutters:"gutters","Gutter sizing":"gutterSizing","Knobs example":"knobsExample"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/informationBoxes.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return informationBoxes_stories},informationBoxes2Count:function(){return informationBoxes2Count},informationBoxes3Count:function(){return informationBoxes3Count},informationBoxes4Count:function(){return informationBoxes4Count}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),slicedToArray=(__webpack_require__("./.storybook/misc.jsx"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js")),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),moneyFormatter=__webpack_require__("./helpers/moneyFormatter.js"),numberToText={2:"two",3:"three",4:"four"};__webpack_require__("./styles/components/_informationBoxes.scss");var defaultProps={boxes:prop_types_default().arrayOf(prop_types_default().shape({type:prop_types_default().string.isRequired,title:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().element]),amount:prop_types_default().number,isMonetary:prop_types_default().bool,subtitle:prop_types_default().string,subtitleBottom:prop_types_default().string,isLoading:prop_types_default().bool}))},InformationBoxes=function InformationBoxes(_ref){var boxes=_ref.boxes,_useState=(0,react.useState)(window.innerWidth>1200),_useState2=(0,slicedToArray.Z)(_useState,2),isForTabletPortaitUp=_useState2[0],setIsForTabletPortaitUp=_useState2[1],checkWidth=(0,lodash.throttle)((function(){return setIsForTabletPortaitUp(window.innerWidth>1200)}));return(0,react.useEffect)((function(){return checkWidth(),window.addEventListener("resize",checkWidth),function(){return window.removeEventListener("resize",checkWidth)}}),[]),react.createElement("div",{className:"usa-dt-information-boxes "+numberToText[boxes.length]+"-boxes"},boxes.map((function(box){return react.createElement("div",{key:box.type,className:"usa-dt-information-box"},react.createElement("div",{className:"usa-dt-information-box__divider"},react.createElement("div",{className:"usa-dt-information-box__content"+(box.subtitle?" with-subtitle":"")},react.createElement("div",{className:"usa-dt-information-box__title"},box.title),box.subtitle&&react.createElement("div",{className:"usa-dt-information-box__subtitle"},box.subtitle),react.createElement("div",{className:"usa-dt-information-box__amount"+(box.isLoading?" loading":"")},box.isLoading&&react.createElement("div",{className:"dot-pulse"}),!box.isLoading&&function formattedValue(value,isMonetary,isForTabletPortaitUp){if(0!==value&&!value)return null;var formattedAmount=isMonetary?(0,moneyFormatter.lb)(value):(0,moneyFormatter.uf)(value);if(Math.abs(value)>moneyFormatter.oS.MILLION){var amount=(0,moneyFormatter.CU)(value);formattedAmount=(isMonetary?(0,moneyFormatter.yD)(value/amount.unit,2):(0,moneyFormatter.xA)(value/amount.unit,2))+" "+(isForTabletPortaitUp?(0,lodash.startCase)(amount.longLabel):amount.unitLabel)}return formattedAmount}(box.amount,box.isMonetary,isForTabletPortaitUp)),box.subtitleBottom&&react.createElement("div",{className:"usa-dt-information-box__subtitle-bottom"},box.subtitleBottom))))})))};InformationBoxes.displayName="InformationBoxes",InformationBoxes.propTypes=defaultProps,InformationBoxes.__docgenInfo={description:"",methods:[],displayName:"InformationBoxes",props:{boxes:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{type:{name:"string",required:!0},title:{name:"union",value:[{name:"string"},{name:"element"}],required:!1},amount:{name:"number",required:!1},isMonetary:{name:"bool",required:!1},subtitle:{name:"string",required:!1},subtitleBottom:{name:"string",required:!1},isLoading:{name:"bool",required:!1}}}},required:!1}}};var components_InformationBoxes=InformationBoxes;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/InformationBoxes.jsx"]={name:"InformationBoxes",docgenInfo:InformationBoxes.__docgenInfo,path:"components/InformationBoxes.jsx"});var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Information Boxes",component:components_InformationBoxes,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"boxes"),": An array of box objects with their properties below",(0,esm.kt)("ul",{parentName:"li"},(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"title"),": (string | element), the title to display."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"type"),": (string, required), the unique React key for each box."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"subtitle"),": string, the subtitle to display."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"amount"),": number, the amount to display."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"subtitleBottom"),": string, optional subtitle to display at the bottom of box."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"isMonetary"),": boolean, if true will format the amount as monetary."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"isLoading"),": element, if true will display loading vizualisation.")))),(0,esm.kt)("p",null,"In this example:"),(0,esm.kt)("h2",null,"Information Boxes, 2 Count"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Information Boxes, 2 Count",mdxType:"Story"},(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Total Obligations",type:"totalObligations",amount:8199e8,isMonetary:!0},{title:"Total Outlays",type:"totalOutlays",amount:107e10,isLoading:!0,isMonetary:!0}],mdxType:"InformationBoxes"}))),(0,esm.kt)("h2",null,"Information Boxes, 3 Count"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Information Boxes, 3 Count",mdxType:"Story"},(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Award Obligations",type:"totalObligations",amount:8199e8,isMonetary:!0},{title:"Number of Transactions",type:"numberOfTransactions",amount:2531},{title:"Number of New Awards",type:"numberOfNewAwards",amount:125}],mdxType:"InformationBoxes"}))),(0,esm.kt)("h2",null,"Information Boxes, 4 Count"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Information Boxes, 4 Count",mdxType:"Story"},(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Number of Agencies",type:"numOfAgencies",subtitle:"for FY 19",amount:13,subtitleBottom:"with 32 offices"},{title:"Total Budgetary Resources",type:"totalBudget",subtitle:"for FY 19",amount:8199e8,isMonetary:!0},{title:"Total Outlays",type:"tOutlays",subtitle:"for FY 19",amount:111e10,isMonetary:!0},{title:"Total Obligations",type:"tObligations",subtitle:"for FY 19",amount:107e10,isMonetary:!0}],mdxType:"InformationBoxes"}))),(0,esm.kt)(dist_esm.$4,{of:components_InformationBoxes,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var informationBoxes2Count=function informationBoxes2Count(){return(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Total Obligations",type:"totalObligations",amount:8199e8,isMonetary:!0},{title:"Total Outlays",type:"totalOutlays",amount:107e10,isLoading:!0,isMonetary:!0}]})};informationBoxes2Count.displayName="informationBoxes2Count",informationBoxes2Count.storyName="Information Boxes, 2 Count",informationBoxes2Count.parameters={storySource:{source:""}};var informationBoxes3Count=function informationBoxes3Count(){return(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Award Obligations",type:"totalObligations",amount:8199e8,isMonetary:!0},{title:"Number of Transactions",type:"numberOfTransactions",amount:2531},{title:"Number of New Awards",type:"numberOfNewAwards",amount:125}]})};informationBoxes3Count.displayName="informationBoxes3Count",informationBoxes3Count.storyName="Information Boxes, 3 Count",informationBoxes3Count.parameters={storySource:{source:""}};var informationBoxes4Count=function informationBoxes4Count(){return(0,esm.kt)(components_InformationBoxes,{boxes:[{title:"Number of Agencies",type:"numOfAgencies",subtitle:"for FY 19",amount:13,subtitleBottom:"with 32 offices"},{title:"Total Budgetary Resources",type:"totalBudget",subtitle:"for FY 19",amount:8199e8,isMonetary:!0},{title:"Total Outlays",type:"tOutlays",subtitle:"for FY 19",amount:111e10,isMonetary:!0},{title:"Total Obligations",type:"tObligations",subtitle:"for FY 19",amount:107e10,isMonetary:!0}]})};informationBoxes4Count.displayName="informationBoxes4Count",informationBoxes4Count.storyName="Information Boxes, 4 Count",informationBoxes4Count.parameters={storySource:{source:""}};var componentMeta={title:"Information Boxes",component:components_InformationBoxes,includeStories:["informationBoxes2Count","informationBoxes3Count","informationBoxes4Count"]},mdxStoryNameToKey={"Information Boxes, 2 Count":"informationBoxes2Count","Information Boxes, 3 Count":"informationBoxes3Count","Information Boxes, 4 Count":"informationBoxes4Count"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var informationBoxes_stories=componentMeta},"./.storybook/stories/introduction.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__page:function(){return __page}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Introduction",parameters:{options:{showAddonPanel:!1}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h1",null,"Data Transparency User Interface (UI) Component Library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The purpose of this project is to give visibility into the patterns built into the\n",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"p",href:"https://broker.usaspending.gov/"},"Broker")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"p",href:"https://usaspending.gov/"},"USASpending")," UI and their corresponding technical implementations.\nThese implementations, referred to as UI Components, exist outside of the USASpending\nand Broker codebase."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"With this visibility & independence, the following benefits arise:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"UI/UX & Development Teams can identify a one-to-one relationship between designs and their implementations in code."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"USASpending & Broker can reuse the same code."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Integration with these components within USASpending and Broker will result in the ability to redesign or improve these components\nin a single place and then see those changes propagated throughout the website immediately.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"UI/UX & Development Collaboration Process"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The below info-graphic displays how the UI/UX and Development Teams will iteratively work together to identify new components for this library."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("img",{src:"./img/ui_ux_approval.png",alt:"Data Transparency USASpending.gov logo"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Component Library Contribution"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"We use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"p",href:"https://github.com/storybookjs/storybook"},"storybook")," to demonstrate our library of components and their technical implementations.\nThis open-source project has nearly 1K contributors and is constantly improving."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Creating a New Story for a Component"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"We use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"p",href:"https://mdxjs.com/advanced/api"},"mdx")," to document our components."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Currently, we are using the following Storybook features to display our current implementation:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"li",href:"https://github.com/storybookjs/storybook/tree/master/addons/viewport"},"Mobile Responsiveness")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"li",href:"https://github.com/storybookjs/storybook/tree/master/addons/docs"},"Docs"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Technical Directions for Adding New Components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"When adding a new component to this library, please follow the below guide:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Build storybook artifacts and Component's CSS by running ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"npm run build"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{parentName:"li"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Storybook build artifacts are compiled in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"docs/")," and deployed using GitHub Pages once merged to the master branch"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Component CSS is compiled to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"dist/")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Export the new component in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"index.js")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"Consult the storybook documentation")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Introduction",parameters:{options:{showAddonPanel:!1}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/message.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{comingSoonPlaceholder:function(){return comingSoonPlaceholder},customErrorMessage:function(){return customErrorMessage},errorMessage:function(){return errorMessage},genericMessage:function(){return genericMessage},loadingMessage:function(){return loadingMessage},noResultsMessage:function(){return noResultsMessage}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js")),_components_messages_LoadingMessage__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./components/messages/LoadingMessage.jsx"),_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./components/messages/ErrorMessage.jsx"),_components_messages_NoResultsMessage__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./components/messages/NoResultsMessage.jsx"),_components_messages_ComingSoon__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./components/messages/ComingSoon.jsx"),_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./components/messages/GenericMessage.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Messages",component:_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Generic Message Props:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"className"),": A way to customize message stlyling. Gets appended to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"usda-message_")," to create a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("em",{parentName:"li"},"modifier")," class in BEM methodology."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"title"),": The first (bolded) line of text."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"description"),": The second line of text."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"icon"),": An icon to display above the text.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Generic Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Generic Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,{className:"your-class",title:"Your title",description:"Custom description here.",icon:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"pencil-alt",mdxType:"FontAwesomeIcon"}),mdxType:"GenericMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Loading Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Loading Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_LoadingMessage__WEBPACK_IMPORTED_MODULE_9__.Z,{mdxType:"LoadingMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Default Error Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Error Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,{mdxType:"ErrorMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Custom Error Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Custom Error Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,{title:"Your title",description:"Custom error message here.",mdxType:"ErrorMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"No Results Message"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"No Results Message",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_NoResultsMessage__WEBPACK_IMPORTED_MODULE_11__.Z,{mdxType:"NoResultsMessage"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Coming Soon Placeholder"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Coming Soon Placeholder",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ComingSoon__WEBPACK_IMPORTED_MODULE_12__.Z,{mdxType:"ComingSoon"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Submission Statistics"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var genericMessage=function genericMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,{className:"your-class",title:"Your title",description:"Custom description here.",icon:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"pencil-alt"})})};genericMessage.displayName="genericMessage",genericMessage.storyName="Generic Message",genericMessage.parameters={storySource:{source:'} />'}};var loadingMessage=function loadingMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_LoadingMessage__WEBPACK_IMPORTED_MODULE_9__.Z,null)};loadingMessage.displayName="loadingMessage",loadingMessage.storyName="Loading Message",loadingMessage.parameters={storySource:{source:""}};var errorMessage=function errorMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,null)};errorMessage.displayName="errorMessage",errorMessage.storyName="Error Message",errorMessage.parameters={storySource:{source:""}};var customErrorMessage=function customErrorMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ErrorMessage__WEBPACK_IMPORTED_MODULE_10__.Z,{title:"Your title",description:"Custom error message here."})};customErrorMessage.displayName="customErrorMessage",customErrorMessage.storyName="Custom Error Message",customErrorMessage.parameters={storySource:{source:''}};var noResultsMessage=function noResultsMessage(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_NoResultsMessage__WEBPACK_IMPORTED_MODULE_11__.Z,null)};noResultsMessage.displayName="noResultsMessage",noResultsMessage.storyName="No Results Message",noResultsMessage.parameters={storySource:{source:""}};var comingSoonPlaceholder=function comingSoonPlaceholder(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_messages_ComingSoon__WEBPACK_IMPORTED_MODULE_12__.Z,null)};comingSoonPlaceholder.displayName="comingSoonPlaceholder",comingSoonPlaceholder.storyName="Coming Soon Placeholder",comingSoonPlaceholder.parameters={storySource:{source:""}};var componentMeta={title:"Messages",component:_components_messages_GenericMessage__WEBPACK_IMPORTED_MODULE_13__.Z,includeStories:["genericMessage","loadingMessage","errorMessage","customErrorMessage","noResultsMessage","comingSoonPlaceholder"]},mdxStoryNameToKey={"Generic Message":"genericMessage","Loading Message":"loadingMessage","Error Message":"errorMessage","Custom Error Message":"customErrorMessage","No Results Message":"noResultsMessage","Coming Soon Placeholder":"comingSoonPlaceholder"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/page-header.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return page_header_stories},wAllToolbarOptions:function(){return wAllToolbarOptions}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js");__webpack_require__("./styles/components/_pageHeader.scss");var PageHeader=function PageHeader(_ref){var title=_ref.title,_ref$overLine=_ref.overLine,overLine=void 0===_ref$overLine?"":_ref$overLine,_ref$stickyBreakPoint=_ref.stickyBreakPoint,stickyBreakPoint=void 0===_ref$stickyBreakPoint?0:_ref$stickyBreakPoint,_ref$toolBar=_ref.toolBar,toolBar=void 0===_ref$toolBar?[]:_ref$toolBar,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#1a4480":_ref$backgroundColor,stickyHeader=(0,react.useRef)(null),_useDynamicStickyClas=function useDynamicStickyClass(stickyRef){var fixedStickyBreakpoint=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,_useState=(0,react.useState)(0),_useState2=(0,slicedToArray.Z)(_useState,2),dynamicStickyBreakpoint=_useState2[0],setDynamicStickyBreakpoint=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isSticky=_useState4[0],setIsSticky=_useState4[1];return[isSticky,dynamicStickyBreakpoint,setIsSticky,(0,lodash.throttle)((function(){var scrollY=window.scrollY||document.documentElement.scrollTop;fixedStickyBreakpoint&&scrollY>=fixedStickyBreakpoint&&!isSticky||!fixedStickyBreakpoint&&scrollY>=dynamicStickyBreakpoint&&!isSticky?setIsSticky(!0):(scrollY<=fixedStickyBreakpoint||scrollY<=dynamicStickyBreakpoint)&&setIsSticky(!1)}),100),(0,lodash.throttle)((function(){var wrapperY=stickyRef.current?stickyRef.current.offsetTop:0;setDynamicStickyBreakpoint(wrapperY)}),100)]}(stickyHeader,stickyBreakPoint),_useDynamicStickyClas2=(0,slicedToArray.Z)(_useDynamicStickyClas,5),isSticky=_useDynamicStickyClas2[0],handleScroll=_useDynamicStickyClas2[3],measureScreen=_useDynamicStickyClas2[4];(0,react.useEffect)((function(){return measureScreen(),window.addEventListener("scroll",handleScroll),window.addEventListener("resize",measureScreen),function(){window.removeEventListener("scroll",handleScroll),window.removeEventListener("resize",measureScreen)}}));var stickyClass=isSticky?" usda-page-header--sticky":"";return react.createElement("section",{className:"usda-page-header"+stickyClass,ref:stickyHeader,style:{backgroundColor:backgroundColor}},react.createElement("div",{className:"usda-page-header__container"},react.createElement("div",{className:"usda-page-header__mobile-top"},react.createElement("div",{className:"usda-page-header__header"},overLine&&react.createElement("strong",{className:"usda-page-header__overline"},overLine),react.createElement("div",{className:"usda-page-header__title"},react.createElement("h1",null,title))),function renderMobileShareIcon(){var shareIcon=null==toolBar?void 0:toolBar.find((function(o){return"Share Icon"===(null==o?void 0:o.type.displayName)}));return shareIcon?react.cloneElement(shareIcon):null}(),function renderMobileAboutTheDataIcon(){var atdIcon=null==toolBar?void 0:toolBar.find((function(o){return"ATDButton"===(null==o?void 0:o.type.displayName)}));return atdIcon?react.cloneElement(atdIcon):null}()),(null==toolBar?void 0:toolBar.length)>0&&react.createElement("div",{className:"usda-page-header__toolbar"},toolBar.map((function(component){var _component$props,_component$props2,_component$props3,className=(null===(_component$props=component.props)||void 0===_component$props?void 0:_component$props.className)+" "+(null===(_component$props2=component.props)||void 0===_component$props2?void 0:_component$props2.classNames),classNames=""+(null===(_component$props3=component.props)||void 0===_component$props3?void 0:_component$props3.classNames);return className?react.cloneElement(component,{className:className+" toolbar__item"}):classNames?react.cloneElement(component,{classNames:classNames+" toolbar__item"}):react.cloneElement(component,{className:"toolbar__item",classNames:"toolbar__item"})})))))};PageHeader.displayName="PageHeader",PageHeader.propTypes={stickyBreakPoint:prop_types_default().number,overLine:prop_types_default().string,title:prop_types_default().string.isRequired,toolBar:prop_types_default().arrayOf(prop_types_default().element)},PageHeader.__docgenInfo={description:"",methods:[],displayName:"PageHeader",props:{overLine:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},stickyBreakPoint:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},toolBar:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"element"}},required:!1},backgroundColor:{defaultValue:{value:"'#1a4480'",computed:!1},required:!1},title:{description:"",type:{name:"string"},required:!0}}};var components_PageHeader=PageHeader;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/PageHeader.jsx"]={name:"PageHeader",docgenInfo:PageHeader.__docgenInfo,path:"components/PageHeader.jsx"});var ComingSoon=__webpack_require__("./components/messages/ComingSoon.jsx"),index_es=(__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js")),free_solid_svg_icons_index_es=__webpack_require__("./node_modules/@fortawesome/free-solid-svg-icons/index.es.js"),Picker=__webpack_require__("./components/Picker.jsx"),free_brands_svg_icons_index_es=__webpack_require__("./node_modules/@fortawesome/free-brands-svg-icons/index.es.js"),GlossaryDropdownOption=function GlossaryDropdownOption(_ref2){var icon=_ref2.icon,title=_ref2.title;return react.createElement(react.Fragment,null,react.createElement(index_es.G,{icon:icon,color:"#555",size:"sm"}),react.createElement("span",null,title))},socialShareOptions=[{component:react.createElement(GlossaryDropdownOption,{icon:free_solid_svg_icons_index_es.nNP,title:"Copy link"}),name:"copy"},{component:react.createElement(GlossaryDropdownOption,{icon:free_solid_svg_icons_index_es.FU$,title:"Email"}),name:"email"},{component:react.createElement(GlossaryDropdownOption,{icon:free_brands_svg_icons_index_es.mdU,title:"Twitter"}),name:"twitter"},{component:react.createElement(GlossaryDropdownOption,{icon:free_brands_svg_icons_index_es.pZl,title:"Facebook"}),name:"facebook"},{component:react.createElement(GlossaryDropdownOption,{icon:free_brands_svg_icons_index_es.D9H,title:"LinkedIn"}),name:"linkedin"},{component:react.createElement(GlossaryDropdownOption,{icon:free_brands_svg_icons_index_es.zsw,title:"Reddit"}),name:"reddit"}];__webpack_require__("./styles/components/_shareIcon.scss");var propTypes={url:prop_types_default().string.isRequired,classNames:prop_types_default().string,onShareOptionClick:prop_types_default().func.isRequired,includedDropdownOptions:prop_types_default().arrayOf(prop_types_default().string),colors:prop_types_default().object,dropdownDirection:prop_types_default().string},ShareIcon=function ShareIcon(_ref){var _ref$includedDropdown=_ref.includedDropdownOptions,includedDropdownOptions=void 0===_ref$includedDropdown?[]:_ref$includedDropdown,_ref$classNames=_ref.classNames,classNames=void 0===_ref$classNames?"":_ref$classNames,_ref$url=_ref.url,url=void 0===_ref$url?"":_ref$url,_ref$onShareOptionCli=_ref.onShareOptionClick,onShareOptionClick=void 0===_ref$onShareOptionCli?function(){}:_ref$onShareOptionCli,_ref$colors=_ref.colors,colors=void 0===_ref$colors?{color:"#dfe1e2",backgroundColor:"#1a4480"}:_ref$colors,_ref$dropdownDirectio=_ref.dropdownDirection,dropdownDirection=void 0===_ref$dropdownDirectio?"left":_ref$dropdownDirectio,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),showConfirmationText=_useState2[0],setConfirmationText=_useState2[1],hideConfirmationText=(0,lodash.debounce)((function(){return setConfirmationText(!1)}),1750);(0,react.useEffect)((function(){return showConfirmationText&&hideConfirmationText(),hideConfirmationText.cancel}),[showConfirmationText,setConfirmationText,hideConfirmationText]);var copyLink=function copyLink(){Array.from(document.querySelectorAll(".js-dtui-url-for-share-icon")).forEach((function(node){if(node.value.includes(url))return node.select()})),document.execCommand("copy"),setConfirmationText(!0),onShareOptionClick("copy")},copyLinkSecond=function copyLinkSecond(){Array.from(document.querySelectorAll(".js-dtui-url-for-share-icon")).forEach((function(node){if(node.getAttribute("value").includes("about-the-data")||node.getAttribute("value").includes("glossary"))return node.select()})),document.execCommand("copy"),setConfirmationText(!0),onShareOptionClick("copy")},socialSharePickerOptions=socialShareOptions.filter((function(_ref2){var name=_ref2.name;return!includedDropdownOptions.length||includedDropdownOptions.includes(name)})).map((function(option){return"copy"!==option.name||url.includes("about-the-data")?"copy"===option.name&&url.includes("about-the-data")?Object.assign({},option,{onClick:copyLinkSecond}):Object.assign({},option,{onClick:function onClick(){return onShareOptionClick(option.name)}}):Object.assign({},option,{onClick:copyLink})}));return react.createElement("div",{className:classNames?"usda-share-icon "+classNames:"usda-share-icon"},react.createElement("input",{"aria-label":"Share Input Link",type:"text",className:"js-dtui-url-for-share-icon text",style:{position:"absolute",right:"9999px",opacity:0},value:url,readOnly:!0}),react.createElement(Picker.Z,{dropdownDirection:dropdownDirection,options:socialSharePickerOptions,selectedOption:"copy",backgroundColor:colors.backgroundColor,sortFn:function sortFn(){return 1}},react.createElement(index_es.G,{icon:"share-alt",size:"lg",color:colors.color})),react.createElement("span",null,"Share"),showConfirmationText&&react.createElement("div",{className:"copy-confirmation"},react.createElement(index_es.G,{icon:free_solid_svg_icons_index_es.f8k})," Copied!"))};ShareIcon.displayName="ShareIcon",ShareIcon.propTypes=propTypes,ShareIcon.displayName="Share Icon",ShareIcon.__docgenInfo={description:"",methods:[],displayName:"Share Icon",props:{includedDropdownOptions:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},classNames:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},url:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},onShareOptionClick:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},colors:{defaultValue:{value:'{\n color: "#dfe1e2",\n backgroundColor: "#1a4480"\n}',computed:!1},description:"",type:{name:"object"},required:!1},dropdownDirection:{defaultValue:{value:"'left'",computed:!1},description:"",type:{name:"string"},required:!1}}};var components_ShareIcon=ShareIcon;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ShareIcon.jsx"]={name:"ShareIcon",docgenInfo:ShareIcon.__docgenInfo,path:"components/ShareIcon.jsx"});var TooltipWrapper=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx");__webpack_require__("./styles/components/_downloadIconButton.scss");var DownloadIconButton_propTypes={onClick:prop_types_default().func.isRequired,downloadInFlight:prop_types_default().bool,tooltipComponent:prop_types_default().element,isEnabled:prop_types_default().bool,tooltipPosition:prop_types_default().string},DownloadIconButton=function DownloadIconButton(_ref){var onClick=_ref.onClick,downloadInFlight=_ref.downloadInFlight,_ref$tooltipComponent=_ref.tooltipComponent,tooltipComponent=void 0===_ref$tooltipComponent?null:_ref$tooltipComponent,_ref$tooltipPosition=_ref.tooltipPosition,tooltipPosition=void 0===_ref$tooltipPosition?"left":_ref$tooltipPosition,_ref$isEnabled=_ref.isEnabled,isEnabled=void 0===_ref$isEnabled||_ref$isEnabled,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=void 0===_ref$backgroundColor?"#1a4480":_ref$backgroundColor,startDownload=function startDownload(e){e.preventDefault(),!downloadInFlight&&isEnabled&&onClick()},disabledClass=downloadInFlight||!isEnabled?" disabled":"",buttonText=downloadInFlight?"Preparing Download...":"Download",icon=downloadInFlight?free_solid_svg_icons_index_es.LM3:free_solid_svg_icons_index_es.kwI;return tooltipComponent?react.createElement(TooltipWrapper.Z,{className:"usda-download-btn"+disabledClass,tooltipPosition:tooltipPosition,tooltipComponent:tooltipComponent},react.createElement("button",{className:"usda-button",title:buttonText,"aria-label":buttonText,disabled:downloadInFlight,onClick:startDownload,style:{backgroundColor:backgroundColor}},react.createElement(index_es.G,{icon:icon,spin:downloadInFlight,color:"#dfe1e2"})),react.createElement("span",{style:{color:"#dfe1e2"}},buttonText)):react.createElement("div",{className:"usda-download-btn"+disabledClass},react.createElement("button",{className:"usda-button",title:buttonText,"aria-label":buttonText,disabled:downloadInFlight,onClick:startDownload,style:{backgroundColor:backgroundColor}},react.createElement(index_es.G,{icon:icon,spin:downloadInFlight})),react.createElement("span",null,buttonText))};DownloadIconButton.displayName="DownloadIconButton",DownloadIconButton.displayName="Download Icon Button",DownloadIconButton.propTypes=DownloadIconButton_propTypes,DownloadIconButton.__docgenInfo={description:"",methods:[],displayName:"Download Icon Button",props:{tooltipComponent:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},tooltipPosition:{defaultValue:{value:'"left"',computed:!1},description:"",type:{name:"string"},required:!1},isEnabled:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},backgroundColor:{defaultValue:{value:"'#1a4480'",computed:!1},required:!1},onClick:{description:"",type:{name:"func"},required:!0},downloadInFlight:{description:"",type:{name:"bool"},required:!1}}};var components_DownloadIconButton=DownloadIconButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/DownloadIconButton.jsx"]={name:"DownloadIconButton",docgenInfo:DownloadIconButton.__docgenInfo,path:"components/DownloadIconButton.jsx"});var FiscalYearPicker=__webpack_require__("./components/FiscalYearPicker.jsx"),misc=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Page Header",parameters:{options:{showAddonPanel:!1}},mdxType:"Meta"}),(0,esm.kt)("h2",null,"Props"),(0,esm.kt)(dist_esm.$4,{of:components_PageHeader,mdxType:"ArgsTable"}),(0,esm.kt)("h3",null,"FYProps: Options"),(0,esm.kt)("p",null,"This prop is used to override the default styling for the fiscal year picker in the page header. The default is a list of years prefixed with ",(0,esm.kt)("inlineCode",{parentName:"p"},"FY"),". This default list is built using the props ",(0,esm.kt)("inlineCode",{parentName:"p"},"latestFy")," and ",(0,esm.kt)("inlineCode",{parentName:"p"},"earliestFy"),"."),(0,esm.kt)("h3",null,"Sticky Behavior"),(0,esm.kt)("p",null,"The page header is sticky on scroll. You can pass ",(0,esm.kt)("inlineCode",{parentName:"p"},"stickyBreakpoint")," to specify the threshold where the header should become or lose it's stickiness. NOTE: the docs tab has this behavior disabled and it can be overriden via css."),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"w/ All Toolbar Options",mdxType:"Story"},(0,esm.kt)("div",{className:"page-header-story"},(0,esm.kt)(components_PageHeader,{overLine:"Agency Profile",title:"Department of Homeland Security",toolBar:[(0,esm.kt)(FiscalYearPicker.Z,{selectedFy:2020,latestFy:2021,handleFyChange:function handleFyChange(){},mdxType:"FiscalYearPicker"}),(0,esm.kt)(components_ShareIcon,{url:"this-is-a-test-url.com",mdxType:"ShareIcon"}),(0,esm.kt)(components_DownloadIconButton,{onClick:function onClick(){},downloadInFlight:(0,dist.boolean)("Download In Flight",!1),tooltipComponent:(0,esm.kt)(misc.u,{mdxType:"Tooltip"}),isEnabled:(0,dist.boolean)("Download Enabled",!0),mdxType:"DownloadIconButton"})],mdxType:"PageHeader"}),(0,esm.kt)(ComingSoon.Z,{mdxType:"ComingSoon"})))),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question where is this component used?"),(0,esm.kt)("p",null,(0,esm.kt)("a",{parentName:"p",href:"https://federal-spending-transparency.atlassian.net/browse/DEV-7122"},"DEV-7122")," was created to roll this out globally. Specifically we haven't yet implemented\nthis component for pages with the download feature in the header."),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","State Profile Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Recipient Profile Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Account Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Landing Pages"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Spending Explorer"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile Page (v1 & v2)"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","DS&M Pages"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Advanced Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Keyword Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID Profile")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var wAllToolbarOptions=function wAllToolbarOptions(){return(0,esm.kt)("div",{className:"page-header-story"},(0,esm.kt)(components_PageHeader,{overLine:"Agency Profile",title:"Department of Homeland Security",toolBar:[(0,esm.kt)(FiscalYearPicker.Z,{selectedFy:2020,latestFy:2021,handleFyChange:function handleFyChange(){}}),(0,esm.kt)(components_ShareIcon,{url:"this-is-a-test-url.com"}),(0,esm.kt)(components_DownloadIconButton,{onClick:function onClick(){},downloadInFlight:(0,dist.boolean)("Download In Flight",!1),tooltipComponent:(0,esm.kt)(misc.u,null),isEnabled:(0,dist.boolean)("Download Enabled",!0)})]}),(0,esm.kt)(ComingSoon.Z,null))};wAllToolbarOptions.displayName="wAllToolbarOptions",wAllToolbarOptions.storyName="w/ All Toolbar Options",wAllToolbarOptions.parameters={storySource:{source:'
    \n {}} />, , {}} downloadInFlight={boolean("Download In Flight", false)} tooltipComponent={} isEnabled={boolean("Download Enabled", true)} />]} />\n \n
    '}};var componentMeta={title:"Page Header",parameters:{options:{showAddonPanel:!1}},includeStories:["wAllToolbarOptions"]},mdxStoryNameToKey={"w/ All Toolbar Options":"wAllToolbarOptions"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var page_header_stories=componentMeta},"./.storybook/stories/pagination.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{customResultsText:function(){return customResultsText},default:function(){return pagination_stories},defaultResultsText:function(){return defaultResultsText},defaultStory:function(){return defaultStory},goToPage:function(){return goToPage},limitSelector:function(){return limitSelector},limitSelectorAndGoToPage:function(){return limitSelectorAndGoToPage}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),classCallCheck=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/classCallCheck.js")),createClass=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/createClass.js"),inherits=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),moneyFormatter=__webpack_require__("./helpers/moneyFormatter.js"),lodash=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/lodash/lodash.js")),index_es=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,getPrototypeOf.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,getPrototypeOf.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,possibleConstructorReturn.Z)(this,result)}}var propTypes={changePage:prop_types_default().func.isRequired,totalItems:prop_types_default().number.isRequired,currentPage:prop_types_default().number.isRequired,pageSize:prop_types_default().number.isRequired},Pager=function(_React$Component){(0,inherits.Z)(Pager,_React$Component);var _super=_createSuper(Pager);function Pager(){return(0,classCallCheck.Z)(this,Pager),_super.apply(this,arguments)}return(0,createClass.Z)(Pager,[{key:"getPager",value:function getPager(){var startPage,endPage,_this$props=this.props,totalItems=_this$props.totalItems,currentPage=_this$props.currentPage,pageSize=_this$props.pageSize,changePage=_this$props.changePage,totalPages=Math.ceil(totalItems/pageSize),prevEllipses=react.createElement("li",{className:"pager__ellipsis"},"..."),nextEllipses=react.createElement("li",{className:"pager__ellipsis"},"..."),firstButton=react.createElement("li",{className:"pager__item"},react.createElement("button",{className:"pager__button",type:"button",onClick:function onClick(){return changePage(1)}},1)),lastButton=react.createElement("li",{className:"pager__item"},react.createElement("button",{className:"pager__button",type:"button",onClick:function onClick(){return changePage(totalPages)}},(0,moneyFormatter.xA)(totalPages,0)));totalPages<5?(startPage=1,endPage=totalPages,prevEllipses="",nextEllipses="",firstButton="",lastButton=""):(startPage=currentPage-1,endPage=currentPage+1,currentPage<4?(prevEllipses="",firstButton="",1===currentPage?(startPage=currentPage,endPage=currentPage+2):3===currentPage&&(startPage=1,endPage=4)):currentPage>totalPages-3&&(nextEllipses="",lastButton="",currentPage===totalPages?(startPage=currentPage-2,endPage=currentPage):currentPage===totalPages-2&&(startPage=currentPage-1,endPage=totalPages)));var startIndex=(currentPage-1)*pageSize,endIndex=Math.min(startIndex+(pageSize-1),totalItems-1),pages=(0,lodash.range)(startPage,endPage+1);return{totalPages:totalPages,startPage:startPage,endPage:endPage,startIndex:startIndex,endIndex:endIndex,pages:pages,prevEllipses:prevEllipses,nextEllipses:nextEllipses,firstButton:firstButton,lastButton:lastButton}}},{key:"generatePageButtons",value:function generatePageButtons(pages){var _this=this,currentPage=this.props.currentPage;return pages.map((function(page,index){return react.createElement("li",{key:index,className:"pager__item"},react.createElement("button",{className:"pager__button "+(currentPage===page?"pager__button_active":""),type:"button",onClick:function onClick(){return _this.props.changePage(page)}},(0,moneyFormatter.xA)(page,0)))}))}},{key:"render",value:function render(){var _this$props2=this.props,currentPage=_this$props2.currentPage,changePage=_this$props2.changePage,pager=this.getPager(),pageButtons=this.generatePageButtons(pager.pages,pager.totalPages);return react.createElement("ul",{className:"pager"},react.createElement("li",{className:"pager__item"},react.createElement("button",{className:"pager__button "+(1===currentPage?"pager__button_disabled":""),type:"button",disabled:1===currentPage,onClick:function onClick(){return changePage(currentPage-1)},title:"Previous page"},react.createElement(index_es.G,{icon:"angle-left"}))),pager.firstButton,pager.prevEllipses,pageButtons,pager.nextEllipses,pager.lastButton,react.createElement("li",{className:"pager__item"},react.createElement("button",{className:"pager__button "+(currentPage===pager.totalPages?"pager__button_disabled":""),type:"button",disabled:currentPage===pager.totalPages,onClick:function onClick(){return changePage(currentPage+1)},title:"Next page"},react.createElement(index_es.G,{icon:"angle-right"}))))}}]),Pager}(react.Component);Pager.propTypes=propTypes,Pager.__docgenInfo={description:"",methods:[{name:"getPager",docblock:null,modifiers:[],params:[],returns:null},{name:"generatePageButtons",docblock:null,modifiers:[],params:[{name:"pages",type:null}],returns:null}],displayName:"Pager",props:{changePage:{description:"",type:{name:"func"},required:!0},totalItems:{description:"",type:{name:"number"},required:!0},currentPage:{description:"",type:{name:"number"},required:!0},pageSize:{description:"",type:{name:"number"},required:!0}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/pagination/Pager.jsx"]={name:"Pager",docgenInfo:Pager.__docgenInfo,path:"components/pagination/Pager.jsx"});var assertThisInitialized=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js");function LimitSelector_createSuper(Derived){var hasNativeReflectConstruct=function LimitSelector_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,getPrototypeOf.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,getPrototypeOf.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,possibleConstructorReturn.Z)(this,result)}}var LimitSelector_propTypes={changeLimit:prop_types_default().func.isRequired,pageSize:prop_types_default().number,limitList:prop_types_default().arrayOf(prop_types_default().number),label:prop_types_default().string},LimitSelector=function(_React$Component){(0,inherits.Z)(LimitSelector,_React$Component);var _super=LimitSelector_createSuper(LimitSelector);function LimitSelector(props){var _this;return(0,classCallCheck.Z)(this,LimitSelector),(_this=_super.call(this,props)).changeLimit=_this.changeLimit.bind((0,assertThisInitialized.Z)(_this)),_this}return(0,createClass.Z)(LimitSelector,[{key:"changeLimit",value:function changeLimit(e){e.preventDefault();var targetId=parseInt(e.target.value,10);this.props.changeLimit(targetId)}},{key:"render",value:function render(){var label=this.props.label?this.props.label:"Rows per page: ",_this$props=this.props,limitList=_this$props.limitList,pageSize=_this$props.pageSize,list=limitList.map((function(limit){return react.createElement("option",{key:"limit-"+limit,value:limit},limit)}));return react.createElement("div",{className:"usa-dt-pagination__limit-selector__wrapper"},react.createElement("label",null,label),react.createElement("select",{onChange:this.changeLimit,value:pageSize,className:"usa-dt-pagination__limit-selector","aria-label":"limit-dropdown"},list))}}]),LimitSelector}(react.Component);function GoToPage_createSuper(Derived){var hasNativeReflectConstruct=function GoToPage_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,getPrototypeOf.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,getPrototypeOf.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,possibleConstructorReturn.Z)(this,result)}}LimitSelector.propTypes=LimitSelector_propTypes,LimitSelector.defaultProps={pageLimit:10,limitList:[10,25,50,100]},LimitSelector.__docgenInfo={description:"",methods:[{name:"changeLimit",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null}],displayName:"LimitSelector",props:{pageLimit:{defaultValue:{value:"10",computed:!1},required:!1},limitList:{defaultValue:{value:"[10, 25, 50, 100]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},changeLimit:{description:"",type:{name:"func"},required:!0},pageSize:{description:"",type:{name:"number"},required:!1},label:{description:"",type:{name:"string"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/pagination/LimitSelector.jsx"]={name:"LimitSelector",docgenInfo:LimitSelector.__docgenInfo,path:"components/pagination/LimitSelector.jsx"});var GoToPage_propTypes={changePage:prop_types_default().func.isRequired,totalPages:prop_types_default().number,id:prop_types_default().string},GoToPage=function(_React$Component){(0,inherits.Z)(GoToPage,_React$Component);var _super=GoToPage_createSuper(GoToPage);function GoToPage(props){var _this;return(0,classCallCheck.Z)(this,GoToPage),(_this=_super.call(this,props)).state={goToPage:""},_this.changePage=_this.changePage.bind((0,assertThisInitialized.Z)(_this)),_this.changedInput=_this.changedInput.bind((0,assertThisInitialized.Z)(_this)),_this.validPage=_this.validPage.bind((0,assertThisInitialized.Z)(_this)),_this}return(0,createClass.Z)(GoToPage,[{key:"changePage",value:function changePage(e){e.preventDefault(),this.validPage()&&this.props.changePage(parseInt(this.state.goToPage,10))}},{key:"changedInput",value:function changedInput(e){this.setState({goToPage:e.target.value})}},{key:"validPage",value:function validPage(){var goToPage=this.state.goToPage,totalPages=this.props.totalPages;return!(""===goToPage||parseInt(goToPage,10)<1||parseInt(goToPage,10)>totalPages)}},{key:"render",value:function render(){var totalPages=this.props.totalPages,placeholder=totalPages>1?"1-"+totalPages:"1";return react.createElement("form",{className:"usa-dt-pagination__go-to"},react.createElement("label",{htmlFor:this.props.id+"-go-to"},"Go to page"),react.createElement("input",{type:"number",id:this.props.id+"-go-to",title:"Enter a number between 1 and "+totalPages,min:"1",max:totalPages,placeholder:placeholder,value:this.state.goToPage,onChange:this.changedInput,onSubmit:this.changePage}),react.createElement("button",{type:"submit",onClick:this.changePage,disabled:!this.validPage()},"Go"))}}]),GoToPage}(react.Component);function Pagination_createSuper(Derived){var hasNativeReflectConstruct=function Pagination_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,getPrototypeOf.Z)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,getPrototypeOf.Z)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,possibleConstructorReturn.Z)(this,result)}}GoToPage.propTypes=GoToPage_propTypes,GoToPage.defaultProps={totalPages:1,id:"usa-dt-pagination-go-to"},GoToPage.__docgenInfo={description:"",methods:[{name:"changePage",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"changedInput",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"validPage",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GoToPage",props:{totalPages:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"number"},required:!1},id:{defaultValue:{value:"'usa-dt-pagination-go-to'",computed:!1},description:"",type:{name:"string"},required:!1},changePage:{description:"",type:{name:"func"},required:!0}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/pagination/GoToPage.jsx"]={name:"GoToPage",docgenInfo:GoToPage.__docgenInfo,path:"components/pagination/GoToPage.jsx"});var Pagination_propTypes={changePage:prop_types_default().func.isRequired,totalItems:prop_types_default().number.isRequired,currentPage:prop_types_default().number,pageSize:prop_types_default().number,resultsText:prop_types_default().oneOfType([prop_types_default().bool,prop_types_default().element]),limitSelector:prop_types_default().bool,changeLimit:prop_types_default().func,goToPage:prop_types_default().bool,id:prop_types_default().string};__webpack_require__("./styles/components/pagination/_pagination.scss");var Pagination=function(_React$Component){(0,inherits.Z)(Pagination,_React$Component);var _super=Pagination_createSuper(Pagination);function Pagination(){return(0,classCallCheck.Z)(this,Pagination),_super.apply(this,arguments)}return(0,createClass.Z)(Pagination,[{key:"getResultsText",value:function getResultsText(){var _this$props=this.props,resultsText=_this$props.resultsText,totalItems=_this$props.totalItems,currentPage=_this$props.currentPage,pageSize=_this$props.pageSize;if(react.isValidElement(resultsText))return resultsText;if(resultsText){var pageRange=function calculatePageRange(page,limit,count){var start=(page-1)*limit+1,end=page*limit;return page===Math.ceil(count/limit)&&(end=count),{start:start,end:end}}(currentPage,pageSize,totalItems),start=(0,moneyFormatter.xA)(pageRange.start,0),end=(0,moneyFormatter.xA)(pageRange.end,0),total=(0,moneyFormatter.xA)(totalItems,0);return react.createElement("div",{className:"usa-dt-pagination__totals"},start+"-"+end+" of "+total+" results")}return null}},{key:"render",value:function render(){var _this$props2=this.props,limitSelector=_this$props2.limitSelector,goToPage=_this$props2.goToPage,changePage=_this$props2.changePage,changeLimit=_this$props2.changeLimit,currentPage=_this$props2.currentPage,pageSize=_this$props2.pageSize,totalItems=_this$props2.totalItems,id=_this$props2.id,totalPages=Math.ceil(totalItems/pageSize),description=this.getResultsText(),limitSelect=limitSelector?react.createElement(LimitSelector,{changeLimit:changeLimit,pageSize:pageSize}):null,goTo=goToPage?react.createElement(GoToPage,{changePage:changePage,totalPages:totalPages,id:id}):null;return!limitSelector&&totalPages<=1?null:react.createElement("div",{className:"usa-dt-pagination"},description,react.createElement("div",{className:"usa-dt-pagination__wrapper"},limitSelect,react.createElement(Pager,{changePage:changePage,totalItems:totalItems,currentPage:currentPage,pageSize:pageSize}),goTo))}}]),Pagination}(react.Component);Pagination.propTypes=Pagination_propTypes,Pagination.defaultProps={currentPage:1,pageSize:10,resultsText:!1,customResultsText:null,limitSelector:!1,changeLimit:function changeLimit(){},goToPage:!1},Pagination.__docgenInfo={description:"",methods:[{name:"getResultsText",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Pagination",props:{currentPage:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"number"},required:!1},pageSize:{defaultValue:{value:"10",computed:!1},description:"",type:{name:"number"},required:!1},resultsText:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"union",value:[{name:"bool"},{name:"element"}]},required:!1},customResultsText:{defaultValue:{value:"null",computed:!1},required:!1},limitSelector:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},changeLimit:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},goToPage:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},changePage:{description:"",type:{name:"func"},required:!0},totalItems:{description:"",type:{name:"number"},required:!0},id:{description:"",type:{name:"string"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/pagination/Pagination.jsx"]={name:"Pagination",docgenInfo:Pagination.__docgenInfo,path:"components/pagination/Pagination.jsx"});var misc=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Pagination",component:Pagination,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"currentPage")," & ",(0,esm.kt)("inlineCode",{parentName:"li"},"changePage")," (",(0,esm.kt)("em",{parentName:"li"},"required"),")"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"changeLimit")," & ",(0,esm.kt)("inlineCode",{parentName:"li"},"pageSize"))),(0,esm.kt)("p",null,"In this example, our parent -- ",(0,esm.kt)("inlineCode",{parentName:"p"},"PaginationWrapper")," -- looks like this before the render:"),(0,esm.kt)("pre",null,(0,esm.kt)("code",{parentName:"pre",className:"language-javascript"},'const [page, changePage] = useState(1);\nconst [pageSize, changeLimit] = useState(10);\n\nconst handlePageChange = (pg) => {\nconsole.log("changePage handler invoked w/ this parameter: ", pg);\nchangePage(pg);\n};\n\nconst handleChangeLimit = (pageSize) => {\nconsole.log("changeLimit handler invoked w/ this parameter: ", pageSize);\nchangeLimit(pageSize);\n}\n')),(0,esm.kt)("p",null,"Note that smaller screens (width < 992px) will ONLY show the paging blocks and results text"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:'Limit selector and "Go to page"',mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{goToPage:!0,id:"sample-id-1",limitSelector:!0,resultsText:!0,pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:'"Go to Page"',mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{goToPage:!0,id:"sample-id-2",pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Limit Selector",mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{limitSelector:!0,resultsText:!0,pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Custom Results Text",mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{pageSize:10,resultsText:(0,esm.kt)("div",{className:"usa-dt-pagination__totals"},(0,esm.kt)("strong",null,"Custom")," results text"),totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Default Results Text",mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{resultsText:!0,pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Default",mdxType:"Story"},(0,esm.kt)(misc.Nl,{mdxType:"PaginationWrapper"},(0,esm.kt)(Pagination,{pageSize:10,totalItems:100,mdxType:"Pagination"})))),(0,esm.kt)(dist_esm.$4,{of:Pagination,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Recipient Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Federal Account Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Summary Page (IDV); IDV Activity Section"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Spending Explorer"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page")),(0,esm.kt)("h2",null,"Broker Integration Status"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Submission tables"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","DABS Dashboard")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var limitSelectorAndGoToPage=function limitSelectorAndGoToPage(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{goToPage:!0,id:"sample-id-1",limitSelector:!0,resultsText:!0,pageSize:10,totalItems:100}))};limitSelectorAndGoToPage.displayName="limitSelectorAndGoToPage",limitSelectorAndGoToPage.storyName='Limit selector and "Go to page"',limitSelectorAndGoToPage.parameters={storySource:{source:'\n \n '}};var goToPage=function goToPage(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{goToPage:!0,id:"sample-id-2",pageSize:10,totalItems:100}))};goToPage.displayName="goToPage",goToPage.storyName='"Go to Page"',goToPage.parameters={storySource:{source:'\n \n '}};var limitSelector=function limitSelector(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{limitSelector:!0,resultsText:!0,pageSize:10,totalItems:100}))};limitSelector.displayName="limitSelector",limitSelector.storyName="Limit Selector",limitSelector.parameters={storySource:{source:"\n \n "}};var customResultsText=function customResultsText(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{pageSize:10,resultsText:(0,esm.kt)("div",{className:"usa-dt-pagination__totals"},(0,esm.kt)("strong",null,"Custom")," results text"),totalItems:100}))};customResultsText.displayName="customResultsText",customResultsText.storyName="Custom Results Text",customResultsText.parameters={storySource:{source:'\n \n Custom results text\n } totalItems={100} />\n '}};var defaultResultsText=function defaultResultsText(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{resultsText:!0,pageSize:10,totalItems:100}))};defaultResultsText.displayName="defaultResultsText",defaultResultsText.storyName="Default Results Text",defaultResultsText.parameters={storySource:{source:"\n \n "}};var defaultStory=function defaultStory(){return(0,esm.kt)(misc.Nl,null,(0,esm.kt)(Pagination,{pageSize:10,totalItems:100}))};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:"\n {\n /* /* handler Funcs Passed from PaginationWrapper */\n }\n \n "}};var componentMeta={title:"Pagination",component:Pagination,includeStories:["limitSelectorAndGoToPage","goToPage","limitSelector","customResultsText","defaultResultsText","defaultStory"]},mdxStoryNameToKey={'Limit selector and "Go to page"':"limitSelectorAndGoToPage",'"Go to Page"':"goToPage","Limit Selector":"limitSelector","Custom Results Text":"customResultsText","Default Results Text":"defaultResultsText",Default:"defaultStory"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var pagination_stories=componentMeta},"./.storybook/stories/picker.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{defaultStory:function(){return defaultStory},wChildren:function(){return wChildren}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),_components_Picker__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./components/Picker.jsx"),_misc__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Picker",component:_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Default",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.AB,{mdxType:"PickerWrapper"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,{isFixedWidth:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("isFixedWidth",!1),icon:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"calendar-alt",size:"lg",color:"black",mdxType:"FontAwesomeIcon"}),dropdownDirection:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.select)("dropdownDirection",["right","left"],"right",""),mdxType:"Picker"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"w/ Children",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.AB,{mdxType:"PickerWrapper"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,{isFixedWidth:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("isFixedWidth",!1),dropdownDirection:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.select)("dropdownDirection",["right","left"],"right",""),mdxType:"Picker"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"share-alt",size:"lg",color:"black",mdxType:"FontAwesomeIcon"}))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"This is Designed to be a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The props ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"selectedOption")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"onClick")," are defined inside a parent component; in this case, ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"PickerWrapper"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Invoking the Component w/ Children"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"The children passed to this component are intended for use when you need customized markup for the collapsed state of the picier component. The main thing you lose when passing children is ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("strong",{parentName:"p"},"the dynamic toggle icon")," (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"chevron-down")," when collapsed, ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"chevron-up")," when expanded)."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"This would be fine if the parent could see the local state of the component ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"expanded"),". Perhaps this could be achieved by engineering a new function prop which expects ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"expanded")," as a parameter and is called every time the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"expanded")," changes. That way, the parent can:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"(a) see the value of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"epxanded")," and"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul"},"(b) then decide what to do with it on when it's ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"true")," vs when it's ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"li"},"false"),".")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Here is the conditional logic in the markup for your reference:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("code",{parentName:"pre",className:"language-html"},'
    \n {icon && (\n
    \n {icon}\n
    \n )}\n
    \n {children\n ? (\n \n )\n : (\n \n )}\n
      \n\n')),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Glossary Sidebar, Glossary Definition"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Reporting Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Recipient Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","State Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Agency Page")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Broker Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Settings modal")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.AB,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,{isFixedWidth:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("isFixedWidth",!1),icon:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"calendar-alt",size:"lg",color:"black"}),dropdownDirection:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.select)("dropdownDirection",["right","left"],"right","")}))};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:"\n } dropdownDirection={select('dropdownDirection', ['right', 'left'], 'right', '')} />\n "}};var wChildren=function wChildren(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.AB,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,{isFixedWidth:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("isFixedWidth",!1),dropdownDirection:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.select)("dropdownDirection",["right","left"],"right","")},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_8__.G,{icon:"share-alt",size:"lg",color:"black"})))};wChildren.displayName="wChildren",wChildren.storyName="w/ Children",wChildren.parameters={storySource:{source:"\n \n \n \n "}};var componentMeta={title:"Picker",component:_components_Picker__WEBPACK_IMPORTED_MODULE_9__.Z,includeStories:["defaultStory","wChildren"]},mdxStoryNameToKey={Default:"defaultStory","w/ Children":"wChildren"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/quarterPicker.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{cumulativePicker:function(){return cumulativePicker},defaultStory:function(){return defaultStory},wPeriods:function(){return wPeriods}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./components/quarterPicker/QuarterPicker.jsx"),_misc__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Quarter Picker",component:_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Default",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.aK,{mdxType:"QuarterPickerWrapper"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledQuarters:[],mdxType:"QuarterPicker"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Cumulative Picker",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.M_,{mdxType:"QuarterPickerCumulative"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledQuarters:[],isCumulative:!0,mdxType:"QuarterPicker"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"w/ Periods",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container quarter-picker-story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.gz,{mdxType:"QuarterPickerWithPeriods"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledPeriods:["10","11","12"],showPeriods:!0,mdxType:"QuarterPicker"}))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Download Center"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Spending Explorer")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.aK,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledQuarters:[]}))};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:"\n \n "}};var cumulativePicker=function cumulativePicker(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.M_,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledQuarters:[],isCumulative:!0}))};cumulativePicker.displayName="cumulativePicker",cumulativePicker.storyName="Cumulative Picker",cumulativePicker.parameters={storySource:{source:"\n \n "}};var wPeriods=function wPeriods(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container quarter-picker-story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_8__.gz,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,{disabledPeriods:["10","11","12"],showPeriods:!0})))};wPeriods.displayName="wPeriods",wPeriods.storyName="w/ Periods",wPeriods.parameters={storySource:{source:"
      \n \n \n \n
      "}};var componentMeta={title:"Quarter Picker",component:_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_7__.Z,includeStories:["defaultStory","cumulativePicker","wPeriods"]},mdxStoryNameToKey={Default:"defaultStory","Cumulative Picker":"cumulativePicker","w/ Periods":"wPeriods"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./.storybook/stories/section-title.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{alwaysExpanded:function(){return alwaysExpanded},collapsibleSection:function(){return collapsibleSection},default:function(){return section_title_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),index_es=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),TooltipWrapper=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx"),ComingSoon=__webpack_require__("./components/messages/ComingSoon.jsx"),keyboardEventsHelper=__webpack_require__("./helpers/keyboardEventsHelper.js");__webpack_require__("./styles/components/_sectionTitle.scss");var defaultControlledProps={isControlled:!1,toggleExpand:function toggleExpand(){},isExpanded:!1},SectionTitle=function SectionTitle(_ref){var title=_ref.title,icon=_ref.icon,children=_ref.children,_ref$id=_ref.id,id=void 0===_ref$id?"":_ref$id,_ref$classNames=_ref.classNames,classNames=void 0===_ref$classNames?"":_ref$classNames,_ref$isCollapsible=_ref.isCollapsible,isCollapsible=void 0!==_ref$isCollapsible&&_ref$isCollapsible,_ref$isComingSoon=_ref.isComingSoon,isComingSoon=void 0!==_ref$isComingSoon&&_ref$isComingSoon,_ref$controlledProps=_ref.controlledProps,controlledProps=void 0===_ref$controlledProps?defaultControlledProps:_ref$controlledProps,_ref$defaultExpandedS=_ref.defaultExpandedState,defaultExpandedState=void 0===_ref$defaultExpandedS||_ref$defaultExpandedS,_ref$overLine=_ref.overLine,overLine=void 0===_ref$overLine?"":_ref$overLine,_ref$titleTooltip=_ref.titleTooltip,titleTooltip=void 0===_ref$titleTooltip?{tooltip:null,tooltipProps:{}}:_ref$titleTooltip,_ref$descTooltip=_ref.descTooltip,descTooltip=void 0===_ref$descTooltip?{component:null,props:{}}:_ref$descTooltip,description=_ref.description,_useState=(0,react.useState)(defaultExpandedState),_useState2=(0,slicedToArray.Z)(_useState,2),isExpanded=_useState2[0],setExpanded=_useState2[1],toggleExpand=function toggleExpand(){controlledProps.isControlled?controlledProps.toggleExpand():setExpanded(!isExpanded)},showChildren=isExpanded||controlledProps.isControlled&&controlledProps.isExpanded||!isCollapsible;return react.createElement("section",{id:id,className:"usda-section__container"+(classNames?" "+classNames:"")},react.createElement("div",{className:"usda-section-title__container"},icon&&react.cloneElement(icon,{className:"usda-section-title__title-icon"}),react.createElement("div",{className:"usda-section-title__header"},overLine&&react.createElement("strong",{className:"usda-section-title__overline"},overLine),react.createElement("div",{className:"usda-section-title__title"},react.createElement("h3",null,title),titleTooltip.component&&react.createElement(TooltipWrapper.Z,(0,esm_extends.Z)({tooltipComponent:titleTooltip.component,icon:"info",className:overLine?"has-overline":""},titleTooltip.props)))),description&&react.cloneElement(description,{className:"usda-section-title__desc has-overline"}),descTooltip.component&&react.createElement(TooltipWrapper.Z,(0,esm_extends.Z)({tooltipComponent:descTooltip.component,icon:"info",tooltipPosition:"left"},descTooltip.props)),isCollapsible&&react.createElement(index_es.G,{tabIndex:0,onKeyDown:(0,keyboardEventsHelper.S)(toggleExpand),className:"usda-section-title__expand-icon",onClick:toggleExpand,size:"2x",icon:isExpanded||controlledProps.isControlled&&controlledProps.isExpanded?"chevron-up":"chevron-down"})),react.createElement("hr",null),isComingSoon&&showChildren&&react.createElement(ComingSoon.Z,null),showChildren&&!isComingSoon&&children)};SectionTitle.displayName="SectionTitle",SectionTitle.propTypes={icon:prop_types_default().element.isRequired,children:prop_types_default().element.isRequired,title:prop_types_default().string.isRequired,defaultExpandedState:prop_types_default().bool,overLine:prop_types_default().string,controlledProps:prop_types_default().shape({isControlled:prop_types_default().bool.isRequired,toggleExpand:prop_types_default().func.isRequired,isExpanded:prop_types_default().bool.isRequired}),description:prop_types_default().element,titleTooltip:prop_types_default().shape({component:prop_types_default().element,props:prop_types_default().object}),descTooltip:prop_types_default().shape({component:prop_types_default().element,props:prop_types_default().object}),isCollapsible:prop_types_default().bool,isComingSoon:prop_types_default().bool,classNames:prop_types_default().string,id:prop_types_default().string},SectionTitle.__docgenInfo={description:"",methods:[],displayName:"SectionTitle",props:{id:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},classNames:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},isCollapsible:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isComingSoon:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},controlledProps:{defaultValue:{value:"{\n isControlled: false,\n toggleExpand: () => { },\n isExpanded: false\n}",computed:!1},description:"",type:{name:"shape",value:{isControlled:{name:"bool",required:!0},toggleExpand:{name:"func",required:!0},isExpanded:{name:"bool",required:!0}}},required:!1},defaultExpandedState:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},overLine:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},titleTooltip:{defaultValue:{value:"{\n tooltip: null,\n tooltipProps: {}\n}",computed:!1},description:"",type:{name:"shape",value:{component:{name:"element",required:!1},props:{name:"object",required:!1}}},required:!1},descTooltip:{defaultValue:{value:"{\n component: null,\n props: {}\n}",computed:!1},description:"",type:{name:"shape",value:{component:{name:"element",required:!1},props:{name:"object",required:!1}}},required:!1},icon:{description:"",type:{name:"element"},required:!0},children:{description:"",type:{name:"element"},required:!0},title:{description:"",type:{name:"string"},required:!0},description:{description:"",type:{name:"element"},required:!1}}};var components_SectionTitle=SectionTitle;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/SectionTitle.jsx"]={name:"SectionTitle",docgenInfo:SectionTitle.__docgenInfo,path:"components/SectionTitle.jsx"});var misc=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Section Title",component:components_SectionTitle,mdxType:"Meta"}),(0,esm.kt)("h2",null,"Props"),(0,esm.kt)(dist_esm.$4,{of:components_SectionTitle,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Collapsible Section"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Collapsible Section",mdxType:"Story"},(0,esm.kt)(components_SectionTitle,{title:"Award",isCollapsible:!0,overLine:"Award Spending",icon:(0,esm.kt)(index_es.G,{icon:"map-marker",size:"3x",color:"#555",mdxType:"FontAwesomeIcon"}),titleTooltip:{component:(0,esm.kt)(misc.I1,{mdxType:"ExampleTooltip"}),props:{}},descTooltip:{component:(0,esm.kt)(misc.I1,{mdxType:"ExampleTooltip"}),props:{}},description:(0,esm.kt)("span",{className:"usda-section-title__desc"},"This section covers ",(0,esm.kt)("strong",null,"Award Spending")),mdxType:"SectionTitle"},(0,esm.kt)(ComingSoon.Z,{mdxType:"ComingSoon"})))),(0,esm.kt)("h2",null,"Always Expanded"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Always Expanded",mdxType:"Story"},(0,esm.kt)(components_SectionTitle,{title:"Award",overLine:"Award Spending",icon:(0,esm.kt)(index_es.G,{icon:"map-marker",size:"3x",mdxType:"FontAwesomeIcon"}),titleTooltip:{component:(0,esm.kt)(misc.I1,{mdxType:"ExampleTooltip"}),props:{}},descTooltip:{component:(0,esm.kt)(misc.I1,{mdxType:"ExampleTooltip"}),props:{}},description:(0,esm.kt)("span",{className:"usda-section-title__desc"},"This section covers ",(0,esm.kt)("strong",null,"Award Spending")),mdxType:"SectionTitle"},(0,esm.kt)(ComingSoon.Z,{mdxType:"ComingSoon"})))),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Award Summary")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var collapsibleSection=function collapsibleSection(){return(0,esm.kt)(components_SectionTitle,{title:"Award",isCollapsible:!0,overLine:"Award Spending",icon:(0,esm.kt)(index_es.G,{icon:"map-marker",size:"3x",color:"#555"}),titleTooltip:{component:(0,esm.kt)(misc.I1,null),props:{}},descTooltip:{component:(0,esm.kt)(misc.I1,null),props:{}},description:(0,esm.kt)("span",{className:"usda-section-title__desc"},"This section covers ",(0,esm.kt)("strong",null,"Award Spending"))},(0,esm.kt)(ComingSoon.Z,null))};collapsibleSection.displayName="collapsibleSection",collapsibleSection.storyName="Collapsible Section",collapsibleSection.parameters={storySource:{source:'} titleTooltip={{\n component: ,\n props: {}\n}} descTooltip={{\n component: ,\n props: {}\n}} description={This section covers Award Spending}>\n \n '}};var alwaysExpanded=function alwaysExpanded(){return(0,esm.kt)(components_SectionTitle,{title:"Award",overLine:"Award Spending",icon:(0,esm.kt)(index_es.G,{icon:"map-marker",size:"3x"}),titleTooltip:{component:(0,esm.kt)(misc.I1,null),props:{}},descTooltip:{component:(0,esm.kt)(misc.I1,null),props:{}},description:(0,esm.kt)("span",{className:"usda-section-title__desc"},"This section covers ",(0,esm.kt)("strong",null,"Award Spending"))},(0,esm.kt)(ComingSoon.Z,null))};alwaysExpanded.displayName="alwaysExpanded",alwaysExpanded.storyName="Always Expanded",alwaysExpanded.parameters={storySource:{source:'} titleTooltip={{\n component: ,\n props: {}\n}} descTooltip={{\n component: ,\n props: {}\n}} description={This section covers Award Spending}>\n \n '}};var componentMeta={title:"Section Title",component:components_SectionTitle,includeStories:["collapsibleSection","alwaysExpanded"]},mdxStoryNameToKey={"Collapsible Section":"collapsibleSection","Always Expanded":"alwaysExpanded"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var section_title_stories=componentMeta},"./.storybook/stories/table.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{customErrorMessage:function(){return customErrorMessage},default:function(){return table_stories},expandableTableWithDivider:function(){return expandableTableWithDivider},expandableTableWithoutDivider:function(){return expandableTableWithoutDivider},loadingTable:function(){return loadingTable},noResults:function(){return noResults},stackedResponsiveTable:function(){return stackedResponsiveTable},table:function(){return table},tableError:function(){return tableError},tableWSubColumnsTooltips:function(){return tableWSubColumnsTooltips},tableWithFirstColumnHeaders:function(){return tableWithFirstColumnHeaders},tableWithoutSorting:function(){return tableWithoutSorting}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),ErrorMessage=__webpack_require__("./components/messages/ErrorMessage.jsx"),LoadingMessage=__webpack_require__("./components/messages/LoadingMessage.jsx"),NoResultsMessage=__webpack_require__("./components/messages/NoResultsMessage.jsx"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),index_es=(__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js")),propTypes={data:prop_types_default().object,columns:prop_types_default().array,oddClass:prop_types_default().string,divider:prop_types_default().string},ExpandableRow=function ExpandableRow(_ref){var data=_ref.data,columns=_ref.columns,oddClass=_ref.oddClass,divider=_ref.divider,_useState=(0,react.useState)(data.expanded||!1),_useState2=(0,slicedToArray.Z)(_useState,2),expanded=_useState2[0],setExpanded=_useState2[1],icon=expanded?"chevron-down":"chevron-right",columnTitles=columns.map((function(_ref2){return _ref2.title})),toggleExpand=function toggleExpand(){setExpanded(!expanded)},dividerRow=react.createElement("tr",{className:"usda-table__child-row usda-table__child-row_divider"+oddClass},function generateDividerCells(){return columns.map((function(col,i){return 0===i?react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell usda-table__cell_child"},react.createElement("div",{className:"usda-table__child-cell-content"},divider)):react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell usda-table__cell_child"},react.createElement("div",{className:"usda-table__child-cell-content"}," "))}))}()),getDataLabel=function getDataLabel(column,isChildRow){return column?isChildRow&÷r&&"name"===column.title?divider:column.displayName:null},isExpandedClass=expanded?"usda-table__row_is-expanded":"";return react.createElement(react.Fragment,null,react.createElement("tr",{className:"usda-table__row"+oddClass+" usda-table__row_expandable "+isExpandedClass},columnTitles.map((function(col,i){return"name"===col&&data.children?react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell","data-label":getDataLabel(columns[i])},react.createElement("div",{className:"usda-table__expandable-cell-content"},react.createElement("button",{className:"usda-table__expand-button","aria-label":"Expand Table Row Button",onClick:toggleExpand},react.createElement(index_es.G,{icon:icon})),data.name)):react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell"+("name"===col?" usda-table__cell_name":"")+(columns[i].right?" usda-table__cell_right":""),"data-label":getDataLabel(columns[i])},data[col])}))),data.children&&expanded?react.createElement(react.Fragment,null,divider&÷rRow,data.children.map((function(childRow,j){var lastClass=j===data.children.length-1?" usda-table__child-row_last":"";return react.createElement("tr",{key:(0,lodash.uniqueId)(),className:"usda-table__child-row"+lastClass+oddClass},columnTitles.map((function(col,k){return react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell "+(columns[k].right?" usda-table__cell_right":"")+" usda-table__cell_child","data-label":getDataLabel(columns[k],!0)},react.createElement("div",{className:"usda-table__child-cell-content"},childRow[col]))})))}))):null)};ExpandableRow.propTypes=propTypes,ExpandableRow.__docgenInfo={description:"",methods:[],displayName:"ExpandableRow",props:{data:{description:"",type:{name:"object"},required:!1},columns:{description:"",type:{name:"array"},required:!1},oddClass:{description:"",type:{name:"string"},required:!1},divider:{description:"",type:{name:"string"},required:!1}}};var table_ExpandableRow=ExpandableRow;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table/ExpandableRow.jsx"]={name:"ExpandableRow",docgenInfo:ExpandableRow.__docgenInfo,path:"components/table/ExpandableRow.jsx"});var SortIcon=function SortIcon(_ref){var clickedSort=_ref.clickedSort,displayName=_ref.displayName,currentSort=_ref.currentSort,title=_ref.title,activeAsc=(null==currentSort?void 0:currentSort.field)===title&&"asc"===(null==currentSort?void 0:currentSort.direction)?" table-header__icon_active":"",activeDesc=(null==currentSort?void 0:currentSort.field)===title&&"desc"===(null==currentSort?void 0:currentSort.direction)?" table-header__icon_active":"";return react.createElement("div",{className:"table-header__sort"},react.createElement("button",{onClick:clickedSort,className:"table-header__icon"+activeAsc,value:"asc",title:"Sort table by ascending "+displayName,"aria-label":"Sort table by ascending "+displayName},react.createElement(index_es.G,{size:"2x",icon:"caret-up"})),react.createElement("button",{onClick:clickedSort,className:"table-header__icon"+activeDesc,value:"desc",title:"Sort table by descending "+displayName,"aria-label":"Sort table by descending "+displayName},react.createElement(index_es.G,{size:"2x",icon:"caret-down"})))};SortIcon.displayName="SortIcon",SortIcon.propTypes={title:prop_types_default().string.isRequired,displayName:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().element]).isRequired,currentSort:(0,prop_types.shape)({direction:(0,prop_types.oneOf)(["asc","desc"]),field:prop_types_default().string}).isRequired,clickedSort:prop_types_default().func.isRequired};var TableHeader_propTypes={title:prop_types_default().string.isRequired,displayName:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().element]).isRequired,currentSort:(0,prop_types.shape)({direction:(0,prop_types.oneOf)(["asc","desc"]),field:prop_types_default().string}),updateSort:prop_types_default().func,right:prop_types_default().bool,columnSpan:prop_types_default().string,rowSpan:prop_types_default().string,subColumnNames:prop_types_default().arrayOf(prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object])),className:prop_types_default().string,icon:prop_types_default().element,bodyHeader:prop_types_default().bool},TableHeaderCell=function TableHeaderCell(_ref2){var title=_ref2.title,_ref2$className=_ref2.className,className=void 0===_ref2$className?"":_ref2$className,_ref2$displayName=_ref2.displayName,displayName=void 0===_ref2$displayName?"":_ref2$displayName,currentSort=_ref2.currentSort,updateSort=_ref2.updateSort,right=_ref2.right,_ref2$columnSpan=_ref2.columnSpan,columnSpan=void 0===_ref2$columnSpan?"1":_ref2$columnSpan,rowSpan=_ref2.rowSpan,_ref2$subColumnNames=_ref2.subColumnNames,subColumnNames=void 0===_ref2$subColumnNames?[]:_ref2$subColumnNames,_ref2$icon=_ref2.icon,icon=void 0===_ref2$icon?react.createElement(react.Fragment,null):_ref2$icon,_ref2$bodyHeader=_ref2.bodyHeader,bodyHeader=void 0!==_ref2$bodyHeader&&_ref2$bodyHeader;return react.createElement("th",{className:className+" table-header"+(bodyHeader?" table-header_body-header":""),colSpan:columnSpan,rowSpan:function rowsSpan(){return"0"===rowSpan?null:subColumnNames.length?"1":"2"}(),scope:"col"},react.createElement("div",{className:"table-header__content"+(right?" table-header__content_right":"")},react.createElement("div",{className:"table-header__label"},displayName,icon&&icon,updateSort&&!subColumnNames.length&&displayName&&react.createElement(SortIcon,{clickedSort:function handleClickedSort(e){var sortOn=arguments.length>1&&void 0!==arguments[1]?arguments[1]:title;updateSort(sortOn,e.target.value)},currentSort:currentSort,title:title,displayName:displayName}))))};TableHeaderCell.displayName="TableHeaderCell",TableHeaderCell.propTypes=TableHeader_propTypes,TableHeaderCell.__docgenInfo={description:"",methods:[],displayName:"TableHeaderCell",props:{className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},displayName:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"element"}]},required:!1},columnSpan:{defaultValue:{value:"'1'",computed:!1},description:"",type:{name:"string"},required:!1},subColumnNames:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}},required:!1},icon:{defaultValue:{value:"<>",computed:!1},description:"",type:{name:"element"},required:!1},bodyHeader:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},title:{description:"",type:{name:"string"},required:!0},currentSort:{description:"",type:{name:"shape",value:{direction:{name:"enum",value:[{value:"'asc'",computed:!1},{value:"'desc'",computed:!1}],required:!1},field:{name:"string",required:!1}}},required:!1},updateSort:{description:"",type:{name:"func"},required:!1},right:{description:"",type:{name:"bool"},required:!1},rowSpan:{description:"",type:{name:"string"},required:!1}}};var TableHeader=TableHeaderCell;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table/TableHeader.jsx"]={name:"TableHeaderCell",docgenInfo:TableHeaderCell.__docgenInfo,path:"components/table/TableHeader.jsx"});var free_solid_svg_icons_index_es=__webpack_require__("./node_modules/@fortawesome/free-solid-svg-icons/index.es.js"),TableData_propTypes={columns:prop_types_default().arrayOf(prop_types_default().object).isRequired,rows:prop_types_default().arrayOf((0,prop_types.oneOfType)([prop_types_default().array,prop_types_default().object])).isRequired,expandable:prop_types_default().bool,divider:prop_types_default().string,onClickHandler:prop_types_default().func,isMobile:prop_types_default().bool},TableData=function TableData(_ref){var columns=_ref.columns,rows=_ref.rows,expandable=_ref.expandable,divider=_ref.divider,onClickHandler=_ref.onClickHandler,isMobile=_ref.isMobile,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),firstClick=_useState2[0],setFirstClick=_useState2[1],_useState3=(0,react.useState)(),_useState4=(0,slicedToArray.Z)(_useState3,2),rowIndexForMessage=_useState4[0],setRowIndexForMessage=_useState4[1],localClickHandler=function localClickHandler(row,index){isMobile&&!firstClick?(setFirstClick(!0),setRowIndexForMessage(index)):isMobile&&firstClick&&rowIndexForMessage===index?(onClickHandler(row),setFirstClick(!1)):isMobile&&firstClick&&rowIndexForMessage!==index?setRowIndexForMessage(index):isMobile||onClickHandler(row)};return react.createElement(react.Fragment,null,rows.map((function(row,i){var oddClass=i%2==0?"":" usda-table__row_odd";return expandable?react.createElement(table_ExpandableRow,{key:(0,lodash.uniqueId)(),data:row,oddClass:oddClass,columns:columns,divider:divider}):react.createElement("tr",{key:(0,lodash.uniqueId)(),tabIndex:0,onClick:function onClick(){return localClickHandler(row,i)},onKeyUp:function onKeyUp(e){"Enter"===e.key&&(e.preventDefault(),localClickHandler(row,i))},className:"usda-table__row-item usda-table__row"+oddClass},row.map((function(data,j){var _columns$j,_columns$j2;return null!==(_columns$j=columns[j])&&void 0!==_columns$j&&_columns$j.bodyHeader?react.createElement(TableHeader,(0,esm_extends.Z)({className:"table-header_body-header",key:(0,lodash.uniqueId)()},data)):react.createElement("td",{key:(0,lodash.uniqueId)(),className:"usda-table__cell"+(null!==(_columns$j2=columns[j])&&void 0!==_columns$j2&&_columns$j2.right?" usda-table__cell_right":"")},columns[j]&&react.createElement("div",{className:"usda-table__cell-heading-container"},isMobile&&react.createElement("div",{className:"usda-table__cell-heading"},columns[j].displayName),isMobile&&firstClick&&0===j&&rowIndexForMessage===i&&react.createElement("div",{className:"usda-table__cell-message"},"View next level"," ",react.createElement(index_es.G,{icon:free_solid_svg_icons_index_es.cLY,color:"#2378c3"}))),data)})))})))};TableData.propTypes=TableData_propTypes,TableData.__docgenInfo={description:"",methods:[],displayName:"TableData",props:{columns:{description:"",type:{name:"arrayOf",value:{name:"object"}},required:!0},rows:{description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"array"},{name:"object"}]}},required:!0},expandable:{description:"",type:{name:"bool"},required:!1},divider:{description:"",type:{name:"string"},required:!1},onClickHandler:{description:"",type:{name:"func"},required:!1},isMobile:{description:"",type:{name:"bool"},required:!1}}};var table_TableData=TableData;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table/TableData.jsx"]={name:"TableData",docgenInfo:TableData.__docgenInfo,path:"components/table/TableData.jsx"});var Picker=__webpack_require__("./components/Picker.jsx");__webpack_require__("./styles/components/table/_table.scss");var Table_propTypes={columns:prop_types_default().arrayOf(prop_types_default().object).isRequired,rows:prop_types_default().arrayOf((0,prop_types.oneOfType)([prop_types_default().array,prop_types_default().object])),currentSort:(0,prop_types.shape)({direction:(0,prop_types.oneOf)(["asc","desc"]),field:prop_types_default().string}),classNames:prop_types_default().string,updateSort:prop_types_default().func,expandable:prop_types_default().bool,divider:prop_types_default().string,loading:prop_types_default().bool,error:prop_types_default().bool,message:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().object]),isStacked:prop_types_default().bool,screenReaderCaption:prop_types_default().string,onClickHandler:prop_types_default().func,isMobile:prop_types_default().bool},Table=function Table(props){var body,stackedClass=props.isStacked?"usa-dt-table__stacked":"",getTablePickerOptionsAsc=props.columns.map((function(col){return{name:col.displayName+" (ascending)",value:col.title,onClick:function onClick(){props.updateSort(col.title,"asc")}}})),getTablePickerOptionsDesc=props.columns.map((function(col){return{name:col.displayName+" (descending)",value:col.title,onClick:function onClick(){props.updateSort(col.title,"desc")}}}));return body=props.loading?react.createElement("tr",null,react.createElement("td",{className:"usda-table__message-cell",colSpan:props.columns.length},react.createElement(LoadingMessage.Z,null))):props.error?react.createElement("tr",null,react.createElement("td",{className:"usda-table__message-cell",colSpan:props.columns.length},react.createElement(ErrorMessage.Z,{description:props.message}))):props.rows&&0!==props.rows.length?react.createElement(table_TableData,props):react.createElement("tr",null,react.createElement("td",{className:"usda-table__message-cell",colSpan:props.columns.length},react.createElement(NoResultsMessage.Z,{description:props.message}))),react.createElement(react.Fragment,null,props.isStacked&&props.updateSort&&react.createElement("div",{className:"usa-dt-table__stacked-picker"},react.createElement("label",{htmlFor:"stackedTableSort"},"Sort By"),react.createElement(Picker.Z,{id:"stackedTableSort",selectedOption:props.currentSort.field,options:(0,lodash.union)(getTablePickerOptionsAsc,getTablePickerOptionsDesc)})),react.createElement("table",{className:"usda-table "+stackedClass+" "+props.classNames},props.screenReaderCaption&&react.createElement("caption",{className:"usa-dt-sr-only"},props.screenReaderCaption),react.createElement("thead",{className:"usda-table__head"},react.createElement("tr",{className:"usda-table__row"},props.columns.map((function(col){return react.createElement(TableHeader,(0,esm_extends.Z)({key:(0,lodash.uniqueId)(),currentSort:props.currentSort,updateSort:props.updateSort},col))}))),react.createElement("tr",{className:"usda-table__row"},props.columns.filter((function(col){var _col$subColumnNames;return null==col||null===(_col$subColumnNames=col.subColumnNames)||void 0===_col$subColumnNames?void 0:_col$subColumnNames.length})).reduce((function(acc,col){var _col$subColumnNames2;return null!=col&&null!==(_col$subColumnNames2=col.subColumnNames)&&void 0!==_col$subColumnNames2&&_col$subColumnNames2.length?acc.concat(col.subColumnNames):acc.concat([Object.assign({},col,{displayName:"",className:"empty-subheader"})])}),[]).map((function(col){return react.createElement(TableHeader,(0,esm_extends.Z)({key:(0,lodash.uniqueId)(),className:null!=col&&col.title?"nested-header":"empty",currentSort:props.currentSort,updateSort:props.updateSort},col))})))),react.createElement("tbody",{className:"usda-table__body"},body)))};Table.propTypes=Table_propTypes,Table.defaultProps={classNames:"",isStacked:!1},Table.__docgenInfo={description:"",methods:[],displayName:"Table",props:{classNames:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},isStacked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},columns:{description:"",type:{name:"arrayOf",value:{name:"object"}},required:!0},rows:{description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"array"},{name:"object"}]}},required:!1},currentSort:{description:"",type:{name:"shape",value:{direction:{name:"enum",value:[{value:"'asc'",computed:!1},{value:"'desc'",computed:!1}],required:!1},field:{name:"string",required:!1}}},required:!1},updateSort:{description:"",type:{name:"func"},required:!1},expandable:{description:"",type:{name:"bool"},required:!1},divider:{description:"",type:{name:"string"},required:!1},loading:{description:"",type:{name:"bool"},required:!1},error:{description:"",type:{name:"bool"},required:!1},message:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},screenReaderCaption:{description:"",type:{name:"string"},required:!1},onClickHandler:{description:"",type:{name:"func"},required:!1},isMobile:{description:"",type:{name:"bool"},required:!1}}};var table_Table=Table;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table/Table.jsx"]={name:"Table",docgenInfo:Table.__docgenInfo,path:"components/table/Table.jsx"});var TooltipWrapper=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx"),TooltipComponent=__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),misc=__webpack_require__("./.storybook/misc.jsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Table",component:table_Table,mdxType:"Meta"}),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table",mdxType:"Story"},(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]],mdxType:"Table"})))),(0,esm.kt)(dist_esm.$4,{of:table_Table,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"updateSort"),": a function that will change the order of the ",(0,esm.kt)("inlineCode",{parentName:"li"},"rows")),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"currentSort"),": an object with a ",(0,esm.kt)("inlineCode",{parentName:"li"},"field")," (matching one of the column's ",(0,esm.kt)("inlineCode",{parentName:"li"},"title")," property), and a direction (either ",(0,esm.kt)("inlineCode",{parentName:"li"},"asc")," or ",(0,esm.kt)("inlineCode",{parentName:"li"},"desc"),")")),(0,esm.kt)("p",null,"In this example, our parent -- ",(0,esm.kt)("inlineCode",{parentName:"p"},"TableWrapper")," -- looks like this before the render:"),(0,esm.kt)("pre",null,(0,esm.kt)("code",{parentName:"pre",className:"language-javascript"},"const [field, updateField] = useState('amount');\nconst [direction, updateDirection] = useState('desc');\nconst updateSort = (field, direction) => {\n console.log(`update sort invoked with ${field}, ${direction}`);\n updateField(field);\n updateDirection(direction)\n const currentSort = {\n field,\n direction\n };\n}\n")),(0,esm.kt)("h3",null,"Other props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"expandable"),": a boolean indicating whether this table will have nested rows that can be expanded and collapsed"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"columns"),": an array of objects each with a ",(0,esm.kt)("inlineCode",{parentName:"li"},"title")," and a ",(0,esm.kt)("inlineCode",{parentName:"li"},"displayName"),". Optional boolean ",(0,esm.kt)("inlineCode",{parentName:"li"},"right")," to right-align text in the column."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"rows"),": ",(0,esm.kt)("em",{parentName:"li"},"either")," an array of row arrays, each containing data elements ",(0,esm.kt)("em",{parentName:"li"},"or")," an array of row objects with top level properties matching the column ",(0,esm.kt)("inlineCode",{parentName:"li"},"title"),"s and an array of ",(0,esm.kt)("inlineCode",{parentName:"li"},"children")),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"classNames"),": way to customize table styles."),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"loading"),": a boolean indicating that the table data is loading"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"error")," : a boolean indicating that there was an error fetching the table data"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"message"),": a custom error, loading, or no results message")),(0,esm.kt)("h2",null,"Table without Sorting"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table without Sorting",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]],mdxType:"Table"})))),(0,esm.kt)("h2",null,"Expandable Table without Divider"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Expandable Table without Divider",mdxType:"Story"},(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,mdxType:"Table"})))),(0,esm.kt)("h2",null,"Expandable Table with Divider"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Expandable Table with Divider",mdxType:"Story"},(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,divider:"Budget Sub-Function",mdxType:"Table"})))),(0,esm.kt)("h2",null,"Table w/ Sub Columns & Tooltips"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table w/ Sub Columns & Tooltips",mdxType:"Story"},(0,esm.kt)(misc.y6,{columns:[{title:"name",displayName:"Agency Name",icon:(0,esm.kt)(TooltipWrapper.Z,{icon:"info",tooltipComponent:(0,esm.kt)(TooltipComponent.Z,{title:"Test Tooltip",mdxType:"TooltipComponent"},(0,esm.kt)("div",null,"Test content for tooltip")),mdxType:"TooltipWrapper"})},{title:"total",displayName:"Total Budgetary Resources"},{title:"Q4",displayName:"FY 2020 Q4",columnSpan:"2",subColumnNames:[{displayName:"P10",title:"P10"},{displayName:"P11",title:"P11"}]},{title:"Q3",displayName:"FY 2020 Q3",columnSpan:"4",subColumnNames:[{displayName:"P9",title:"P9"},{displayName:"P8",title:"P8"},{displayName:"P7",title:"P7"},{displayName:"P6",title:"P6"}]}],mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Department of the Treasury (TREAS)"),"mock data","25%","26%","$1.2 million","$1.3 million","$1.4 million","$1.5 million"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data","mock data IIIIIIIII","$5.2 million","$2.3 million","$11.4 million","$23.5 million"]],mdxType:"Table"})))),(0,esm.kt)("h2",null,"Table with First Column Headers"),(0,esm.kt)("h3",null,"Steps to implement"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},"Pass the property ",(0,esm.kt)("inlineCode",{parentName:"li"},"bodyHeader: true")," to the first element of the columns property."),(0,esm.kt)("li",{parentName:"ul"},"Pass the property ",(0,esm.kt)("inlineCode",{parentName:"li"},"rowSpan: '0'")," to the first element of each of the rows property.")),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table with First Column Headers",mdxType:"Story"},(0,esm.kt)("div",{className:"story__container table-story"},(0,esm.kt)(table_Table,{columns:[{title:"blank",displayName:"",bodyHeader:!0},{title:"name",displayName:"Budget Function"},{title:"amount",displayName:"Amount"},{title:"percent",displayName:"% of Total Amount",right:!0}],rows:[[{displayName:"Body Header",title:"",rowSpan:"0"},(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[{displayName:"Body Header",title:"",rowSpan:"0"},(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]],mdxType:"Table"})))),(0,esm.kt)("h2",null,"Loading Table"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Loading Table",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{loading:!0,mdxType:"Table"})))),(0,esm.kt)("h2",null,"Table Error"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Table Error",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{error:!0,mdxType:"Table"})))),(0,esm.kt)("h2",null,"Custom Error Message"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Custom Error Message",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{error:!0,message:"Custom error message here.",mdxType:"Table"})))),(0,esm.kt)("h2",null,"No Results"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"No Results",mdxType:"Story"},(0,esm.kt)(misc.T8,{mdxType:"BasicTableWrapper"},(0,esm.kt)(table_Table,{rows:[],mdxType:"Table"})))),(0,esm.kt)("h2",null,"Stacked Responsive Table"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Stacked Responsive Table",mdxType:"Story"},(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{isStacked:!0,rows:[["Transportation","$100","20%"],["Health","$150","30%"],["General Science","$250","50%"]],mdxType:"Table"})),(0,esm.kt)(misc.y6,{mdxType:"TableWrapper"},(0,esm.kt)(table_Table,{isStacked:!0,rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,divider:"Budget Sub-Function",mdxType:"Table"})))),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Submission Statistics"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Advanced Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Award Summary"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","State Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","State Profile Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Federal Account Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Account Profile Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Recipient Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Recipient Profile Page")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var table=function table(){return(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]]}))};table.displayName="table",table.storyName="Table",table.parameters={storySource:{source:"\n
    Link, 'mock data', '25%'], [jsx content, 1234, 'mock data']]} />\n "}};var tableWithoutSorting=function tableWithoutSorting(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]]}))};tableWithoutSorting.displayName="tableWithoutSorting",tableWithoutSorting.storyName="Table without Sorting",tableWithoutSorting.parameters={storySource:{source:"\n
    Link, 'mock data', '25%'], [jsx content, 1234, 'mock data']]} />\n "}};var expandableTableWithoutDivider=function expandableTableWithoutDivider(){return(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0}))};expandableTableWithoutDivider.displayName="expandableTableWithoutDivider",expandableTableWithoutDivider.storyName="Expandable Table without Divider",expandableTableWithoutDivider.parameters={storySource:{source:"\n
    \n "}};var expandableTableWithDivider=function expandableTableWithDivider(){return(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,divider:"Budget Sub-Function"}))};expandableTableWithDivider.displayName="expandableTableWithDivider",expandableTableWithDivider.storyName="Expandable Table with Divider",expandableTableWithDivider.parameters={storySource:{source:"\n
    \n "}};var tableWSubColumnsTooltips=function tableWSubColumnsTooltips(){return(0,esm.kt)(misc.y6,{columns:[{title:"name",displayName:"Agency Name",icon:(0,esm.kt)(TooltipWrapper.Z,{icon:"info",tooltipComponent:(0,esm.kt)(TooltipComponent.Z,{title:"Test Tooltip"},(0,esm.kt)("div",null,"Test content for tooltip"))})},{title:"total",displayName:"Total Budgetary Resources"},{title:"Q4",displayName:"FY 2020 Q4",columnSpan:"2",subColumnNames:[{displayName:"P10",title:"P10"},{displayName:"P11",title:"P11"}]},{title:"Q3",displayName:"FY 2020 Q3",columnSpan:"4",subColumnNames:[{displayName:"P9",title:"P9"},{displayName:"P8",title:"P8"},{displayName:"P7",title:"P7"},{displayName:"P6",title:"P6"}]}]},(0,esm.kt)(table_Table,{rows:[[(0,esm.kt)("a",{href:"/"},"Department of the Treasury (TREAS)"),"mock data","25%","26%","$1.2 million","$1.3 million","$1.4 million","$1.5 million"],[(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data","mock data IIIIIIIII","$5.2 million","$2.3 million","$11.4 million","$23.5 million"]]}))};tableWSubColumnsTooltips.displayName="tableWSubColumnsTooltips",tableWSubColumnsTooltips.storyName="Table w/ Sub Columns & Tooltips",tableWSubColumnsTooltips.parameters={storySource:{source:"
    Test content for tooltip
    } />\n}, {\n title: 'total',\n displayName: 'Total Budgetary Resources'\n}, {\n title: 'Q4',\n displayName: 'FY 2020 Q4',\n columnSpan: \"2\",\n subColumnNames: [{\n displayName: 'P10',\n title: 'P10'\n }, {\n displayName: 'P11',\n title: 'P11'\n }]\n}, {\n title: 'Q3',\n displayName: 'FY 2020 Q3',\n columnSpan: \"4\",\n subColumnNames: [{\n displayName: 'P9',\n title: 'P9'\n }, {\n displayName: 'P8',\n title: 'P8'\n }, {\n displayName: 'P7',\n title: 'P7'\n }, {\n displayName: 'P6',\n title: 'P6'\n }]\n}]}>\n
    Department of the Treasury (TREAS), 'mock data', '25%', '26%', '$1.2 million', '$1.3 million', '$1.4 million', '$1.5 million'], [jsx content, 1234, 'mock data', 'mock data IIIIIIIII', '$5.2 million', '$2.3 million', '$11.4 million', '$23.5 million']]} />\n "}};var tableWithFirstColumnHeaders=function tableWithFirstColumnHeaders(){return(0,esm.kt)("div",{className:"story__container table-story"},(0,esm.kt)(table_Table,{columns:[{title:"blank",displayName:"",bodyHeader:!0},{title:"name",displayName:"Budget Function"},{title:"amount",displayName:"Amount"},{title:"percent",displayName:"% of Total Amount",right:!0}],rows:[[{displayName:"Body Header",title:"",rowSpan:"0"},(0,esm.kt)("a",{href:"/"},"Link"),"mock data","25%"],[{displayName:"Body Header",title:"",rowSpan:"0"},(0,esm.kt)(react.Fragment,null,(0,esm.kt)("strong",null,"jsx")," content"),1234,"mock data"]]}))};tableWithFirstColumnHeaders.displayName="tableWithFirstColumnHeaders",tableWithFirstColumnHeaders.storyName="Table with First Column Headers",tableWithFirstColumnHeaders.parameters={storySource:{source:"
    \n
    Link, 'mock data', '25%'], [{\n displayName: 'Body Header',\n title: '',\n rowSpan: '0'\n }, jsx content, 1234, 'mock data']]} />\n "}};var loadingTable=function loadingTable(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{loading:!0}))};loadingTable.displayName="loadingTable",loadingTable.storyName="Loading Table",loadingTable.parameters={storySource:{source:"\n
    \n "}};var tableError=function tableError(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{error:!0}))};tableError.displayName="tableError",tableError.storyName="Table Error",tableError.parameters={storySource:{source:"\n
    \n     "}};var customErrorMessage=function customErrorMessage(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{error:!0,message:"Custom error message here."}))};customErrorMessage.displayName="customErrorMessage",customErrorMessage.storyName="Custom Error Message",customErrorMessage.parameters={storySource:{source:'\n
    \n     '}};var noResults=function noResults(){return(0,esm.kt)(misc.T8,null,(0,esm.kt)(table_Table,{rows:[]}))};noResults.displayName="noResults",noResults.storyName="No Results",noResults.parameters={storySource:{source:"\n
    \n     "}};var stackedResponsiveTable=function stackedResponsiveTable(){return(0,esm.kt)(react.Fragment,null,(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{isStacked:!0,rows:[["Transportation","$100","20%"],["Health","$150","30%"],["General Science","$250","50%"]]})),(0,esm.kt)(misc.y6,null,(0,esm.kt)(table_Table,{isStacked:!0,rows:[{name:"Transportation",amount:"$100",percent:"20%"},{name:"Health",amount:"$150",percent:"30%",children:[{name:"Health care services",amount:"$150",percent:"30%"}]},{name:"General Science",amount:"$250",percent:"50%",children:[{name:"Space flight",amount:"$200",percent:"40%"},{name:"Basic research",amount:"$50",percent:"10%"}]}],expandable:!0,divider:"Budget Sub-Function"})))};stackedResponsiveTable.storyName="Stacked Responsive Table",stackedResponsiveTable.parameters={storySource:{source:"\n \n \n\n
    \n "}};var componentMeta={title:"Table",component:table_Table,includeStories:["table","tableWithoutSorting","expandableTableWithoutDivider","expandableTableWithDivider","tableWSubColumnsTooltips","tableWithFirstColumnHeaders","loadingTable","tableError","customErrorMessage","noResults","stackedResponsiveTable"]},mdxStoryNameToKey={Table:"table","Table without Sorting":"tableWithoutSorting","Expandable Table without Divider":"expandableTableWithoutDivider","Expandable Table with Divider":"expandableTableWithDivider","Table w/ Sub Columns & Tooltips":"tableWSubColumnsTooltips","Table with First Column Headers":"tableWithFirstColumnHeaders","Loading Table":"loadingTable","Table Error":"tableError","Custom Error Message":"customErrorMessage","No Results":"noResults","Stacked Responsive Table":"stackedResponsiveTable"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var table_stories=componentMeta},"./.storybook/stories/tabs.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return tabs_stories},tablessStyle:function(){return tablessStyle},tabsWithScroll:function(){return tabsWithScroll}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../usaspending-website/node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),misc=(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./.storybook/misc.jsx")),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),TooltipWrapper=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx"),TooltipComponent=__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),keyboardEventsHelper=__webpack_require__("./helpers/keyboardEventsHelper.js"),moneyFormatter=__webpack_require__("./helpers/moneyFormatter.js"),propTypes={label:prop_types_default().string.isRequired,internal:prop_types_default().string,labelContent:prop_types_default().element,active:prop_types_default().bool,enabled:prop_types_default().bool,switchTab:prop_types_default().func,className:prop_types_default().string,tooltip:prop_types_default().object,count:prop_types_default().number,tablessStyle:prop_types_default().bool},Tab=function Tab(props){var tab=(0,react.useRef)(null),clickedTab=function clickedTab(){var _tab$current,_tab$current2;props.enabled&&(null!=tab&&tab.current&&null!==(_tab$current=tab.current)&&void 0!==_tab$current&&_tab$current.scrollIntoView&&(null===(_tab$current2=tab.current)||void 0===_tab$current2||_tab$current2.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})),props.switchTab(props.internal))},onKeyDownHandler=(0,keyboardEventsHelper.S)(clickedTab);return react.createElement("div",{className:"usa-dt-tab__wrapper"+(props.enabled?"":" disabled")+(props.tablessStyle?" tabless-tab":"")+(props.active?" active":"")},react.createElement("div",{className:"usa-dt-tab"+(props.active?" active":"")+" "+(props.className||"")+(props.enabled?"":" disabled"),ref:tab,onClick:clickedTab,onKeyDown:onKeyDownHandler,role:"tab",title:"Show "+props.label,"aria-label":"Show "+props.label,tabIndex:0,disabled:!props.enabled},react.createElement("div",{className:"usa-dt-tab__content"},react.createElement("div",{className:"usa-dt-tab__label"},react.createElement("div",{className:"usa-dt-tab__label-text"},props.label),props.count>=0&&react.createElement("div",{"aria-label":"Count of "+(0,moneyFormatter.uf)(props.count)+" for "+props.label,className:"count"+(props.active?" active":"")},(0,moneyFormatter.uf)(props.count)),props.tooltip&&react.createElement(TooltipWrapper.Z,{tooltipComponent:react.createElement(TooltipComponent.Z,{title:props.label},props.tooltip),icon:"info"})))))};Tab.displayName="Tab",Tab.propTypes=propTypes,Tab.__docgenInfo={description:"",methods:[],displayName:"Tab",props:{label:{description:"",type:{name:"string"},required:!0},internal:{description:"",type:{name:"string"},required:!1},labelContent:{description:"",type:{name:"element"},required:!1},active:{description:"",type:{name:"bool"},required:!1},enabled:{description:"",type:{name:"bool"},required:!1},switchTab:{description:"",type:{name:"func"},required:!1},className:{description:"",type:{name:"string"},required:!1},tooltip:{description:"",type:{name:"object"},required:!1},count:{description:"",type:{name:"number"},required:!1},tablessStyle:{description:"",type:{name:"bool"},required:!1}}};var tabs_Tab=Tab;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tabs/Tab.jsx"]={name:"Tab",docgenInfo:Tab.__docgenInfo,path:"components/tabs/Tab.jsx"}),__webpack_require__("./styles/components/_tabs.scss");var Tabs_propTypes={types:prop_types_default().arrayOf(prop_types_default().shape({label:prop_types_default().string.isRequired,internal:prop_types_default().string.isRequired,count:prop_types_default().number,disabled:prop_types_default().bool,tooltip:prop_types_default().element})).isRequired,active:prop_types_default().string.isRequired,switchTab:prop_types_default().func.isRequired,tabsClassName:prop_types_default().string,tablessStyle:prop_types_default().bool},Tabs=function Tabs(_ref){var types=_ref.types,active=_ref.active,switchTab=_ref.switchTab,tabsClassName=_ref.tabsClassName,tablessStyle=_ref.tablessStyle,tabs=types.map((function(type){return react.createElement(tabs_Tab,(0,esm_extends.Z)({},type,{active:active===type.internal,switchTab:switchTab,key:"table-type-item-"+type.internal,enabled:!type.disabled,className:tabsClassName,tooltip:type.tooltip,tablessStyle:tablessStyle}))}));return react.createElement("div",{className:"usa-dt-tab-list"+(tablessStyle?" tabless-tabs":""),role:"tablist"},!tablessStyle&&react.createElement("div",{className:"usa-dt-tab-list__border-pre-filler"}),tabs,react.createElement("div",{className:"usa-dt-tab-list__border-post-filler"}))};Tabs.displayName="Tabs",Tabs.propTypes=Tabs_propTypes,Tabs.__docgenInfo={description:"",methods:[],displayName:"Tabs",props:{types:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{label:{name:"string",required:!0},internal:{name:"string",required:!0},count:{name:"number",required:!1},disabled:{name:"bool",required:!1},tooltip:{name:"element",required:!1}}}},required:!0},active:{description:"",type:{name:"string"},required:!0},switchTab:{description:"",type:{name:"func"},required:!0},tabsClassName:{description:"",type:{name:"string"},required:!1},tablessStyle:{description:"",type:{name:"bool"},required:!1}}};var tabs_Tabs=Tabs;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tabs/Tabs.jsx"]={name:"Tabs",docgenInfo:Tabs.__docgenInfo,path:"components/tabs/Tabs.jsx"});var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Tabs",component:tabs_Tabs,mdxType:"Meta"}),(0,esm.kt)("h2",null,"This is Designed to be a ",(0,esm.kt)("a",{parentName:"h2",href:"https://reactjs.org/docs/forms.html#controlled-components"},"Controlled Component")),(0,esm.kt)("p",null,"This means the component relies on its parent to pass the following props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"types"),": An array of tab objects with their properties below",(0,esm.kt)("ul",{parentName:"li"},(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"label"),": (required) string, the title of the label to display"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"internal"),": (required) string, the unique name of the tab "),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"count"),": number, the count to display to the right of the label"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"disabled"),": boolean, is the tab disabled"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"tooltip"),": element, HTML to display in the tooltip"))),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"active"),": The internal property of the active tab"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"switchTab"),": A function to execute on switching tabs")),(0,esm.kt)("p",null,"In this example:"),(0,esm.kt)("h3",null,"Other props:"),(0,esm.kt)("ul",null,(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"tabsClassName"),": A class name for the tabs"),(0,esm.kt)("li",{parentName:"ul"},(0,esm.kt)("inlineCode",{parentName:"li"},"tablessStyle"),": A property to show tabs in a tabless style")),(0,esm.kt)("h2",null,"Tabs with Scroll"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Tabs with Scroll",mdxType:"Story"},(0,esm.kt)(misc.tS,{mdxType:"TabsWrapper"},(0,esm.kt)(tabs_Tabs,{types:[{internal:"name",label:"Names",count:22},{internal:"dates",label:"Dates",count:33},{internal:"cars",label:"Cars"},{internal:"coffeemugs",label:"Coffee Mugs"},{internal:"colorado",label:"Colorado"},{internal:"whistler",label:"Whistler",disabled:!0},{internal:"yellowstone",label:"Yellowstone",count:22},{internal:"washingtondc",label:"Washington D.C.",count:33},{internal:"blue",label:"Blue"},{internal:"purple",label:"Purple"},{internal:"dinnerware",label:"Dinnerware"},{internal:"cookware",label:"Cookware"}],mdxType:"Tabs"})))),(0,esm.kt)("h2",null,"Tabs with a Tabless Style Disabled"),(0,esm.kt)(dist_esm.Xz,{mdxType:"Canvas"},(0,esm.kt)(dist_esm.oG,{name:"Tabless Style",mdxType:"Story"},(0,esm.kt)(misc.tS,{mdxType:"TabsWrapper"},(0,esm.kt)(tabs_Tabs,{tablessStyle:!0,types:[{internal:"name",label:"Names",count:22},{internal:"dates",label:"Dates",count:33},{internal:"cars",label:"Cars",disabled:!0},{internal:"coffeemugs",label:"Coffee Mugs"},{internal:"colorado",label:"Colorado"},{internal:"whistler",label:"Whistler"}],mdxType:"Tabs"})))),(0,esm.kt)(dist_esm.$4,{of:tabs_Tabs,mdxType:"ArgsTable"}),(0,esm.kt)("h2",null,"Integration Status"),(0,esm.kt)("p",null,"Answers the question, where is this component used?"),(0,esm.kt)("h3",null,"USASpending"),(0,esm.kt)("ul",{className:"contains-task-list"},(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Submission Statistics"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","COVID-19 Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Advanced Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Keyword Search"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Federal Account Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Recipient Landing Page"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","State Profile"),(0,esm.kt)("li",{parentName:"ul",className:"task-list-item"},(0,esm.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Summary")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var tabsWithScroll=function tabsWithScroll(){return(0,esm.kt)(misc.tS,null,(0,esm.kt)(tabs_Tabs,{types:[{internal:"name",label:"Names",count:22},{internal:"dates",label:"Dates",count:33},{internal:"cars",label:"Cars"},{internal:"coffeemugs",label:"Coffee Mugs"},{internal:"colorado",label:"Colorado"},{internal:"whistler",label:"Whistler",disabled:!0},{internal:"yellowstone",label:"Yellowstone",count:22},{internal:"washingtondc",label:"Washington D.C.",count:33},{internal:"blue",label:"Blue"},{internal:"purple",label:"Purple"},{internal:"dinnerware",label:"Dinnerware"},{internal:"cookware",label:"Cookware"}]}))};tabsWithScroll.displayName="tabsWithScroll",tabsWithScroll.storyName="Tabs with Scroll",tabsWithScroll.parameters={storySource:{source:"\n \n "}};var tablessStyle=function tablessStyle(){return(0,esm.kt)(misc.tS,null,(0,esm.kt)(tabs_Tabs,{tablessStyle:!0,types:[{internal:"name",label:"Names",count:22},{internal:"dates",label:"Dates",count:33},{internal:"cars",label:"Cars",disabled:!0},{internal:"coffeemugs",label:"Coffee Mugs"},{internal:"colorado",label:"Colorado"},{internal:"whistler",label:"Whistler"}]}))};tablessStyle.displayName="tablessStyle",tablessStyle.storyName="Tabless Style",tablessStyle.parameters={storySource:{source:"\n \n "}};var componentMeta={title:"Tabs",component:tabs_Tabs,includeStories:["tabsWithScroll","tablessStyle"]},mdxStoryNameToKey={"Tabs with Scroll":"tabsWithScroll","Tabless Style":"tablessStyle"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});var tabs_stories=componentMeta},"./.storybook/stories/tooltip.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{defaultStory:function(){return defaultStory},smartTooltipLeft:function(){return smartTooltipLeft},smartTooltipRight:function(){return smartTooltipRight}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../usaspending-website/node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./components/infoTooltip/TooltipWrapper.jsx"),_misc__WEBPACK_IMPORTED_MODULE_10__=(__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),__webpack_require__("./.storybook/misc.jsx")),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.h_,{title:"Tooltip Wrapper",component:_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.$4,{of:_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"w/ Room"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"No overriding necessary in this case for position. Use the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"wide")," prop to expand the tooltip or the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tooltipPosition")," prop to determine which direction for the tooltip to go.\nCurrently, only supports right or left."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Default",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,{mdxType:"Tooltip"}),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!1),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition","left"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1}),mdxType:"TooltipWrapper"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"When positioning the tooltip right/left, if there isn't enough room, it chooses the position for you."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"w/ No Room to Left: Dynamically Right Positioned"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"A tooltip with the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tooltipPosition")," prop set to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"right")," that instead goes left due to their not being enough room."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Smart Tooltip (left)",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story smart-tooltip-left"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,{mdxType:"Tooltip"}),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!0),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1}),mdxType:"TooltipWrapper"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"w/ No Room to Right: Dynamically Left Positioned"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"A tooltip with the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"tooltipPosition")," prop set to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("inlineCode",{parentName:"p"},"left")," that instead goes right due to their not being enough room."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.oG,{name:"Smart Tooltip (right)",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story smart-tooltip-right"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,{mdxType:"Tooltip"}),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!0),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition","left"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1}),mdxType:"TooltipWrapper"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h2",null,"Integration Status"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("p",null,"Answers the question, where is this component used?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"USASpending"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("ul",{className:"contains-task-list"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Award Summary Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Submission Statistics"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Advanced Search"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","Spending Explorer"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!1,disabled:!0})," ","State Profile Page"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("li",{parentName:"ul",className:"task-list-item"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("input",{parentName:"li",type:"checkbox",checked:!0,disabled:!0})," ","Agency Profile v2 Page")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("h3",null,"Broker Integration Status:"))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,null),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!1),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition","left"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1})}))};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:'
    \n } wide={boolean("wide", false)} tooltipPosition={text("tooltipPosition", "left")} controlledProps={object("controlledTooltip", {\n isControlled: false,\n isVisible: false\n })} />\n
    '}};var smartTooltipLeft=function smartTooltipLeft(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story smart-tooltip-left"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,null),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!0),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1})}))};smartTooltipLeft.displayName="smartTooltipLeft",smartTooltipLeft.storyName="Smart Tooltip (left)",smartTooltipLeft.parameters={storySource:{source:'
    \n } wide={boolean("wide", true)} tooltipPosition={text("tooltipPosition")} controlledProps={object("controlledTooltip", {\n isControlled: false,\n isVisible: false\n })} />\n
    '}};var smartTooltipRight=function smartTooltipRight(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)("div",{className:"story__container tooltip-story smart-tooltip-right"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,{icon:"info",tooltipComponent:(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_misc__WEBPACK_IMPORTED_MODULE_10__.u,null),wide:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.boolean)("wide",!0),tooltipPosition:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.text)("tooltipPosition","left"),controlledProps:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_7__.object)("controlledTooltip",{isControlled:!1,isVisible:!1})}))};smartTooltipRight.displayName="smartTooltipRight",smartTooltipRight.storyName="Smart Tooltip (right)",smartTooltipRight.parameters={storySource:{source:'
    \n } wide={boolean("wide", true)} tooltipPosition={text("tooltipPosition", "left")} controlledProps={object("controlledTooltip", {\n isControlled: false,\n isVisible: false\n })} />\n
    '}};var componentMeta={title:"Tooltip Wrapper",component:_components_infoTooltip_TooltipWrapper__WEBPACK_IMPORTED_MODULE_8__.Z,includeStories:["defaultStory","smartTooltipLeft","smartTooltipRight"]},mdxStoryNameToKey={Default:"defaultStory","Smart Tooltip (left)":"smartTooltipLeft","Smart Tooltip (right)":"smartTooltipRight"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.aT,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.kt)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./styles/components/_carousel.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_downloadIconButton.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_fiscalYearPicker.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_flexGrid.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_informationBoxes.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_messages.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_pageHeader.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_picker.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_searchBar.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_sectionTitle.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_shareIcon.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/_tabs.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/cards/_cards.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/infoTooltip/_tooltipWrapper.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/pagination/_pagination.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"./styles/components/table/_table.scss":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__)},"?4f7e":function(){},"./generated-stories-entry.cjs":function(module,__unused_webpack_exports,__webpack_require__){"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./.storybook sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)stories\\/(?%21\\.)(?=.)[^/]*?\\.stories\\.(mdx%7Cjs))$")],module,!1)}},function(__webpack_require__){var __webpack_exec__=function(moduleId){return __webpack_require__(__webpack_require__.s=moduleId)};__webpack_require__.O(0,[224],(function(){return __webpack_exec__("./node_modules/@storybook/react/node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/react/node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-knobs/dist/preset/addDecorator.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs")}));__webpack_require__.O()}]); \ No newline at end of file diff --git a/package.json b/package.json index 02d84b31..7b8b7d60 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "data-transparency-ui", - "version": "5.2.7", + "version": "5.2.8", "description": "Library of UI components powering Data Transparency websites", "main": "dist/index.js", "style": "dist/data-transparency-ui.css",