1656.8d234d94.iframe.bundle.js

"use strict";(self.webpackChunkdata_transparency_ui=self.webpackChunkdata_transparency_ui||[]).push([[1656],{"./.storybook/misc.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{AC:function(){return TableWrapper},Cg:function(){return PaginationWrapper},Dj:function(){return QuarterPickerWithPeriods},Kf:function(){return PickerWrapper},MD:function(){return QuarterPickerWrapper},Qp:function(){return ExampleTooltip},ah:function(){return BasicTableWrapper},iT:function(){return QuarterPickerCumulative},m_:function(){return Tooltip},tg:function(){return TabsWrapper},vh:function(){return InPageNavWrapper}});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/infoTooltip/TooltipComponent.jsx"),_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./components/quarterPicker/QuarterPicker.jsx");function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__.A)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var Tooltip=function Tooltip(){return react__WEBPACK_IMPORTED_MODULE_3__.createElement(_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_4__.A,{title:"An Example Tooltip",textAlign:{title:"left",text:"left"}},react__WEBPACK_IMPORTED_MODULE_3__.createElement(react__WEBPACK_IMPORTED_MODULE_3__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_3__.createElement("p",null,"Here are some random words serving the purpose of illustrating how the tooltip component works"),react__WEBPACK_IMPORTED_MODULE_3__.createElement("p",null,"Its really pretty neat and easy to use. I think you are gonna like it a ton."),react__WEBPACK_IMPORTED_MODULE_3__.createElement("p",null,"You are welcome."),react__WEBPACK_IMPORTED_MODULE_3__.createElement("strong",null,"Some Bold Text That is like a Header"),react__WEBPACK_IMPORTED_MODULE_3__.createElement("p",null,"Some text that is not apart of the header but underneath it."),react__WEBPACK_IMPORTED_MODULE_3__.createElement("ul",null,react__WEBPACK_IMPORTED_MODULE_3__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_3__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_3__.createElement("li",null,"Some List Item"),react__WEBPACK_IMPORTED_MODULE_3__.createElement("li",null,react__WEBPACK_IMPORTED_MODULE_3__.createElement("strong",null,"Some Bold Text That is like a Header")," -- Some List Item")),react__WEBPACK_IMPORTED_MODULE_3__.createElement("p",null,"More Paragraph")))},PaginationWrapper=function PaginationWrapper(props){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(1),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useState,2),page=_useState2[0],changePage=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(10),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useState3,2),pageSize=_useState4[0],changeLimit=_useState4[1];return react__WEBPACK_IMPORTED_MODULE_3__.createElement("div",{className:"story__container"},react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,_objectSpread({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)))},QuarterPickerWrapper=function QuarterPickerWrapper(props){var _useState5=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(["1"]),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useState5,2),selectedQuarters=_useState6[0],setSelectedQuarters=_useState6[1];return react__WEBPACK_IMPORTED_MODULE_3__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,_objectSpread({handleSelection:function handlePickQuarter(newlySelected){selectedQuarters.includes(newlySelected)?setSelectedQuarters(selectedQuarters.filter((function(quarter){return quarter!==newlySelected}))):setSelectedQuarters((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__.A)(new Set([].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__.A)(selectedQuarters),[newlySelected]))))},selectedQuarters:selectedQuarters},props)))},QuarterPickerCumulative=function QuarterPickerCumulative(props){var _useCumulativeQuarter=(0,_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_5__.B)(["1"]),_useCumulativeQuarter2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useCumulativeQuarter,2),selectedQuarters=_useCumulativeQuarter2[0],handleSelection=_useCumulativeQuarter2[1];return react__WEBPACK_IMPORTED_MODULE_3__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,_objectSpread({handleSelection:handleSelection,selectedQuarters:selectedQuarters},props)))},QuarterPickerWithPeriods=function QuarterPickerWithPeriods(props){var _useCumulativeQuarter3=(0,_components_quarterPicker_QuarterPicker__WEBPACK_IMPORTED_MODULE_5__.B)(["2"]),_useCumulativeQuarter4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useCumulativeQuarter3,2),selectedPeriods=_useCumulativeQuarter4[0],handleSelection=_useCumulativeQuarter4[1];return react__WEBPACK_IMPORTED_MODULE_3__.createElement("div",{className:"story__container quarter-picker-story"},react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,_objectSpread({handleSelection:handleSelection,selectedPeriods:selectedPeriods},props)))},PickerWrapper=function PickerWrapper(props){var _useState7=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("All"),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_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_3__.createElement("div",{className:"story__container picker-story"},react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,_objectSpread({selectedOption:selectedOption,onClick:onClick,options:options},props.children.props)))},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_3__.useState)("amount"),_useState0=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useState9,2),field=_useState0[0],updateField=_useState0[1],_useState1=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("desc"),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useState1,2),direction=_useState10[0],updateDirection=_useState10[1],currentSort={field:field,direction:direction};return react__WEBPACK_IMPORTED_MODULE_3__.createElement("div",{className:"story__container table-story"},react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,_objectSpread({updateSort:function updateSort(field,direction){console.log("update sort invoked with ".concat(field,", ").concat(direction)),updateField(field),updateDirection(direction)},currentSort:currentSort,columns:props.columns?props.columns:mockColumns},props.children.props)))},BasicTableWrapper=function BasicTableWrapper(props){return react__WEBPACK_IMPORTED_MODULE_3__.createElement("div",{className:"story__container table-story"},react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,_objectSpread({columns:mockColumns},props.children.props)))},TabsWrapper=function TabsWrapper(props){var _useState11=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("name"),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useState11,2),activeTab=_useState12[0],setActiveTab=_useState12[1];return react__WEBPACK_IMPORTED_MODULE_3__.createElement("div",{className:"story__container tabs-story",style:{width:"100%",paddingLeft:"0"}},react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,_objectSpread({switchTab:setActiveTab,active:activeTab},props.children.props)))},ExampleTooltip=function ExampleTooltip(){return react__WEBPACK_IMPORTED_MODULE_3__.createElement(_components_infoTooltip_TooltipComponent__WEBPACK_IMPORTED_MODULE_4__.A,{title:"Details"},react__WEBPACK_IMPORTED_MODULE_3__.createElement("p",null,"Here is some sample content."))},InPageNavWrapper=function InPageNavWrapper(props){var _useState15=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("mission"),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useState15,2),activeSection=_useState16[0],setActiveSection=_useState16[1];return react__WEBPACK_IMPORTED_MODULE_3__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(props.children,{activeSection:activeSection,jumpToSection:function jumpToSection(section){setActiveSection(section)}}))};Tooltip.__docgenInfo={description:"",methods:[],displayName:"Tooltip"},PaginationWrapper.__docgenInfo={description:"",methods:[],displayName:"PaginationWrapper"},QuarterPickerWrapper.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerWrapper"},QuarterPickerCumulative.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerCumulative"},QuarterPickerWithPeriods.__docgenInfo={description:"",methods:[],displayName:"QuarterPickerWithPeriods"},PickerWrapper.__docgenInfo={description:"",methods:[],displayName:"PickerWrapper"},TableWrapper.__docgenInfo={description:"",methods:[],displayName:"TableWrapper"},BasicTableWrapper.__docgenInfo={description:"",methods:[],displayName:"BasicTableWrapper"},TabsWrapper.__docgenInfo={description:"",methods:[],displayName:"TabsWrapper"},ExampleTooltip.__docgenInfo={description:"",methods:[],displayName:"ExampleTooltip"},InPageNavWrapper.__docgenInfo={description:"",methods:[],displayName:"InPageNavWrapper"}},"./components/infoTooltip/TooltipComponent.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./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_3__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__),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 children=_ref.children,title=_ref.title,_ref$className=_ref.className,className=void 0===_ref$className?null:_ref$className,_ref$textAlign=_ref.textAlign,textAlign=void 0===_ref$textAlign?{title:"left",text:"left"}:_ref$textAlign;return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_3___default()((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.A)({},className,null!==className))},react__WEBPACK_IMPORTED_MODULE_1__.createElement("h1",{className:classnames__WEBPACK_IMPORTED_MODULE_3___default()("tooltip__title",textAlign.title)},title),react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_3___default()("tooltip__text",textAlign.text)},children))};TooltipComponent.propTypes=propTypes,__webpack_exports__.A=TooltipComponent,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}}}},"./components/quarterPicker/QuarterPicker.jsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{A:function(){return quarterPicker_QuarterPicker},B:function(){return useCumulativeQuarterPicker}});var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),uniqueId=__webpack_require__("./node_modules/lodash-es/uniqueId.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 ".concat(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 ".concat(additionalClasses),onMouseDown:handleClick,onClick:handleClick,onMouseOver:onMouseEnter,onMouseEnter:onMouseEnter,onFocus:onMouseEnter,onMouseLeave:onMouseLeave,onBlur:onMouseLeave,"aria-disabled":disabled},quarterTitle)};QuarterButton.propTypes=propTypes;var quarterPicker_QuarterButton=QuarterButton;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 useCumulativeQuarterPicker=function useCumulativeQuarterPicker(){var initialState=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],_useState=(0,react.useState)(initialState),_useState2=(0,slicedToArray.A)(_useState,2),selectedPeriods=_useState2[0],setSelectedPeriods=_useState2[1];return[selectedPeriods,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"".concat(period)}));setSelectedPeriods(newPeriods.concat([selectedPeriod]))}]},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.A)(_useState3,2),periodHoverState=_useState4[0],setPeriodHoverState=_useState4[1],_useState5=(0,react.useState)(""),_useState6=(0,slicedToArray.A)(_useState5,2),quarterHoverState=_useState6[0],setQuarterHoverState=_useState6[1],handleHover=function handleHover(str){"quarter"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"quarter")?setQuarterHoverState(str):setPeriodHoverState(str)},handleBlur=function handleBlur(){"quarter"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"quarter")?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="".concat(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,uniqueId.A)()},react.createElement("p",{className:isQuarterDisabled?"disabled":""},"Q".concat(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")?"".concat(period.className," usa-dt-quarter-picker__list-item"):"usa-dt-quarter-picker__list-item",key:(0,uniqueId.A)()},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,uniqueId.A)()},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.propTypes=QuarterPicker_propTypes;var quarterPicker_QuarterPicker=QuarterPicker;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:"[\r\n    [\r\n        { title: '1 - 2', id: '2', className: 'double-period' },\r\n        { title: '3', id: '3' }\r\n    ],\r\n    [\r\n        { title: '4', id: '4' },\r\n        { title: '5', id: '5' },\r\n        { title: '6', id: '6' }\r\n    ],\r\n    [\r\n        { title: '7', id: '7' },\r\n        { title: '8', id: '8' },\r\n        { title: '9', id: '9' }\r\n    ],\r\n    [\r\n        { title: '10', id: '10' },\r\n        { title: '11', id: '11' },\r\n        { title: '12', id: '12' }\r\n    ]\r\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}}}}}]);