@ssa-ui-kit/widgets 0.0.30-alpha → 0.0.31-alpha

package/storybook-static/components-Calories-Calories-stories.6bc48f55.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[5733],{"./src/components/Calories/Calories.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 Calories_stories}});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"),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"),dist=__webpack_require__("../core/dist/index.js");var _ref={name:"8or0zb",styles:"gap:5px"};const InnerContent=({currentValue:currentValue,max:max})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)("div",{style:{display:"grid",textAlign:"center"}},(0,emotion_react_browser_esm.jsx)(dist.Wrapper,{alignItems:"baseline",direction:"row",css:_ref},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h5",weight:"bold",color:theme.colors.greyDarker},currentValue),(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"subtitle",weight:"bold",color:theme.colors.greyDarker},"kcal")),(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"subtitle",color:theme.colors.greyDarker60},currentValue/max*100,"% done"))};InnerContent.displayName="InnerContent";try{InnerContent.displayName="InnerContent",InnerContent.__docgenInfo={description:"",displayName:"InnerContent",props:{max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},currentValue:{defaultValue:null,description:"",name:"currentValue",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Calories/innerContent.tsx#InnerContent"]={docgenInfo:InnerContent.__docgenInfo,name:"InnerContent",path:"src/components/Calories/innerContent.tsx#InnerContent"})}catch(__react_docgen_typescript_loader_error){}var Calories_ref={name:"1paxtit",styles:"box-shadow:0 10px 40px rgba(42, 48, 57, 0.08);border-radius:20px"};const Calories=({max:max,currentValue:currentValue})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(dist.Card,{css:Calories_ref},(0,emotion_react_browser_esm.jsx)(dist.CardHeader,{icon:(0,emotion_react_browser_esm.jsx)(dist.ResponsiveImage,{css:(0,emotion_react_browser_esm.css)({filter:`drop-shadow(0px 5px 5px ${theme.colors.grey})`},"",""),srcSet:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fcalories%2Fcalories_64.png?alt=media&token=6a57e3f5-0e15-4dcf-8871-f1bf94d887af 64w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fcalories%2Fcalories_48.png?alt=media&token=861ad7c8-1bcb-4f2d-a581-4b73b4821251 48w",sizes:"(min-width: 1440px) 64px, 48px",src:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fcalories%2Fcalories_48.png?alt=media&token=861ad7c8-1bcb-4f2d-a581-4b73b4821251",alt:"Calories burn"})},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h6",weight:"bold"},"Calories")),(0,emotion_react_browser_esm.jsx)(dist.CardContent,null,(0,emotion_react_browser_esm.jsx)(dist.ProgressCircle,{max:max,currentValue:currentValue,color:"pink",infoContent:(0,emotion_react_browser_esm.jsx)(InnerContent,{max:max,currentValue:currentValue}),size:120})))};Calories.displayName="Calories";try{Calories.displayName="Calories",Calories.__docgenInfo={description:"\nUI Component that shows how many calories the user has burned",displayName:"Calories",props:{max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},currentValue:{defaultValue:null,description:"",name:"currentValue",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Calories/Calories.tsx#Calories"]={docgenInfo:Calories.__docgenInfo,name:"Calories",path:"src/components/Calories/Calories.tsx#Calories"})}catch(__react_docgen_typescript_loader_error){}var Calories_stories={title:"Widgets/Calories",component:Calories,argTypes:{max:{control:{type:"number"}},currentValue:{control:{type:"number"}}},args:{max:100,currentValue:70}};const Default={};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]}}]);

package/storybook-static/components-CardList-CardList-stories.1fd44abd.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[7541],{"./src/components/CardList/CardList.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}});var _ssa_ui_kit_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../core/dist/index.js"),_CardList__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/CardList/CardList.tsx"),_emotion_react__WEBPACK_IMPORTED_MODULE_1__=__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");__webpack_exports__.default={title:"Widgets/CardList",component:_CardList__WEBPACK_IMPORTED_MODULE_0__.C};const Default=()=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)(_CardList__WEBPACK_IMPORTED_MODULE_0__.C,{title:"List of cards",items:[{id:"cardio_training",title:"HIIT Cardio training"},{id:"other_training",title:"Other cardio training"}],renderItem:item=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)(_ssa_ui_kit_core__WEBPACK_IMPORTED_MODULE_2__.Card,null,(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)(_ssa_ui_kit_core__WEBPACK_IMPORTED_MODULE_2__.CardContent,null,(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)(_ssa_ui_kit_core__WEBPACK_IMPORTED_MODULE_2__.Typography,{variant:"body1"},item.title)))});Default.displayName="Default",Default.storyName="CardList",Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => {\n  return <CardList title=\"List of cards\" items={[{\n    id: 'cardio_training',\n    title: 'HIIT Cardio training'\n  }, {\n    id: 'other_training',\n    title: 'Other cardio training'\n  }]} renderItem={item => <Card>\r\n          <CardContent>\r\n            <Typography variant=\"body1\">{item.title}</Typography>\r\n          </CardContent>\r\n        </Card>} />;\n}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"./src/components/CardList/CardList.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{C:function(){return CardList}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),_ssa_ui_kit_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../core/dist/index.js"),_emotion_react__WEBPACK_IMPORTED_MODULE_1__=__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:"1fgo50s",styles:"list-style:none;padding:0;li{margin-bottom:15px;}"};const CardList=({title:title,items:items,renderItem:renderItem})=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)(_ssa_ui_kit_core__WEBPACK_IMPORTED_MODULE_2__.Typography,{variant:"h5",weight:"bold"},title),(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)("ul",{css:_ref},Array.isArray(items)&&items.map((item=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)("li",{key:item.id},renderItem(item))))));CardList.displayName="CardList";try{CardList.displayName="CardList",CardList.__docgenInfo={description:"\nUI Component that renders a list of items with a custom render function",displayName:"CardList",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"ItemType[]"}},renderItem:{defaultValue:null,description:"",name:"renderItem",required:!0,type:{name:"(item: ItemType) => ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CardList/CardList.tsx#CardList"]={docgenInfo:CardList.__docgenInfo,name:"CardList",path:"src/components/CardList/CardList.tsx#CardList"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/components-CollapsibleNavBar-stories-CollapsibleNavBar-stories.ecfd2c49.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[7611],{"./src/components/CollapsibleNavBar/stories/CollapsibleNavBar.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},WithCustomIcon:function(){return WithCustomIcon},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return CollapsibleNavBar_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@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"),core_dist=__webpack_require__("../core/dist/index.js"),hooks_dist=__webpack_require__("../hooks/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 AccordionTitleWrapper=theme=>(0,emotion_react_browser_esm.css)("cursor:pointer;align-items:center;",theme.mediaQueries.md,"{display:flex;justify-content:center;}& div.icon-wrapper{width:100%;gap:0;}& div.icon-wrapper:not(.active):hover>button svg path,& div.icon-wrapper.active>button svg path{stroke:#fff;fill:none;}& .trigger-icon{height:22px;}","",""),AccordionTitle=theme=>(0,emotion_react_browser_esm.css)("padding:0 14px 0 22px;",theme.mediaQueries.md,"{display:none;}","",""),AccordionContent=theme=>(0,emotion_react_browser_esm.css)("display:flex;align-items:flex-start;width:100%;padding-left:44px;overflow:hidden;perspective:1px;",theme.mediaQueries.md,"{display:none;}",theme.mediaQueries.lg,"{display:none;}","",""),AccordionContentPopover=theme=>(0,emotion_react_browser_esm.css)("display:flex;",theme.mediaQueries.md,"{display:flex;}",theme.mediaQueries.lg,"{display:flex;}","",""),LogoWrapper=theme=>(0,emotion_react_browser_esm.css)("position:relative;",theme.mediaQueries.md,"{justify-content:center;}",theme.mediaQueries.lg,"{justify-content:flex-start;}","",""),ContentToggle=theme=>(0,emotion_react_browser_esm.css)("display:none;position:absolute;cursor:pointer;right:-17px;width:34px;height:34px;background:",theme.colors.greyLighter,";border-radius:12px;justify-content:center;align-items:center;& input{display:none;}& svg{cursor:pointer;}",theme.mediaQueries.lg,"{display:flex;}","",""),SCREEN_SIZES_900={width:900,height:1200};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"),NavBarBase=__webpack_require__("./src/components/NavBar/NavBarBase.ts");const popupIconsToggle=isVisible=>(0,emotion_react_browser_esm.css)("& a>button{display:",isVisible?"block":"none",";}&>div>div>div>div:first-of-type{display:",isVisible?"block":"none",";&>button{display:",isVisible?"block":"none",";}}","",""),staticIconsToggle=isVisible=>(0,emotion_react_browser_esm.css)("& a>div{display:",isVisible?"flex":"none",";}&>div>div>div>div:nth-of-type(2){display:",isVisible?"flex":"none",";}&>div>div>div:nth-of-type(2){display:",isVisible?"block":"none",";}","","");var CollapsibleNavBar_CollapsibleNavBarBase=(0,emotion_styled_base_browser_esm.Z)(NavBarBase.Z,{target:"ei0xtuk0"})("padding:15px 0 0 15px;position:absolute;& li{",popupIconsToggle(!1),";}&.opened{background:linear-gradient(\n      108.3deg,\n      ",(({theme:theme})=>theme.colors.greyDarker)," -0.36%,\n      ",(({theme:theme})=>theme.colors.greyDarker)," 100%\n    );align-items:flex-start;min-width:100%;width:100%;height:100%;",(({theme:theme})=>theme.mediaQueries.md),"{height:initial;}}&>input[type='checkbox']{&:checked{&~div:first-of-type{background-color:#4a4d51;& label span{opacity:1;transform:rotate(45deg) translate(-5px, -9px);background:",(({theme:theme})=>theme.colors.white),";&:nth-last-of-type(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);}&:nth-last-of-type(2){transform:rotate(-45deg) translate(-2px, 8px);}}}&~div:nth-of-type(2){display:block;border-radius:12px 12px 0 0;height:calc(100vh - 60px);",(({theme:theme})=>theme.mediaQueries.xlg),"{border-radius:0;height:100vh;}}}}",(({theme:theme})=>theme.mediaQueries.md),"{width:85px;padding:0;position:static;z-index:0;min-width:unset;& li{",staticIconsToggle(!1)," ",popupIconsToggle(!0),";}}",(({theme:theme})=>theme.mediaQueries.lg),"{&.opened{min-width:unset;width:240px;&>div:nth-of-type(2){width:240px;padding-left:31px;& img{margin-left:0;}& li{justify-content:flex-start;& button{display:flex;}",staticIconsToggle(!0)," ",popupIconsToggle(!1)," &>a>span{display:block;}& div>div>div:nth-of-type(2){display:flex;}}}}}"),NavBarWrapper=__webpack_require__("./src/components/NavBar/NavBarWrapper.ts");var CollapsibleNavBar_CollapsibleNavBarWrapper=(0,emotion_styled_base_browser_esm.Z)(NavBarWrapper.Z,{target:"ecglbzq0"})("transform:none;transition:unset;position:static;display:none;width:100%;",(({theme:theme})=>theme.mediaQueries.md),"{display:flex;flex-direction:column;align-items:center;height:100%;min-height:100vh;width:85px;border-radius:0;padding-top:35px;}"),NavBarList=__webpack_require__("./src/components/NavBar/NavBarList.ts");var CollapsibleNavBar_CollapsibleNavBarList=(0,emotion_styled_base_browser_esm.Z)(NavBarList.Z,{target:"em749020"})("height:auto;padding:0 0 0 15px;margin:14px 0 0 0;",(({theme:theme})=>theme.mediaQueries.md),"{margin-top:90px;width:100%;padding:0;}",(({theme:theme})=>theme.mediaQueries.lg),"{margin-top:84px;}"),NavToggleWrapper=__webpack_require__("./src/components/NavBar/NavToggleWrapper.ts");var CollapsibleNavBar_CollapsibleNavToggleWrapper=(0,emotion_styled_base_browser_esm.Z)(NavToggleWrapper.Z,{target:"e13nikzq0"})("border-radius:50%;background:",(({theme:theme})=>theme.colors.greyLighter),";height:40px;width:40px;",(({theme:theme})=>theme.mediaQueries.md),"{display:none;}");var _ref={name:"16v0cfi",styles:"cursor:pointer;height:20px;width:20px;transform:scale(-1, 1);span{height:2px;width:100%;background:black;display:block;margin:4px 0;transform-origin:4px 0;transition:transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.3s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.35s ease;&:first-of-type{transform-origin:0% 0%;}&:nth-last-of-type(2){transform-origin:0% 100%;}}"};const CollapsibleNavToggle=({id:id})=>(0,emotion_react_browser_esm.jsx)(react.Fragment,null,(0,emotion_react_browser_esm.jsx)(CollapsibleNavBar_CollapsibleNavToggleWrapper,null,(0,emotion_react_browser_esm.jsx)("label",{htmlFor:id,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))));CollapsibleNavToggle.displayName="CollapsibleNavToggle";var CollapsibleNavBar_CollapsibleNavToggle=CollapsibleNavToggle;try{CollapsibleNavToggle.displayName="CollapsibleNavToggle",CollapsibleNavToggle.__docgenInfo={description:"",displayName:"CollapsibleNavToggle",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/CollapsibleNavToggle.tsx#CollapsibleNavToggle"]={docgenInfo:CollapsibleNavToggle.__docgenInfo,name:"CollapsibleNavToggle",path:"src/components/CollapsibleNavBar/CollapsibleNavToggle.tsx#CollapsibleNavToggle"})}catch(__react_docgen_typescript_loader_error){}var CollapsibleNavContentToggle_ref={name:"syxc93",styles:"width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer"};const NavContentToggle=({id:id,isChecked:isChecked})=>(0,emotion_react_browser_esm.jsx)("div",{css:ContentToggle},(0,emotion_react_browser_esm.jsx)("label",{htmlFor:id,css:CollapsibleNavContentToggle_ref},(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:isChecked?"carrot-left":"carrot-right",size:14})));NavContentToggle.displayName="NavContentToggle";try{NavContentToggle.displayName="NavContentToggle",NavContentToggle.__docgenInfo={description:"",displayName:"NavContentToggle",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},isChecked:{defaultValue:null,description:"",name:"isChecked",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/CollapsibleNavContentToggle.tsx#NavContentToggle"]={docgenInfo:NavContentToggle.__docgenInfo,name:"NavContentToggle",path:"src/components/CollapsibleNavBar/CollapsibleNavContentToggle.tsx#NavContentToggle"})}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"),NavBarItem=__webpack_require__("./src/components/NavBar/NavBarItem.ts");var CollapsibleNavBar_CollapsibleNavBarItem=(0,emotion_styled_base_browser_esm.Z)(NavBarItem.Z,{target:"e1h0v5wv0"})("align-items:flex-start;justify-content:flex-start;height:auto;min-height:24px;padding:12px 0;&:first-of-type{padding-top:0;}&:last-of-type{padding-bottom:0;}width:100%;&>a{height:26px;}",(({theme:theme})=>theme.mediaQueries.md),"{justify-content:center;padding:20px 0;width:100%;}"),NavBarLink=__webpack_require__("./src/components/NavBar/NavBarLink.ts");var CollapsibleNavBar_CollapsibleNavBarLink=(0,emotion_styled_base_browser_esm.Z)(NavBarLink.Z,{target:"e1yqb8s90"})("text-decoration:none;display:inline-flex;align-items:center;gap:20px;color:",(({theme:theme})=>theme.colors.white80),";svg{backdrop-filter:blur(0);}&:not(.active):hover{backdrop-filter:blur(0);filter:",(({theme:theme})=>`drop-shadow(-4px 4px 14px ${theme.colors.white})`),";color:",(({theme:theme})=>theme.colors.white),";svg{& path{fill:",(({theme:theme})=>theme.colors.white),";}& circle{stroke:",(({theme:theme})=>theme.colors.white),";}}}&>span{color:",(({theme:theme})=>theme.colors.white80),";",(({theme:theme})=>theme.mediaQueries.md),"{display:none;}}");const Link=(0,emotion_styled_base_browser_esm.Z)(CollapsibleNavBar_CollapsibleNavBarLink,{target:"e1pyul300"})({name:"17te7b1",styles:"width:100%;padding:4.8px 0;&:first-of-type{padding-top:15px;}&:not(.active):hover{filter:initial;}&.active{text-decoration:underline;filter:initial;}"}),NavBarAccordionContent=({items:items,accordionUniqueName:accordionUniqueName,prefix:prefix,isPopover:isPopover,onClick:onClick,...rest})=>(0,emotion_react_browser_esm.jsx)(core_dist.AccordionContent,(0,esm_extends.Z)({},rest,{css:[AccordionContent,isPopover&&AccordionContentPopover,"","","",""]}),items.map((subMenuItem=>(0,emotion_react_browser_esm.jsx)(Link,{key:`${accordionUniqueName}-link-${subMenuItem.title.replace(" ","").toLowerCase()}`,onClick:onClick,to:"/"+prefix+subMenuItem.path},subMenuItem.title))));NavBarAccordionContent.displayName="NavBarAccordionContent";try{NavBarAccordionContent.displayName="NavBarAccordionContent",NavBarAccordionContent.__docgenInfo={description:"",displayName:"NavBarAccordionContent",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string | number"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"AccordionSize"}},"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"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ path: string; title: string; }[]"}},accordionUniqueName:{defaultValue:null,description:"",name:"accordionUniqueName",required:!0,type:{name:"string"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},isPopover:{defaultValue:null,description:"",name:"isPopover",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/NavBarAccordionContent.tsx#NavBarAccordionContent"]={docgenInfo:NavBarAccordionContent.__docgenInfo,name:"NavBarAccordionContent",path:"src/components/CollapsibleNavBar/NavBarAccordionContent.tsx#NavBarAccordionContent"})}catch(__react_docgen_typescript_loader_error){}var floating_ui_core=__webpack_require__("../../node_modules/.pnpm/@floating-ui+core@1.4.1/node_modules/@floating-ui/core/dist/floating-ui.core.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");var NavBarPopover_ref={name:"eqp0yr",styles:"height:auto;padding:0;margin:0;cursor:pointer;background-color:unset;border-radius:0"};const CollapsibleNavBarPopover=({triggerIcon:triggerIcon,title:title,content:content})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)(),[open,setOpen]=(0,react.useState)(!1),{width:width}=(0,hooks_dist.useWindowSize)();return(0,react.useEffect)((()=>{setOpen(!1)}),[width]),(0,emotion_react_browser_esm.jsx)(core_dist.Popover,{floatingOptions:{onOpenChange:open=>{setOpen(open)},open:open,middleware:[(0,floating_ui_core.cv)({mainAxis:37})]},placement:"right-start",interactionsEnabled:"both"},(0,emotion_react_browser_esm.jsx)(core_dist.PopoverTrigger,{variant:"custom",dataTestId:"collapsible-nav-bar-trigger-button",css:NavBarPopover_ref,startIcon:triggerIcon}),(0,emotion_react_browser_esm.jsx)(core_dist.PopoverContent,{css:(0,emotion_react_browser_esm.css)({[theme.mediaQueries.xs]:{display:"none"},[theme.mediaQueries.md]:{display:"block"},zIndex:2},"",""),isFocusManagerDisabled:!0},(0,emotion_react_browser_esm.jsx)(core_dist.PopoverHeading,{css:(0,emotion_react_browser_esm.css)({color:theme.colors.white,fontSize:12,padding:"3px 5px 5px 5px",background:theme.colors.greyGraphite,borderRadius:5,cursor:"default",marginBottom:1,width:"auto",whiteSpace:"nowrap","&::before":{content:'""',display:"block",background:"rgba(71, 74, 80, 1)",borderRadius:2,position:"absolute",width:9,height:9,top:7,left:-4,transform:"rotate(45deg)",zIndex:-1}},"","")},title),(0,emotion_react_browser_esm.jsx)(core_dist.PopoverDescription,{css:(0,emotion_react_browser_esm.css)({"& > div":{padding:0,background:theme.colors.greyGraphite,borderRadius:5,width:85,"& > a":{color:theme.colors.white,padding:5,fontSize:12,fontWeight:400,"&:first-of-type":{paddingTop:5},"&:hover":{background:"#62656B"}}}},"","")},content)))};CollapsibleNavBarPopover.displayName="CollapsibleNavBarPopover";try{CollapsibleNavBarPopover.displayName="CollapsibleNavBarPopover",CollapsibleNavBarPopover.__docgenInfo={description:"",displayName:"CollapsibleNavBarPopover",props:{triggerIcon:{defaultValue:null,description:"",name:"triggerIcon",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/NavBarPopover.tsx#CollapsibleNavBarPopover"]={docgenInfo:CollapsibleNavBarPopover.__docgenInfo,name:"CollapsibleNavBarPopover",path:"src/components/CollapsibleNavBar/NavBarPopover.tsx#CollapsibleNavBarPopover"})}catch(__react_docgen_typescript_loader_error){}var TriggerIcon_ref={name:"180y5m1",styles:"width:auto;min-width:22px;justify-content:center;overflow:visible;position:relative;height:26px"};const TriggerIcon=({iconName:iconName,iconSize:iconSize,className:className,CustomIcon:CustomIcon})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(core_dist.Wrapper,{css:TriggerIcon_ref,className:"trigger-icon"},CustomIcon?(0,emotion_react_browser_esm.jsx)(CustomIcon,{size:iconSize,className:className,color:theme.colors.grey}):(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:iconName,color:theme.colors.grey,size:iconSize,className:className}))};TriggerIcon.displayName="TriggerIcon";try{TriggerIcon.displayName="TriggerIcon",TriggerIcon.__docgenInfo={description:"",displayName:"TriggerIcon",props:{iconName:{defaultValue:null,description:"",name:"iconName",required:!0,type:{name:'"email" | "circle" | "filter" | "stats" | "calendar" | "trainings" | "measurements" | "diet" | "notification" | "settings" | "information" | "search" | "copy" | "home" | "sleep" | ... 34 more ... | "unlock"'}},iconSize:{defaultValue:null,description:"",name:"iconSize",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},CustomIcon:{defaultValue:null,description:"",name:"CustomIcon",required:!1,type:{name:'(props: Omit<SVGProps, "fill">) => Element'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/TriggerIcon.tsx#TriggerIcon"]={docgenInfo:TriggerIcon.__docgenInfo,name:"TriggerIcon",path:"src/components/CollapsibleNavBar/TriggerIcon.tsx#TriggerIcon"})}catch(__react_docgen_typescript_loader_error){}const NavBarItemWithSubMenu_Link=CollapsibleNavBar_CollapsibleNavBarLink.withComponent("div",{target:"e18rjb9c0"});var NavBarItemWithSubMenu_ref={name:"1d3w5wq",styles:"width:100%"},_ref2={name:"14hk0hx",styles:"padding:0;& ul li:last-child{padding-bottom:10px;}"};const NavBarItemWithSubMenu=({item:item,onClick:onClick})=>{const{iconName:iconName,iconSize:iconSize,title:title,items:items,prefix:prefix,css:css,CustomIcon:CustomIcon}=item,uniqName=iconName+title.replace(" ","").toLowerCase(),accordionUniqName=uniqName+"accordion",match=(0,dist.bS)(prefix+":id"),Icon=()=>(0,emotion_react_browser_esm.jsx)(TriggerIcon,{iconName:iconName,iconSize:iconSize,css:(0,emotion_react_browser_esm.css)({...css},"","")});return(0,emotion_react_browser_esm.jsx)(core_dist.AccordionGroupContextProvider,{key:uniqName},(0,emotion_react_browser_esm.jsx)(CollapsibleNavBar_CollapsibleNavBarItem,null,(0,emotion_react_browser_esm.jsx)(core_dist.AccordionGroup,{size:"small",css:NavBarItemWithSubMenu_ref},(0,emotion_react_browser_esm.jsx)(core_dist.Accordion,{id:accordionUniqName,title:title,isOpened:!1,ariaControls:`${accordionUniqName}-panel`,css:_ref2,renderContent:props=>(0,emotion_react_browser_esm.jsx)(NavBarAccordionContent,(0,esm_extends.Z)({items:items,accordionUniqueName:accordionUniqName,prefix:prefix,isPopover:!1,onClick:onClick},props)),renderTitle:data=>(0,emotion_react_browser_esm.jsx)(core_dist.Wrapper,{onClick:data.onClick,css:AccordionTitleWrapper},(0,emotion_react_browser_esm.jsx)(NavBarItemWithSubMenu_Link,{to:"",className:match?" active":""},(0,emotion_react_browser_esm.jsx)(CollapsibleNavBarPopover,{triggerIcon:(0,emotion_react_browser_esm.jsx)(Icon,null),title:data.title,content:(0,emotion_react_browser_esm.jsx)(NavBarAccordionContent,{items:items,accordionUniqueName:accordionUniqName,prefix:prefix,id:accordionUniqName,isOpened:!0,isPopover:!0})})),(0,emotion_react_browser_esm.jsx)(NavBarItemWithSubMenu_Link,{to:"",className:"icon-wrapper"+(match?" active":"")},CustomIcon?(0,emotion_react_browser_esm.jsx)(CustomIcon,null):(0,emotion_react_browser_esm.jsx)(Icon,null),(0,emotion_react_browser_esm.jsx)(core_dist.AccordionTitle,(0,esm_extends.Z)({},data,{css:AccordionTitle}))))}))))};NavBarItemWithSubMenu.displayName="NavBarItemWithSubMenu";try{NavBarItemWithSubMenu.displayName="NavBarItemWithSubMenu",NavBarItemWithSubMenu.__docgenInfo={description:"",displayName:"NavBarItemWithSubMenu",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"CollapsibleNavBarGroup"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/NavBarItemWithSubMenu.tsx#NavBarItemWithSubMenu"]={docgenInfo:NavBarItemWithSubMenu.__docgenInfo,name:"NavBarItemWithSubMenu",path:"src/components/CollapsibleNavBar/NavBarItemWithSubMenu.tsx#NavBarItemWithSubMenu"})}catch(__react_docgen_typescript_loader_error){}const NavBarItemWithoutSubMenu=({item:item,onClick:onClick})=>{const{path:path,iconName:iconName,title:title,iconSize:iconSize,css:css,CustomIcon:CustomIcon}=item,Icon=()=>(0,emotion_react_browser_esm.jsx)(TriggerIcon,{iconName:iconName,iconSize:iconSize,CustomIcon:CustomIcon,css:(0,emotion_react_browser_esm.css)({...css},"","")});return(0,emotion_react_browser_esm.jsx)(CollapsibleNavBar_CollapsibleNavBarItem,{key:path},(0,emotion_react_browser_esm.jsx)(CollapsibleNavBar_CollapsibleNavBarLink,{to:"/"+path,onClick:onClick},(0,emotion_react_browser_esm.jsx)(CollapsibleNavBarPopover,{triggerIcon:(0,emotion_react_browser_esm.jsx)(Icon,null),title:title}),(0,emotion_react_browser_esm.jsx)(Icon,null),(0,emotion_react_browser_esm.jsx)("span",null,title)))};NavBarItemWithoutSubMenu.displayName="NavBarItemWithoutSubMenu";try{NavBarItemWithoutSubMenu.displayName="NavBarItemWithoutSubMenu",NavBarItemWithoutSubMenu.__docgenInfo={description:"",displayName:"NavBarItemWithoutSubMenu",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"CollapsibleNavBarItem"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.tsx#NavBarItemWithoutSubMenu"]={docgenInfo:NavBarItemWithoutSubMenu.__docgenInfo,name:"NavBarItemWithoutSubMenu",path:"src/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.tsx#NavBarItemWithoutSubMenu"})}catch(__react_docgen_typescript_loader_error){}const CollapsibleNavBar=({items:items,renderLogo:renderLogo,onChange:onChange})=>{const toggleId=(0,react.useId)(),{width:width}=(0,hooks_dist.useWindowSize)(),[isChecked,onToggle]=(0,react.useState)(!1),isMobile=width<SCREEN_SIZES_900.width;(0,react.useEffect)((()=>{onToggle(!1)}),[width]),(0,react.useEffect)((()=>{onChange?.(isChecked)}),[isChecked]);const handleCloseMobileMenu=()=>{isMobile&&onToggle(!isChecked)};return(0,emotion_react_browser_esm.jsx)(CollapsibleNavBar_CollapsibleNavBarBase,{className:isChecked?"opened":void 0},(0,emotion_react_browser_esm.jsx)("input",{type:"checkbox",id:toggleId,checked:isChecked,onChange:()=>{onToggle(!isChecked)}}),(0,emotion_react_browser_esm.jsx)(CollapsibleNavBar_CollapsibleNavToggle,{id:toggleId}),(0,emotion_react_browser_esm.jsx)(CollapsibleNavBar_CollapsibleNavBarWrapper,null,(0,emotion_react_browser_esm.jsx)(core_dist.Wrapper,{css:LogoWrapper},renderLogo,(0,emotion_react_browser_esm.jsx)(NavContentToggle,{id:toggleId,isChecked:isChecked})),(0,emotion_react_browser_esm.jsx)(CollapsibleNavBar_CollapsibleNavBarList,null,items.map((item=>{const{iconName:iconName,title:title}=item,keyName=iconName+title.replace(" ","").toLowerCase();return"items"in item?(0,emotion_react_browser_esm.jsx)(NavBarItemWithSubMenu,{item:item,key:keyName,onClick:handleCloseMobileMenu}):(0,emotion_react_browser_esm.jsx)(NavBarItemWithoutSubMenu,{item:item,key:keyName,onClick:handleCloseMobileMenu})})))))};CollapsibleNavBar.displayName="CollapsibleNavBar";try{CollapsibleNavBar.displayName="CollapsibleNavBar",CollapsibleNavBar.__docgenInfo={description:"UI Component that shows the collapsible navigation bar",displayName:"CollapsibleNavBar",props:{items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"(CollapsibleNavBarItem | CollapsibleNavBarGroup)[]"}},renderLogo:{defaultValue:null,description:"",name:"renderLogo",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(isChecked: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/CollapsibleNavBar.tsx#CollapsibleNavBar"]={docgenInfo:CollapsibleNavBar.__docgenInfo,name:"CollapsibleNavBar",path:"src/components/CollapsibleNavBar/CollapsibleNavBar.tsx#CollapsibleNavBar"})}catch(__react_docgen_typescript_loader_error){}const ITEMS=[{path:"",iconName:"home",iconSize:20,title:"Dashboard"},{path:"bots",iconName:"robot",iconSize:54,title:"Bots",css:{position:"absolute",top:"-14px"}},{path:"notifications",iconName:"notification",iconSize:24,title:"Notifications"},{prefix:"statistics/",iconName:"chart",iconSize:22,title:"Statistics",items:[{path:"balance",title:"Balance"},{path:"max-in-work",title:"Max in Work"},{path:"orders",title:"Orders"},{path:"pnl",title:"PNL"},{path:"turnover",title:"Turnover"},{path:"hourly-pnl",title:"Hourly PNL"}]},{path:"history",iconName:"clock",iconSize:24,title:"History"},{path:"settings",iconName:"settings",iconSize:20,title:"Settings"}],ResponsiveLogo=theme=>(0,emotion_react_browser_esm.css)("width:48px;height:42px;&:hover:{filter:drop-shadow(0px 5px 5px ",theme.colors.grey,");}display:none;",theme.mediaQueries.md,"{display:block;}",theme.mediaQueries.lg,"{width:55px;height:48px;margin-left:7px;&:has(~ div > input[type='checkbox']:checked){margin-left:34px;}}","",""),Logo=()=>(0,emotion_react_browser_esm.jsx)(core_dist.ResponsiveImage,{css:ResponsiveLogo,srcSet:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Large_Left.png?alt=media&token=b6fe7ab8-fd0b-475f-bb08-360311f27693 69w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Medium_Left.png?alt=media&token=a1aeba69-7c07-40c9-aeac-c2477640870d 55w",sizes:"(min-width: 900px) 55px, (min-width: 1440px) 69px",src:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Small_Left.png?alt=media&token=bff7149e-3b90-4657-8a11-040e83990e6f",alt:"SSA CTP logo"});Logo.displayName="Logo";var NotificationCard=__webpack_require__("./src/components/NotificationCard/NotificationCard.tsx");const Main=(0,emotion_styled_base_browser_esm.Z)("main",{target:"efdrdt20"})("background:linear-gradient(\n      143deg,\n      #e7ebf1 -4.16%,\n      #d7d9dd 39.37%,\n      #cccdd2 52.66%,\n      #e1e4ea 87.68%\n    ),#f8f9fb;width:100%;padding:60px 10px 10px 15px;",(({theme:theme})=>theme.mediaQueries.md),"{padding:10px 21px 10px 35px;}",(({theme:theme})=>theme.mediaQueries.lg),"{padding:10px 49px 10px 36px;}",(({theme:theme})=>theme.mediaQueries.xlg),"{padding:10px 60px 10px 62px;}");var Layout_ref={name:"bdrx3o",styles:"display:flex;min-height:100vh;position:relative"};const Layout=({children:children})=>(0,emotion_react_browser_esm.jsx)("div",{css:Layout_ref},children,(0,emotion_react_browser_esm.jsx)(Main,null,new Array(100).fill(1).map(((_,index)=>(0,emotion_react_browser_esm.jsx)(NotificationCard.s,{key:index,title:"CyberVeinToken is Now Available",text:"With our newest listing, we’re welcoming Wrapped",isRead:!1,type:"Informational",time:Date.now()})))));Layout.displayName="Layout";try{Layout.displayName="Layout",Layout.__docgenInfo={description:"",displayName:"Layout",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/stories/Layout.tsx#Layout"]={docgenInfo:Layout.__docgenInfo,name:"Layout",path:"src/components/CollapsibleNavBar/stories/Layout.tsx#Layout"})}catch(__react_docgen_typescript_loader_error){}const CustomIcon=()=>(0,emotion_react_browser_esm.jsx)("svg",(0,esm_extends.Z)({className:"svg-icon",width:24,height:24,viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},{}),(0,emotion_react_browser_esm.jsx)("path",{d:"M708.76 993.953333a53.366667 53.366667 0 0 1-46.28-26.666666L532.1 741.466667l-154.666667 148.586666A21.333333 21.333333 0 0 1 341.333333 874.666667V192a21.333333 21.333333 0 0 1 6.706667-15.526667c5.333333-5.02 15.26-8.74 25.72-2.666666l91.946667 53.086666 498.833333 288a21.333333 21.333333 0 0 1-4.733333 38.966667l-206 59.64 130.386666 225.826667a53.333333 53.333333 0 0 1-19.526666 72.826666l-129.333334 74.666667a53.02 53.02 0 0 1-26.573333 7.133333z m-171.806667-308.073333a20.666667 20.666667 0 0 1 3 0.213333 21.333333 21.333333 0 0 1 15.48 10.453334l144 249.413333a10.666667 10.666667 0 0 0 14.566667 3.906667l129.333333-74.666667a10.666667 10.666667 0 0 0 3.906667-14.573333l-144-249.413334a21.333333 21.333333 0 0 1 12.546667-31.16l184.053333-53.286666L384 228.953333v595.633334l138.18-132.76a21.333333 21.333333 0 0 1 14.773333-5.946667zM298.666667 661.333333a21.333333 21.333333 0 0 0-21.333334-21.333333H96a10.666667 10.666667 0 0 1-10.666667-10.666667V96a10.666667 10.666667 0 0 1 10.666667-10.666667h746.666667a10.666667 10.666667 0 0 1 10.666666 10.666667v266.666667a21.333333 21.333333 0 0 0 42.666667 0V96a53.393333 53.393333 0 0 0-53.333333-53.333333H96a53.393333 53.393333 0 0 0-53.333333 53.333333v533.333333a53.393333 53.393333 0 0 0 53.333333 53.333334h181.333333a21.333333 21.333333 0 0 0 21.333334-21.333334z",fill:"rgb(195, 197, 204)"}));CustomIcon.displayName="CustomIcon";const reactRouterDecorator=Story=>(0,emotion_react_browser_esm.jsx)(dist.VA,null,(0,emotion_react_browser_esm.jsx)(dist.Z5,null,(0,emotion_react_browser_esm.jsx)(dist.AW,{path:"/*",element:(0,emotion_react_browser_esm.jsx)(Story,null)})));reactRouterDecorator.displayName="reactRouterDecorator";var CollapsibleNavBar_stories={title:"Widgets/CollapsibleNavBar",component:CollapsibleNavBar,parameters:{layout:"fullscreen",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:"<CollapsibleNavBar />"}))}},decorators:[reactRouterDecorator,Story=>(0,emotion_react_browser_esm.jsx)(Layout,null,Story())],args:{items:ITEMS,renderLogo:(0,emotion_react_browser_esm.jsx)(Logo,null)}};const Default={},WithCustomIcon={title:"With Custom Icon",component:CollapsibleNavBar,parameters:{layout:"fullscreen"},args:{items:[...ITEMS,{path:"custom",CustomIcon:CustomIcon,title:"Item with custom icon"}],renderLogo:(0,emotion_react_browser_esm.jsx)(Logo,null)}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}},WithCustomIcon.parameters={...WithCustomIcon.parameters,docs:{...WithCustomIcon.parameters?.docs,source:{originalSource:"{\n  title: 'With Custom Icon',\n  component: CollapsibleNavBar,\n  parameters: {\n    layout: 'fullscreen'\n  },\n  args: {\n    items: [...ITEMS, {\n      path: 'custom',\n      CustomIcon,\n      title: 'Item with custom icon'\n    }],\n    renderLogo: <Logo />\n  }\n} as Meta<typeof CollapsibleNavBar>",...WithCustomIcon.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithCustomIcon"]},"../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 m},callAll:function(){return r},dateFormatters:function(){return n},debounce:function(){return u},dissocPath:function(){return w},generateRange:function(){return g},mapObjIndexed:function(){return h},path:function(){return y},pathOr:function(){return S},prop:function(){return b},propOr:function(){return v},throttle:function(){return o}});var n={};e.r(n),e.d(n,{formatDate:function(){return f},formatDayOfWeek:function(){return s},formatTime:function(){return a},getTimeAgo:function(){return d},printDayOfTheWeek:function(){return l}});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=(e,t=200)=>{let n=null;return[(...r)=>{n&&clearTimeout(n),n=setTimeout((()=>{n&&clearTimeout(n),e(...r)}),t)},function(){n&&clearTimeout(n)}]},i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],c={year:31536e3,month:2592e3,week:604800,day:86400,hour:3600,min:60},a=e=>new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),s=e=>i[new Date(e).getDay()],f=e=>new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short"}),l=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"}},d=e=>{const t=new Date(e).getTime();if(Number.isNaN(t))throw new Error("Invalid date");const n=Math.floor((Date.now()-t)/1e3);let r;for(const e in c)if(r=Math.floor(n/c[e]),r>=1)return`${r} ${e}${r>1?"s":""} ago`;return"Just Now"},h=(e,t)=>Object.keys(t).reduce(((n,r)=>(n[r]=e(t[r],r,t),n)),{}),p=(e,t,n)=>{for(let r=t;r<n;++r)e.push(r)};var g=(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):p(n,2,o),n=n.concat(r),e-u>2?n.push(-1):p(n,u+1,e)}else e<=5?p(n,2,e):n.push(2,3,-1);return n.push(e),n};const m=([e,...t],n)=>r=>JSON.parse(JSON.stringify({...r,[e]:t.length?m(t,n)(r[e]):n})),w=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},y=e=>t=>e.reduce(((e,t)=>e?.[t]),t),S=(e,t)=>n=>{const r=y(t)(n);return null==r?e:r},b=e=>t=>t?.[e],v=(e,t)=>n=>{const r=b(t)(n);return null==r?e:r};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},useTextSizeDecrease:function(){return l},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]),a=/(\d+\.?\d+)(\S+)/,s=(e,t)=>e.scrollWidth>Number(t?.clientWidth),f=(e,t)=>{const n=window.getComputedStyle(e).fontSize.match(a);if(n){const[,r,o]=n;e.style.fontSize=`${Number(r)-t}${o}`}},l=(t=5,r=1)=>{const o=(0,e.useRef)(null),u=(0,e.useRef)(0),{width:i}=n();return(0,e.useEffect)((()=>{(()=>{if(null==o.current)return;const e=o.current,n=e.parentNode;let i=s(e,n);for(;u.current<t&&i;)f(e,r),i=s(e,n),++u.current;i&&(e.style.wordBreak="break-all")})()}),[o,i]),o}}(),o}())}}]);

package/storybook-static/components-ExchangeAccount-ExchangeAccount-stories.088bb989.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[2562],{"./src/components/ExchangeAccount/ExchangeAccount.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},List:function(){return List},WithLink:function(){return ExchangeAccount_stories_WithLink},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return ExchangeAccount_stories}});var dist=__webpack_require__("../../node_modules/.pnpm/react-router@6.11.2_react@18.2.0/node_modules/react-router/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"),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"),core_dist=__webpack_require__("../core/dist/index.js"),AddNewAccountCard=__webpack_require__("./src/components/AddNewAccountCard/AddNewAccountCard.tsx"),esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),WithLink=__webpack_require__("./src/components/AccountBalance/WithLink.tsx"),BalancePieChart=__webpack_require__("./src/components/AccountBalance/BalancePieChart.tsx");const CardBase=theme=>(0,emotion_react_browser_esm.css)("padding:0;border-radius:20px;box-shadow:0px 10px 40px 0px ",theme.colors.greyShadow,";transition:0.3s;&:hover{box-shadow:5px 5px 20px 0px ",theme.colors.black25,";}","",""),CardHeader=theme=>(0,emotion_react_browser_esm.css)("display:grid;grid-template-columns:auto 1fr 20px;align-items:center;width:100%;padding:10px;border-radius:20px 20px 0 0;background:",theme.colors.greyLighter,";margin-bottom:0;",theme.mediaQueries.md,"{h6{font-size:16px;line-height:24px;}}",theme.mediaQueries.xs,"{padding:6px 10px;}","",""),RemoveButton=theme=>(0,emotion_react_browser_esm.css)("height:auto;padding:0;background:none;box-shadow:none;&:hover,&:focus{background:none;box-shadow:none;}&:hover{svg path{fill:",theme.colors.greyDarker,";}}","",""),Platform={name:"75whpw",styles:"display:flex;align-items:center;gap:9px;margin-right:13px"},Status=theme=>(0,emotion_react_browser_esm.css)("width:100%;text-align:center;padding:4px;&.active{color:",theme.colors.greenDark,";background:",theme.colors.greenMint,";}&.not-available{color:",theme.colors.red,";background:",theme.colors.redLighter40,";}",theme.mediaQueries.md,"{font-size:14px;line-height:17px;}","",""),CardContent=theme=>(0,emotion_react_browser_esm.css)("width:100%;padding:10px 20px;ul:last-child{li{justify-content:flex-end;text-align:right;}}",theme.mediaQueries.md,"{>div{display:block;text-align:center;.pie-chart-wrapper{margin:0 auto 6px;}}ul{display:inline-flex;height:auto;}ul:last-child{margin-left:30px;}}",theme.mediaQueries.lg,"{>div{display:flex;justify-content:space-around;.pie-chart-wrapper{margin:0 10px 0 0;}}ul{display:flex;margin-left:0;}ul:last-child{margin-left:10px;}}","",""),ExchangeAccount=({platform:platform,title:title,status:status,link:link,data:data,onClick:onClick,onDelete:onDelete})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)(),isActive="Active"===status;return(0,emotion_react_browser_esm.jsx)(WithLink.o,{link:link,onClick:onClick},(0,emotion_react_browser_esm.jsx)(core_dist.CardBase,{noShadow:!0,css:CardBase,"data-testid":"card",onClick:link?void 0:onClick},(0,emotion_react_browser_esm.jsx)(core_dist.CardHeader,{css:CardHeader},(0,emotion_react_browser_esm.jsx)(core_dist.Typography,{variant:"subtitle",weight:"bold",color:theme.colors.greyDarker,css:Platform},platform),(0,emotion_react_browser_esm.jsx)(core_dist.Typography,{color:theme.colors.greyDropdownFocused,variant:"subtitle",weight:"regular"},title),(0,emotion_react_browser_esm.jsx)(core_dist.Button,{css:RemoveButton,onClick:e=>{return(event=e).preventDefault(),event.stopPropagation(),void onDelete();var event}},(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:"bin",color:theme.colors.greyDropdownFocused,size:20}))),(0,emotion_react_browser_esm.jsx)(core_dist.Typography,{css:Status,className:isActive?"active":"not-available",variant:"body1",weight:"regular"},isActive?status:"Not available"),(0,emotion_react_browser_esm.jsx)(core_dist.CardContent,{css:CardContent,direction:"column"},(0,emotion_react_browser_esm.jsx)(BalancePieChart.f,(0,esm_extends.Z)({theme:theme},data)))))};ExchangeAccount.displayName="ExchangeAccount";try{ExchangeAccount.displayName="ExchangeAccount",ExchangeAccount.__docgenInfo={description:"",displayName:"ExchangeAccount",props:{platform:{defaultValue:null,description:"",name:"platform",required:!0,type:{name:"string | Element"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},status:{defaultValue:null,description:"",name:"status",required:!0,type:{name:'"Active" | "NotAvailable"'}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}},onDelete:{defaultValue:null,description:"",name:"onDelete",required:!0,type:{name:"() => void"}},link:{defaultValue:null,description:"",name:"link",required:!1,type:{name:"To"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:'Omit<AccountBalanceProps, "title" | "link" | "onClick" | "className">'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ExchangeAccount/ExchangeAccount.tsx#ExchangeAccount"]={docgenInfo:ExchangeAccount.__docgenInfo,name:"ExchangeAccount",path:"src/components/ExchangeAccount/ExchangeAccount.tsx#ExchangeAccount"})}catch(__react_docgen_typescript_loader_error){}var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js");const dataValues=[{platform:(0,emotion_react_browser_esm.jsx)(react.Fragment,null,(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:"stats",color:"#EFC938",size:20}),"Binance"),title:"Account Name",status:"Active",data:{total:48000.53032,currency:"USDT",data:[{id:"BTC",label:"BTC",legendValue:1,value:5371.23},{id:"LTC",label:"LTC",legendValue:7,value:5300.25},{id:"ETH",label:"ETH",legendValue:1,value:1815.31},{id:"Other",label:"Other",legendValue:943,value:1513.9956}]}},{platform:"Binance",title:"Name#2",status:"NotAvailable",data:{total:4800.53,currency:"USDT",data:[{id:"BTC",label:"BTC",legendValue:100,value:2371.23},{id:"LTC",label:"LTC",legendValue:52,value:5300.25},{id:"ETH",label:"ETH",legendValue:86,value:3815.31},{id:"Other",label:"Other",legendValue:943,value:1513.9956}]}},{platform:"Binance",title:"Name#3",status:"NotAvailable",data:{total:10000.53,currency:"USDT",data:[{id:"BTC",label:"BTC",legendValue:95,value:1371.23},{id:"LTC",label:"LTC",legendValue:7,value:8300.25},{id:"ETH",label:"ETH",legendValue:6,value:4815.31},{id:"Other",label:"Other",legendValue:943,value:3513.9956}]}},{platform:"Binance",title:"Name#4",status:"Active",data:{total:9000.53032,currency:"USDT",data:[{id:"BTC",label:"BTC",legendValue:10,value:5371.23},{id:"LTC",label:"LTC",legendValue:7,value:5300.25},{id:"ETH",label:"ETH",legendValue:1,value:7815.31},{id:"Other",label:"Other",legendValue:943,value:5513.9956}]}}];var ExchangeAccount_stories={title:"Widgets/ExchangeAccount",component:ExchangeAccount};const Default=()=>(0,emotion_react_browser_esm.jsx)(ExchangeAccount,{platform:dataValues[0].platform,title:dataValues[0].title,status:dataValues[0].status,data:dataValues[0].data,onClick:()=>alert("Card is clicked!"),onDelete:()=>alert("Card is deleted!")});Default.displayName="Default",Default.args={};const ExchangeAccount_stories_WithLink=()=>(0,emotion_react_browser_esm.jsx)(dist.VA,null,(0,emotion_react_browser_esm.jsx)(dist.Z5,null,(0,emotion_react_browser_esm.jsx)(dist.AW,{path:"/*",element:(0,emotion_react_browser_esm.jsx)(ExchangeAccount,{platform:dataValues[0].platform,title:dataValues[0].title,status:dataValues[0].status,data:dataValues[0].data,link:"/link",onClick:()=>alert("Card is clicked!"),onDelete:()=>alert("Card is deleted!")})})));ExchangeAccount_stories_WithLink.displayName="WithLink",ExchangeAccount_stories_WithLink.args={};const List=()=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)("div",{css:(0,emotion_react_browser_esm.css)("display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:10px;",theme.mediaQueries.md,"{max-width:1542px;grid-template-columns:repeat(3, minmax(200px, 1fr));gap:20px;}","","")},(0,emotion_react_browser_esm.jsx)(AddNewAccountCard.b,null,(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:"plus",size:12,color:theme.colors.blueRoyal}),"Add new account"),dataValues.map(((item,index)=>(0,emotion_react_browser_esm.jsx)(ExchangeAccount,{key:index,platform:item.platform,title:item.title,status:item.status,data:item.data,onClick:()=>alert("Card is clicked!"),onDelete:()=>alert("Card is deleted!")}))))};List.displayName="List",List.args={},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => {\n  return <ExchangeAccount platform={dataValues[0].platform} title={dataValues[0].title} status={dataValues[0].status} data={dataValues[0].data} onClick={() => alert('Card is clicked!')} onDelete={() => alert('Card is deleted!')} />;\n}",...Default.parameters?.docs?.source}}},ExchangeAccount_stories_WithLink.parameters={...ExchangeAccount_stories_WithLink.parameters,docs:{...ExchangeAccount_stories_WithLink.parameters?.docs,source:{originalSource:"() => {\n  return <MemoryRouter>\r\n      <Routes>\r\n        <Route path=\"/*\" element={<ExchangeAccount platform={dataValues[0].platform} title={dataValues[0].title} status={dataValues[0].status} data={dataValues[0].data} link=\"/link\" onClick={() => alert('Card is clicked!')} onDelete={() => alert('Card is deleted!')} />} />\r\n      </Routes>\r\n    </MemoryRouter>;\n}",...ExchangeAccount_stories_WithLink.parameters?.docs?.source}}},List.parameters={...List.parameters,docs:{...List.parameters?.docs,source:{originalSource:"() => {\n  const theme = useTheme();\n  return <div css={css`\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        gap: 10px;\n\n        ${theme.mediaQueries.md} {\n          max-width: 1542px;\n          grid-template-columns: repeat(3, minmax(200px, 1fr));\n          gap: 20px;\n        }\n      `}>\r\n      <AddNewAccountCard>\r\n        <Icon name=\"plus\" size={12} color={theme.colors.blueRoyal} />\r\n        Add new account\r\n      </AddNewAccountCard>\r\n      {dataValues.map((item, index) => {\n      return <ExchangeAccount key={index} platform={item.platform} title={item.title} status={item.status} data={item.data} onClick={() => alert('Card is clicked!')} onDelete={() => alert('Card is deleted!')} />;\n    })}\r\n    </div>;\n}",...List.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithLink","List"]},"./src/components/AddNewAccountCard/AddNewAccountCard.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{b:function(){return AddNewAccountCard}});var 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"),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 AccountCard=theme=>(0,emotion_react_browser_esm.css)("display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;width:100%;padding:21px 10px;color:",theme.colors.blueRoyal,";font-size:14px;font-weight:500;line-height:18px;letter-spacing:0;border-radius:20px;padding:21px 0;background:",theme.colors.greyLighter,";border:1px solid ",theme.colors.white,";box-shadow:0px 10px 40px 0px ",theme.colors.greyShadow,";transition:0.3s;cursor:pointer;&:hover{border:1px solid ",theme.colors.white,";background:",theme.colors.greyLighter,";box-shadow:5px 5px 20px 0px ",theme.colors.black25,";}","","");var _ref={name:"g65o95",styles:"text-decoration:none"};const AddNewAccountCard=({children:children,link:link,onClick:onClick})=>link?(0,emotion_react_browser_esm.jsx)(dist.rU,{css:_ref,to:link,onClick:onClick},(0,emotion_react_browser_esm.jsx)(core_dist.Card,{css:AccountCard,noShadow:!0},children)):(0,emotion_react_browser_esm.jsx)(core_dist.Card,{css:AccountCard,noShadow:!0,onClick:onClick},children);try{AddNewAccountCard.displayName="AddNewAccountCard",AddNewAccountCard.__docgenInfo={description:"",displayName:"AddNewAccountCard",props:{link:{defaultValue:null,description:"",name:"link",required:!1,type:{name:"To"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AddNewAccountCard/AddNewAccountCard.tsx#AddNewAccountCard"]={docgenInfo:AddNewAccountCard.__docgenInfo,name:"AddNewAccountCard",path:"src/components/AddNewAccountCard/AddNewAccountCard.tsx#AddNewAccountCard"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/components-ExchangeAccountKeys-ExchangeAccountKeys-stories.ad32903f.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[5608],{"./src/components/ExchangeAccountKeys/ExchangeAccountKeys.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 ExchangeAccountKeys_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/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"),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 Card=theme=>(0,emotion_react_browser_esm.css)("box-shadow:0 10px 40px 0 ",theme.colors.greyShadow,";padding:0;border-radius:20px;&.disabled{pointer-events:none;}","",""),CardHeader=theme=>(0,emotion_react_browser_esm.css)("align-items:center;background:",theme.colors.greyLighter,";padding:10px;border-radius:20px 20px 0 0;margin-bottom:0;",theme.mediaQueries.md,"{padding:15px 10px 15px 30px;}","",""),DeleteButton=theme=>(0,emotion_react_browser_esm.css)("height:auto;background:none;box-shadow:none;&:hover,&:focus{background:none;box-shadow:none;}&:hover{svg path{fill:",theme.colors.greyDarker,";}}",theme.mediaQueries.md,"{padding:12px;}","",""),CardContent=theme=>(0,emotion_react_browser_esm.css)("width:100%;padding:10px;",theme.mediaQueries.md,"{padding:13px 30px 20px;}","",""),KeyItem={name:"gnnc8a",styles:"display:flex;flex-direction:column;gap:5px;&:not(:last-child){margin-bottom:20px;}"},VisibleButton={name:"15bna7",styles:"height:auto;padding:0;background:none;box-shadow:none;&:hover,&:focus{background:none;box-shadow:none;}"},SecretKey={name:"1u3vkts",styles:"display:flex;align-items:center;gap:7px"},LetterWrap={name:"26bywx",styles:"overflow-wrap:anywhere"},ExchangeAccountKeys=({title:title,apiKey:apiKey,secretKey:secretKey,onDelete:onDelete,onVisibilityChange:onVisibilityChange,isDisabled:isDisabled})=>{const[isVisible,setIsVisible]=(0,react.useState)(!1),theme=(0,emotion_element_c39617d8_browser_esm.u)(),placeholder=(0,emotion_react_browser_esm.jsx)("span",null,"******");return(0,react.useEffect)((()=>{onVisibilityChange(isVisible)}),[isVisible]),(0,emotion_react_browser_esm.jsx)(dist.Card,{noShadow:!0,css:Card,className:isDisabled?"disabled":""},(0,emotion_react_browser_esm.jsx)(dist.CardHeader,{css:CardHeader},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h5",weight:"bold"},title),(0,emotion_react_browser_esm.jsx)(dist.Button,{css:DeleteButton,onClick:onDelete},(0,emotion_react_browser_esm.jsx)(dist.Icon,{name:"bin",size:15,color:theme.colors.greyDropdownFocused}))),(0,emotion_react_browser_esm.jsx)(dist.CardContent,{css:CardContent,direction:"column"},(0,emotion_react_browser_esm.jsx)("div",{css:KeyItem},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h6",color:theme.colors.greyDropdownFocused},"API Key"),(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h5",weight:"bold",css:LetterWrap},apiKey)),(0,emotion_react_browser_esm.jsx)("div",{css:KeyItem},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h6",color:theme.colors.greyDropdownFocused},"Secret Key"),(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h5",weight:"bold",css:SecretKey},(0,emotion_react_browser_esm.jsx)("span",{css:LetterWrap},isVisible&&secretKey||placeholder),(0,emotion_react_browser_esm.jsx)(dist.Button,{css:VisibleButton,onClick:()=>{setIsVisible((prev=>!prev))}},(0,emotion_react_browser_esm.jsx)(dist.Icon,{name:isVisible?"visible":"invisible",size:20,color:theme.colors.greyDropdownFocused}))))))};ExchangeAccountKeys.displayName="ExchangeAccountKeys";try{ExchangeAccountKeys.displayName="ExchangeAccountKeys",ExchangeAccountKeys.__docgenInfo={description:"",displayName:"ExchangeAccountKeys",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string | Element"}},apiKey:{defaultValue:null,description:"",name:"apiKey",required:!0,type:{name:"string"}},secretKey:{defaultValue:null,description:"",name:"secretKey",required:!0,type:{name:"string"}},onDelete:{defaultValue:null,description:"",name:"onDelete",required:!0,type:{name:"() => void"}},onVisibilityChange:{defaultValue:null,description:"",name:"onVisibilityChange",required:!0,type:{name:"(e: boolean) => void"}},isDisabled:{defaultValue:null,description:"",name:"isDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ExchangeAccountKeys/ExchangeAccountKeys.tsx#ExchangeAccountKeys"]={docgenInfo:ExchangeAccountKeys.__docgenInfo,name:"ExchangeAccountKeys",path:"src/components/ExchangeAccountKeys/ExchangeAccountKeys.tsx#ExchangeAccountKeys"})}catch(__react_docgen_typescript_loader_error){}const getMockData=()=>new Promise((resolve=>{resolve("1234567890")})),StoryComponent=({onDelete:onDelete})=>{const[isDisabled,setIsDisabled]=(0,react.useState)(!1),[secretKey,setSecretKey]=(0,react.useState)("");return(0,emotion_react_browser_esm.jsx)(ExchangeAccountKeys,{title:"Account Name",apiKey:"123456789012345678901234567890",secretKey:secretKey,onDelete:onDelete,onVisibilityChange:isVisible=>{isVisible&&(setIsDisabled(!0),getMockData().then((data=>{setSecretKey(data),setIsDisabled(!1)})))},isDisabled:isDisabled})};StoryComponent.displayName="StoryComponent";try{StoryComponent.displayName="StoryComponent",StoryComponent.__docgenInfo={description:"",displayName:"StoryComponent",props:{onDelete:{defaultValue:null,description:"",name:"onDelete",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ExchangeAccountKeys/stories/StoryComponent.tsx#StoryComponent"]={docgenInfo:StoryComponent.__docgenInfo,name:"StoryComponent",path:"src/components/ExchangeAccountKeys/stories/StoryComponent.tsx#StoryComponent"})}catch(__react_docgen_typescript_loader_error){}var ExchangeAccountKeys_stories={title:"Widgets/ExchangeAccountKeys",component:ExchangeAccountKeys};const Default=()=>(0,emotion_react_browser_esm.jsx)(StoryComponent,{onDelete:()=>alert("Account Deleted!")});Default.displayName="Default",Default.args={},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => <StoryComponent onDelete={() => alert('Account Deleted!')} />",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]}}]);

package/storybook-static/components-Filters-stories-Filters-stories.7ab0cd65.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[2988],{"../../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/Filters/stories/Filters.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllItemsEnabled:function(){return AllItemsEnabled},Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Filters_stories}});const mockData={strategy:{id:"strategy",title:"Strategy",isOpened:!0,ariaControls:"strategy-panel",selectedItems:["checkbox1","checkbox4"],items:{checkbox1:{key:"strategy-checkbox1",name:"checkbox1",content:{statePath:["strategy","items","checkbox1"],text:"checkbox1"}},checkbox2:{key:"strategy-checkbox2",name:"checkbox2",content:{statePath:["strategy","items","checkbox2"],text:"checkbox2"}},checkbox3:{key:"strategy-checkbox3",name:"checkbox3",content:{statePath:["strategy","items","checkbox3"],text:"checkbox3"}},checkbox4:{key:"strategy-checkbox4",name:"checkbox4",content:{statePath:["strategy","items","checkbox4"],text:"checkbox4"}},checkbox5:{key:"strategy-checkbox5",name:"checkbox5",content:{statePath:["strategy","items","checkbox5"],text:"checkbox5"}}}},strategy2:{id:"strategy2",title:"Strategy #2",isOpened:!1,ariaControls:"strategy2-panel",selectedItems:["strategy2Checkbox1"],items:{strategy2Checkbox1:{key:"strategy2-checkbox1",name:"strategy2Checkbox1",content:{statePath:["strategy","items","strategy2Checkbox1"],text:"strategy #2 checkbox1"}},strategy2Checkbox2:{key:"strategy2-checkbox2",name:"strategy2Checkbox2",content:{statePath:["strategy","items","strategy2Checkbox2"],text:"strategy #2 checkbox2"}},strategy2Checkbox3:{key:"strategy2-checkbox3",name:"strategy2Checkbox3",content:{statePath:["strategy","items","strategy2Checkbox3"],text:"strategy #2 checkbox3"}},strategy2Checkbox4:{key:"strategy2-checkbox4",name:"strategy2Checkbox4",content:{statePath:["strategy","items","strategy2Checkbox4"],text:"strategy #2 checkbox4"}},strategy2Checkbox5:{key:"strategy2-checkbox5",name:"strategy2Checkbox5",content:{statePath:["strategy","items","strategy2Checkbox5"],text:"strategy #2 checkbox5"}}}},strategy3:{id:"strategy3",title:"Strategy #3",isOpened:!1,ariaControls:"strategy3-panel",selectedItems:[],items:{strategy3Checkbox1:{key:"strategy3-checkbox1",name:"strategy3Checkbox1",content:{statePath:["strategy","items","strategy3Checkbox1"],text:"strategy #3 checkbox1"}},strategy3Checkbox2:{key:"strategy3-checkbox2",name:"strategy3Checkbox2",content:{statePath:["strategy","items","strategy3Checkbox2"],text:"strategy #3 checkbox2"}},strategy3Checkbox3:{key:"strategy3-checkbox3",name:"strategy3Checkbox3",content:{statePath:["strategy","items","strategy3Checkbox3"],text:"strategy #3 checkbox3"}},strategy3Checkbox4:{key:"strategy3-checkbox4",name:"strategy3Checkbox4",content:{statePath:["strategy","items","strategy3Checkbox4"],text:"strategy #3 checkbox4"}},strategy3Checkbox5:{key:"strategy3-checkbox5",name:"strategy3Checkbox5",content:{statePath:["strategy","items","strategy3Checkbox5"],text:"strategy #3 checkbox5"}}}},status:{id:"status",title:"Status",isOpened:!1,ariaControls:"status-panel",selectedItems:["running"],items:{running:{key:"status-checkbox-running",name:"running",content:{statePath:["status","items","running"],text:"Running"}},stopped:{key:"status-checkbox-stopped",name:"stopped",content:{statePath:["status","items","stopped"],text:"Stopped"}}}},pairs:{id:"pairs",title:"Pairs",isOpened:!1,ariaControls:"pairs-panel",selectedItems:["btcfdusd"],items:{btcfdusd:{key:"btcfdusd",name:"btcfdusd",isDisabled:!0,content:{statePath:["pairs","items","btcfdusd"],text:"BTC-FDUSD"}}}},exchange:{id:"exchange",title:"Exchange",isOpened:!1,ariaControls:"exchange-panel",selectedItems:["binance"],items:{binance:{key:"binance",name:"binance",isDisabled:!0,content:{statePath:["exchange","items","binance"],text:"Binance"}}}}},mockDataEnabled={strategy:{id:"strategy",title:"Strategy",isOpened:!0,ariaControls:"strategy-panel",selectedItems:["checkbox1","checkbox4"],items:{checkbox1:{key:"strategy-checkbox1",name:"checkbox1",content:{statePath:["strategy","items","checkbox1"],text:"checkbox1"}},checkbox2:{key:"strategy-checkbox2",name:"checkbox2",content:{statePath:["strategy","items","checkbox2"],text:"checkbox2"}},checkbox3:{key:"strategy-checkbox3",name:"checkbox3",content:{statePath:["strategy","items","checkbox3"],text:"checkbox3"}},checkbox4:{key:"strategy-checkbox4",name:"checkbox4",content:{statePath:["strategy","items","checkbox4"],text:"checkbox4"}},checkbox5:{key:"strategy-checkbox5",name:"checkbox5",content:{statePath:["strategy","items","checkbox5"],text:"checkbox5"}}}},strategy2:{id:"strategy2",title:"Strategy #2",isOpened:!1,ariaControls:"strategy2-panel",selectedItems:[],items:{strategy2Checkbox1:{key:"strategy2-checkbox1",name:"strategy2Checkbox1",content:{statePath:["strategy","items","strategy2Checkbox1"],text:"strategy #2 checkbox1"}},strategy2Checkbox2:{key:"strategy2-checkbox2",name:"strategy2Checkbox2",content:{statePath:["strategy","items","strategy2Checkbox2"],text:"strategy #2 checkbox2"}},strategy2Checkbox3:{key:"strategy2-checkbox3",name:"strategy2Checkbox3",content:{statePath:["strategy","items","strategy2Checkbox3"],text:"strategy #2 checkbox3"}},strategy2Checkbox4:{key:"strategy2-checkbox4",name:"strategy2Checkbox4",content:{statePath:["strategy","items","strategy2Checkbox4"],text:"strategy #2 checkbox4"}},strategy2Checkbox5:{key:"strategy2-checkbox5",name:"strategy2Checkbox5",content:{statePath:["strategy","items","strategy2Checkbox5"],text:"strategy #2 checkbox5"}}}},strategy3:{id:"strategy3",title:"Strategy #3",isOpened:!1,ariaControls:"strategy3-panel",selectedItems:[],items:{strategy3Checkbox1:{key:"strategy3-checkbox1",name:"strategy3Checkbox1",content:{statePath:["strategy","items","strategy3Checkbox1"],text:"strategy #3 checkbox1"}},strategy3Checkbox2:{key:"strategy3-checkbox2",name:"strategy3Checkbox2",content:{statePath:["strategy","items","strategy3Checkbox2"],text:"strategy #3 checkbox2"}},strategy3Checkbox3:{key:"strategy3-checkbox3",name:"strategy3Checkbox3",content:{statePath:["strategy","items","strategy3Checkbox3"],text:"strategy #3 checkbox3"}},strategy3Checkbox4:{key:"strategy3-checkbox4",name:"strategy3Checkbox4",content:{statePath:["strategy","items","strategy3Checkbox4"],text:"strategy #3 checkbox4"}},strategy3Checkbox5:{key:"strategy3-checkbox5",name:"strategy3Checkbox5",content:{statePath:["strategy","items","strategy3Checkbox5"],text:"strategy #3 checkbox5"}}}},status:{id:"status",title:"Status",isOpened:!1,ariaControls:"status-panel",selectedItems:[],items:{running:{key:"status-checkbox-running",name:"running",content:{statePath:["status","items","running"],text:"Running"}},stopped:{key:"status-checkbox-stopped",name:"stopped",content:{statePath:["status","items","stopped"],text:"Stopped"}}}},pairs:{id:"pairs",title:"Pairs",isOpened:!1,ariaControls:"pairs-panel",selectedItems:[],items:{btcfdusd:{key:"btcfdusd",name:"btcfdusd",content:{statePath:["pairs","items","btcfdusd"],text:"BTC-FDUSD"}}}},exchange:{id:"exchange",title:"Exchange",isOpened:!1,ariaControls:"exchange-panel",selectedItems:[],items:{binance:{key:"binance",name:"binance",content:{statePath:["exchange","items","binance"],text:"Binance"}}}}};var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),dist=__webpack_require__("../core/dist/index.js"),TableFilters=__webpack_require__("./src/components/TableFilters/TableFilters.tsx"),useTableData=__webpack_require__("./src/components/TableFilters/hooks/useTableData.ts"),FiltersContext=__webpack_require__("./src/components/Filters/FiltersContext.tsx"),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"),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 FiltersBlock=()=>{const{setElementRef:setElementRef,onDropdownChange:onDropdownChange,checkboxData:checkboxData}=(0,FiltersContext.PH)(),handleOnChange=groupName=>item=>{onDropdownChange(groupName,item)},[selectedItemsWithValue,setSelectedItemsWithValue]=(0,react.useState)({}),theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,react.useEffect)((()=>{const newData={};Object.keys(checkboxData).map((groupName=>{const selectedItems=checkboxData[groupName].selectedItemsDraft;selectedItems&&(newData[groupName]=selectedItems.map((item=>({value:item}))))})),setSelectedItemsWithValue(newData)}),[checkboxData]),(0,emotion_react_browser_esm.jsx)(react.Fragment,null,Object.keys(checkboxData).map((groupName=>{const accordionInfo=checkboxData[groupName],selectedItems=selectedItemsWithValue[groupName];return(0,emotion_react_browser_esm.jsx)(dist.MultipleDropdown,{key:accordionInfo.id,showPlaceholder:!1,label:accordionInfo.title,ref:element=>{setElementRef(accordionInfo.id,element)},onChange:handleOnChange(groupName),selectedItems:selectedItems,css:(0,emotion_react_browser_esm.css)({padding:"11px 15px 9px 10px","& + ul":{minWidth:150,maxHeight:"50vh"},[theme.mediaQueries.md]:{padding:"0 15px 0 10px"}},"","")},Object.keys(accordionInfo.items).map((itemKey=>{const item=accordionInfo.items[itemKey];return(0,emotion_react_browser_esm.jsx)(dist.DropdownOption,{key:`${accordionInfo.id}${item.name}`,value:item.name,isDisabled:item.isDisabled},item.content.text)})))})))};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");const FilterBlockWrapper=(0,emotion_styled_base_browser_esm.Z)(dist.Wrapper,{target:"ee7hesn0"})({name:"1g4e29i",styles:"justify-content:end;width:100%;&>div{min-width:auto;margin-right:10px;}"});try{FilterBlockWrapper.displayName="FilterBlockWrapper",FilterBlockWrapper.__docgenInfo={description:"",displayName:"FilterBlockWrapper",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},avatarSize:{defaultValue:null,description:"",name:"avatarSize",required:!1,type:{name:"number"}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"string"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},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<HTMLDivElement>"}},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"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},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:'"email" | "text" | "none" | "search" | "tel" | "url" | "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" | "true" | "false" | "page" | "step" | "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" | "true" | "false" | "grid" | "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<HTMLDivElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLDivElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLDivElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLDivElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLDivElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLDivElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLDivElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Filters/FilterBlockWrapper.tsx#FilterBlockWrapper"]={docgenInfo:FilterBlockWrapper.__docgenInfo,name:"FilterBlockWrapper",path:"src/components/Filters/FilterBlockWrapper.tsx#FilterBlockWrapper"})}catch(__react_docgen_typescript_loader_error){}const FiltersWrapper=(0,emotion_styled_base_browser_esm.Z)("div",{target:"e1itr0ds0"})("width:300px;display:flex;justify-content:right;flex:auto;flex-direction:",(({isMoreButtonVisible:isMoreButtonVisible})=>isMoreButtonVisible?"row":"row-reverse"),";& button{height:30px;}&>div:first-of-type>div:last-child{margin-right:",(({isMoreButtonVisible:isMoreButtonVisible})=>isMoreButtonVisible?"10px":0),";ul:{right:",(({isMoreButtonVisible:isMoreButtonVisible})=>isMoreButtonVisible?"auto":0),";}}",(({theme:theme})=>theme.mediaQueries.md),"{& button{height:36px;}}",(({theme:theme})=>theme.mediaQueries.lg),"{& button{height:40px;}}");try{FiltersWrapper.displayName="FiltersWrapper",FiltersWrapper.__docgenInfo={description:"",displayName:"FiltersWrapper",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},isMoreButtonVisible:{defaultValue:null,description:"",name:"isMoreButtonVisible",required:!1,type:{name:"boolean"}},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<HTMLDivElement>"}},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:'Booleanish | "inherit"'}},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:'"email" | "text" | "none" | "search" | "tel" | "url" | "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" | "true" | "false" | "page" | "step" | "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" | "true" | "false" | "grid" | "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<HTMLDivElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLDivElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLDivElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLDivElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLDivElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLDivElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLDivElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Filters/FiltersWrapper.tsx#FiltersWrapper"]={docgenInfo:FiltersWrapper.__docgenInfo,name:"FiltersWrapper",path:"src/components/Filters/FiltersWrapper.tsx#FiltersWrapper"})}catch(__react_docgen_typescript_loader_error){}var hooks_dist=__webpack_require__("../hooks/dist/index.js");var _ref={name:"inyrtd",styles:"width:110px"};const Filters=({checkboxData:initialState={},updatedCheckboxData:updatedCheckboxData,handleSubmit:handleSubmit,handleCancel:handleCancel,handleClear:handleClear,handleDropdownChange:handleDropdownChange})=>{const wrapperRef=(0,react.useRef)(null),[hiddenCheckboxData,setHiddenCheckboxData]=(0,react.useState)({}),[isMoreButtonVisible,setIsMoreButtonVisible]=(0,react.useState)(!1),useTableDataResult=(0,useTableData.Z)({initialState:initialState,updatedCheckboxData:updatedCheckboxData,wrapperRef:wrapperRef,handleSubmit:handleSubmit,handleCancel:handleCancel,handleClear:handleClear,handleDropdownChange:handleDropdownChange}),{checkboxData:checkboxData,refsList:refsList}=useTableDataResult;return(({checkboxData:checkboxData,wrapperRef:wrapperRef,refsList:refsList,onVisibilityProcessed:onVisibilityProcessed})=>{const[visibilities,setVisibilities]=(0,react.useState)(Object.keys(checkboxData).map((()=>!1))),handleIntersection=()=>{wrapperRef&&wrapperRef.current&&processVisibility()},observer=(0,react.useMemo)((()=>null===wrapperRef?null:new IntersectionObserver(handleIntersection,{root:wrapperRef?.current,rootMargin:"0px",threshold:1})),[wrapperRef?.current,refsList]);(0,react.useEffect)((()=>()=>{null!==observer&&observer.disconnect()}),[]),(0,react.useEffect)((()=>(refsList.length===Object.keys(checkboxData).length&&refsList.forEach((currentRef=>{currentRef.current&&null!==observer&&observer.observe(currentRef.current)})),()=>{refsList.forEach((currentRef=>{currentRef.current&&null!==observer&&observer.unobserve(currentRef.current)}))})),[refsList,observer]);const windowSize=(0,hooks_dist.useWindowSize)(),processVisibility=()=>{const newVisibilities=[];refsList.forEach((currentRef=>{if(currentRef.current&&wrapperRef?.current){const visibility=currentRef.current?.offsetLeft>=wrapperRef?.current.offsetLeft;newVisibilities.push(visibility),currentRef.current.style.visibility=visibility?"visible":"hidden"}})),setVisibilities(newVisibilities)},memoVisibilities=(0,react.useMemo)((()=>visibilities),[JSON.stringify(visibilities)]);(0,react.useEffect)((()=>{onVisibilityProcessed?.()}),[memoVisibilities]),(0,react.useEffect)((()=>{refsList.length>0&&refsList.length===Object.keys(checkboxData).length&&processVisibility()}),[windowSize.width])})({checkboxData:checkboxData,refsList:refsList,wrapperRef:wrapperRef,onVisibilityProcessed:()=>{const newHiddenCheckboxData={},groupNames=Object.keys(checkboxData);refsList.forEach(((currentRef,index)=>{const groupName=groupNames[index];"hidden"===currentRef.current?.style.visibility&&(newHiddenCheckboxData[groupName]=checkboxData[groupName])})),setHiddenCheckboxData(newHiddenCheckboxData)}}),(0,emotion_react_browser_esm.jsx)(FiltersWrapper,{ref:wrapperRef,isMoreButtonVisible:isMoreButtonVisible},(0,emotion_react_browser_esm.jsx)(FiltersContext.Z9,useTableDataResult,(0,emotion_react_browser_esm.jsx)(FilterBlockWrapper,null,(0,emotion_react_browser_esm.jsx)(FiltersBlock,null)),(0,emotion_react_browser_esm.jsx)(dist.Wrapper,{css:_ref},(0,emotion_react_browser_esm.jsx)(TableFilters.o,(0,esm_extends.Z)({},useTableDataResult,{checkboxData:hiddenCheckboxData,handleMoreButtonVisibleChange:isVisible=>{setIsMoreButtonVisible(isVisible)}})))))};Filters.displayName="Filters";try{Filters.displayName="Filters",Filters.__docgenInfo={description:"",displayName:"Filters",props:{checkboxData:{defaultValue:null,description:"",name:"checkboxData",required:!0,type:{name:"UseTableDataResult"}},updatedCheckboxData:{defaultValue:null,description:"",name:"updatedCheckboxData",required:!1,type:{name:"TableFilterConfig"}},handleSubmit:{defaultValue:null,description:"",name:"handleSubmit",required:!0,type:{name:"UseTableDataParameters"}},handleCancel:{defaultValue:null,description:"",name:"handleCancel",required:!0,type:{name:"UseTableDataParameters"}},handleClear:{defaultValue:null,description:"",name:"handleClear",required:!0,type:{name:"UseTableDataParameters"}},handleDropdownChange:{defaultValue:null,description:"",name:"handleDropdownChange",required:!0,type:{name:"UseTableDataParameters"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Filters/Filters.tsx#Filters"]={docgenInfo:Filters.__docgenInfo,name:"Filters",path:"src/components/Filters/Filters.tsx#Filters"})}catch(__react_docgen_typescript_loader_error){}var StoryComponent_ref={name:"1wnowod",styles:"display:flex;align-items:center;justify-content:center"};const StoryComponent=({data:data=mockData})=>(0,emotion_react_browser_esm.jsx)("div",{css:StoryComponent_ref},(0,emotion_react_browser_esm.jsx)(Filters,{handleSubmit:submitData=>{console.log(">>>Filters onSubmit",submitData)},checkboxData:data}));StoryComponent.displayName="StoryComponent";try{StoryComponent.displayName="StoryComponent",StoryComponent.__docgenInfo={description:"",displayName:"StoryComponent",props:{data:{defaultValue:{value:"{\r\n  strategy: {\r\n    id: 'strategy',\r\n    title: 'Strategy',\r\n    isOpened: true,\r\n    ariaControls: 'strategy-panel',\r\n    selectedItems: ['checkbox1', 'checkbox4'],\r\n    items: {\r\n      checkbox1: {\r\n        key: 'strategy-checkbox1',\r\n        name: 'checkbox1',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'checkbox1'],\r\n          text: 'checkbox1',\r\n        },\r\n      },\r\n      checkbox2: {\r\n        key: 'strategy-checkbox2',\r\n        name: 'checkbox2',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'checkbox2'],\r\n          text: 'checkbox2',\r\n        },\r\n      },\r\n      checkbox3: {\r\n        key: 'strategy-checkbox3',\r\n        name: 'checkbox3',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'checkbox3'],\r\n          text: 'checkbox3',\r\n        },\r\n      },\r\n      checkbox4: {\r\n        key: 'strategy-checkbox4',\r\n        name: 'checkbox4',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'checkbox4'],\r\n          text: 'checkbox4',\r\n        },\r\n      },\r\n      checkbox5: {\r\n        key: 'strategy-checkbox5',\r\n        name: 'checkbox5',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'checkbox5'],\r\n          text: 'checkbox5',\r\n        },\r\n      },\r\n    },\r\n  },\r\n  strategy2: {\r\n    id: 'strategy2',\r\n    title: 'Strategy #2',\r\n    isOpened: false,\r\n    ariaControls: 'strategy2-panel',\r\n    selectedItems: ['strategy2Checkbox1'],\r\n    items: {\r\n      strategy2Checkbox1: {\r\n        key: 'strategy2-checkbox1',\r\n        name: 'strategy2Checkbox1',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy2Checkbox1'],\r\n          text: 'strategy #2 checkbox1',\r\n        },\r\n      },\r\n      strategy2Checkbox2: {\r\n        key: 'strategy2-checkbox2',\r\n        name: 'strategy2Checkbox2',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy2Checkbox2'],\r\n          text: 'strategy #2 checkbox2',\r\n        },\r\n      },\r\n      strategy2Checkbox3: {\r\n        key: 'strategy2-checkbox3',\r\n        name: 'strategy2Checkbox3',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy2Checkbox3'],\r\n          text: 'strategy #2 checkbox3',\r\n        },\r\n      },\r\n      strategy2Checkbox4: {\r\n        key: 'strategy2-checkbox4',\r\n        name: 'strategy2Checkbox4',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy2Checkbox4'],\r\n          text: 'strategy #2 checkbox4',\r\n        },\r\n      },\r\n      strategy2Checkbox5: {\r\n        key: 'strategy2-checkbox5',\r\n        name: 'strategy2Checkbox5',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy2Checkbox5'],\r\n          text: 'strategy #2 checkbox5',\r\n        },\r\n      },\r\n    },\r\n  },\r\n  strategy3: {\r\n    id: 'strategy3',\r\n    title: 'Strategy #3',\r\n    isOpened: false,\r\n    ariaControls: 'strategy3-panel',\r\n    selectedItems: [],\r\n    items: {\r\n      strategy3Checkbox1: {\r\n        key: 'strategy3-checkbox1',\r\n        name: 'strategy3Checkbox1',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy3Checkbox1'],\r\n          text: 'strategy #3 checkbox1',\r\n        },\r\n      },\r\n      strategy3Checkbox2: {\r\n        key: 'strategy3-checkbox2',\r\n        name: 'strategy3Checkbox2',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy3Checkbox2'],\r\n          text: 'strategy #3 checkbox2',\r\n        },\r\n      },\r\n      strategy3Checkbox3: {\r\n        key: 'strategy3-checkbox3',\r\n        name: 'strategy3Checkbox3',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy3Checkbox3'],\r\n          text: 'strategy #3 checkbox3',\r\n        },\r\n      },\r\n      strategy3Checkbox4: {\r\n        key: 'strategy3-checkbox4',\r\n        name: 'strategy3Checkbox4',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy3Checkbox4'],\r\n          text: 'strategy #3 checkbox4',\r\n        },\r\n      },\r\n      strategy3Checkbox5: {\r\n        key: 'strategy3-checkbox5',\r\n        name: 'strategy3Checkbox5',\r\n        content: {\r\n          statePath: ['strategy', 'items', 'strategy3Checkbox5'],\r\n          text: 'strategy #3 checkbox5',\r\n        },\r\n      },\r\n    },\r\n  },\r\n  status: {\r\n    id: 'status',\r\n    title: 'Status',\r\n    isOpened: false,\r\n    ariaControls: 'status-panel',\r\n    selectedItems: ['running'],\r\n    items: {\r\n      running: {\r\n        key: 'status-checkbox-running',\r\n        name: 'running',\r\n        content: {\r\n          statePath: ['status', 'items', 'running'],\r\n          text: 'Running',\r\n        },\r\n      },\r\n      stopped: {\r\n        key: 'status-checkbox-stopped',\r\n        name: 'stopped',\r\n        content: {\r\n          statePath: ['status', 'items', 'stopped'],\r\n          text: 'Stopped',\r\n        },\r\n      },\r\n    },\r\n  },\r\n  pairs: {\r\n    id: 'pairs',\r\n    title: 'Pairs',\r\n    isOpened: false,\r\n    ariaControls: 'pairs-panel',\r\n    selectedItems: ['btcfdusd'],\r\n    items: {\r\n      btcfdusd: {\r\n        key: 'btcfdusd',\r\n        name: 'btcfdusd',\r\n        isDisabled: true,\r\n        content: {\r\n          statePath: ['pairs', 'items', 'btcfdusd'],\r\n          text: 'BTC-FDUSD',\r\n        },\r\n      },\r\n    },\r\n  },\r\n  exchange: {\r\n    id: 'exchange',\r\n    title: 'Exchange',\r\n    isOpened: false,\r\n    ariaControls: 'exchange-panel',\r\n    selectedItems: ['binance'],\r\n    items: {\r\n      binance: {\r\n        key: 'binance',\r\n        name: 'binance',\r\n        isDisabled: true,\r\n        content: {\r\n          statePath: ['exchange', 'items', 'binance'],\r\n          text: 'Binance',\r\n        },\r\n      },\r\n    },\r\n  },\r\n}"},description:"",name:"data",required:!1,type:{name:"TableFilterConfig"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Filters/stories/StoryComponent.tsx#StoryComponent"]={docgenInfo:StoryComponent.__docgenInfo,name:"StoryComponent",path:"src/components/Filters/stories/StoryComponent.tsx#StoryComponent"})}catch(__react_docgen_typescript_loader_error){}var Filters_stories={title:"Widgets/Filters",component:Filters,argTypes:{}};const Default=()=>(0,emotion_react_browser_esm.jsx)(StoryComponent,null);Default.displayName="Default",Default.args={};const AllItemsEnabled=()=>(0,emotion_react_browser_esm.jsx)(StoryComponent,{data:mockDataEnabled});AllItemsEnabled.displayName="AllItemsEnabled",AllItemsEnabled.args={},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => {\n  return <StoryComponent />;\n}",...Default.parameters?.docs?.source}}},AllItemsEnabled.parameters={...AllItemsEnabled.parameters,docs:{...AllItemsEnabled.parameters?.docs,source:{originalSource:"() => {\n  return <StoryComponent data={mockDataEnabled} />;\n}",...AllItemsEnabled.parameters?.docs?.source}}};const __namedExportsOrder=["Default","AllItemsEnabled"]},"../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 m},callAll:function(){return r},dateFormatters:function(){return n},debounce:function(){return u},dissocPath:function(){return w},generateRange:function(){return g},mapObjIndexed:function(){return h},path:function(){return y},pathOr:function(){return S},prop:function(){return b},propOr:function(){return v},throttle:function(){return o}});var n={};e.r(n),e.d(n,{formatDate:function(){return f},formatDayOfWeek:function(){return s},formatTime:function(){return a},getTimeAgo:function(){return d},printDayOfTheWeek:function(){return l}});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=(e,t=200)=>{let n=null;return[(...r)=>{n&&clearTimeout(n),n=setTimeout((()=>{n&&clearTimeout(n),e(...r)}),t)},function(){n&&clearTimeout(n)}]},i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],c={year:31536e3,month:2592e3,week:604800,day:86400,hour:3600,min:60},a=e=>new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),s=e=>i[new Date(e).getDay()],f=e=>new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short"}),l=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"}},d=e=>{const t=new Date(e).getTime();if(Number.isNaN(t))throw new Error("Invalid date");const n=Math.floor((Date.now()-t)/1e3);let r;for(const e in c)if(r=Math.floor(n/c[e]),r>=1)return`${r} ${e}${r>1?"s":""} ago`;return"Just Now"},h=(e,t)=>Object.keys(t).reduce(((n,r)=>(n[r]=e(t[r],r,t),n)),{}),p=(e,t,n)=>{for(let r=t;r<n;++r)e.push(r)};var g=(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):p(n,2,o),n=n.concat(r),e-u>2?n.push(-1):p(n,u+1,e)}else e<=5?p(n,2,e):n.push(2,3,-1);return n.push(e),n};const m=([e,...t],n)=>r=>JSON.parse(JSON.stringify({...r,[e]:t.length?m(t,n)(r[e]):n})),w=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},y=e=>t=>e.reduce(((e,t)=>e?.[t]),t),S=(e,t)=>n=>{const r=y(t)(n);return null==r?e:r},b=e=>t=>t?.[e],v=(e,t)=>n=>{const r=b(t)(n);return null==r?e:r};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},useTextSizeDecrease:function(){return l},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]),a=/(\d+\.?\d+)(\S+)/,s=(e,t)=>e.scrollWidth>Number(t?.clientWidth),f=(e,t)=>{const n=window.getComputedStyle(e).fontSize.match(a);if(n){const[,r,o]=n;e.style.fontSize=`${Number(r)-t}${o}`}},l=(t=5,r=1)=>{const o=(0,e.useRef)(null),u=(0,e.useRef)(0),{width:i}=n();return(0,e.useEffect)((()=>{(()=>{if(null==o.current)return;const e=o.current,n=e.parentNode;let i=s(e,n);for(;u.current<t&&i;)f(e,r),i=s(e,n),++u.current;i&&(e.style.wordBreak="break-all")})()}),[o,i]),o}}(),o}())}}]);