@ssa-ui-kit/widgets 0.0.25-alpha → 0.0.27-alpha

package/storybook-static/components-MealNutrients-MealNutrients-stories.7e46bd1e.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[817],{"./src/components/MealNutrients/MealNutrients.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return MealNutrients_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),dist=__webpack_require__("../core/dist/index.js"),nivo_line_es=__webpack_require__("../../node_modules/.pnpm/@nivo+line@0.83.0_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/line/dist/nivo-line.es.js"),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),nivo_core_es=__webpack_require__("../../node_modules/.pnpm/@nivo+core@0.83.0_prop-types@15.8.1_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/core/dist/nivo-core.es.js"),utils_dist=__webpack_require__("../utils/dist/index.js"),emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const{formatDayOfWeek:formatDayOfWeek}=utils_dist.dateFormatters,CustomPointLayer=({currentPoint:currentPoint,pointSize:pointSize,pointBorderWidth:pointBorderWidth,...props})=>{const theme=(0,nivo_core_es.Fg)();if(!currentPoint)return;const point=currentPoint;return(0,emotion_react_browser_esm.jsx)("g",null,(0,emotion_react_browser_esm.jsx)(nivo_core_es.F_,(0,esm_extends.Z)({key:point.id,x:point.x,y:point.y,color:point.color,borderColor:point.borderColor,datum:point.data,theme:theme,size:pointSize||0,borderWidth:pointBorderWidth||0},props)))};CustomPointLayer.displayName="CustomPointLayer";const tickValues=[0,20,40,60,80,100],defaults={margin:{top:28,right:50,bottom:50,left:5},xScale:{type:"time",format:"%L",precision:"day"},yScale:{type:"linear",min:"auto",max:"auto",stacked:!1,reverse:!1},axisRight:{tickSize:0,tickPadding:10,tickRotation:0,tickValues:tickValues,format:tick=>`${tick}%`,legend:"",legendOffset:0},axisBottom:{tickSize:0,tickPadding:30,tickRotation:0,legend:"",tickValues:"every day",format:formatDayOfWeek},pointColor:{from:"color",modifiers:[]},pointBorderColor:{from:"color",modifiers:[]},legends:[],gridYValues:tickValues,layers:["grid","markers","axes","areas","crosshair","lines",CustomPointLayer,"slices","mesh","legends"]},MealNutrientsTooltip=({colorName:colorName,point:point})=>{const caption=`${(str=String(point.serieId))[0].toUpperCase()}${str.substring(1)}`;var str;const{data:{y:y,comp:comp,unit:unit}}=point,iconName=comp&&"arrow-"+(comp>0?"up":"down")||void 0;return(0,emotion_react_browser_esm.jsx)(dist.ProgressChartTooltip,{caption:caption,value:y,valueFormatted:`${comp}${unit}`,iconName:iconName,barProps:{color:colorName}})};MealNutrientsTooltip.displayName="MealNutrientsTooltip";try{MealNutrientsTooltip.displayName="MealNutrientsTooltip",MealNutrientsTooltip.__docgenInfo={description:"",displayName:"MealNutrientsTooltip",props:{colorName:{defaultValue:null,description:"",name:"colorName",required:!0,type:{name:"keyof MainColors"}},point:{defaultValue:null,description:"",name:"point",required:!0,type:{name:"Point & { data: { x: DatumValue; xFormatted: string | number; y: DatumValue; yFormatted: string | number; yStacked?: number; } & { comp?: number; unit?: string; }; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealNutrients/MealNutrientsTooltip.tsx#MealNutrientsTooltip"]={docgenInfo:MealNutrientsTooltip.__docgenInfo,name:"MealNutrientsTooltip",path:"src/components/MealNutrients/MealNutrientsTooltip.tsx#MealNutrientsTooltip"})}catch(__react_docgen_typescript_loader_error){}const colorPalette=["pink","purple","turquoise","yellow","green","blue"],MealNutrientsLineChart=({data:data,...props})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)(),defaultColorMapping=(0,react.useMemo)((()=>colorPalette.reduce(((res,colorName)=>(res[theme.colors[`${colorName}Lighter`]]=colorName,res)),{})),[theme.colors]),defaultSettings=(0,react.useMemo)((()=>Object.assign(defaults,{colors:colorPalette.map((color=>theme.colors[`${color}Lighter`])),tooltip:({point:point})=>{const color=defaultColorMapping[point.color];return(0,emotion_react_browser_esm.jsx)(MealNutrientsTooltip,{point:point,colorName:color})},theme:{fontFamily:"'Manrope', sans-serif",axis:{ticks:{text:{fontSize:"0.833rem",fontWeight:500,fill:theme.colors.greyDarker}}},grid:{line:{stroke:theme.colors.greyLighter,strokeWidth:1,strokeDasharray:"8 8"}}}})),[theme.colors,defaultColorMapping]);return(0,emotion_react_browser_esm.jsx)(nivo_line_es.fH,(0,esm_extends.Z)({data:data,curve:"catmullRom",axisTop:null,axisLeft:null,enableGridX:!1,enableGridY:!0,lineWidth:1,enablePoints:!0,pointSize:8,pointBorderWidth:0,pointLabelYOffset:-12,enableArea:!1,areaOpacity:.1,enableCrosshair:!1,useMesh:!0,animate:!1},defaultSettings,props))};MealNutrientsLineChart.displayName="MealNutrientsLineChart";try{MealNutrientsLineChart.displayName="MealNutrientsLineChart",MealNutrientsLineChart.__docgenInfo={description:"",displayName:"MealNutrientsLineChart",props:{enablePointLabel:{defaultValue:null,description:"",name:"enablePointLabel",required:!1,type:{name:"boolean"}},pointLabel:{defaultValue:null,description:"",name:"pointLabel",required:!1,type:{name:"string | AccessorFunc"}},pointLabelYOffset:{defaultValue:null,description:"",name:"pointLabelYOffset",required:!1,type:{name:"number"}},areaBlendMode:{defaultValue:null,description:"",name:"areaBlendMode",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"string"}},useMesh:{defaultValue:null,description:"",name:"useMesh",required:!1,type:{name:"boolean"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"Serie[]"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!1,type:{name:"ScaleSpec"}},xFormat:{defaultValue:null,description:"",name:"xFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!1,type:{name:"ScaleSpec"}},yFormat:{defaultValue:null,description:"",name:"yFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},layers:{defaultValue:null,description:"",name:"layers",required:!1,type:{name:"Layer[]"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"Partial<Margin>"}},curve:{defaultValue:null,description:"",name:"curve",required:!1,type:{name:'"linear" | "basis" | "cardinal" | "catmullRom" | "monotoneX" | "monotoneY" | "natural" | "step" | "stepAfter" | "stepBefore"'}},lineWidth:{defaultValue:null,description:"",name:"lineWidth",required:!1,type:{name:"number"}},colors:{defaultValue:null,description:"",name:"colors",required:!1,type:{name:"OrdinalColorScaleConfig"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:'Partial<Pick<CompleteTheme, "fontFamily" | "fontSize" | "background" | "textColor"> & { crosshair: Partial<{ line: Partial<{ stroke: string; strokeWidth: number; strokeOpacity: number; strokeDasharray: string; }>; }>; ... 7 more ...; annotations: Partial<...>; }>'}},axisTop:{defaultValue:null,description:"",name:"axisTop",required:!1,type:{name:"AxisProps<any>"}},axisRight:{defaultValue:null,description:"",name:"axisRight",required:!1,type:{name:"AxisProps<any>"}},axisBottom:{defaultValue:null,description:"",name:"axisBottom",required:!1,type:{name:"AxisProps<any>"}},axisLeft:{defaultValue:null,description:"",name:"axisLeft",required:!1,type:{name:"AxisProps<any>"}},enableGridX:{defaultValue:null,description:"",name:"enableGridX",required:!1,type:{name:"boolean"}},gridXValues:{defaultValue:null,description:"",name:"gridXValues",required:!1,type:{name:"TicksSpec<DatumValue>"}},enableGridY:{defaultValue:null,description:"",name:"enableGridY",required:!1,type:{name:"boolean"}},gridYValues:{defaultValue:null,description:"",name:"gridYValues",required:!1,type:{name:"TicksSpec<DatumValue>"}},enablePoints:{defaultValue:null,description:"",name:"enablePoints",required:!1,type:{name:"boolean"}},pointSymbol:{defaultValue:null,description:"",name:"pointSymbol",required:!1,type:{name:"(props: Readonly<PointSymbolProps>) => ReactNode"}},pointSize:{defaultValue:null,description:"",name:"pointSize",required:!1,type:{name:"number"}},pointColor:{defaultValue:null,description:"",name:"pointColor",required:!1,type:{name:"any"}},pointBorderWidth:{defaultValue:null,description:"",name:"pointBorderWidth",required:!1,type:{name:"number"}},pointBorderColor:{defaultValue:null,description:"",name:"pointBorderColor",required:!1,type:{name:"any"}},enableArea:{defaultValue:null,description:"",name:"enableArea",required:!1,type:{name:"boolean"}},areaOpacity:{defaultValue:null,description:"",name:"areaOpacity",required:!1,type:{name:"number"}},areaBaselineValue:{defaultValue:null,description:"",name:"areaBaselineValue",required:!1,type:{name:"DatumValue"}},markers:{defaultValue:null,description:"",name:"markers",required:!1,type:{name:"CartesianMarkerProps<DatumValue>[]"}},isInteractive:{defaultValue:null,description:"",name:"isInteractive",required:!1,type:{name:"boolean"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"PointMouseHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"PointMouseHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"PointMouseHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"PointMouseHandler"}},debugMesh:{defaultValue:null,description:"",name:"debugMesh",required:!1,type:{name:"boolean"}},enableSlices:{defaultValue:null,description:"",name:"enableSlices",required:!1,type:{name:'false | "x" | "y"'}},debugSlices:{defaultValue:null,description:"",name:"debugSlices",required:!1,type:{name:"boolean"}},sliceTooltip:{defaultValue:null,description:"",name:"sliceTooltip",required:!1,type:{name:"SliceTooltip"}},tooltipFormat:{defaultValue:null,description:"",name:"tooltipFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"PointTooltip"}},enableCrosshair:{defaultValue:null,description:"",name:"enableCrosshair",required:!1,type:{name:"boolean"}},crosshairType:{defaultValue:null,description:"",name:"crosshairType",required:!1,type:{name:"CrosshairType"}},legends:{defaultValue:null,description:"",name:"legends",required:!1,type:{name:"LegendProps[]"}},animate:{defaultValue:null,description:"",name:"animate",required:!1,type:{name:"boolean"}},motionConfig:{defaultValue:null,description:"",name:"motionConfig",required:!1,type:{name:"string | Partial<AnimationConfig>"}},defs:{defaultValue:null,description:"",name:"defs",required:!1,type:{name:"{ [key: string]: any; id: string; }[]"}},fill:{defaultValue:null,description:"",name:"fill",required:!1,type:{name:'{ id: string; match: Record<string, unknown> | "*" | SvgFillMatcher<Datum>; }[]'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealNutrients/MealNutrientsLineChart.tsx#MealNutrientsLineChart"]={docgenInfo:MealNutrientsLineChart.__docgenInfo,name:"MealNutrientsLineChart",path:"src/components/MealNutrients/MealNutrientsLineChart.tsx#MealNutrientsLineChart"})}catch(__react_docgen_typescript_loader_error){}const{formatTime:formatTime,formatDayOfWeek:useChartConfig_formatDayOfWeek,formatDate:formatDate}=utils_dist.dateFormatters;var MealNutrients_useChartConfig=(elRef,data,precision="day")=>{const[width,setWidth]=(0,react.useState)(0),throttledRef=(0,react.useRef)((0,utils_dist.throttle)((entries=>{setWidth(entries[0].contentRect.width)}),50)),observerRef=(0,react.useRef)(new ResizeObserver(throttledRef?.current?.[0]));return(0,react.useEffect)((()=>{const currentRef=elRef.current;return observerRef.current&&currentRef&&observerRef.current.observe(currentRef),()=>{observerRef.current&&currentRef&&observerRef.current.unobserve(currentRef)}}),[elRef,observerRef]),(0,react.useEffect)((()=>()=>{if(throttledRef.current){const[,cancel]=throttledRef.current;cancel()}}),[throttledRef]),(0,react.useMemo)((()=>({xScale:{type:"time",format:"%L",precision:"week"===precision?"day":precision},axisBottom:{tickSize:0,tickPadding:30,legend:"",tickValues:width<600?7:void 0,tickRotation:width<600?30:0,format:"hour"===precision?formatTime:"week"===precision?useChartConfig_formatDayOfWeek:formatDate}})),[data,width,precision])};var _ref={name:"as11ew",styles:"line-height:normal"},_ref2={name:"1d3w5wq",styles:"width:100%"},_ref3={name:"1otqacd",styles:"height:227px;svg{overflow:visible;}"};const MealNutrients=({caption:caption="Meal Nutrients",options:options,data:data,onOptionChange:onOptionChange})=>{const[selectedOption,setSelectedOption]=(0,react.useState)(),containerRef=(0,react.useRef)(null),chartConfig=MealNutrients_useChartConfig(containerRef,data,selectedOption?.precision);(0,react.useEffect)((()=>{options?.length>0&&null==selectedOption&&handleChange(options[0])}),[options]);const handleChange=e=>{const item=options.filter((item=>item.value===e.value))[0];setSelectedOption(item),onOptionChange&&onOptionChange(item)};return(0,emotion_react_browser_esm.jsx)("div",{ref:containerRef},(0,emotion_react_browser_esm.jsx)(dist.CardHeader,{transparent:!0},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h4",weight:"bold",css:_ref},caption),options?.length>0&&(0,emotion_react_browser_esm.jsx)(dist.Dropdown,{selectedItem:options[0],onChange:handleChange},options.map((item=>(0,emotion_react_browser_esm.jsx)(dist.DropdownOption,{key:item.value,value:item.value,label:item.label}))))),(0,emotion_react_browser_esm.jsx)(dist.Card,null,(0,emotion_react_browser_esm.jsx)(dist.CardContent,{direction:"column",css:_ref2},(0,emotion_react_browser_esm.jsx)("div",{css:_ref3},data?.length>0&&(0,emotion_react_browser_esm.jsx)(MealNutrientsLineChart,(0,esm_extends.Z)({data:data},chartConfig))))))};MealNutrients.displayName="MealNutrients";try{MealNutrients.displayName="MealNutrients",MealNutrients.__docgenInfo={description:"\nUI Component that shows the nutrients consumed by the user",displayName:"MealNutrients",props:{caption:{defaultValue:{value:"Meal Nutrients"},description:"",name:"caption",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"OptionType[]"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"Serie[]"}},onOptionChange:{defaultValue:null,description:"",name:"onOptionChange",required:!1,type:{name:"(option: OptionType) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealNutrients/MealNutrients.tsx#MealNutrients"]={docgenInfo:MealNutrients.__docgenInfo,name:"MealNutrients",path:"src/components/MealNutrients/MealNutrients.tsx#MealNutrients"})}catch(__react_docgen_typescript_loader_error){}const getMockGraphData=timePeriodId=>{const mockGraphData=(firstDate=>({d:[{data:[{comp:-40,unit:"%",x:new Date(firstDate),y:63},{comp:66,unit:"%",x:new Date(16928028e5),y:32},{comp:11,unit:"%",x:new Date(16928064e5),y:2},{comp:49,unit:"%",x:new Date(169281e7),y:38},{comp:25,unit:"%",x:new Date(16928136e5),y:46},{comp:-34,unit:"%",x:new Date(16928172e5),y:42},{comp:-3,unit:"%",x:new Date(16928208e5),y:33},{comp:67,unit:"%",x:new Date(16928244e5),y:78},{comp:-85,unit:"%",x:new Date(1692828e6),y:24},{comp:66,unit:"%",x:new Date(16928316e5),y:43},{comp:31,unit:"%",x:new Date(16928352e5),y:31},{comp:-43,unit:"%",x:new Date(16928388e5),y:30},{comp:-77,unit:"%",x:new Date(16928424e5),y:70},{comp:-65,unit:"%",x:new Date(1692846e6),y:61},{comp:76,unit:"%",x:new Date(16928496e5),y:91},{comp:5,unit:"%",x:new Date(16928532e5),y:34},{comp:60,unit:"%",x:new Date(16928568e5),y:89},{comp:9,unit:"%",x:new Date(16928604e5),y:26},{comp:65,unit:"%",x:new Date(1692864e6),y:8},{comp:-75,unit:"%",x:new Date(16928676e5),y:53},{comp:-52,unit:"%",x:new Date(16928712e5),y:80},{comp:-42,unit:"%",x:new Date(16928748e5),y:23},{comp:63,unit:"%",x:new Date(16928784e5),y:83},{comp:79,unit:"%",x:new Date(1692882e6),y:37}],id:"fibre"},{data:[{comp:99,unit:"%",x:new Date(firstDate),y:65},{comp:15,unit:"%",x:new Date(16928028e5),y:54},{comp:8,unit:"%",x:new Date(16928064e5),y:31},{comp:-75,unit:"%",x:new Date(169281e7),y:24},{comp:58,unit:"%",x:new Date(16928136e5),y:94},{comp:-50,unit:"%",x:new Date(16928172e5),y:33},{comp:27,unit:"%",x:new Date(16928208e5),y:35},{comp:-46,unit:"%",x:new Date(16928244e5),y:94},{comp:30,unit:"%",x:new Date(1692828e6),y:95},{comp:63,unit:"%",x:new Date(16928316e5),y:91},{comp:-89,unit:"%",x:new Date(16928352e5),y:95},{comp:92,unit:"%",x:new Date(16928388e5),y:9},{comp:30,unit:"%",x:new Date(16928424e5),y:86},{comp:39,unit:"%",x:new Date(1692846e6),y:2},{comp:-44,unit:"%",x:new Date(16928496e5),y:22},{comp:-98,unit:"%",x:new Date(16928532e5),y:91},{comp:32,unit:"%",x:new Date(16928568e5),y:93},{comp:-80,unit:"%",x:new Date(16928604e5),y:80},{comp:63,unit:"%",x:new Date(1692864e6),y:85},{comp:51,unit:"%",x:new Date(16928676e5),y:53},{comp:37,unit:"%",x:new Date(16928712e5),y:92},{comp:80,unit:"%",x:new Date(16928748e5),y:41},{comp:43,unit:"%",x:new Date(16928784e5),y:86},{comp:61,unit:"%",x:new Date(1692882e6),y:83}],id:"calories"},{data:[{comp:70,unit:"%",x:new Date(firstDate),y:23},{comp:-59,unit:"%",x:new Date(16928028e5),y:24},{comp:6,unit:"%",x:new Date(16928064e5),y:32},{comp:-73,unit:"%",x:new Date(169281e7),y:76},{comp:-76,unit:"%",x:new Date(16928136e5),y:86},{comp:4,unit:"%",x:new Date(16928172e5),y:37},{comp:13,unit:"%",x:new Date(16928208e5),y:45},{comp:27,unit:"%",x:new Date(16928244e5),y:39},{comp:-26,unit:"%",x:new Date(1692828e6),y:92},{comp:56,unit:"%",x:new Date(16928316e5),y:94},{comp:26,unit:"%",x:new Date(16928352e5),y:78},{comp:84,unit:"%",x:new Date(16928388e5),y:37},{comp:2,unit:"%",x:new Date(16928424e5),y:93},{comp:-49,unit:"%",x:new Date(1692846e6),y:5},{comp:-81,unit:"%",x:new Date(16928496e5),y:62},{comp:37,unit:"%",x:new Date(16928532e5),y:16},{comp:-29,unit:"%",x:new Date(16928568e5),y:93},{comp:-43,unit:"%",x:new Date(16928604e5),y:88},{comp:-31,unit:"%",x:new Date(1692864e6),y:18},{comp:60,unit:"%",x:new Date(16928676e5),y:42},{comp:-94,unit:"%",x:new Date(16928712e5),y:70},{comp:-23,unit:"%",x:new Date(16928748e5),y:12},{comp:24,unit:"%",x:new Date(16928784e5),y:32},{comp:-69,unit:"%",x:new Date(1692882e6),y:11}],id:"sugar"}],m:[{data:[{comp:-9,unit:"%",x:new Date(16903188e5),y:59},{comp:-51,unit:"%",x:new Date(16904052e5),y:28},{comp:-5,unit:"%",x:new Date(16904916e5),y:47},{comp:-40,unit:"%",x:new Date(1690578e6),y:90},{comp:-3,unit:"%",x:new Date(16906644e5),y:84},{comp:32,unit:"%",x:new Date(16907508e5),y:53},{comp:57,unit:"%",x:new Date(16908372e5),y:47},{comp:5,unit:"%",x:new Date(16909236e5),y:54},{comp:-12,unit:"%",x:new Date(169101e7),y:40},{comp:44,unit:"%",x:new Date(16910964e5),y:5},{comp:-100,unit:"%",x:new Date(16911828e5),y:32},{comp:-94,unit:"%",x:new Date(16912692e5),y:43},{comp:12,unit:"%",x:new Date(16913556e5),y:70},{comp:-42,unit:"%",x:new Date(1691442e6),y:89},{comp:-7,unit:"%",x:new Date(16915284e5),y:39},{comp:-34,unit:"%",x:new Date(16916148e5),y:42},{comp:-70,unit:"%",x:new Date(16917012e5),y:69},{comp:-97,unit:"%",x:new Date(16917876e5),y:8},{comp:96,unit:"%",x:new Date(1691874e6),y:78},{comp:-6,unit:"%",x:new Date(16919604e5),y:25},{comp:-86,unit:"%",x:new Date(16920468e5),y:63},{comp:46,unit:"%",x:new Date(16921332e5),y:81},{comp:-7,unit:"%",x:new Date(16922196e5),y:50},{comp:22,unit:"%",x:new Date(1692306e6),y:57},{comp:14,unit:"%",x:new Date(16923924e5),y:61},{comp:-61,unit:"%",x:new Date(16924788e5),y:87},{comp:81,unit:"%",x:new Date(16925652e5),y:11},{comp:-56,unit:"%",x:new Date(16926516e5),y:73},{comp:74,unit:"%",x:new Date(1692738e6),y:47},{comp:94,unit:"%",x:new Date(16928244e5),y:42}],id:"fibre"},{data:[{comp:62,unit:"%",x:new Date(16903188e5),y:42},{comp:-29,unit:"%",x:new Date(16904052e5),y:67},{comp:-90,unit:"%",x:new Date(16904916e5),y:52},{comp:-53,unit:"%",x:new Date(1690578e6),y:48},{comp:-38,unit:"%",x:new Date(16906644e5),y:88},{comp:-70,unit:"%",x:new Date(16907508e5),y:94},{comp:-78,unit:"%",x:new Date(16908372e5),y:76},{comp:-40,unit:"%",x:new Date(16909236e5),y:77},{comp:-31,unit:"%",x:new Date(169101e7),y:21},{comp:-36,unit:"%",x:new Date(16910964e5),y:21},{comp:-45,unit:"%",x:new Date(16911828e5),y:89},{comp:13,unit:"%",x:new Date(16912692e5),y:88},{comp:-75,unit:"%",x:new Date(16913556e5),y:92},{comp:28,unit:"%",x:new Date(1691442e6),y:91},{comp:92,unit:"%",x:new Date(16915284e5),y:94},{comp:-41,unit:"%",x:new Date(16916148e5),y:47},{comp:58,unit:"%",x:new Date(16917012e5),y:89},{comp:42,unit:"%",x:new Date(16917876e5),y:63},{comp:72,unit:"%",x:new Date(1691874e6),y:56},{comp:-82,unit:"%",x:new Date(16919604e5),y:83},{comp:-100,unit:"%",x:new Date(16920468e5),y:8},{comp:40,unit:"%",x:new Date(16921332e5),y:51},{comp:34,unit:"%",x:new Date(16922196e5),y:38},{comp:55,unit:"%",x:new Date(1692306e6),y:36},{comp:-85,unit:"%",x:new Date(16923924e5),y:19},{comp:35,unit:"%",x:new Date(16924788e5),y:46},{comp:65,unit:"%",x:new Date(16925652e5),y:95},{comp:81,unit:"%",x:new Date(16926516e5),y:67},{comp:77,unit:"%",x:new Date(1692738e6),y:64},{comp:-79,unit:"%",x:new Date(16928244e5),y:72}],id:"calories"},{data:[{comp:-36,unit:"%",x:new Date(16903188e5),y:6},{comp:90,unit:"%",x:new Date(16904052e5),y:42},{comp:-6,unit:"%",x:new Date(16904916e5),y:76},{comp:64,unit:"%",x:new Date(1690578e6),y:78},{comp:47,unit:"%",x:new Date(16906644e5),y:30},{comp:-62,unit:"%",x:new Date(16907508e5),y:95},{comp:-37,unit:"%",x:new Date(16908372e5),y:61},{comp:-36,unit:"%",x:new Date(16909236e5),y:31},{comp:63,unit:"%",x:new Date(169101e7),y:37},{comp:-61,unit:"%",x:new Date(16910964e5),y:17},{comp:28,unit:"%",x:new Date(16911828e5),y:20},{comp:-94,unit:"%",x:new Date(16912692e5),y:91},{comp:-10,unit:"%",x:new Date(16913556e5),y:15},{comp:-55,unit:"%",x:new Date(1691442e6),y:82},{comp:-29,unit:"%",x:new Date(16915284e5),y:34},{comp:80,unit:"%",x:new Date(16916148e5),y:83},{comp:-83,unit:"%",x:new Date(16917012e5),y:47},{comp:0,unit:"%",x:new Date(16917876e5),y:52},{comp:2,unit:"%",x:new Date(1691874e6),y:74},{comp:-8,unit:"%",x:new Date(16919604e5),y:27},{comp:41,unit:"%",x:new Date(16920468e5),y:50},{comp:-50,unit:"%",x:new Date(16921332e5),y:21},{comp:29,unit:"%",x:new Date(16922196e5),y:55},{comp:17,unit:"%",x:new Date(1692306e6),y:89},{comp:48,unit:"%",x:new Date(16923924e5),y:79},{comp:-43,unit:"%",x:new Date(16924788e5),y:2},{comp:38,unit:"%",x:new Date(16925652e5),y:65},{comp:-77,unit:"%",x:new Date(16926516e5),y:85},{comp:-55,unit:"%",x:new Date(1692738e6),y:24},{comp:-31,unit:"%",x:new Date(16928244e5),y:45}],id:"sugar"}],w:[{data:[{comp:33,unit:"%",x:new Date(1692306e6),y:78},{comp:-33,unit:"%",x:new Date(16923924e5),y:87},{comp:-47,unit:"%",x:new Date(16924788e5),y:27},{comp:-20,unit:"%",x:new Date(16925652e5),y:83},{comp:-17,unit:"%",x:new Date(16926516e5),y:87},{comp:97,unit:"%",x:new Date(1692738e6),y:42},{comp:-89,unit:"%",x:new Date(16928244e5),y:54}],id:"fibre"},{data:[{comp:65,unit:"%",x:new Date(1692306e6),y:71},{comp:-16,unit:"%",x:new Date(16923924e5),y:74},{comp:31,unit:"%",x:new Date(16924788e5),y:43},{comp:45,unit:"%",x:new Date(16925652e5),y:71},{comp:17,unit:"%",x:new Date(16926516e5),y:85},{comp:-99,unit:"%",x:new Date(1692738e6),y:13},{comp:-6,unit:"%",x:new Date(16928244e5),y:26}],id:"calories"},{data:[{comp:-71,unit:"%",x:new Date(1692306e6),y:1},{comp:91,unit:"%",x:new Date(16923924e5),y:7},{comp:3,unit:"%",x:new Date(16924788e5),y:24},{comp:92,unit:"%",x:new Date(16925652e5),y:31},{comp:55,unit:"%",x:new Date(16926516e5),y:36},{comp:-21,unit:"%",x:new Date(1692738e6),y:89},{comp:-24,unit:"%",x:new Date(16928244e5),y:27}],id:"sugar"}]}))(16927992e5+Math.floor(3600*Math.random()));return[...mockGraphData[timePeriodId]]},mockStaticApi={getData(timePeriodId){const res=getMockGraphData(timePeriodId);return res?Promise.resolve(res):Promise.resolve([])},getOptions(){return Promise.resolve([{value:"d",label:"Daily",precision:"hour"},{value:"w",label:"Weekly",precision:"week"},{value:"m",label:"Monthly",precision:"day"}])}};const{getData:getData,getOptions:getOptions}=mockStaticApi;var MealNutrients_stories={title:"Widgets/MealNutrients",component:MealNutrients};const Default=()=>{const[options,setOptions]=(0,react.useState)([]),[data,setData]=(0,react.useState)([]);return(0,react.useEffect)((()=>{getOptions().then((respOptions=>(setOptions(respOptions),getData(respOptions[0].value)))).then(setData)}),[]),(0,emotion_react_browser_esm.jsx)(MealNutrients,{data:data,options:options,onOptionChange:({value:value})=>{getData(String(value)).then(setData)}})};Default.displayName="Default",Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => {\n  const [options, setOptions] = useState<IMealNutrientsProps['options']>([]);\n  const [data, setData] = useState<IMealNutrientsProps['data']>([]);\n  useEffect(() => {\n    getOptions().then(respOptions => {\n      setOptions(respOptions);\n      return getData(respOptions[0].value);\n    }).then(setData);\n  }, []);\n  return <MealNutrients data={data} options={options} onOptionChange={({\n    value\n  }) => {\n    getData((String(value) as 'd' | 'w' | 'm')).then(setData);\n  }} />;\n}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"../utils/dist/index.js":function(module){self,module.exports=function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{assocPath:function(){return p},callAll:function(){return r},dateFormatters:function(){return n},dissocPath:function(){return h},generateRange:function(){return d},mapObjIndexed:function(){return s},path:function(){return g},throttle:function(){return u}});var n={};e.r(n),e.d(n,{formatDate:function(){return a},formatDayOfWeek:function(){return c},formatTime:function(){return i},printDayOfTheWeek:function(){return f}});const r=(...e)=>(...t)=>e.forEach((e=>e?.(...t))),u=(e,t)=>{let n=!1,r=null,u=null;return[function o(...i){n?r=i:(n=!0,e(...i),u=setTimeout((()=>{n=!1,r&&(o(...r),r=null)}),t))},function(){u&&clearTimeout(u)}]},o=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],i=e=>new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),c=e=>o[new Date(e).getDay()],a=e=>new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short"}),f=e=>{switch(e){case 0:return"Sun";case 1:return"Mon";case 2:return"Tue";case 3:return"Wed";case 4:return"Thu";case 5:return"Fri";case 6:return"Sat"}},s=(e,t)=>Object.keys(t).reduce(((n,r)=>(n[r]=e(t[r],r,t),n)),{}),l=(e,t,n)=>{for(let r=t;r<n;++r)e.push(r)};var d=(e,t)=>{if(null==e||!Number.isInteger(e))throw new Error("Pages count should be an integer");if(e<=0)return[];let n=[1];if(1===e)return n;if(null!=t&&!Number.isInteger(t))throw new Error("Selected page should be an integer");if(null!=t&&(t<1||t>e))throw new Error(`Selected page ${t} is out of range`);if(t&&t>2){const r=((e,t)=>{const n=[];return t!==e&&n.push(t),t>1&&n.unshift(t-1),t+1<e&&n.push(t+1),n})(e,t),[u,,o]=r;u-2>1?n.push(-1):l(n,2,u),n=n.concat(r),e-o>2?n.push(-1):l(n,o+1,e)}else e<=5?l(n,2,e):n.push(2,3,-1);return n.push(e),n};const p=([e,...t],n)=>r=>JSON.parse(JSON.stringify({...r,[e]:t.length?p(t,n)(r[e]):n})),h=e=>t=>{const n=JSON.parse(JSON.stringify(t));return e.reduce(((t,n,r)=>(r===e.length-1&&delete t[n],t[n])),n),n},g=e=>t=>e.reduce(((e,t)=>e?.[t]),t);return t}()}}]);

package/storybook-static/components-MealPlanner-MealPlanner-stories.4b8341d3.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[9],{"../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__webpack_require__.d(__webpack_exports__,{Z:function(){return _extends}})},"../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return createStyled}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.22.6/node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),emotion_memoize_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"),reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=(0,emotion_memoize_esm.Z)((function(prop){return reactPropsRegex.test(prop)||111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91})),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),emotion_utils_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+utils@1.2.1/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"),emotion_serialize_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+serialize@1.1.2/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js"),emotion_use_insertion_effect_with_fallbacks_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.0.1_react@18.2.0/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"),testOmitPropsOnStringTag=isPropValid,testOmitPropsOnComponent=function testOmitPropsOnComponent(key){return"theme"!==key},getDefaultShouldForwardProp=function getDefaultShouldForwardProp(tag){return"string"==typeof tag&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return(0,emotion_utils_browser_esm.hC)(cache,serialized,isStringTag),(0,emotion_use_insertion_effect_with_fallbacks_browser_esm.L)((function(){return(0,emotion_utils_browser_esm.My)(cache,serialized,isStringTag)})),null},createStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]||void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)styles.push(args[i],args[0][i])}var Styled=(0,emotion_element_c39617d8_browser_esm.w)((function(props,cache,ref){var FinalTag=shouldUseAs&&props.as||baseTag,className="",classInterpolations=[],mergedProps=props;if(null==props.theme){for(var key in mergedProps={},props)mergedProps[key]=props[key];mergedProps.theme=react.useContext(emotion_element_c39617d8_browser_esm.T)}"string"==typeof props.className?className=(0,emotion_utils_browser_esm.fp)(cache.registered,classInterpolations,props.className):null!=props.className&&(className=props.className+" ");var serialized=(0,emotion_serialize_browser_esm.O)(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,void 0!==targetClassName&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&void 0===shouldForwardProp?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&"as"===_key||finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,react.createElement(react.Fragment,null,react.createElement(Insertion,{cache:cache,serialized:serialized,isStringTag:"string"==typeof FinalTag}),react.createElement(FinalTag,newProps))}));return Styled.displayName=void 0!==identifierName?identifierName:"Styled("+("string"==typeof baseTag?baseTag:baseTag.displayName||baseTag.name||"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function value(){return"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled(nextTag,(0,esm_extends.Z)({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}}},"./src/components/MealPlanner/MealPlanner.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return MealPlanner_stories}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),emotion_styled_base_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),dist=__webpack_require__("../core/dist/index.js"),emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");var MealPlanner_MealPlannerBadge=(0,emotion_styled_base_browser_esm.Z)(dist.Badge,{target:"e12bwihj0"})({name:"1c9h7mo",styles:"display:inline-block;padding:0;margin-right:5px;width:4px;height:4px"});try{MealPlannerBadge.displayName="MealPlannerBadge",MealPlannerBadge.__docgenInfo={description:"",displayName:"MealPlannerBadge",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string | number | symbol"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"string | number | symbol"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealPlanner/MealPlannerBadge.tsx#MealPlannerBadge"]={docgenInfo:MealPlannerBadge.__docgenInfo,name:"MealPlannerBadge",path:"src/components/MealPlanner/MealPlannerBadge.tsx#MealPlannerBadge"})}catch(__react_docgen_typescript_loader_error){}var MealPlanner_MealPlannerLegends={List:(0,emotion_styled_base_browser_esm.Z)("ul",{target:"e1yfjgtr1"})({name:"wmff3h",styles:"display:flex;justify-content:space-between;list-style:none;width:100%;height:20px;padding:0;margin:0;margin-bottom:8px"}),Item:(0,emotion_styled_base_browser_esm.Z)("li",{target:"e1yfjgtr0"})({name:"s5xdrg",styles:"display:flex;align-items:center"})};const MealPlannerBars=(0,emotion_styled_base_browser_esm.Z)("ul",{target:"e1obar840"})({name:"1bn6kyv",styles:"display:flex;list-style:none;width:100%;height:20px;padding:0;margin:0;&>li:nth-of-type(2n):not(:last-child){margin:0 5px;}"});var MealPlanner_MealPlannerBars=MealPlannerBars;try{MealPlannerBars.displayName="MealPlannerBars",MealPlannerBars.__docgenInfo={description:"",displayName:"MealPlannerBars",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",name:"ref",required:!1,type:{name:"LegacyRef<HTMLUListElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'"inherit" | Booleanish'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "date" | "page" | "step" | "true" | "false" | "location"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLUListElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLUListElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLUListElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLUListElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLUListElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLUListElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealPlanner/MealPlannerBars.tsx#MealPlannerBars"]={docgenInfo:MealPlannerBars.__docgenInfo,name:"MealPlannerBars",path:"src/components/MealPlanner/MealPlannerBars.tsx#MealPlannerBars"})}catch(__react_docgen_typescript_loader_error){}const markerColor={carbs:"yellow",protein:"green",fat:"blue"};var _ref={name:"azty0s",styles:"width:calc(100% - 64px);padding-left:15px"},_ref2={name:"14aax6i",styles:"margin-top:5.6px"};const MealPlannerCard=({name:name,image:image,carbs:carbs,protein:protein,fat:fat})=>{const listItems={carbs:carbs,protein:protein,fat:fat};return(0,emotion_react_browser_esm.jsx)(dist.Wrapper,{css:_ref2},(0,emotion_react_browser_esm.jsx)(dist.Avatar,{size:64,image:image}),(0,emotion_react_browser_esm.jsx)("div",{css:_ref},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h6",weight:"medium"},name),(0,emotion_react_browser_esm.jsx)(MealPlanner_MealPlannerLegends.List,null,Object.keys(listItems).map((item=>(0,emotion_react_browser_esm.jsx)(MealPlanner_MealPlannerLegends.Item,{key:item},(0,emotion_react_browser_esm.jsx)(MealPlanner_MealPlannerBadge,{color:markerColor[item]}),(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"body1"},listItems[item],"% ",item))))),(0,emotion_react_browser_esm.jsx)(MealPlanner_MealPlannerBars,null,Object.keys(listItems).map((item=>(0,emotion_react_browser_esm.jsx)("li",{css:(0,emotion_react_browser_esm.css)("width:",listItems[item],"%;","",""),key:item},(0,emotion_react_browser_esm.jsx)(dist.ProgressBar,{percentage:100,color:markerColor[item]})))))))};MealPlannerCard.displayName="MealPlannerCard";try{MealPlannerCard.displayName="MealPlannerCard",MealPlannerCard.__docgenInfo={description:"",displayName:"MealPlannerCard",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},image:{defaultValue:null,description:"",name:"image",required:!0,type:{name:"string"}},calories:{defaultValue:null,description:"",name:"calories",required:!0,type:{name:"number"}},carbs:{defaultValue:null,description:"",name:"carbs",required:!0,type:{name:"number"}},protein:{defaultValue:null,description:"",name:"protein",required:!0,type:{name:"number"}},fat:{defaultValue:null,description:"",name:"fat",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealPlanner/MealPlannerCard.tsx#MealPlannerCard"]={docgenInfo:MealPlannerCard.__docgenInfo,name:"MealPlannerCard",path:"src/components/MealPlanner/MealPlannerCard.tsx#MealPlannerCard"})}catch(__react_docgen_typescript_loader_error){}const CustomOption=(0,emotion_styled_base_browser_esm.Z)(dist.DropdownOption,{target:"e1mo13t60"})({name:"dzdmk4",styles:"text-align:left;line-height:18px;font-size:11px"});var MealPlanner_ref={name:"17y49kf",styles:"flex-direction:column;width:100%"},MealPlanner_ref2={name:"as11ew",styles:"line-height:normal"};const MealPlanner=({data:data})=>{const[selectedOption,setSelectedOption]=(0,react.useState)(null),[options,setOptions]=(0,react.useState)([]),handleChange=e=>{const value=e.value.toString().toLowerCase();setSelectedOption(value)};return(0,react.useEffect)((()=>{null!=data&&"object"==typeof data&&setOptions(Object.keys(data).map(((item,index)=>({id:index,value:`${item.charAt(0).toUpperCase()}${item.slice(1)}`,label:`${item.charAt(0).toUpperCase()}${item.slice(1)} | ${data[item].time}`,extraVal:data[item].time}))))}),[data]),(0,react.useEffect)((()=>{options?.length>0&&null==selectedOption&&handleChange(options[0])}),[options]),(0,emotion_react_browser_esm.jsx)("div",null,(0,emotion_react_browser_esm.jsx)(dist.CardHeader,{transparent:!0},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h4",weight:"bold",css:MealPlanner_ref2},"Meal Planner"),options?.length>0&&(0,emotion_react_browser_esm.jsx)(dist.Dropdown,{selectedItem:options[0],onChange:handleChange},options.map(((item,index)=>(0,emotion_react_browser_esm.jsx)(CustomOption,{key:index,value:item.value,label:item.label.toString()},(0,emotion_react_browser_esm.jsx)("span",{style:{fontSize:13,fontWeight:500}},item.value)," | ",(0,emotion_react_browser_esm.jsx)("span",{style:{fontSize:11,fontWeight:500}},item.extraVal)))))),(0,emotion_react_browser_esm.jsx)(dist.Card,null,(0,emotion_react_browser_esm.jsx)(dist.CardContent,{css:MealPlanner_ref},selectedOption&&data[selectedOption].data.map((({id:id,...props})=>(0,emotion_react_browser_esm.jsx)(MealPlannerCard,(0,esm_extends.Z)({key:id},props)))))))};MealPlanner.displayName="MealPlanner";try{MealPlanner.displayName="MealPlanner",MealPlanner.__docgenInfo={description:"",displayName:"MealPlanner",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"{ [mealName: string]: MealPlannerItem; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealPlanner/MealPlanner.tsx#MealPlanner"]={docgenInfo:MealPlanner.__docgenInfo,name:"MealPlanner",path:"src/components/MealPlanner/MealPlanner.tsx#MealPlanner"})}catch(__react_docgen_typescript_loader_error){}var MealPlanner_stories={title:"Widgets/MealPlanner",component:MealPlanner,args:{data:{breakfast:{time:"8:00 AM",data:[{id:1,name:"Avocado salad",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Favocado%2Favocado_64.png?alt=media&token=daa461dd-085c-4542-a5d4-c83a0a8efb4c",calories:300,carbs:10,protein:50,fat:40},{id:2,name:"Almond milk",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fmilk%2Fmilk_64.png?alt=media&token=88ab4b5d-1c1f-43e5-849f-1dbf71c5dc8b",calories:300,carbs:40,protein:20,fat:40},{id:3,name:"Blueberry",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fblueberry%2Fblueberry_64.png?alt=media&token=ab7c1d58-9743-478e-bcf8-aa7726ccbe78",calories:300,carbs:40,protein:30,fat:30}]},lunch:{time:"1:00 PM",data:[{id:4,name:"Beef steak",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fsteak%2Fsteak_64.png?alt=media&token=44f02ad7-9a56-4839-aa00-e50ff44a14aa",calories:300,carbs:10,protein:50,fat:40}]},dinner:{time:"7:00 PM",data:[{id:5,name:"Soup",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fsoup%2Fsoup_64.png?alt=media&token=fb2a8b51-a735-4669-8cdc-c2d52b23b114",calories:300,carbs:30,protein:30,fat:40}]}}}};const Default={};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]}}]);

package/storybook-static/components-NavBar-NavBar-stories.4f37096a.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[300],{"./src/components/NavBar/NavBar.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},WideScreen:function(){return WideScreen},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return NavBar_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),dist=__webpack_require__("../../node_modules/.pnpm/react-router-dom@6.11.2_react-dom@18.2.0_react@18.2.0/node_modules/react-router-dom/dist/index.js"),react_router_dist=__webpack_require__("../../node_modules/.pnpm/react-router@6.11.2_react@18.2.0/node_modules/react-router/dist/index.js"),addon_docs_dist=__webpack_require__("../../node_modules/.pnpm/@storybook+addon-docs@7.3.2_@types+react-dom@18.2.4_@types+react@18.2.8_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/addon-docs/dist/index.mjs"),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),core_dist=__webpack_require__("../core/dist/index.js"),emotion_styled_base_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js");var NavBar_NavBarWrapper=(0,emotion_styled_base_browser_esm.Z)("div",{target:"e13c6ff40"})("position:absolute;top:60px;left:0;width:56px;border-radius:12px 12px 0 0;background:linear-gradient(\n    108.3deg,\n    ",(({theme:theme})=>theme.colors.greyDarker)," -0.36%,\n    ",(({theme:theme})=>theme.colors.greyDarker)," 100%\n  );transform:translateY(-200vh);transition:height 475ms ease,transform 450ms ease,border-radius 450ms ease;",(({theme:theme})=>theme.mediaQueries.sm),"{width:64px;}",(({theme:theme})=>theme.mediaQueries.lg),"{display:flex;position:fixed;top:0;width:94px;height:100vh;border-radius:0;transform:translateY(0);}");var NavBar_NavToggleWrapper=(0,emotion_styled_base_browser_esm.Z)("div",{target:"e1wac53j0"})("display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border:none;border-radius:25px;background:transparent;height:36px;width:36px;",(({theme:theme})=>theme.mediaQueries.lg),"{display:none;}");var NavBar_NavBarBase=(0,emotion_styled_base_browser_esm.Z)("nav",{target:"e15k97860"})("align-items:center;justify-content:center;z-index:9999;color:",(({theme:theme})=>theme.colors.greyLighter),";input[type='checkbox']{display:none;&:checked{&~",NavBar_NavToggleWrapper,"{background-color:#dee1ec;}&~",NavBar_NavBarWrapper,"{transform:translateY(0);border-radius:12px 12px 0 0;height:calc(100vh - 60px);",(({theme:theme})=>theme.mediaQueries.lg),"{border-radius:0;height:100vh;}}}}",(({theme:theme})=>theme.mediaQueries.lg),"{display:flex;top:0;border-radius:0;button{display:none;}}");var NavBar_NavBarList=(0,emotion_styled_base_browser_esm.Z)("ul",{target:"e12lkdk0"})({name:"t0tg5g",styles:"display:flex;flex-wrap:wrap;list-style:none;align-items:center;align-self:center;height:486px;padding:0"});var NavBar_NavBarItem=(0,emotion_styled_base_browser_esm.Z)("li",{target:"eybh96z0"})({name:"fd4ibt",styles:"display:flex;flex:1 1 100%;align-items:center;justify-content:center;height:65px"});var NavBar_NavBarLink=(0,emotion_styled_base_browser_esm.Z)(dist.rU,{target:"e1nx84b50"})("cursor:pointer;&:hover{svg{filter:",(({theme:theme})=>`drop-shadow(-4px 4px 14px ${theme.colors.white})`),";}}",(({active:active,theme:theme})=>active&&`\n      svg {\n        filter: drop-shadow(-4px 4px 14px ${theme.colors.white});\n        \n        path {\n          fill: ${theme.colors.white};\n        }\n      }\n    `),";"),emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");var _ref={name:"1apeu08",styles:"cursor:pointer;height:20px;width:20px;transform:scale(-1, 1);span{height:2px;width:100%;background:black;display:block;margin:3px 0;&:nth-of-type(2){width:80%;}}"};const NavToggle=({htmlFor:htmlFor})=>(0,emotion_react_browser_esm.jsx)(NavBar_NavToggleWrapper,null,(0,emotion_react_browser_esm.jsx)("label",{htmlFor:htmlFor,css:_ref},(0,emotion_react_browser_esm.jsx)("span",null),(0,emotion_react_browser_esm.jsx)("span",null),(0,emotion_react_browser_esm.jsx)("span",null)));NavToggle.displayName="NavToggle";var NavBar_NavToggle=NavToggle;try{NavToggle.displayName="NavToggle",NavToggle.__docgenInfo={description:"",displayName:"NavToggle",props:{htmlFor:{defaultValue:null,description:"",name:"htmlFor",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/NavBar/NavToggle.tsx#NavToggle"]={docgenInfo:NavToggle.__docgenInfo,name:"NavToggle",path:"src/components/NavBar/NavToggle.tsx#NavToggle"})}catch(__react_docgen_typescript_loader_error){}const NavBar=({items:items})=>{const toggleId=(0,react.useId)(),{pathname:pathname}=(0,react_router_dist.TH)(),theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(NavBar_NavBarBase,null,(0,emotion_react_browser_esm.jsx)("input",{type:"checkbox",id:toggleId}),(0,emotion_react_browser_esm.jsx)(NavBar_NavToggle,{htmlFor:toggleId}),(0,emotion_react_browser_esm.jsx)(NavBar_NavBarWrapper,null,(0,emotion_react_browser_esm.jsx)(NavBar_NavBarList,null,items.map((({path:path,iconName:iconName})=>(0,emotion_react_browser_esm.jsx)(NavBar_NavBarItem,{key:path},(0,emotion_react_browser_esm.jsx)(NavBar_NavBarLink,{to:"/"+path,active:pathname===path},(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:iconName,color:theme.colors.grey}))))))))};NavBar.displayName="NavBar";try{NavBar.displayName="NavBar",NavBar.__docgenInfo={description:"\nUI Component that shows the navigation bar",displayName:"NavBar",props:{items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:'{ path: string; iconName: "stats" | "calendar" | "trainings" | "measurements" | "diet" | "notification" | "settings" | "circle" | "filter" | "home" | "sleep" | "plus" | "minus" | "more" | ... 12 more ... | "arrow-down"; }[]'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/NavBar/NavBar.tsx#NavBar"]={docgenInfo:NavBar.__docgenInfo,name:"NavBar",path:"src/components/NavBar/NavBar.tsx#NavBar"})}catch(__react_docgen_typescript_loader_error){}const reactRouterDecorator=Story=>(0,emotion_react_browser_esm.jsx)(dist.VK,null,(0,emotion_react_browser_esm.jsx)(react_router_dist.Z5,null,(0,emotion_react_browser_esm.jsx)(react_router_dist.AW,{path:"/*",element:(0,emotion_react_browser_esm.jsx)(Story,null)})));reactRouterDecorator.displayName="reactRouterDecorator";var NavBar_stories={title:"Widgets/NavBar",component:NavBar,parameters:{viewport:{defaultViewport:"mobile2"},docs:{page:()=>(0,emotion_react_browser_esm.jsx)(react.Fragment,null,(0,emotion_react_browser_esm.jsx)(addon_docs_dist.Dx,null),(0,emotion_react_browser_esm.jsx)(addon_docs_dist.dk,null),(0,emotion_react_browser_esm.jsx)(addon_docs_dist.Hw,{code:"<NavBar />"}))}},decorators:[reactRouterDecorator,Story=>(0,emotion_react_browser_esm.jsx)("div",{style:{height:"100vh",position:"relative"}},Story())],args:{items:[{path:"stats",iconName:"stats"},{path:"calendar",iconName:"calendar"},{path:"trainings",iconName:"trainings"},{path:"measurements",iconName:"measurements"},{path:"diet",iconName:"diet"},{path:"notification",iconName:"notification"},{path:"settings",iconName:"settings"}]}};const Default={},WideScreen={component:NavBar,parameters:{viewport:{viewports:{laptop:{name:"Laptop",styles:{width:"1440px",height:"1080px"}}},defaultViewport:"laptop"}}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}},WideScreen.parameters={...WideScreen.parameters,docs:{...WideScreen.parameters?.docs,source:{originalSource:"{\n  component: NavBar,\n  parameters: {\n    viewport: {\n      viewports: VIEWPORTS,\n      defaultViewport: 'laptop'\n    }\n  }\n}",...WideScreen.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WideScreen"]}}]);

package/storybook-static/components-Pagination-Pagination-stories.2fd0c446.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[234],{"../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return createStyled}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.22.6/node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),emotion_memoize_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"),reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=(0,emotion_memoize_esm.Z)((function(prop){return reactPropsRegex.test(prop)||111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91})),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),emotion_utils_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+utils@1.2.1/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"),emotion_serialize_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+serialize@1.1.2/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js"),emotion_use_insertion_effect_with_fallbacks_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.0.1_react@18.2.0/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"),testOmitPropsOnStringTag=isPropValid,testOmitPropsOnComponent=function testOmitPropsOnComponent(key){return"theme"!==key},getDefaultShouldForwardProp=function getDefaultShouldForwardProp(tag){return"string"==typeof tag&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return(0,emotion_utils_browser_esm.hC)(cache,serialized,isStringTag),(0,emotion_use_insertion_effect_with_fallbacks_browser_esm.L)((function(){return(0,emotion_utils_browser_esm.My)(cache,serialized,isStringTag)})),null},createStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]||void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)styles.push(args[i],args[0][i])}var Styled=(0,emotion_element_c39617d8_browser_esm.w)((function(props,cache,ref){var FinalTag=shouldUseAs&&props.as||baseTag,className="",classInterpolations=[],mergedProps=props;if(null==props.theme){for(var key in mergedProps={},props)mergedProps[key]=props[key];mergedProps.theme=react.useContext(emotion_element_c39617d8_browser_esm.T)}"string"==typeof props.className?className=(0,emotion_utils_browser_esm.fp)(cache.registered,classInterpolations,props.className):null!=props.className&&(className=props.className+" ");var serialized=(0,emotion_serialize_browser_esm.O)(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,void 0!==targetClassName&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&void 0===shouldForwardProp?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&"as"===_key||finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,react.createElement(react.Fragment,null,react.createElement(Insertion,{cache:cache,serialized:serialized,isStringTag:"string"==typeof FinalTag}),react.createElement(FinalTag,newProps))}));return Styled.displayName=void 0!==identifierName?identifierName:"Styled("+("string"==typeof baseTag?baseTag:baseTag.displayName||baseTag.name||"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function value(){return"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled(nextTag,(0,esm_extends.Z)({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}}},"./src/components/Pagination/Pagination.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FirstPageSelected:function(){return FirstPageSelected},LastPageSelected:function(){return LastPageSelected},NoPagesSelected:function(){return NoPagesSelected},PageSelected:function(){return PageSelected},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Pagination_stories}});var emotion_styled_base_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),dist=__webpack_require__("../hooks/dist/index.js"),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),core_dist=__webpack_require__("../core/dist/index.js"),emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const baseBtnStyles=theme=>(0,emotion_react_browser_esm.css)("height:30px;border-radius:6px;",theme.mediaQueries.md,"{height:25px;}","",""),pageBtnStyles=theme=>(0,emotion_react_browser_esm.css)(baseBtnStyles(theme)," background:unset;box-shadow:unset;color:#070821;padding:0 11px;",theme.mediaQueries.md,"{padding:0 9px;}&:hover,&:active,&:focus{background:#eef1f7;box-shadow:unset;}","",""),selectedBtnBg=theme=>(0,emotion_react_browser_esm.css)("background:",theme.colors.blueLightDarker,";background:linear-gradient(\n    247.37deg,\n    ",theme.colors.blueDark,",\n    ",theme.colors.blueLightDarker,"\n  );","",""),selectedPageBtnStyles=theme=>(0,emotion_react_browser_esm.css)(baseBtnStyles(theme)," ",selectedBtnBg(theme)," color:white;margin:0 3px;padding:0 13px;",theme.mediaQueries.md,"{padding:0 10px;}&:hover{box-shadow:0 5px 5px -1px rgba(0, 0, 0, 0.3);cursor:default;}&:hover,&:active,&:focus{",selectedBtnBg(theme),";}","",""),arrowBtnStyles=theme=>(0,emotion_react_browser_esm.css)(baseBtnStyles(theme)," padding:0 8px;background:",theme.colors.greyLighter,";&:disabled{cursor:default;background:unset;}&:not(:disabled):hover{box-shadow:0 5px 5px -2px rgba(0, 0, 0, 0.2);cursor:pointer;}","","");try{pageBtnStyles.displayName="pageBtnStyles",pageBtnStyles.__docgenInfo={description:"",displayName:"pageBtnStyles",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/styles.tsx#pageBtnStyles"]={docgenInfo:pageBtnStyles.__docgenInfo,name:"pageBtnStyles",path:"src/components/Pagination/styles.tsx#pageBtnStyles"})}catch(__react_docgen_typescript_loader_error){}try{selectedPageBtnStyles.displayName="selectedPageBtnStyles",selectedPageBtnStyles.__docgenInfo={description:"",displayName:"selectedPageBtnStyles",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/styles.tsx#selectedPageBtnStyles"]={docgenInfo:selectedPageBtnStyles.__docgenInfo,name:"selectedPageBtnStyles",path:"src/components/Pagination/styles.tsx#selectedPageBtnStyles"})}catch(__react_docgen_typescript_loader_error){}try{arrowBtnStyles.displayName="arrowBtnStyles",arrowBtnStyles.__docgenInfo={description:"",displayName:"arrowBtnStyles",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/styles.tsx#arrowBtnStyles"]={docgenInfo:arrowBtnStyles.__docgenInfo,name:"arrowBtnStyles",path:"src/components/Pagination/styles.tsx#arrowBtnStyles"})}catch(__react_docgen_typescript_loader_error){}const ArrowButton=({direction:direction,onClick:onClick,isDisabled:isDisabled,className:className})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(core_dist.Button,{startIcon:(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:`carrot-${direction}`,size:12,color:theme.colors.greyDisabled}),variant:"custom",onClick:onClick,isDisabled:isDisabled,size:"small",className:className,css:arrowBtnStyles(theme),"aria-label":`Go to ${"left"===direction?"previous":"next"} page`})};ArrowButton.displayName="ArrowButton";try{ArrowButton.displayName="ArrowButton",ArrowButton.__docgenInfo={description:"",displayName:"ArrowButton",props:{direction:{defaultValue:null,description:"",name:"direction",required:!0,type:{name:'"left" | "right"'}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}},isDisabled:{defaultValue:null,description:"",name:"isDisabled",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/ArrowButton.tsx#ArrowButton"]={docgenInfo:ArrowButton.__docgenInfo,name:"ArrowButton",path:"src/components/Pagination/ArrowButton.tsx#ArrowButton"})}catch(__react_docgen_typescript_loader_error){}var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js");var _ref={name:"1ll9bqd",styles:"cursor:default"};const Break=()=>(0,emotion_react_browser_esm.jsx)("span",{css:_ref},"...");Break.displayName="Break";const PageButton=({onClick:onClick,isSelected:isSelected,page:page})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)(),styles=(0,react.useMemo)((()=>isSelected?selectedPageBtnStyles(theme):pageBtnStyles(theme)),[isSelected]);return(0,emotion_react_browser_esm.jsx)(core_dist.Button,{size:"small",variant:"secondary",onClick:isSelected?()=>{}:onClick,css:styles,"aria-label":isSelected?`Current page ${page}`:`Go to page ${page}`,"aria-current":isSelected},page)};PageButton.displayName="PageButton";const PaginationButtons=({range:range,selectedPage:selectedPage,onClick:onClick})=>Array.isArray(range)&&range.map(((page,index)=>-1===page?(0,emotion_react_browser_esm.jsx)(Break,{key:index}):(0,emotion_react_browser_esm.jsx)(PageButton,{key:index,page:page,isSelected:page===selectedPage,onClick:()=>onClick(page)})));try{PaginationButtons.displayName="PaginationButtons",PaginationButtons.__docgenInfo={description:"",displayName:"PaginationButtons",props:{range:{defaultValue:null,description:"",name:"range",required:!0,type:{name:"number[]"}},selectedPage:{defaultValue:null,description:"",name:"selectedPage",required:!1,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(page: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/PaginationButtons.tsx#PaginationButtons"]={docgenInfo:PaginationButtons.__docgenInfo,name:"PaginationButtons",path:"src/components/Pagination/PaginationButtons.tsx#PaginationButtons"})}catch(__react_docgen_typescript_loader_error){}const PaginationContext=(0,react.createContext)({}),PaginationContextProvider=({selectedPage:selectedPage,children:children})=>{const[page,setPage]=(0,react.useState)(selectedPage);return(0,emotion_react_browser_esm.jsx)(PaginationContext.Provider,{value:{page:page,setPage:setPage}},children)};PaginationContextProvider.displayName="PaginationContextProvider";try{PaginationContextProvider.displayName="PaginationContextProvider",PaginationContextProvider.__docgenInfo={description:"",displayName:"PaginationContextProvider",props:{selectedPage:{defaultValue:null,description:"",name:"selectedPage",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/PaginationContext.tsx#PaginationContextProvider"]={docgenInfo:PaginationContextProvider.__docgenInfo,name:"PaginationContextProvider",path:"src/components/Pagination/PaginationContext.tsx#PaginationContextProvider"})}catch(__react_docgen_typescript_loader_error){}const Nav=(0,emotion_styled_base_browser_esm.Z)("nav",{target:"e1ccwy860"})("");var Pagination_ref={name:"1j97xhc",styles:"margin-right:12px"},_ref2={name:"lrb7um",styles:"margin-left:7px"};const Pagination=({pagesCount:pagesCount,className:className,as:as,ariaLabel:ariaLabel})=>{const{page:page,setPage:setPage}=(0,react.useContext)(PaginationContext),range=(0,dist.usePaginationRange)({pagesCount:pagesCount,selectedPage:page});return(0,emotion_react_browser_esm.jsx)(Nav,{className:className,as:as,"aria-label":ariaLabel||"Pagination"},(0,emotion_react_browser_esm.jsx)(ArrowButton,{direction:"left",onClick:()=>{page&&setPage(page-1)},isDisabled:null==pagesCount||pagesCount<=1||null==page||1===page,css:Pagination_ref}),(0,emotion_react_browser_esm.jsx)(PaginationButtons,{range:range,selectedPage:page,onClick:setPage}),(0,emotion_react_browser_esm.jsx)(ArrowButton,{direction:"right",onClick:()=>{page&&setPage(page+1)},isDisabled:null==pagesCount||pagesCount<=1||null==page||page===pagesCount,css:_ref2}))};Pagination.displayName="Pagination";var Pagination_Pagination=Pagination;try{Pagination.displayName="Pagination",Pagination.__docgenInfo={description:"",displayName:"Pagination",props:{pagesCount:{defaultValue:null,description:"",name:"pagesCount",required:!0,type:{name:"number"}},ariaLabel:{defaultValue:null,description:"",name:"ariaLabel",required:!1,type:{name:"string"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/Pagination.tsx#Pagination"]={docgenInfo:Pagination.__docgenInfo,name:"Pagination",path:"src/components/Pagination/Pagination.tsx#Pagination"})}catch(__react_docgen_typescript_loader_error){}var Pagination_stories={title:"Widgets/Pagination",component:Pagination_Pagination,decorators:[(Story,{parameters:parameters,args:args})=>{const{selectedPage:selectedPage}=parameters;return(0,emotion_react_browser_esm.jsx)(PaginationContextProvider,{selectedPage:selectedPage},Story(args))}]};const PageSelected={args:{pagesCount:10},parameters:{selectedPage:5}},NoPagesSelected={args:{pagesCount:10}},FirstPageSelected={args:{pagesCount:10},parameters:{selectedPage:1}},LastPageSelected={args:{pagesCount:10},parameters:{selectedPage:10}};PageSelected.parameters={...PageSelected.parameters,docs:{...PageSelected.parameters?.docs,source:{originalSource:"{\n  args: {\n    pagesCount: 10\n  },\n  parameters: {\n    selectedPage: 5\n  }\n}",...PageSelected.parameters?.docs?.source}}},NoPagesSelected.parameters={...NoPagesSelected.parameters,docs:{...NoPagesSelected.parameters?.docs,source:{originalSource:"{\n  args: {\n    pagesCount: 10\n  }\n}",...NoPagesSelected.parameters?.docs?.source}}},FirstPageSelected.parameters={...FirstPageSelected.parameters,docs:{...FirstPageSelected.parameters?.docs,source:{originalSource:"{\n  args: {\n    pagesCount: 10\n  },\n  parameters: {\n    selectedPage: 1\n  }\n}",...FirstPageSelected.parameters?.docs?.source}}},LastPageSelected.parameters={...LastPageSelected.parameters,docs:{...LastPageSelected.parameters?.docs,source:{originalSource:"{\n  args: {\n    pagesCount: 10\n  },\n  parameters: {\n    selectedPage: 10\n  }\n}",...LastPageSelected.parameters?.docs?.source}}};const __namedExportsOrder=["PageSelected","NoPagesSelected","FirstPageSelected","LastPageSelected"]},"../hooks/dist/index.js":function(module,__unused_webpack_exports,__webpack_require__){var e;self,module.exports=(e=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),function(){var t={468:function(e){self,e.exports=function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{assocPath:function(){return p},callAll:function(){return r},dateFormatters:function(){return n},dissocPath:function(){return h},generateRange:function(){return l},mapObjIndexed:function(){return f},path:function(){return g},throttle:function(){return o}});var n={};e.r(n),e.d(n,{formatDate:function(){return a},formatDayOfWeek:function(){return c},formatTime:function(){return i},printDayOfTheWeek:function(){return s}});const r=(...e)=>(...t)=>e.forEach((e=>e?.(...t))),o=(e,t)=>{let n=!1,r=null,o=null;return[function u(...i){n?r=i:(n=!0,e(...i),o=setTimeout((()=>{n=!1,r&&(u(...r),r=null)}),t))},function(){o&&clearTimeout(o)}]},u=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],i=e=>new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),c=e=>u[new Date(e).getDay()],a=e=>new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short"}),s=e=>{switch(e){case 0:return"Sun";case 1:return"Mon";case 2:return"Tue";case 3:return"Wed";case 4:return"Thu";case 5:return"Fri";case 6:return"Sat"}},f=(e,t)=>Object.keys(t).reduce(((n,r)=>(n[r]=e(t[r],r,t),n)),{}),d=(e,t,n)=>{for(let r=t;r<n;++r)e.push(r)};var l=(e,t)=>{if(null==e||!Number.isInteger(e))throw new Error("Pages count should be an integer");if(e<=0)return[];let n=[1];if(1===e)return n;if(null!=t&&!Number.isInteger(t))throw new Error("Selected page should be an integer");if(null!=t&&(t<1||t>e))throw new Error(`Selected page ${t} is out of range`);if(t&&t>2){const r=((e,t)=>{const n=[];return t!==e&&n.push(t),t>1&&n.unshift(t-1),t+1<e&&n.push(t+1),n})(e,t),[o,,u]=r;o-2>1?n.push(-1):d(n,2,o),n=n.concat(r),e-u>2?n.push(-1):d(n,u+1,e)}else e<=5?d(n,2,e):n.push(2,3,-1);return n.push(e),n};const p=([e,...t],n)=>r=>JSON.parse(JSON.stringify({...r,[e]:t.length?p(t,n)(r[e]):n})),h=e=>t=>{const n=JSON.parse(JSON.stringify(t));return e.reduce(((t,n,r)=>(r===e.length-1&&delete t[n],t[n])),n),n},g=e=>t=>e.reduce(((e,t)=>e?.[t]),t);return t}()},156:function(t){"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var u=n[e]={exports:{}};return t[e](u,u.exports,r),u.exports}r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";r.r(o),r.d(o,{useApi:function(){return t},useClickOutside:function(){return u},usePaginationRange:function(){return c},useWindowSize:function(){return n}});var e=r(156);function t(t,n){const[r,o]=(0,e.useState)(!1),[u,i]=(0,e.useState)(null),[c,a]=(0,e.useState)(n);return{isLoading:r,error:u,data:c,query:async(...e)=>{o(!0),i(null);try{const n=await t(...e);a(n)}catch(e){i(e)}finally{o(!1)}}}}const n=()=>{const[t,n]=(0,e.useState)({width:window.innerWidth,height:window.innerHeight});return(0,e.useEffect)((()=>{function e(){n({width:window.innerWidth,height:window.innerHeight})}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),t},u=(t,n)=>{const r=["mousedown","touchstart"];(0,e.useEffect)((()=>{const e=e=>{null==t.current||t.current.contains(e.target)||n(e)};return r.forEach((t=>document.addEventListener(t,e))),()=>r.forEach((t=>document.removeEventListener(t,e)))}),[t,n])};var i=r(468);const c=({pagesCount:t,selectedPage:n})=>(0,e.useMemo)((()=>(0,i.generateRange)(t,n)),[t,n])}(),o}())}}]);

package/storybook-static/components-ProgressInfo-ProgressInfo-stories.665cee18.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[997],{"./src/components/ProgressInfo/ProgressInfo.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return ProgressInfo_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),nivo_pie_es=__webpack_require__("../../node_modules/.pnpm/@nivo+pie@0.83.0_prop-types@15.8.1_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/pie/dist/nivo-pie.es.js"),dist=__webpack_require__("../core/dist/index.js"),hooks_dist=__webpack_require__("../hooks/dist/index.js"),emotion_styled_base_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js");const ProgressInfoContent=(0,emotion_styled_base_browser_esm.Z)(dist.CardContent,{target:"e1f4zp3t0"})("width:100%;height:100%;max-width:380px;align-items:center;flex-direction:row;justify-content:space-between;gap:20px;",(({theme:theme})=>theme.mediaQueries.lg),"{gap:30px;}div:nth-of-type(1){width:120px;height:120px;}",(({theme:theme})=>theme.mediaQueries.md),"{div:nth-of-type(1){width:160px;height:160px;}}");var ProgressInfo_ProgressInfoContent=ProgressInfoContent;try{ProgressInfoContent.displayName="ProgressInfoContent",ProgressInfoContent.__docgenInfo={description:"",displayName:"ProgressInfoContent",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:'"row" | "row-reverse" | "column" | "column-reverse"'}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},ariaLabelledby:{defaultValue:null,description:"",name:"ariaLabelledby",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressInfo/ProgressInfoContent.tsx#ProgressInfoContent"]={docgenInfo:ProgressInfoContent.__docgenInfo,name:"ProgressInfoContent",path:"src/components/ProgressInfo/ProgressInfoContent.tsx#ProgressInfoContent"})}catch(__react_docgen_typescript_loader_error){}const ProgressInfoList=(0,emotion_styled_base_browser_esm.Z)("ul",{target:"e6gcbpv0"})({name:"8ev57u",styles:"display:flex;flex-flow:column;justify-content:center;list-style:none;height:100%;padding:0;margin:0;gap:14px;li{display:flex;align-items:center;height:20px;}"});var ProgressInfo_ProgressInfoList=ProgressInfoList;try{ProgressInfoList.displayName="ProgressInfoList",ProgressInfoList.__docgenInfo={description:"",displayName:"ProgressInfoList",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",name:"ref",required:!1,type:{name:"LegacyRef<HTMLUListElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'"inherit" | Booleanish'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "date" | "page" | "step" | "true" | "false" | "location"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLUListElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLUListElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLUListElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLUListElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLUListElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLUListElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressInfo/ProgressInfoList.tsx#ProgressInfoList"]={docgenInfo:ProgressInfoList.__docgenInfo,name:"ProgressInfoList",path:"src/components/ProgressInfo/ProgressInfoList.tsx#ProgressInfoList"})}catch(__react_docgen_typescript_loader_error){}const ProgressInfoMarker=(0,emotion_styled_base_browser_esm.Z)(dist.Badge,{target:"e19h3pe60"})({name:"czkajx",styles:"display:inline-block;padding:0;margin-right:12px;width:8px;height:8px"});var ProgressInfo_ProgressInfoMarker=ProgressInfoMarker;try{ProgressInfoMarker.displayName="ProgressInfoMarker",ProgressInfoMarker.__docgenInfo={description:"",displayName:"ProgressInfoMarker",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string | number | symbol"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"string | number | symbol"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressInfo/ProgressInfoMarker.tsx#ProgressInfoMarker"]={docgenInfo:ProgressInfoMarker.__docgenInfo,name:"ProgressInfoMarker",path:"src/components/ProgressInfo/ProgressInfoMarker.tsx#ProgressInfoMarker"})}catch(__react_docgen_typescript_loader_error){}var emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const ProgressInfoLegends=({data:data})=>(0,emotion_react_browser_esm.jsx)(react.Fragment,null,(0,emotion_react_browser_esm.jsx)("div",null,(0,emotion_react_browser_esm.jsx)(ProgressInfo_ProgressInfoList,null,data.map((({id:id,label:label,colorTag:colorTag})=>(0,emotion_react_browser_esm.jsx)("li",{key:`tag-${id}`},(0,emotion_react_browser_esm.jsx)(ProgressInfo_ProgressInfoMarker,{color:colorTag,as:"span"}),(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h6"},label)))))),(0,emotion_react_browser_esm.jsx)("div",null,(0,emotion_react_browser_esm.jsx)(ProgressInfo_ProgressInfoList,null,data.map((({id:id,value:value})=>(0,emotion_react_browser_esm.jsx)("li",{key:`subtitle-${id}`},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"subtitle",color:"greyDarker60"},value," hrs")))))));ProgressInfoLegends.displayName="ProgressInfoLegends";var ProgressInfo_ProgressInfoLegends=ProgressInfoLegends;try{ProgressInfoLegends.displayName="ProgressInfoLegends",ProgressInfoLegends.__docgenInfo={description:"",displayName:"ProgressInfoLegends",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"ProgressInfoItemProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressInfo/ProgressInfoLegends.tsx#ProgressInfoLegends"]={docgenInfo:ProgressInfoLegends.__docgenInfo,name:"ProgressInfoLegends",path:"src/components/ProgressInfo/ProgressInfoLegends.tsx#ProgressInfoLegends"})}catch(__react_docgen_typescript_loader_error){}var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js");const ProgressInfoMetric=({textPosition:textPosition,total:total,size:size})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(react.Fragment,null,(0,emotion_react_browser_esm.jsx)("text",(0,esm_extends.Z)({},textPosition.caption[size],{textAnchor:"middle",dominantBaseline:"central",css:(0,emotion_react_browser_esm.css)("font-size:13px;font-weight:500;fill:",theme.colors.greyDarker60,";",theme.mediaQueries.md,"{font-size:16px;font-weight:700;}","","")}),"Total"),(0,emotion_react_browser_esm.jsx)("text",(0,esm_extends.Z)({},textPosition.value[size],{textAnchor:"middle",dominantBaseline:"central",css:(0,emotion_react_browser_esm.css)("font-size:19px;font-weight:700;fill:",theme.colors.greyDarker,";",theme.mediaQueries.md,"{font-size:28px;font-weight:700;}","","")}),total),(0,emotion_react_browser_esm.jsx)("text",(0,esm_extends.Z)({},textPosition.unit[size],{textAnchor:"middle",dominantBaseline:"central",css:(0,emotion_react_browser_esm.css)("font-size:13px;font-weight:700;fill:",theme.colors.greyDarker60,";",theme.mediaQueries.md,"{font-size:16px;font-weight:700;}","","")}),"hrs"))};ProgressInfoMetric.displayName="ProgressInfoMetric";var ProgressInfo_ProgressInfoMetric=ProgressInfoMetric;try{ProgressInfoMetric.displayName="ProgressInfoMetric",ProgressInfoMetric.__docgenInfo={description:"",displayName:"ProgressInfoMetric",props:{textPosition:{defaultValue:null,description:"",name:"textPosition",required:!0,type:{name:"TextPositionMap"}},total:{defaultValue:null,description:"",name:"total",required:!0,type:{name:"number"}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressInfo/ProgressInfoMetric.tsx#ProgressInfoMetric"]={docgenInfo:ProgressInfoMetric.__docgenInfo,name:"ProgressInfoMetric",path:"src/components/ProgressInfo/ProgressInfoMetric.tsx#ProgressInfoMetric"})}catch(__react_docgen_typescript_loader_error){}var _ref={name:"1uqairc",styles:"border-radius:20px;padding-inline:24px;padding-block:24px"};const ProgressInfo=({data:data})=>{const{width:windowWidth}=(0,hooks_dist.useWindowSize)(),[options,setOptions]=(0,react.useState)([]),[selected,setSelected]=(0,react.useState)(),[response,setResponse]=(0,react.useState)([]);(0,react.useEffect)((()=>{if(Object.keys(data).length>0){const options=[];Object.keys(data).forEach((key=>{Object.keys(data[key]).length>0&&options.push({value:key,id:key})})),setOptions(options),setSelected(options[0]),filterData(options[0].id)}}),[data]);const sumValues=(acc,cur)=>({...acc,value:acc.value+(cur?.value?cur.value:0)}),filterData=e=>{const response=[];Object.keys(data[e]).forEach((key=>{const el=data[e][key].reduce(sumValues);response.push(el)})),setResponse(response)};return(0,emotion_react_browser_esm.jsx)(dist.Card,{css:_ref},(0,emotion_react_browser_esm.jsx)(dist.CardHeader,null,(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h3",weight:"bold"},"Progress"),Object.keys(options).length>0&&(0,emotion_react_browser_esm.jsx)(dist.Dropdown,{selectedItem:selected,onChange:e=>{filterData(e.value)}},options.map(((item,index)=>(0,emotion_react_browser_esm.jsx)(dist.DropdownOption,{key:index,value:item.value}))))),(0,emotion_react_browser_esm.jsx)(ProgressInfo_ProgressInfoContent,null,response.length>0?(0,emotion_react_browser_esm.jsx)(react.Fragment,null,(0,emotion_react_browser_esm.jsx)("div",null,(0,emotion_react_browser_esm.jsx)(nivo_pie_es.Y2,{data:response,isInteractive:!1,innerRadius:.8,enableArcLinkLabels:!1,enableArcLabels:!1,padAngle:2,cornerRadius:16,activeOuterRadiusOffset:8,colors:{datum:"data.color"},arcLinkLabelsSkipAngle:10,arcLinkLabelsTextColor:"#333333",arcLinkLabelsThickness:2,arcLinkLabelsColor:{from:"color"},arcLabelsSkipAngle:10,layers:["arcs",({dataWithArc:dataWithArc,centerX:centerX,centerY:centerY})=>{let total=0;dataWithArc.forEach((datum=>{total+=datum.value}));const size=windowWidth<900?"small":"large",textPosition={caption:{small:{x:centerX,y:centerY-15},large:{x:centerX,y:centerY-20}},value:{small:{x:centerX-12,y:centerY+6},large:{x:centerX-12,y:centerY+5}},unit:{small:{x:centerX+20,y:centerY+7},large:{x:centerX+35,y:centerY+9}}};return(0,emotion_react_browser_esm.jsx)(ProgressInfo_ProgressInfoMetric,{textPosition:textPosition,total:total,size:size})}]})),(0,emotion_react_browser_esm.jsx)(ProgressInfo_ProgressInfoLegends,{data:response})):null))};ProgressInfo.displayName="ProgressInfo";try{ProgressInfo.displayName="ProgressInfo",ProgressInfo.__docgenInfo={description:"",displayName:"ProgressInfo",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"ProgressInfoResp"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressInfo/ProgressInfo.tsx#ProgressInfo"]={docgenInfo:ProgressInfo.__docgenInfo,name:"ProgressInfo",path:"src/components/ProgressInfo/ProgressInfo.tsx#ProgressInfo"})}catch(__react_docgen_typescript_loader_error){}var ProgressInfo_stories_ref={name:"nhejpy",styles:"container-type:inline-size"},ProgressInfo_stories={title:"Widgets/ProgressInfo",component:ProgressInfo,args:{data:{weekly:{stretching:[{id:"XlyNrZpVvNp2Z9LqloS6",color:"rgba(117, 153, 222, 1)",colorTag:"blueLight",date:"2023-05-03T23:00:00.000Z",value:88,label:"stretching"}],cardio:[{id:"YthvgItFS3W0Sa3mRW0X",color:"rgba(65, 187, 187, 1)",colorTag:"turquoise",date:"2023-05-03T23:00:00.000Z",value:55,label:"cardio"}]},monthly:{cardio:[{id:"5MI8tTgF1PNFs7Cx7gOC",color:"rgba(65, 187, 187, 1)",colorTag:"turquoise",date:"2023-04-26T23:00:00.000Z",value:76,label:"cardio"},{id:"YthvgItFS3W0Sa3mRW0X",color:"rgba(65, 187, 187, 1)",colorTag:"turquoise",date:"2023-05-03T23:00:00.000Z",value:55,label:"cardio"},{id:"eaSQG2w0TkXhbg5dkSmo",color:"rgba(65, 187, 187, 1)",colorTag:"turquoise",date:"2023-04-16T23:00:00.000Z",value:56,label:"cardio"}],stretching:[{id:"FdMmyq45pj9M0VVP01EN",color:"rgba(117, 153, 222, 1)",colorTag:"blueLight",date:"2023-04-26T23:00:00.000Z",value:78,label:"stretching"},{id:"TAFnTPs8kOeAy9uTn502",color:"rgba(117, 153, 222, 1)",colorTag:"blueLight",date:"2023-04-16T23:00:00.000Z",value:88,label:"stretching"},{id:"XlyNrZpVvNp2Z9LqloS6",color:"rgba(117, 153, 222, 1)",colorTag:"blueLight",date:"2023-05-03T23:00:00.000Z",value:88,label:"stretching"}]},yearly:{cardio:[{id:"5MI8tTgF1PNFs7Cx7gOC",color:"rgba(65, 187, 187, 1)",colorTag:"turquoise",date:"2023-04-26T23:00:00.000Z",value:76,label:"cardio"},{id:"YthvgItFS3W0Sa3mRW0X",color:"rgba(65, 187, 187, 1)",colorTag:"turquoise",date:"2023-05-03T23:00:00.000Z",value:55,label:"cardio"},{id:"eaSQG2w0TkXhbg5dkSmo",color:"rgba(65, 187, 187, 1)",colorTag:"turquoise",date:"2023-04-16T23:00:00.000Z",value:56,label:"cardio"},{id:"ym7TO7GOoB7NhtFrzT4Y",color:"rgba(65, 187, 187, 1)",colorTag:"turquoise",date:"2023-02-17T00:00:00.000Z",value:23,label:"cardio"}],stretching:[{id:"FdMmyq45pj9M0VVP01EN",color:"rgba(117, 153, 222, 1)",colorTag:"blueLight",date:"2023-04-26T23:00:00.000Z",value:78,label:"stretching"},{id:"TAFnTPs8kOeAy9uTn502",color:"rgba(117, 153, 222, 1)",colorTag:"blueLight",date:"2023-04-16T23:00:00.000Z",value:88,label:"stretching"},{id:"XlyNrZpVvNp2Z9LqloS6",color:"rgba(117, 153, 222, 1)",colorTag:"blueLight",date:"2023-05-03T23:00:00.000Z",value:88,label:"stretching"},{id:"twtiFqUQ1yZpv3pcTkCp",color:"rgba(117, 153, 222, 1",colorTag:"blueLight",date:"2023-02-17T00:00:00.000Z",value:12,label:"stretching"}]}}},decorators:[Story=>(0,emotion_react_browser_esm.jsx)("div",{css:ProgressInfo_stories_ref},(0,emotion_react_browser_esm.jsx)(Story,null))]};const Default={};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"../hooks/dist/index.js":function(module,__unused_webpack_exports,__webpack_require__){var e;self,module.exports=(e=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),function(){var t={468:function(e){self,e.exports=function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{assocPath:function(){return p},callAll:function(){return r},dateFormatters:function(){return n},dissocPath:function(){return h},generateRange:function(){return l},mapObjIndexed:function(){return f},path:function(){return g},throttle:function(){return o}});var n={};e.r(n),e.d(n,{formatDate:function(){return a},formatDayOfWeek:function(){return c},formatTime:function(){return i},printDayOfTheWeek:function(){return s}});const r=(...e)=>(...t)=>e.forEach((e=>e?.(...t))),o=(e,t)=>{let n=!1,r=null,o=null;return[function u(...i){n?r=i:(n=!0,e(...i),o=setTimeout((()=>{n=!1,r&&(u(...r),r=null)}),t))},function(){o&&clearTimeout(o)}]},u=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],i=e=>new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),c=e=>u[new Date(e).getDay()],a=e=>new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short"}),s=e=>{switch(e){case 0:return"Sun";case 1:return"Mon";case 2:return"Tue";case 3:return"Wed";case 4:return"Thu";case 5:return"Fri";case 6:return"Sat"}},f=(e,t)=>Object.keys(t).reduce(((n,r)=>(n[r]=e(t[r],r,t),n)),{}),d=(e,t,n)=>{for(let r=t;r<n;++r)e.push(r)};var l=(e,t)=>{if(null==e||!Number.isInteger(e))throw new Error("Pages count should be an integer");if(e<=0)return[];let n=[1];if(1===e)return n;if(null!=t&&!Number.isInteger(t))throw new Error("Selected page should be an integer");if(null!=t&&(t<1||t>e))throw new Error(`Selected page ${t} is out of range`);if(t&&t>2){const r=((e,t)=>{const n=[];return t!==e&&n.push(t),t>1&&n.unshift(t-1),t+1<e&&n.push(t+1),n})(e,t),[o,,u]=r;o-2>1?n.push(-1):d(n,2,o),n=n.concat(r),e-u>2?n.push(-1):d(n,u+1,e)}else e<=5?d(n,2,e):n.push(2,3,-1);return n.push(e),n};const p=([e,...t],n)=>r=>JSON.parse(JSON.stringify({...r,[e]:t.length?p(t,n)(r[e]):n})),h=e=>t=>{const n=JSON.parse(JSON.stringify(t));return e.reduce(((t,n,r)=>(r===e.length-1&&delete t[n],t[n])),n),n},g=e=>t=>e.reduce(((e,t)=>e?.[t]),t);return t}()},156:function(t){"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var u=n[e]={exports:{}};return t[e](u,u.exports,r),u.exports}r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";r.r(o),r.d(o,{useApi:function(){return t},useClickOutside:function(){return u},usePaginationRange:function(){return c},useWindowSize:function(){return n}});var e=r(156);function t(t,n){const[r,o]=(0,e.useState)(!1),[u,i]=(0,e.useState)(null),[c,a]=(0,e.useState)(n);return{isLoading:r,error:u,data:c,query:async(...e)=>{o(!0),i(null);try{const n=await t(...e);a(n)}catch(e){i(e)}finally{o(!1)}}}}const n=()=>{const[t,n]=(0,e.useState)({width:window.innerWidth,height:window.innerHeight});return(0,e.useEffect)((()=>{function e(){n({width:window.innerWidth,height:window.innerHeight})}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),t},u=(t,n)=>{const r=["mousedown","touchstart"];(0,e.useEffect)((()=>{const e=e=>{null==t.current||t.current.contains(e.target)||n(e)};return r.forEach((t=>document.addEventListener(t,e))),()=>r.forEach((t=>document.removeEventListener(t,e)))}),[t,n])};var i=r(468);const c=({pagesCount:t,selectedPage:n})=>(0,e.useMemo)((()=>(0,i.generateRange)(t,n)),[t,n])}(),o}())}}]);

package/storybook-static/components-TableFilters-stories-TableFilters-stories.24c4f9e8.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[826],{"../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__webpack_require__.d(__webpack_exports__,{Z:function(){return _extends}})},"./src/components/TableFilters/stories/TableFilters.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return TableFilters_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),dist=__webpack_require__("../utils/dist/index.js"),core_dist=__webpack_require__("../core/dist/index.js"),emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const tableFilterPopoverContentStyles=theme=>(0,emotion_react_browser_esm.css)("border:1px solid ",theme.colors.greyDropdownMain,";border-radius:20px;padding:20px 20px 14px 18px;width:340px;background:",theme.colors.white,";","",""),tableFilterDividerStyles=theme=>(0,emotion_react_browser_esm.css)("border:1px solid ",theme.colors.greyDropdownMain,";width:calc(100% + 38px);margin:22px auto 14px -19px;","",""),baseButtonStyle={name:"jk3zq0",styles:"padding:0 14px;height:38px;border-radius:5px;font-size:14px;font-weight:600;&:hover{box-shadow:none;}"},mockData=[{id:"strategy",title:"Strategy",isOpened:!0,ariaControls:"strategy-panel",items:[1,2,3,4,5].map((number=>({key:`strategy-checkbox${number}`,content:{statePath:["strategy",`checkbox${number}`],text:`checkbox${number}`}})))},{id:"status",title:"Status",isOpened:!1,ariaControls:"status-panel",items:["Running","Stopped"].map((status=>({key:`status-checkbox-${status}`,content:{statePath:["status",`checkbox${status.toLowerCase()}`],text:status}})))},{id:"pairs",title:"Pairs",isOpened:!1,ariaControls:"pairs-panel",items:[{key:"btcfdusd",isDisabled:!0,content:{statePath:["pairs","btcfdusd"],text:"BTC-FDUSD"}}]},{id:"exchange",title:"Exchange",isOpened:!1,ariaControls:"exchange-panel",items:[{key:"binance",isDisabled:!0,content:{statePath:["exchange","binance"],text:"Binance"}}]}];var emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js");const filterButtonStyles=theme=>(0,emotion_react_browser_esm.css)("width:85px;height:40px;color:",theme.colors.greyDisabled,";background:",theme.colors.white,";border:1px solid ",theme.colors.greyDropdownMain,";border-radius:5px;padding:0 11px 0 13px;gap:7px;user-select:none;&:hover{border-color:",theme.colors.greyDropdownFocused,";}&:active{border-color:",theme.colors.blueNotification,";}&:disabled{background:",theme.colors.grey,";}","",""),TableFilterTrigger=({children:children})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(core_dist.PopoverTrigger,{variant:"custom",css:filterButtonStyles,endIcon:(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:"filter",color:theme.colors.greyFilterIcon,size:20})},children)};TableFilterTrigger.displayName="TableFilterTrigger";try{filterButtonStyles.displayName="filterButtonStyles",filterButtonStyles.__docgenInfo={description:"",displayName:"filterButtonStyles",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFilterTrigger.tsx#filterButtonStyles"]={docgenInfo:filterButtonStyles.__docgenInfo,name:"filterButtonStyles",path:"src/components/TableFilters/TableFilterTrigger.tsx#filterButtonStyles"})}catch(__react_docgen_typescript_loader_error){}try{TableFilterTrigger.displayName="TableFilterTrigger",TableFilterTrigger.__docgenInfo={description:"",displayName:"TableFilterTrigger",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFilterTrigger.tsx#TableFilterTrigger"]={docgenInfo:TableFilterTrigger.__docgenInfo,name:"TableFilterTrigger",path:"src/components/TableFilters/TableFilterTrigger.tsx#TableFilterTrigger"})}catch(__react_docgen_typescript_loader_error){}var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js");var _ref={name:"17dsx5t",styles:"padding:10px 0;&:last-child{padding-bottom:0;}"};const TableFiltersAccordion=props=>(0,emotion_react_browser_esm.jsx)(core_dist.Accordion,(0,esm_extends.Z)({},props,{css:_ref}));TableFiltersAccordion.displayName="TableFiltersAccordion";try{TableFiltersAccordion.displayName="TableFiltersAccordion",TableFiltersAccordion.__docgenInfo={description:"",displayName:"TableFiltersAccordion",props:{ariaControls:{defaultValue:null,description:"",name:"ariaControls",required:!1,type:{name:"string"}},isOpened:{defaultValue:null,description:"",name:"isOpened",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string | number"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"AccordionSize"}},renderTitle:{defaultValue:null,description:"",name:"renderTitle",required:!0,type:{name:'(data: Pick<AccordionProps, "size" | "id"> & Pick<AriaAttributes, "aria-labelledby"> & { isOpened?: boolean; as?: ElementType<any>; className?: string; } & { ...; }) => ReactNode'}},renderContent:{defaultValue:null,description:"",name:"renderContent",required:!0,type:{name:"(accordion: RenderContentProps) => ReactNode"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFiltersAccordion.tsx#TableFiltersAccordion"]={docgenInfo:TableFiltersAccordion.__docgenInfo,name:"TableFiltersAccordion",path:"src/components/TableFilters/TableFiltersAccordion.tsx#TableFiltersAccordion"})}catch(__react_docgen_typescript_loader_error){}const TableFiltersAccordionContent=({isOpened:isOpened,children:children,...rest})=>(0,emotion_react_browser_esm.jsx)(core_dist.AccordionContent,(0,esm_extends.Z)({},rest,{isOpened:isOpened,css:(0,emotion_react_browser_esm.css)({padding:isOpened?"18px 3px 5px 3px":0},"","")}),children);TableFiltersAccordionContent.displayName="TableFiltersAccordionContent";try{TableFiltersAccordionContent.displayName="TableFiltersAccordionContent",TableFiltersAccordionContent.__docgenInfo={description:"",displayName:"TableFiltersAccordionContent",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"AccordionSize"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string | number"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},isOpened:{defaultValue:null,description:"",name:"isOpened",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFiltersAccordionContent.tsx#TableFiltersAccordionContent"]={docgenInfo:TableFiltersAccordionContent.__docgenInfo,name:"TableFiltersAccordionContent",path:"src/components/TableFilters/TableFiltersAccordionContent.tsx#TableFiltersAccordionContent"})}catch(__react_docgen_typescript_loader_error){}const TableFilterCheckbox=props=>{const styles=(theme=>(0,emotion_react_browser_esm.css)("margin:0 0 14px;& span{margin-left:16px;color:",theme.colors.greyDisabled,";user-select:none;}& input+div{border-radius:2px;&::before{border-radius:2px;}}",core_dist.checkboxStyles.blueInput(theme),";","",""))((0,emotion_element_c39617d8_browser_esm.u)());return(0,emotion_react_browser_esm.jsx)(core_dist.Checkbox,(0,esm_extends.Z)({},props,{css:styles}))};TableFilterCheckbox.displayName="TableFilterCheckbox";try{TableFilterCheckbox.displayName="TableFilterCheckbox",TableFilterCheckbox.__docgenInfo={description:"",displayName:"TableFilterCheckbox",props:{text:{defaultValue:null,description:"",name:"text",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(newState: boolean) => void"}},externalState:{defaultValue:null,description:"",name:"externalState",required:!1,type:{name:"boolean"}},isDisabled:{defaultValue:null,description:"",name:"isDisabled",required:!1,type:{name:"boolean"}},initialState:{defaultValue:null,description:"",name:"initialState",required:!1,type:{name:"boolean"}},isIndeterminate:{defaultValue:null,description:"",name:"isIndeterminate",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},isRequired:{defaultValue:null,description:"",name:"isRequired",required:!1,type:{name:"boolean"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"MutableRefObject<HTMLInputElement>"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:'"green" | "blue" | "custom"'}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFilterCheckbox.tsx#TableFilterCheckbox"]={docgenInfo:TableFilterCheckbox.__docgenInfo,name:"TableFilterCheckbox",path:"src/components/TableFilters/TableFilterCheckbox.tsx#TableFilterCheckbox"})}catch(__react_docgen_typescript_loader_error){}const cancelButtonStyles=theme=>(0,emotion_react_browser_esm.css)(baseButtonStyle," color:",theme.colors.greyCancelClearButton,";background:",theme.colors.white,";border:1px solid ",theme.colors.greyDropdownMain,";justify-content:center;&:hover{border-color:",theme.colors.greyDropdownFocused,";}&:active{border-color:",theme.colors.blueNotification,";}&:disabled{background:",theme.colors.grey,";color:",theme.colors.greyFilterIcon,";}","",""),TableFiltersCancelButton=({children:children})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(core_dist.PopoverClose,{css:cancelButtonStyles(theme)},children)};TableFiltersCancelButton.displayName="TableFiltersCancelButton";try{cancelButtonStyles.displayName="cancelButtonStyles",cancelButtonStyles.__docgenInfo={description:"",displayName:"cancelButtonStyles",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFilterCancelButton.tsx#cancelButtonStyles"]={docgenInfo:cancelButtonStyles.__docgenInfo,name:"cancelButtonStyles",path:"src/components/TableFilters/TableFilterCancelButton.tsx#cancelButtonStyles"})}catch(__react_docgen_typescript_loader_error){}try{TableFiltersCancelButton.displayName="TableFiltersCancelButton",TableFiltersCancelButton.__docgenInfo={description:"",displayName:"TableFiltersCancelButton",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFilterCancelButton.tsx#TableFiltersCancelButton"]={docgenInfo:TableFiltersCancelButton.__docgenInfo,name:"TableFiltersCancelButton",path:"src/components/TableFilters/TableFilterCancelButton.tsx#TableFiltersCancelButton"})}catch(__react_docgen_typescript_loader_error){}const clearButtonStyles=theme=>(0,emotion_react_browser_esm.css)(baseButtonStyle," color:",theme.colors.greyCancelClearButton,";background:",theme.colors.greyLighter,";border:1px solid ",theme.colors.greyDropdownMain,";justify-content:center;&:hover{border-color:",theme.colors.greyDropdownFocused,";background:",theme.colors.greyLighter,";}&:active{border-color:",theme.colors.greyDropdownFocused,";background:",theme.colors.greyLighter,";}&:disabled{background:",theme.colors.grey,";color:",theme.colors.greyFilterIcon,";}","",""),TableFiltersClearButton=({children:children,onClick:onClick})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(core_dist.Button,{css:(0,emotion_react_browser_esm.css)({...baseButtonStyle,...clearButtonStyles(theme)},"",""),variant:"secondary",onClick:onClick},children)};TableFiltersClearButton.displayName="TableFiltersClearButton";try{clearButtonStyles.displayName="clearButtonStyles",clearButtonStyles.__docgenInfo={description:"",displayName:"clearButtonStyles",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFilterClearButton.tsx#clearButtonStyles"]={docgenInfo:clearButtonStyles.__docgenInfo,name:"clearButtonStyles",path:"src/components/TableFilters/TableFilterClearButton.tsx#clearButtonStyles"})}catch(__react_docgen_typescript_loader_error){}try{TableFiltersClearButton.displayName="TableFiltersClearButton",TableFiltersClearButton.__docgenInfo={description:"",displayName:"TableFiltersClearButton",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFilterClearButton.tsx#TableFiltersClearButton"]={docgenInfo:TableFiltersClearButton.__docgenInfo,name:"TableFiltersClearButton",path:"src/components/TableFilters/TableFilterClearButton.tsx#TableFiltersClearButton"})}catch(__react_docgen_typescript_loader_error){}var TableFiltersButtons_ref={name:"ufsh0v",styles:"gap:10px;width:auto;align-self:end"};const TableFiltersButtons=({onReset:onReset})=>(0,emotion_react_browser_esm.jsx)(core_dist.Wrapper,{css:TableFiltersButtons_ref},(0,emotion_react_browser_esm.jsx)(TableFiltersCancelButton,null,"Cancel"),(0,emotion_react_browser_esm.jsx)(TableFiltersClearButton,{onClick:()=>{onReset()}},"Clear"),(0,emotion_react_browser_esm.jsx)(core_dist.Button,{css:baseButtonStyle,variant:"info",type:"submit"},"Apply"));TableFiltersButtons.displayName="TableFiltersButtons";try{TableFiltersButtons.displayName="TableFiltersButtons",TableFiltersButtons.__docgenInfo={description:"",displayName:"TableFiltersButtons",props:{onReset:{defaultValue:null,description:"",name:"onReset",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableFilters/TableFiltersButtons.tsx#TableFiltersButtons"]={docgenInfo:TableFiltersButtons.__docgenInfo,name:"TableFiltersButtons",path:"src/components/TableFilters/TableFiltersButtons.tsx#TableFiltersButtons"})}catch(__react_docgen_typescript_loader_error){}const initialState={strategy:{checkbox1:!0,checkbox4:!0},status:{running:!0},pairs:{btcfdusd:!0},exchange:{binance:!0}};var StoryComponent_ref={name:"1wnowod",styles:"display:flex;align-items:center;justify-content:center"},_ref2={name:"b6wrti",styles:"display:flex;flex-direction:column;width:100%"};const StoryComponent=()=>{const[checkboxData,setCheckboxData]=(0,react.useState)(initialState);return(0,emotion_react_browser_esm.jsx)("div",{css:StoryComponent_ref},(0,emotion_react_browser_esm.jsx)(core_dist.Popover,null,(0,emotion_react_browser_esm.jsx)(TableFilterTrigger,null,"More"),(0,emotion_react_browser_esm.jsx)(core_dist.PopoverContent,{className:"popover",css:tableFilterPopoverContentStyles},(0,emotion_react_browser_esm.jsx)("form",{onSubmit:event=>{event.preventDefault(),console.log(">>>onSubmit data",checkboxData)},css:_ref2},(0,emotion_react_browser_esm.jsx)(core_dist.PopoverDescription,{variant:"body1"},(0,emotion_react_browser_esm.jsx)(core_dist.AccordionGroupContextProvider,null,(0,emotion_react_browser_esm.jsx)(core_dist.AccordionGroup,{size:"medium"},mockData.map((accordionInfo=>(0,emotion_react_browser_esm.jsx)(TableFiltersAccordion,{key:accordionInfo.id,id:accordionInfo.id,title:accordionInfo.title,isOpened:accordionInfo.isOpened,ariaControls:accordionInfo.ariaControls,renderContent:props=>(0,emotion_react_browser_esm.jsx)(TableFiltersAccordionContent,props,accordionInfo.items.map((info=>{return(0,emotion_react_browser_esm.jsx)(TableFilterCheckbox,{key:info.key,name:info.content.text.toLowerCase().replace("-",""),id:info.key,onChange:(path=info.content.statePath,newState=>{setCheckboxData(newState?(0,dist.assocPath)(path,newState):(0,dist.dissocPath)(path))}),text:info.content.text,externalState:!!checkboxData[accordionInfo.id][info.content.text.toLowerCase().replace("-","")],isDisabled:info.isDisabled});var path}))),renderTitle:core_dist.AccordionTitle})))))),(0,emotion_react_browser_esm.jsx)("hr",{css:tableFilterDividerStyles}),(0,emotion_react_browser_esm.jsx)(TableFiltersButtons,{onReset:()=>{setCheckboxData((()=>initialState))}})))))};StoryComponent.displayName="StoryComponent";var TableFilters_stories={title:"Widgets/TableFilters",component:StoryComponent,argTypes:{}};const Default=()=>(0,emotion_react_browser_esm.jsx)(StoryComponent,null);Default.displayName="Default",Default.args={},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => {\n  return <StoryComponent />;\n}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"../utils/dist/index.js":function(module){self,module.exports=function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{assocPath:function(){return p},callAll:function(){return r},dateFormatters:function(){return n},dissocPath:function(){return h},generateRange:function(){return d},mapObjIndexed:function(){return s},path:function(){return g},throttle:function(){return u}});var n={};e.r(n),e.d(n,{formatDate:function(){return a},formatDayOfWeek:function(){return c},formatTime:function(){return i},printDayOfTheWeek:function(){return f}});const r=(...e)=>(...t)=>e.forEach((e=>e?.(...t))),u=(e,t)=>{let n=!1,r=null,u=null;return[function o(...i){n?r=i:(n=!0,e(...i),u=setTimeout((()=>{n=!1,r&&(o(...r),r=null)}),t))},function(){u&&clearTimeout(u)}]},o=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],i=e=>new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),c=e=>o[new Date(e).getDay()],a=e=>new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short"}),f=e=>{switch(e){case 0:return"Sun";case 1:return"Mon";case 2:return"Tue";case 3:return"Wed";case 4:return"Thu";case 5:return"Fri";case 6:return"Sat"}},s=(e,t)=>Object.keys(t).reduce(((n,r)=>(n[r]=e(t[r],r,t),n)),{}),l=(e,t,n)=>{for(let r=t;r<n;++r)e.push(r)};var d=(e,t)=>{if(null==e||!Number.isInteger(e))throw new Error("Pages count should be an integer");if(e<=0)return[];let n=[1];if(1===e)return n;if(null!=t&&!Number.isInteger(t))throw new Error("Selected page should be an integer");if(null!=t&&(t<1||t>e))throw new Error(`Selected page ${t} is out of range`);if(t&&t>2){const r=((e,t)=>{const n=[];return t!==e&&n.push(t),t>1&&n.unshift(t-1),t+1<e&&n.push(t+1),n})(e,t),[u,,o]=r;u-2>1?n.push(-1):l(n,2,u),n=n.concat(r),e-o>2?n.push(-1):l(n,o+1,e)}else e<=5?l(n,2,e):n.push(2,3,-1);return n.push(e),n};const p=([e,...t],n)=>r=>JSON.parse(JSON.stringify({...r,[e]:t.length?p(t,n)(r[e]):n})),h=e=>t=>{const n=JSON.parse(JSON.stringify(t));return e.reduce(((t,n,r)=>(r===e.length-1&&delete t[n],t[n])),n),n},g=e=>t=>e.reduce(((e,t)=>e?.[t]),t);return t}()}}]);