diff --git a/353.dcf64941.iframe.bundle.js b/353.ede23eb1.iframe.bundle.js similarity index 83% rename from 353.dcf64941.iframe.bundle.js rename to 353.ede23eb1.iframe.bundle.js index 34aac4a..888103f 100644 --- a/353.dcf64941.iframe.bundle.js +++ b/353.ede23eb1.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_weng_lab_psychscreen_ui_components=self.webpackChunk_weng_lab_psychscreen_ui_components||[]).push([[353],{"./src/components/Button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>components_Button_Button});var styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),constants_theme=__webpack_require__("./src/constants/theme.ts"),Typography=__webpack_require__("./src/components/Typography/Typography.tsx");const PSYCHSCREEN_BUTTON_LIGHT_THEME=new Map([["filled",new Map([["",{backgroundColor:constants_theme.yK.get("Primary").get(0),color:"#ffffff"}],["&:hover",{backgroundColor:constants_theme.yK.get("Primary").get(0),color:"#ffffff",boxShadow:"0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)"}],["&:focus",{backgroundColor:constants_theme.yK.get("Primary").get(0),color:"#ffffff"}],["&:pressed",{backgroundColor:constants_theme.yK.get("Primary").get(0),color:"#ffffff"}],["&:disabled",{backgroundColor:"rgba(31, 31, 31, 0.12)",color:"#1C1B1F",opacity:.38}]])],["outlined",new Map([["",{border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(50)}`,backgroundColor:constants_theme.yK.get("Primary").get(100),color:constants_theme.yK.get("Primary").get(0)}],["&:hover",{border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(50)}`,backgroundColor:"#F2F2F2",color:constants_theme.yK.get("Primary").get(0)}],["&:focus",{border:"1px solid #000000",backgroundColor:"rgba(103, 80, 164, 0.12)",color:constants_theme.yK.get("Primary").get(0),fontWeight:500}],["&:pressed",{backgroundColor:"rgba(103, 80, 164, 0.12)",border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(50)}`,color:constants_theme.yK.get("Primary").get(0),fontWeight:500}],["&:disabled",{backgroundColor:"#ffffff",border:"1px solid rgba(31, 31, 31, 0.12)",color:"#1C1B1F",opacity:.38,fontWeight:500}]])]]),PSYCHSCREEN_BUTTON_DARK_THEME=new Map([["filled",new Map([["",{backgroundColor:constants_theme.yK.get("Primary").get(80),color:constants_theme.yK.get("Primary").get(20)}],["&:hover",{backgroundColor:constants_theme.yK.get("Primary").get(80),color:constants_theme.yK.get("Primary").get(20)}],["&:focus",{backgroundColor:constants_theme.yK.get("Primary").get(80),color:constants_theme.yK.get("Primary").get(20)}],["&:pressed",{backgroundColor:constants_theme.yK.get("Primary").get(80),color:constants_theme.yK.get("Primary").get(20)}],["&:disabled",{backgroundColor:"rgba(227, 227, 227, 0.12)",color:"#E6E1E5",opacity:.38}]])],["outlined",new Map([["",{border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(60)}`,backgroundColor:"#1F1F1F",color:constants_theme.yK.get("Primary").get(80)}],["&:hover",{border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(60)}`,backgroundColor:"rgba(208, 188, 255, 0.12)",color:constants_theme.yK.get("Primary").get(80),fontWeight:500}],["&:focus",{border:"1px solid #000000",backgroundColor:"rgba(208, 188, 255, 0.12)",color:constants_theme.yK.get("Primary").get(80),fontWeight:500}],["&:pressed",{backgroundColor:"rgba(208, 188, 255, 0.12)",border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(80)}`,color:constants_theme.yK.get("Primary").get(80),fontWeight:500}],["&:disabled",{backgroundColor:"#ffffff",border:"1px solid rgba(227, 227, 227, 0.12)",color:"#1F1F1F",opacity:.38,fontWeight:500}]])]]),Button_Button=(0,styled.Ay)(Button.A)((({bvariant,btheme:ttheme})=>{const theme="light"===ttheme?PSYCHSCREEN_BUTTON_LIGHT_THEME:PSYCHSCREEN_BUTTON_DARK_THEME;return{borderRadius:"100px",...theme.get(bvariant).get(""),fontFamily:constants_theme.JZ,fontSize:Typography.$N.get("body")?.get("medium"),fontWeight:Typography.sO.get("body")?.get("medium"),fontVariantCaps:"normal","&:active":theme.get(bvariant)?.get("&:active"),"&:focus":theme.get(bvariant)?.get("&:focus"),"&:hover":theme.get(bvariant)?.get("&:hover"),"&:pressed":theme.get(bvariant)?.get("&:pressed"),"&:disabled":theme.get(bvariant)?.get("&:disabled")}})),components_Button_Button=Button_Button;try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},btheme:{defaultValue:null,description:"",name:"btheme",required:!0,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},bvariant:{defaultValue:null,description:"",name:"bvariant",required:!0,type:{name:"enum",value:[{value:'"text"'},{value:'"filled"'},{value:'"outlined"'},{value:'"elevated"'},{value:'"tonal"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/SearchBox/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Gd:()=>SearchBox_SearchBox,gK:()=>SearchBox_SearchBoxWithSelect});var react=__webpack_require__("./node_modules/react/index.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),createTheme=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js"),ThemeProvider=__webpack_require__("./node_modules/@mui/material/styles/ThemeProvider.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Button=__webpack_require__("./src/components/Button/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const theme=(0,createTheme.A)({components:{MuiInput:{defaultProps:{disableUnderline:!0}}}}),StyledTextField=(0,styled.Ay)(TextField.A)((()=>({fontSize:"16px",lineHeight:"24px",letterSpacing:"0.5px",fontWeight:400,height:"56px",borderRadius:"100px",border:"0px",backgroundColor:"#F2F2F2"}))),SearchBox=props=>(0,jsx_runtime.jsx)(ThemeProvider.A,{theme,children:(0,jsx_runtime.jsx)(StyledTextField,{label:"What can we help you find?",variant:"standard",helperText:"e.g. schizophrenia, years of education",InputProps:{endAdornment:props.unadorned?void 0:(0,jsx_runtime.jsx)(InputAdornment.A,{position:"end",style:{marginLeft:"-10px"},children:(0,jsx_runtime.jsx)(Button.s,{bvariant:"filled",btheme:"light",onClick:props.onSearchButtonClick,children:"Search"})}),style:{height:"76px",marginRight:props.unadorned?"0px":"10px",marginTop:"0px",backgroundColor:"none",width:`${props.width||436}px`}},inputProps:{style:{height:"24px",paddingTop:"16px",paddingLeft:"16px",paddingBottom:"12px"}},FormHelperTextProps:{style:{paddingLeft:"28px",lineHeight:"16px",fontSize:"12px",letterSpacing:"0.4px",color:"#8D8D8D"}},InputLabelProps:{style:{marginTop:"-18px",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"28px",color:"#8D8D8D"}},...props})});SearchBox.displayName="SearchBox";const SearchBox_SearchBox=SearchBox;try{SearchBox.displayName="SearchBox",SearchBox.__docgenInfo={description:"",displayName:"SearchBox",props:{component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},unadorned:{defaultValue:null,description:"",name:"unadorned",required:!1,type:{name:"boolean"}},onSearchButtonClick:{defaultValue:null,description:"",name:"onSearchButtonClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchBox/SearchBox.tsx#SearchBox"]={docgenInfo:SearchBox.__docgenInfo,name:"SearchBox",path:"src/components/SearchBox/SearchBox.tsx#SearchBox"})}catch(__react_docgen_typescript_loader_error){}var MenuItem=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),Select=__webpack_require__("./src/components/Select/index.ts");const SearchBoxWithSelect=props=>{const[option,setOption]=(0,react.useState)(props.selectOptions[0]),belowThreshold=(0,react.useMemo)((()=>props.reactiveThreshold&&(props.containerWidth||0){setOption(props.selectOptions[e.target.value]),props.onSelectChange&&props.onSelectChange(props.selectOptions[e.target.value])},defaultValue:0,variant:"filled",disableUnderline:!0,style:{borderTopLeftRadius:"100px",borderBottomLeftRadius:"100px",borderTopRightRadius:belowThreshold?"100px":"0px",borderBottomRightRadius:belowThreshold?"100px":"0px",backgroundColor:"#F2F2F2",paddingTop:"11px",fontSize:"16px",marginBottom:"16px",width:belowThreshold?`${props.reactiveWidth}px`:void 0,textAlign:"center"},children:props.selectOptions.map(((option,i)=>(0,jsx_runtime.jsx)(MenuItem.A,{value:i,children:option.name},option.value)))}),belowThreshold?(0,jsx_runtime.jsx)("br",{style:{lineHeight:"16px"}}):null,(0,jsx_runtime.jsx)(SearchBox_SearchBox,{onChange:e=>props.onSearchChange&&props.onSearchChange(e.target.value),helperText:option.helperText,width:belowThreshold?props.reactiveWidth:void 0,unadorned:!!belowThreshold,...props,style:{...props.style,borderTopLeftRadius:props.reactiveThreshold&&belowThreshold?"100px":"0px",borderBottomLeftRadius:props.reactiveThreshold&&belowThreshold?"100px":"0px"}})]})},SearchBox_SearchBoxWithSelect=SearchBoxWithSelect;try{SearchBoxWithSelect.displayName="SearchBoxWithSelect",SearchBoxWithSelect.__docgenInfo={description:"",displayName:"SearchBoxWithSelect",props:{component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},unadorned:{defaultValue:null,description:"",name:"unadorned",required:!1,type:{name:"boolean"}},onSearchButtonClick:{defaultValue:null,description:"",name:"onSearchButtonClick",required:!1,type:{name:"((() => void) & (() => void))"}},selectOptions:{defaultValue:null,description:"",name:"selectOptions",required:!0,type:{name:"SearchBoxWithSelectOption[]"}},onSelectChange:{defaultValue:null,description:"",name:"onSelectChange",required:!1,type:{name:"((option: SearchBoxWithSelectOption) => void)"}},onSearchChange:{defaultValue:null,description:"",name:"onSearchChange",required:!1,type:{name:"((value: string) => void)"}},reactiveThreshold:{defaultValue:null,description:"",name:"reactiveThreshold",required:!1,type:{name:"number"}},reactiveWidth:{defaultValue:null,description:"",name:"reactiveWidth",required:!1,type:{name:"number"}},containerWidth:{defaultValue:null,description:"",name:"containerWidth",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchBox/SearchBoxWithSelect.tsx#SearchBoxWithSelect"]={docgenInfo:SearchBoxWithSelect.__docgenInfo,name:"SearchBoxWithSelect",path:"src/components/SearchBox/SearchBoxWithSelect.tsx#SearchBoxWithSelect"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Select/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{l:()=>components_Select_Select});__webpack_require__("./node_modules/react/index.js");var Select=__webpack_require__("./node_modules/@mui/material/Select/Select.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const StyledSelect=(0,styled.Ay)(Select.A)((()=>({fontSize:"16px",lineHeight:"24px",letterSpacing:"0.5px",fontWeight:400,height:"56px",padding:"16px",color:"#000000"}))),Select_Select=props=>(0,jsx_runtime.jsx)(StyledSelect,{label:"What can we help you find?",variant:"standard",style:{width:`${props.width||172}px`},SelectDisplayProps:{style:{paddingTop:"14px"}},...props,children:props.children});Select_Select.displayName="Select";const components_Select_Select=Select_Select;try{Select_Select.displayName="Select",Select_Select.__docgenInfo={description:"",displayName:"Select",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: unknown) => void) | RefObject | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Select/Select.tsx#Select"]={docgenInfo:Select_Select.__docgenInfo,name:"Select",path:"src/components/Select/Select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Typography/Typography.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$N:()=>FONT_SIZES,Ay:()=>__WEBPACK_DEFAULT_EXPORT__,sO:()=>FONT_WEIGHTS});var _mui_material_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),_mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),_constants_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/constants/theme.ts");const FONT_SIZES=new Map([["body",new Map([["large","16px"],["medium","14px"],["small","12px"]])],["label",new Map([["large","14px"],["medium","12px"],["small","11px"]])],["title",new Map([["large","22px"],["medium","16px"],["small","14px"]])],["headline",new Map([["large","32px"],["medium","28px"],["small","24px"]])],["display",new Map([["large","57px"],["medium","45px"],["small","36px"]])]]),FONT_WEIGHTS=new Map([["body",new Map([["large","400"],["medium","400"],["small","400"]])],["label",new Map([["large","500"],["medium","500"],["small","500"]])],["title",new Map([["large","400"],["medium","500"],["small","500"]])],["headline",new Map([["large","400"],["medium","400"],["small","400"]])],["display",new Map([["large","400"],["medium","400"],["small","400"]])]]),LINE_HEIGHTS=new Map([["body",new Map([["large","24px"],["medium","20px"],["small","16px"]])],["label",new Map([["large","20px"],["medium","16px"],["small","16px"]])],["title",new Map([["large","28px"],["medium","24px"],["small","20px"]])],["headline",new Map([["large","40px"],["medium","36px"],["small","32px"]])],["display",new Map([["large","64px"],["medium","52px"],["small","44px"]])]]),LETTER_SPACINGS=new Map([["title",new Map([["medium","0.15px"],["small","0.1px"]])],["label",new Map([["large","0.1px"],["medium","0.5px"],["small","0.5px"]])],["display",new Map([["large","0.15px"],["medium","0.25px"],["small","0.4px"]])]]),Typography=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.Ay)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.A)((({type,size})=>({fontFamily:_constants_theme__WEBPACK_IMPORTED_MODULE_0__.JZ,fontSize:FONT_SIZES.get(type)?.get(size),fontWeight:FONT_WEIGHTS.get(type)?.get(size),lineHeight:LINE_HEIGHTS.get(type)?.get(size),letterSpacing:LETTER_SPACINGS.get(type)?.get(size)}))),__WEBPACK_DEFAULT_EXPORT__=Typography;try{Typography.displayName="Typography",Typography.__docgenInfo={description:"",displayName:"Typography",props:{display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBlockEnd:{defaultValue:null,description:"",name:"marginBlockEnd",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBlockStart:{defaultValue:null,description:"",name:"marginBlockStart",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginInlineEnd:{defaultValue:null,description:"",name:"marginInlineEnd",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginInlineStart:{defaultValue:null,description:"",name:"marginInlineStart",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue[] | undefined>)"}},paddingBlockEnd:{defaultValue:null,description:"",name:"paddingBlockEnd",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingBlockStart:{defaultValue:null,description:"",name:"paddingBlockStart",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingInlineEnd:{defaultValue:null,description:"",name:"paddingInlineEnd",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingInlineStart:{defaultValue:null,description:"",name:"paddingInlineStart",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBlock:{defaultValue:null,description:"",name:"marginBlock",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginInline:{defaultValue:null,description:"",name:"marginInline",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingBlock:{defaultValue:null,description:"",name:"paddingBlock",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingInline:{defaultValue:null,description:"",name:"paddingInline",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"body"'},{value:'"title"'},{value:'"headline"'},{value:'"display"'},{value:'"label"'}]}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Typography/Typography.tsx#Typography"]={docgenInfo:Typography.__docgenInfo,name:"Typography",path:"src/components/Typography/Typography.tsx#Typography"})}catch(__react_docgen_typescript_loader_error){}},"./src/constants/theme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{JZ:()=>PSYCHSCREEN_DEFAULT_FONT_FAMILY,YZ:()=>PSYCHSCREEN_DEFAULT_THEME,Zs:()=>PSYCHSCREEN_LIGHT_THEME,n0:()=>PSYCHSCREEN_DARK_THEME,yK:()=>PSYCHSCREEN_TONAL_PALETTES});var _mui_material_styles__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js");const PSYCHSCREEN_DEFAULT_FONT_FAMILY="Roboto",PSYCHSCREEN_DEFAULT_THEME=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_0__.A)({palette:{primary:{dark:"#000000",main:"#808080",light:"#b1b1b1"},secondary:{dark:"#95b7ce",main:"#c5d9e8",light:"#ddebf5"}}}),PSYCHSCREEN_TONAL_PALETTES=new Map([["Primary",new Map([[0,"#000000"],[10,"#21005D"],[20,"#381E72"],[30,"#4F378B"],[40,"#6750A4"],[50,"#7F67BE"],[60,"#9A82DB"],[70,"#B69DF8"],[80,"#D0BCFF"],[90,"#EADDFF"],[95,"#F6EDFF"],[99,"#FFFBFE"],[100,"#FFFFFF"]])],["Secondary",new Map([[0,"#000000"],[10,"#1D192B"],[20,"#332D41"],[30,"#4A4458"],[40,"#625B71"],[50,"#7A7289"],[60,"#958DA5"],[70,"#B0A7C0"],[80,"#CCC2DC"],[90,"#E8DEF8"],[95,"#F6EDFF"],[99,"#FFFBFE"],[100,"#FFFFFF"]])],["Tertiary",new Map([[0,"#000000"],[10,"#31111D"],[20,"#492532"],[30,"#633B48"],[40,"#7D5260"],[50,"#986977"],[60,"#B58392"],[70,"#D29DAC"],[80,"#EFB8C8"],[90,"#FFD8E4"],[95,"#FFECF1"],[99,"#FFFBFA"],[100,"#FFFFFF"]])],["Error",new Map([[0,"#000000"],[10,"#410E0B"],[20,"#601410"],[30,"#8C1D18"],[40,"#B3261E"],[50,"#DC362E"],[60,"#E46962"],[70,"#EC928E"],[80,"#F2B8B5"],[90,"#F9DEDC"],[95,"#FCEEEE"],[99,"#FFFBF9"],[100,"#FFFFFF"]])],["Neutral",new Map([[0,"#000000"],[10,"#1C1B1F"],[20,"#313033"],[30,"#484649"],[40,"#605D62"],[50,"#787579"],[60,"#939094"],[70,"#AEAAAE"],[80,"#C9C5CA"],[90,"#E6E1E5"],[95,"#F4EFF4"],[99,"#FFFBFE"],[100,"#FFFFFF"]])],["NeutralVariant",new Map([[0,"#000000"],[10,"#1D1A22"],[20,"#322F37"],[30,"#49454F"],[40,"#605D66"],[50,"#79747E"],[60,"#938F99"],[70,"#AEA9B4"],[80,"#CAC4D0"],[90,"#E7E0EC"],[95,"#F5EEFA"],[99,"#FFFBFE"],[100,"#FFFFFF"]])]]),PSYCHSCREEN_LIGHT_THEME=new Map([["Primary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(40)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(100)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(90)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(10)]])],["Secondary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(40)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(100)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(90)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(10)]])],["Tertiary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(40)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(100)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(90)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(10)]])],["Error",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(40)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(100)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(90)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(10)]])],["Neutral",new Map([["Background",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(99)],["OnBackground",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(10)],["Surface",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(99)],["OnSurface",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(10)]])],["NeutralVariant",new Map([["SurfaceVariant",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(90)],["OnSurfaceVariant",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(30)],["Outline",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(50)]])]]),PSYCHSCREEN_DARK_THEME=new Map([["Primary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(80)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(20)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(30)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(90)]])],["Secondary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(80)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(20)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(30)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(90)]])],["Tertiary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(80)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(20)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(30)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(90)]])],["Error",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(80)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(20)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(30)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(90)]])],["Neutral",new Map([["Background",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(10)],["OnBackground",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(90)],["Surface",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(10)],["OnSurface",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(80)]])],["NeutralVariant",new Map([["SurfaceVariant",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(30)],["OnSurfaceVariant",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(80)],["Outline",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(60)]])]])},"./src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{hw:()=>components_AppBar_AppBar,$n:()=>Button.s,iW:()=>components_Table_Table,bQ:()=>DataTable_datatable,n4:()=>DropDownMenu_DropDownMenu,TS:()=>Graph_Graph,pB:()=>components_Card_Card,n0:()=>theme.n0,YZ:()=>theme.YZ,Zs:()=>theme.Zs,yK:()=>theme.yK,F1:()=>components_Slider_Slider,Gd:()=>SearchBox.Gd,l6:()=>Select.l,lg:()=>AppBar_TabletAppBar,o5:()=>Typography.Ay});var react=__webpack_require__("./node_modules/react/index.js"),AppBar=__webpack_require__("./node_modules/@mui/material/AppBar/AppBar.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),Toolbar=__webpack_require__("./node_modules/@mui/material/Toolbar/Toolbar.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Typography=__webpack_require__("./src/components/Typography/Typography.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const MenuItem=props=>(0,jsx_runtime.jsx)(Typography.Ay,{type:"title",size:"small",variant:"h6",sx:{flexGrow:props.flexGrow},style:{marginRight:props.flexGrow?"0px":props.marginRight,cursor:"pointer",fontWeight:400,...props},onClick:props.onClick,className:"app-bar-menu-item",children:props.children});MenuItem.displayName="MenuItem";const AppBar_MenuItem=MenuItem;try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"",displayName:"MenuItem",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/MenuItem.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"src/components/AppBar/MenuItem.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}var Stack=__webpack_require__("./node_modules/@mui/material/Stack/Stack.js"),Popper=__webpack_require__("./node_modules/@mui/material/Popper/Popper.js"),Grow=__webpack_require__("./node_modules/@mui/material/Grow/Grow.js"),ClickAwayListener=__webpack_require__("./node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js"),MenuList=__webpack_require__("./node_modules/@mui/material/MenuList/MenuList.js"),ArrowDropDown=__webpack_require__("./node_modules/@mui/icons-material/ArrowDropDown.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),theme=__webpack_require__("./src/constants/theme.ts");const DropDownMenu=(0,styled.Ay)(Paper.A)((()=>({boxShadow:"0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3)",borderRadius:"4px",backgroundColor:theme.yK.get("Primary").get(100),textAlign:"center"}))),DropDownMenu_DropDownMenu=DropDownMenu;try{DropDownMenu.displayName="DropDownMenu",DropDownMenu.__docgenInfo={description:"",displayName:"DropDownMenu",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DropDownMenu/DropDownMenu.tsx#DropDownMenu"]={docgenInfo:DropDownMenu.__docgenInfo,name:"DropDownMenu",path:"src/components/DropDownMenu/DropDownMenu.tsx#DropDownMenu"})}catch(__react_docgen_typescript_loader_error){}const DropDownMenuItem=props=>{const anchorRef=react.useRef(null),[open,setOpen]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)(Stack.A,{direction:"row",children:[(0,jsx_runtime.jsx)("div",{onClick:props.onClick,ref:anchorRef,style:{cursor:"pointer"},onMouseOver:()=>setOpen(!0),children:(0,jsx_runtime.jsx)(Typography.Ay,{type:"title",size:"small",variant:"h6",sx:{flexGrow:props.flexGrow},style:{fontWeight:400,display:"inline-block",...props,marginRight:"7.25px"},onClick:props.onClick,className:"app-bar-menu-item",children:props.children})}),(0,jsx_runtime.jsx)(ArrowDropDown.A,{style:{marginRight:props.flexGrow?"0px":props.marginRight,marginTop:"-3px",cursor:"pointer"},onMouseOver:()=>setOpen(!0)}),anchorRef.current&&(0,jsx_runtime.jsx)(Popper.A,{anchorEl:anchorRef.current,open,placement:"bottom-start",transition:!0,onMouseLeave:()=>setOpen(!1),children:({TransitionProps,placement})=>(0,jsx_runtime.jsx)(Grow.A,{...TransitionProps,style:{transformOrigin:"bottom-start"===placement?"left top":"left bottom"},children:(0,jsx_runtime.jsx)(DropDownMenu_DropDownMenu,{style:{width:"150px"},children:(0,jsx_runtime.jsx)(ClickAwayListener.x,{onClickAway:()=>setOpen(!1),children:(0,jsx_runtime.jsx)(MenuList.A,{style:{textAlign:"center"},children:props.menu})})})})})]})};DropDownMenuItem.displayName="DropDownMenuItem";const AppBar_DropDownMenuItem=DropDownMenuItem;try{DropDownMenuItem.displayName="DropDownMenuItem",DropDownMenuItem.__docgenInfo={description:"",displayName:"DropDownMenuItem",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}},menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/DropDownMenuItem.tsx#DropDownMenuItem"]={docgenInfo:DropDownMenuItem.__docgenInfo,name:"DropDownMenuItem",path:"src/components/AppBar/DropDownMenuItem.tsx#DropDownMenuItem"})}catch(__react_docgen_typescript_loader_error){}const StyledAppBar=(0,styled.Ay)(AppBar.A)((props=>({backgroundColor:"#ffffff",color:"#000000",alignItems:!0===props.centered?"center":"left"}))),PortalsMenuItem=({children,onClick})=>(0,jsx_runtime.jsx)(AppBar_MenuItem,{onClick,height:"48px",fontSize:"14px",lineHeight:"24px",marginTop:"5px",children});PortalsMenuItem.displayName="PortalsMenuItem";const PortalsMenu=({onPortalClicked})=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onPortalClicked&&onPortalClicked(0),children:"Disease/Trait"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onPortalClicked&&onPortalClicked(1),children:"Gene/b-cCRE"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onPortalClicked&&onPortalClicked(2),children:"SNP/QTL"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onPortalClicked&&onPortalClicked(3),children:"Single-Cell"})]}),AppBar_AppBar=props=>(0,jsx_runtime.jsx)(Box.A,{sx:{flexGrow:1},children:(0,jsx_runtime.jsx)(StyledAppBar,{position:"static",...props,children:(0,jsx_runtime.jsxs)(Toolbar.A,{sx:{gap:4},children:[(0,jsx_runtime.jsxs)(AppBar_MenuItem,{onClick:props.onHomepageClicked,fontWeight:700,fontSize:"20px",lineHeight:"15px",flexGrow:1,children:["psych",(0,jsx_runtime.jsx)("br",{})," screen"]}),(0,jsx_runtime.jsx)(AppBar_DropDownMenuItem,{menu:(0,jsx_runtime.jsx)(PortalsMenu,{onPortalClicked:props.onPortalClicked}),children:"Portals"}),(0,jsx_runtime.jsx)(AppBar_MenuItem,{onClick:props.onAboutClicked,children:"About Us"}),(0,jsx_runtime.jsx)(AppBar_MenuItem,{onClick:props.onDownloadsClicked,children:"Downloads"})]})})});AppBar_AppBar.displayName="AppBar";const components_AppBar_AppBar=AppBar_AppBar;try{StyledAppBar.displayName="StyledAppBar",StyledAppBar.__docgenInfo={description:"",displayName:"StyledAppBar",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},onHomepageClicked:{defaultValue:null,description:"",name:"onHomepageClicked",required:!1,type:{name:"(() => void)"}},onAboutClicked:{defaultValue:null,description:"",name:"onAboutClicked",required:!1,type:{name:"(() => void)"}},onPortalClicked:{defaultValue:null,description:"",name:"onPortalClicked",required:!1,type:{name:"((index: number) => void)"}},onDownloadsClicked:{defaultValue:null,description:"",name:"onDownloadsClicked",required:!1,type:{name:"(() => void)"}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/AppBar.tsx#StyledAppBar"]={docgenInfo:StyledAppBar.__docgenInfo,name:"StyledAppBar",path:"src/components/AppBar/AppBar.tsx#StyledAppBar"})}catch(__react_docgen_typescript_loader_error){}try{PortalsMenuItem.displayName="PortalsMenuItem",PortalsMenuItem.__docgenInfo={description:"",displayName:"PortalsMenuItem",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/AppBar.tsx#PortalsMenuItem"]={docgenInfo:PortalsMenuItem.__docgenInfo,name:"PortalsMenuItem",path:"src/components/AppBar/AppBar.tsx#PortalsMenuItem"})}catch(__react_docgen_typescript_loader_error){}try{AppBar_AppBar.displayName="AppBar",AppBar_AppBar.__docgenInfo={description:"",displayName:"AppBar",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},onHomepageClicked:{defaultValue:null,description:"",name:"onHomepageClicked",required:!1,type:{name:"(() => void)"}},onAboutClicked:{defaultValue:null,description:"",name:"onAboutClicked",required:!1,type:{name:"(() => void)"}},onPortalClicked:{defaultValue:null,description:"",name:"onPortalClicked",required:!1,type:{name:"((index: number) => void)"}},onDownloadsClicked:{defaultValue:null,description:"",name:"onDownloadsClicked",required:!1,type:{name:"(() => void)"}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/AppBar.tsx#AppBar"]={docgenInfo:AppBar_AppBar.__docgenInfo,name:"AppBar",path:"src/components/AppBar/AppBar.tsx#AppBar"})}catch(__react_docgen_typescript_loader_error){}var Menu=__webpack_require__("./node_modules/@mui/icons-material/Menu.js");const OptionsMenuItem=props=>{const anchorRef=react.useRef(null),[open,setOpen]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{ref:anchorRef,children:(0,jsx_runtime.jsx)(Menu.A,{style:{marginRight:props.flexGrow?"0px":props.marginRight,marginTop:"-3px",cursor:"pointer"},onClick:()=>setOpen(!0)})}),anchorRef.current&&(0,jsx_runtime.jsx)(Popper.A,{anchorEl:anchorRef.current,open,placement:"bottom-start",transition:!0,disablePortal:!0,children:({TransitionProps,placement})=>(0,jsx_runtime.jsx)(Grow.A,{...TransitionProps,style:{transformOrigin:"bottom-start"===placement?"left top":"left bottom"},children:(0,jsx_runtime.jsx)(DropDownMenu_DropDownMenu,{style:{width:"150px"},children:(0,jsx_runtime.jsx)(ClickAwayListener.x,{onClickAway:()=>setOpen(!1),children:(0,jsx_runtime.jsx)(MenuList.A,{style:{textAlign:"center"},children:props.menu})})})})})]})},AppBar_OptionsMenuItem=OptionsMenuItem;try{OptionsMenuItem.displayName="OptionsMenuItem",OptionsMenuItem.__docgenInfo={description:"",displayName:"OptionsMenuItem",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}},menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/OptionsMenuItem.tsx#OptionsMenuItem"]={docgenInfo:OptionsMenuItem.__docgenInfo,name:"OptionsMenuItem",path:"src/components/AppBar/OptionsMenuItem.tsx#OptionsMenuItem"})}catch(__react_docgen_typescript_loader_error){}const TabletAppBar_PortalsMenu=({onItemClicked})=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(-1),children:"About"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(0),children:"Disease/Trait Portal"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(1),children:"Gene/b-cCRE Portal"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(2),children:"SNP/QTL Portal"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(3),children:"Single-Cell Portal"})]}),TabletAppBar=props=>(0,jsx_runtime.jsx)(Box.A,{sx:{flexGrow:1},children:(0,jsx_runtime.jsx)(StyledAppBar,{position:"static",elevation:0,children:(0,jsx_runtime.jsxs)(Toolbar.A,{style:{paddingLeft:"19px"},children:[(0,jsx_runtime.jsx)(AppBar_OptionsMenuItem,{marginRight:"32px",menu:(0,jsx_runtime.jsx)(TabletAppBar_PortalsMenu,{onItemClicked:props.onPortalClicked}),children:"Portals"}),(0,jsx_runtime.jsx)(AppBar_MenuItem,{flexGrow:1,textAlign:"center",fontSize:"22px",lineHeight:"28px",fontWeight:400,children:props.title||""})]})})});TabletAppBar.displayName="TabletAppBar";const AppBar_TabletAppBar=TabletAppBar;try{TabletAppBar.displayName="TabletAppBar",TabletAppBar.__docgenInfo={description:"",displayName:"TabletAppBar",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},onHomepageClicked:{defaultValue:null,description:"",name:"onHomepageClicked",required:!1,type:{name:"(() => void)"}},onAboutClicked:{defaultValue:null,description:"",name:"onAboutClicked",required:!1,type:{name:"(() => void)"}},onPortalClicked:{defaultValue:null,description:"",name:"onPortalClicked",required:!1,type:{name:"((index: number) => void)"}},onDownloadsClicked:{defaultValue:null,description:"",name:"onDownloadsClicked",required:!1,type:{name:"(() => void)"}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/TabletAppBar.tsx#TabletAppBar"]={docgenInfo:TabletAppBar.__docgenInfo,name:"TabletAppBar",path:"src/components/AppBar/TabletAppBar.tsx#TabletAppBar"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/Button/index.ts"),Card_Card=__webpack_require__("./node_modules/@mui/material/Card/Card.js"),CardContent=__webpack_require__("./node_modules/@mui/material/CardContent/CardContent.js"),Typography_Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),CardActionArea=__webpack_require__("./node_modules/@mui/material/CardActionArea/CardActionArea.js"),Grid=__webpack_require__("./node_modules/@mui/material/Grid/Grid.js"),ArrowForward=__webpack_require__("./node_modules/@mui/icons-material/ArrowForward.js");const StyledCard=(0,styled.Ay)(Card_Card.A)((()=>({background:"#FFFFFF","&:hover":{background:"#F5F5F5"},flex:"none",order:1,flexGrow:0,cursor:"pointer",boxSizing:"border-box",width:"651px",border:"1px solid",borderColor:"#828282",borderRadius:"12px",boxShadow:"none"}))),HorizontalCard=props=>(0,jsx_runtime.jsx)(Stack.A,{spacing:props.cardSpacing||2,children:props.cardContentText.map((c=>(0,jsx_runtime.jsx)(StyledCard,{sx:{maxWidth:props.width||500},variant:"outlined",style:{flex:"none",order:1,flexGrow:0,cursor:"pointer",boxSizing:"border-box",width:"651px",border:"1px solid",borderColor:"#828282",borderRadius:"12px",boxShadow:"none"},children:(0,jsx_runtime.jsx)(CardActionArea.A,{onClick:_=>{props.onCardClick&&props.onCardClick(c.val)},children:(0,jsx_runtime.jsx)(CardContent.A,{children:(0,jsx_runtime.jsxs)(Grid.Ay,{container:!0,children:[(0,jsx_runtime.jsxs)(Grid.Ay,{item:!0,sm:10,children:[(0,jsx_runtime.jsx)(Typography_Typography.A,{fontFamily:"Helvetica Neue",gutterBottom:!0,variant:"h5",component:"div",children:c.cardLabel}),(0,jsx_runtime.jsx)(Typography_Typography.A,{variant:"body2",color:"text.secondary",children:c.cardDesc})]}),(0,jsx_runtime.jsx)(Grid.Ay,{item:!0,sm:2,children:(0,jsx_runtime.jsx)(ArrowForward.A,{onClick:_=>{props.onArrowClick&&props.onArrowClick(c.val)},style:{width:"50px",height:"50px",color:"#E0E0E0"}})})]})})})},c.cardLabel)))});HorizontalCard.displayName="HorizontalCard";const components_Card_Card=HorizontalCard;try{Card.displayName="Card",Card.__docgenInfo={description:"",displayName:"Card",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},cardSpacing:{defaultValue:null,description:"",name:"cardSpacing",required:!1,type:{name:"number"}},cardContentText:{defaultValue:null,description:"",name:"cardContentText",required:!0,type:{name:"{ cardLabel: string; val?: string | undefined; cardDesc: string; }[]"}},onCardClick:{defaultValue:null,description:"",name:"onCardClick",required:!1,type:{name:"((val?: string) => void)"}},onArrowClick:{defaultValue:null,description:"",name:"onArrowClick",required:!1,type:{name:"((val?: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Card/Card.tsx#Card"]={docgenInfo:Card.__docgenInfo,name:"Card",path:"src/components/Card/Card.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}var SearchBox=__webpack_require__("./src/components/SearchBox/index.ts"),Select=__webpack_require__("./src/components/Select/index.ts"),Grid2=__webpack_require__("./node_modules/@mui/material/Unstable_Grid2/Grid2.js"),Slider_Slider=__webpack_require__("./node_modules/@mui/material/Slider/Slider.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js");function valuetext(value){return`${value}`}const RangeSlider=props=>{const[value,setValue]=react.useState([props.defaultStart||props.value&&props.value[0]||-10,props.defaultEnd||props.value&&props.value[1]||10]);(0,react.useEffect)((()=>{props.value&&(setValue(props.value),setTempValue(props.value))}),[props.value]),(0,react.useEffect)((()=>{props.onSliderChange&&props.onSliderChange(value)}));const sliderMin=props.min?props.min:0,sliderMax=props.max?props.max:100,sliderStep=props.step?props.step:.01,minDistance=props.minDistance?props.minDistance:0,[tempValue,setTempValue]=react.useState([value[0],value[1]]);return(0,jsx_runtime.jsxs)(Box.A,{sx:{width:props.width},children:[(0,jsx_runtime.jsx)(Typography_Typography.A,{children:props.title}),(0,jsx_runtime.jsx)(Slider_Slider.Ay,{getAriaLabel:()=>"Minimum distance",value,onChange:(_event,newValue,activeThumb)=>{Array.isArray(newValue)&&(0===activeThumb?(setValue([Number(Math.min(newValue[0],value[1]-minDistance).toFixed(5)),value[1]]),setTempValue([Number(Math.min(newValue[0],value[1]-minDistance).toFixed(5)),value[1]])):(setValue([value[0],Number(Math.max(newValue[1],value[0]+minDistance).toFixed(5))]),setTempValue([value[0],Number(Math.max(newValue[1],value[0]+minDistance).toFixed(5))])))},onChangeCommitted:()=>{props.onSliderChangeCommitted&&props.onSliderChangeCommitted(value)},valueLabelDisplay:"auto",getAriaValueText:valuetext,disableSwap:!0,min:sliderMin,max:sliderMax,step:sliderStep,sx:{height:2}}),(0,jsx_runtime.jsxs)(Grid2.A,{container:!0,spacing:1,children:[(0,jsx_runtime.jsx)(Grid2.A,{xs:5.5,children:(0,jsx_runtime.jsx)(TextField.A,{value:tempValue[0],size:"small",fullWidth:!0,variant:"outlined",onChange:event=>{setTempValue([event.target.value,value[1]])},onBlur:()=>{const newTempValue0=Number(tempValue[0]),curValue1=value[1];newTempValue0<=curValue1-minDistance&&newTempValue0>=sliderMin&&setValue([newTempValue0,curValue1]),newTempValue0>curValue1-minDistance&&setTempValue([value[0],curValue1]),newTempValue0{const newTempValue0=Number(tempValue[0]),curValue1=value[1];"Enter"==event.key&&(newTempValue0<=curValue1-minDistance&&newTempValue0>=sliderMin&&setValue([newTempValue0,curValue1]),newTempValue0>curValue1-minDistance&&setTempValue([value[0],curValue1]),newTempValue0{setTempValue([value[0],event.target.value])},onBlur:()=>{const curValue0=value[0],newTempValue1=Number(tempValue[1]);newTempValue1>=curValue0+minDistance&&newTempValue1<=sliderMax&&setValue([curValue0,newTempValue1]),newTempValue1sliderMax&&setTempValue([curValue0,value[1]])},onKeyDown:event=>{const curValue0=value[0],newTempValue1=Number(tempValue[1]);"Enter"==event.key&&(newTempValue1>=curValue0+minDistance&&newTempValue1<=sliderMax&&setValue([curValue0,newTempValue1]),newTempValue1sliderMax&&setTempValue([curValue0,value[1]]))},inputProps:{type:"text","aria-labelledby":"input-slider"}})})]})]})};RangeSlider.displayName="RangeSlider";const components_Slider_Slider=RangeSlider;try{Slider.displayName="Slider",Slider.__docgenInfo={description:"",displayName:"Slider",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"string | number"}},defaultStart:{defaultValue:null,description:"",name:"defaultStart",required:!1,type:{name:"number"}},defaultEnd:{defaultValue:null,description:"",name:"defaultEnd",required:!1,type:{name:"number"}},minDistance:{defaultValue:null,description:"",name:"minDistance",required:!1,type:{name:"number"}},onSliderChange:{defaultValue:null,description:"",name:"onSliderChange",required:!1,type:{name:"((value: number[]) => void)"}},onSliderChangeCommitted:{defaultValue:null,description:"",name:"onSliderChangeCommitted",required:!1,type:{name:"((value: number[]) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Slider/Slider.tsx#Slider"]={docgenInfo:Slider.__docgenInfo,name:"Slider",path:"src/components/Slider/Slider.tsx#Slider"})}catch(__react_docgen_typescript_loader_error){}function isNumeric(n){const v=parseFloat(n);return!isNaN(v)&&isFinite(v)}function reducer(previousState,action){switch(action.type){case"pageChanged":return{...previousState,page:action.page};case"searchChanged":return{...previousState,page:0,filter:action.value};case"sortChanged":return{...previousState,sort:{column:action.sortColumn,asc:action.sortColumn!==previousState.sort.column||!previousState.sort.asc}};case"modalChanged":return{...previousState,showAddColumnsModal:action.showAddColumnsModal};case"columnsChanged":return{...previousState,columns:action.columns};case"mousedOver":return console.log("moused over"),{...previousState,mousedOver:action.index}}}var Table_Table=__webpack_require__("./node_modules/@mui/material/Table/Table.js"),TableRow=__webpack_require__("./node_modules/@mui/material/TableRow/TableRow.js"),TableCell=__webpack_require__("./node_modules/@mui/material/TableCell/TableCell.js"),TableHead=__webpack_require__("./node_modules/@mui/material/TableHead/TableHead.js"),TableBody=__webpack_require__("./node_modules/@mui/material/TableBody/TableBody.js"),TablePagination=__webpack_require__("./node_modules/@mui/material/TablePagination/TablePagination.js"),Download=__webpack_require__("./node_modules/@mui/icons-material/Download.js"),Add=__webpack_require__("./node_modules/@mui/icons-material/Add.js"),Info=__webpack_require__("./node_modules/@mui/icons-material/Info.js"),Search=__webpack_require__("./node_modules/@mui/icons-material/Search.js"),InputBase=__webpack_require__("./node_modules/@mui/material/InputBase/InputBase.js"),Button_Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),IconButton=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js"),TableSortLabel=__webpack_require__("./node_modules/@mui/material/TableSortLabel/TableSortLabel.js"),Checkbox=__webpack_require__("./node_modules/@mui/material/Checkbox/Checkbox.js"),FormControlLabel=__webpack_require__("./node_modules/@mui/material/FormControlLabel/FormControlLabel.js"),TableContainer=__webpack_require__("./node_modules/@mui/material/TableContainer/TableContainer.js"),Modal=__webpack_require__("./node_modules/@mui/material/Modal/Modal.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),ArrowForwardIos=__webpack_require__("./node_modules/@mui/icons-material/ArrowForwardIos.js"),ArrowBackIosNew=__webpack_require__("./node_modules/@mui/icons-material/ArrowBackIosNew.js");const datatable_Search=(0,styled.Ay)("div")((({theme})=>({position:"relative",borderRadius:theme.shape.borderRadius,backgroundColor:(0,colorManipulator.X4)(theme.palette.common.white,.75),"&:hover":{backgroundColor:(0,colorManipulator.X4)(theme.palette.common.white,.95)},marginLeft:0,width:"100%",[theme.breakpoints.up("sm")]:{marginLeft:theme.spacing(1),width:"auto"}}))),SearchIconWrapper=(0,styled.Ay)("div")((({theme})=>({padding:theme.spacing(0,2),height:"100%",position:"absolute",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"}))),StyledInputBase=(0,styled.Ay)(InputBase.Ay)((({theme})=>({color:"inherit","& .MuiInputBase-input":{padding:theme.spacing(1,1,1,0),paddingLeft:`calc(1em + ${theme.spacing(4)})`,transition:theme.transitions.create("width"),width:"100%",[theme.breakpoints.up("sm")]:{width:"12ch","&:focus":{width:"20ch"}}}}))),boxStyle={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:400,bgcolor:"background.paper",border:"2px solid #000",boxShadow:24,p:4},DataTable=props=>{const itemsPerPage=props.itemsPerPage||5,[page,setPage]=(0,react.useState)(props.page||0),[rowsPerPage,setRowsPerPage]=(0,react.useState)(itemsPerPage);function highlightCheck(row){var found=!1;return Array.isArray(props.highlighted)?(props.highlighted.forEach((highlight=>{JSON.stringify(row)===JSON.stringify(highlight)&&(found=!0)})),!!found):JSON.stringify(row)===JSON.stringify(props.highlighted)}const columnLimit=(0,react.useMemo)((()=>props.noOfDefaultColumns||props.columns.length),[props.noOfDefaultColumns,props.columns]),[state,dispatch]=(0,react.useReducer)(reducer,{sort:{column:props.sortColumn||0,asc:!!props.sortDescending},filter:"",page:0,columns:props.columns.length<=columnLimit?props.columns:props.defaultColumnsToShow?props.columns.filter((c=>props.defaultColumnsToShow?.includes(c.header))):props.columns.slice(0,columnLimit),showAddColumnsModal:!1}),search=(0,react.useCallback)(((row,value)=>{for(const i in state.columns){const column=state.columns[i];if(column.unsearchable)continue;if(column.search&&column.search(row))return!0;if(column.value(row).toString().toLowerCase().includes(value.toLowerCase()))return!0}return!1}),[state.columns]),sort=(0,react.useCallback)((rows=>{const sortf=state.columns[state.sort.column].sort||((a,b)=>function genericSort(a,b){return isNumeric(a)&&isNumeric(b)?parseFloat(a)-parseFloat(b):a.localeCompare?a.localeCompare(b):0}(state.columns[state.sort.column].value(a),state.columns[state.sort.column].value(b))),sortedRows=rows.sort(sortf);return state.sort.asc||sortedRows.reverse(),sortedRows}),[state.columns,state.sort]),displayRows=(0,react.useCallback)(((sortedRows,filterValue)=>""===filterValue?[...sortedRows]:sortedRows.filter((row=>search(row,filterValue)))),[search]),displayedRows=(0,react.useMemo)((()=>sort(displayRows(props.rows,state.filter||props.search||""))),[displayRows,sort,state.filter,props.rows,state.sort,props.search]),download=(0,react.useCallback)((()=>{const data=state.columns.map((col=>col.header)).join("\t")+"\n"+displayedRows.map((row=>state.columns.map((col=>col.value(row))).join("\t"))).join("\n")+"\n",a=document.createElement("a");document.body.appendChild(a),a.setAttribute("style","display: none");const blob=new Blob([data],{type:"text/plain"}),url=window.URL.createObjectURL(blob);a.href=url,a.download=props.downloadFileName||"table.tsv",a.click(),window.URL.revokeObjectURL(url),a.remove()}),[state.columns,displayedRows]),containerRef=(0,react.useRef)(null),arrowRightRef=(0,react.useRef)(null),arrowLeftRef=(0,react.useRef)(null),monitorOverflow=(containerRef,arrowRightRef,arrowLeftRef)=>{if(containerRef.current&&arrowRightRef.current&&arrowLeftRef.current){const isOverflowing=containerRef.current.scrollWidth>containerRef.current.clientWidth,isOverflowingLeft=containerRef.current.scrollLeft>0,isOverflowingRight=containerRef.current.scrollLeft+1{null!==containerRef.current&&(containerRef.current.addEventListener("scroll",(()=>monitorOverflow(containerRef,arrowRightRef,arrowLeftRef))),new ResizeObserver((entries=>{for(const _ of entries)monitorOverflow(containerRef,arrowRightRef,arrowLeftRef)})).observe(containerRef.current))}),[containerRef,arrowLeftRef,arrowRightRef]),(0,jsx_runtime.jsxs)(Paper.A,{elevation:3,sx:{"& .MuiToolbar-root":{pl:2},position:"relative"},children:[(0,jsx_runtime.jsxs)(Toolbar.A,{sx:{backgroundColor:`${props.headerColor?props.headerColor.backgroundColor:"transparent"}`,borderTopLeftRadius:4,borderTopRightRadius:4},children:[(0,jsx_runtime.jsxs)(Typography_Typography.A,{variant:"h5",noWrap:!0,component:"div",sx:{flexGrow:1,display:{xs:"none",sm:"block"},fontWeight:"normal",color:`${props.headerColor?props.headerColor.textColor:"inherit"}`},children:[props.tableTitle,props.titleHoverInfo&&(0,jsx_runtime.jsx)(Tooltip.A,{title:props.titleHoverInfo,color:"primary",sx:{ml:1},placement:"right-start",children:(0,jsx_runtime.jsx)(Info.A,{})})]}),props.showMoreColumns&&props.columns.length>(props.noOfDefaultColumns||5)&&(0,jsx_runtime.jsxs)(Button_Button.A,{variant:"outlined",size:"small",color:"primary",sx:{textTransform:"none"},onClick:()=>dispatch({type:"modalChanged",showAddColumnsModal:!0}),children:[(0,jsx_runtime.jsx)(Add.A,{fontSize:"small"}),"Manage Columns"]}),props.searchable&&(0,jsx_runtime.jsxs)(datatable_Search,{children:[(0,jsx_runtime.jsx)(SearchIconWrapper,{children:(0,jsx_runtime.jsx)(Search.A,{})}),(0,jsx_runtime.jsx)(StyledInputBase,{id:"table-search",placeholder:"Filter Items",inputProps:{"aria-label":"search"},onChange:e=>{dispatch({type:"searchChanged",value:e.target.value}),setPage(0)}})]}),(0,jsx_runtime.jsx)(IconButton.A,{onClick:download,children:(0,jsx_runtime.jsx)(Download.A,{htmlColor:`${props.headerColor?.textColor||"inherit"}`})})]}),(0,jsx_runtime.jsxs)(TableContainer.A,{ref:containerRef,sx:{maxHeight:props.maxHeight?props.maxHeight:"none"},children:[(0,jsx_runtime.jsxs)(Table_Table.A,{stickyHeader:!0,"aria-label":"sticky table",padding:props.dense?"checkbox":"normal",children:[!props.hideHeader&&(0,jsx_runtime.jsx)(TableHead.A,{children:(0,jsx_runtime.jsx)(TableRow.A,{children:state.columns.map(((column,i)=>(0,jsx_runtime.jsx)(TableCell.A,{sx:i!==state.columns.length-1?{pr:0}:{},onClick:()=>{!column.unsortable&&dispatch({type:"sortChanged",sortColumn:i}),setPage(0)},children:(0,jsx_runtime.jsx)(TableSortLabel.A,{active:i===state.sort.column,direction:state.sort.asc?"asc":"desc",hideSortIcon:!0,children:column.HeaderRender?(0,jsx_runtime.jsx)(column.HeaderRender,{}):column.header})},`${column.header}${i}`)))})}),(0,jsx_runtime.jsx)(TableBody.A,{children:0===props.rows.length?(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:props.emptyText||"No data available."}),function handleEmptyTable(noColumns){let cells=[];for(let i=1;i(0,jsx_runtime.jsx)(TableRow.A,{selected:!!props.highlighted&&highlightCheck(row),hover:!0,onClick:()=>props.onRowClick&&props.onRowClick(row,i+page*rowsPerPage),sx:{cursor:props.onRowClick?"pointer":"auto"},onMouseEnter:()=>props.onRowMouseEnter&&props.onRowMouseEnter(row,i+page*rowsPerPage),onMouseLeave:()=>props.onRowMouseLeave&&props.onRowMouseLeave(),children:state.columns.map(((column,j)=>(0,jsx_runtime.jsx)(TableCell.A,{sx:j!==state.columns.length-1?{pr:0}:{},onMouseEnter:()=>props.onCellMouseEnter&&props.onCellMouseEnter(column.value(row),i,j),onMouseLeave:()=>props.onCellMouseLeave&&props.onCellMouseLeave(),children:column.FunctionalRender?(0,jsx_runtime.jsx)(column.FunctionalRender,{...row}):column.render?column.render(row):column.value(row)},column.header+"Row"+i+"Column"+j)))},"row"+i)))})]}),(0,jsx_runtime.jsx)(IconButton.A,{ref:arrowLeftRef,sx:{position:"absolute",top:"50%",left:"10px",background:"rgba(0,0,0,0.15)",visibility:"hidden"},onClick:()=>{containerRef.current&&(containerRef.current.scrollLeft=0)},children:(0,jsx_runtime.jsx)(ArrowBackIosNew.A,{})}),(0,jsx_runtime.jsx)(IconButton.A,{ref:arrowRightRef,sx:{position:"absolute",top:"50%",right:"10px",background:"rgba(0,0,0,0.15)",visibility:"hidden"},onClick:()=>{containerRef.current&&(containerRef.current.scrollLeft=containerRef.current.scrollWidth-containerRef.current.clientWidth)},children:(0,jsx_runtime.jsx)(ArrowForwardIos.A,{})})]}),!props.hidePageMenu&&(0,jsx_runtime.jsxs)(Stack.A,{direction:"column",useFlexGap:!0,justifyContent:"space-between",children:[(0,jsx_runtime.jsx)(Typography_Typography.A,{pl:props.dense?"4px":2,sx:{mt:"auto",mb:"auto"},children:displayedRows.length!==props.rows.length&&`Showing ${displayedRows.length} matching rows of ${props.rows.length} total.`}),(0,jsx_runtime.jsx)(TablePagination.A,{rowsPerPageOptions:[itemsPerPage,10,25,100],component:"div",count:displayedRows.length,rowsPerPage,page,onPageChange:(_,newPage)=>{setPage(newPage)},onRowsPerPageChange:event=>{setRowsPerPage(+event.target.value),setPage(0)},showFirstButton:!props.dense,showLastButton:!props.dense,labelRowsPerPage:props.dense?"Rows:":void 0,sx:props.dense?{"& .MuiTablePagination-toolbar":{pl:"6px"},"& .css-h0cf5v-MuiInputBase-root-MuiTablePagination-select":{mr:"6px",ml:"0px"},"& .MuiTablePagination-actions":{ml:"4px !important"}}:void 0})]}),(0,jsx_runtime.jsx)(Modal.A,{open:state.showAddColumnsModal,onClose:()=>dispatch({type:"modalChanged",showAddColumnsModal:!1}),children:(0,jsx_runtime.jsxs)(Box.A,{sx:boxStyle,children:[(0,jsx_runtime.jsx)(Typography_Typography.A,{variant:"h4",children:"Add Columns"}),(props.defaultColumnsToShow?props.columns.filter((c=>!props.defaultColumnsToShow?.includes(c.header))):props.columns.slice(props.noOfDefaultColumns||5,props.columns.length)).map(((col,i)=>(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(FormControlLabel.A,{control:(0,jsx_runtime.jsx)(Checkbox.A,{checked:void 0!==state.columns.find((c=>c.header===col.header)),onChange:event=>{event.target.checked&&props.columns.find((c=>c.header===col.header))?dispatch({type:"columnsChanged",columns:[...state.columns,col]}):dispatch({type:"columnsChanged",columns:state.columns.filter((u=>u.header!==col.header))})}}),label:col.header}),(0,jsx_runtime.jsx)("br",{})]},i))),(0,jsx_runtime.jsx)(Button_Button.A,{onClick:()=>dispatch({type:"modalChanged",showAddColumnsModal:!1}),children:"Cancel"})]})})]})};DataTable.displayName="DataTable";const DataTable_datatable=DataTable;try{datatable.displayName="datatable",datatable.__docgenInfo={description:"",displayName:"datatable",props:{columns:{defaultValue:null,description:"",name:"columns",required:!0,type:{name:"DataTableColumn[]"}},itemsPerPage:{defaultValue:null,description:"",name:"itemsPerPage",required:!1,type:{name:"number"}},hidePageMenu:{defaultValue:null,description:"",name:"hidePageMenu",required:!1,type:{name:"boolean"}},tableTitle:{defaultValue:null,description:"",name:"tableTitle",required:!1,type:{name:"string"}},selectable:{defaultValue:null,description:"",name:"selectable",required:!1,type:{name:"boolean"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"string"}},rows:{defaultValue:null,description:"",name:"rows",required:!0,type:{name:"any[]"}},emptyText:{defaultValue:null,description:"",name:"emptyText",required:!1,type:{name:"string"}},sortColumn:{defaultValue:null,description:"",name:"sortColumn",required:!1,type:{name:"number"}},sortDescending:{defaultValue:null,description:"",name:"sortDescending",required:!1,type:{name:"boolean"}},downloadFileName:{defaultValue:null,description:"",name:"downloadFileName",required:!1,type:{name:"string"}},noOfDefaultColumns:{defaultValue:null,description:"",name:"noOfDefaultColumns",required:!1,type:{name:"number"}},showMoreColumns:{defaultValue:null,description:"",name:"showMoreColumns",required:!1,type:{name:"boolean"}},defaultColumnsToShow:{defaultValue:null,description:"",name:"defaultColumnsToShow",required:!1,type:{name:"(string | Element)[]"}},page:{defaultValue:null,description:"",name:"page",required:!1,type:{name:"number"}},hideHeader:{defaultValue:null,description:"",name:"hideHeader",required:!1,type:{name:"boolean"}},titleHoverInfo:{defaultValue:null,description:"",name:"titleHoverInfo",required:!1,type:{name:"string"}},headerColor:{defaultValue:null,description:"",name:"headerColor",required:!1,type:{name:'{ backgroundColor: RGB | RGBA | HEX; textColor: "inherit" | RGB | RGBA | HEX; }'}},maxHeight:{defaultValue:null,description:"Note: This currently does not account for the size of the title or pagination element,\nsets max-height of the table header and body.",name:"maxHeight",required:!1,type:{name:"string | number"}},dense:{defaultValue:null,description:"Reduced the amount of padding on table cells to make the table more compact.",name:"dense",required:!1,type:{name:"boolean"}},highlighted:{defaultValue:null,description:"Highlights the row(s) matching the provided object(s). Use this in conjunction with \nonRowClick() and a state variable containing the current row(s) to highlight.\nImportantly, currently this only supports highlighting rows with the same order\nof key/value pairs. Matching but out-of-order row objects will not be highlighted.",name:"highlighted",required:!1,type:{name:"{} | {}[]"}},setPage:{defaultValue:null,description:"",name:"setPage",required:!1,type:{name:"((page: number) => void)"}},rowLink:{defaultValue:null,description:"",name:"rowLink",required:!1,type:{name:"((row: any, index: number) => string)"}},onRowClick:{defaultValue:null,description:"",name:"onRowClick",required:!1,type:{name:"((row: any, i: number) => void)"}},onRowMouseEnter:{defaultValue:null,description:"@param rowObject The object representing the row\n@param rowIndex The index of the row as it's currently displayed",name:"onRowMouseEnter",required:!1,type:{name:"((rowObject: any, rowIndex: number) => void)"}},onRowMouseLeave:{defaultValue:null,description:"",name:"onRowMouseLeave",required:!1,type:{name:"(() => void)"}},onCellMouseEnter:{defaultValue:null,description:"@param cellValue The value of the cell\n@param cellRowIndex The index of the cell's row as it's currently displayed\n@param cellColIndex The index of the cell's column as it's currently displayed",name:"onCellMouseEnter",required:!1,type:{name:"((cellValue: any, cellRowIndex: number, cellColIndex: number) => void)"}},onCellMouseLeave:{defaultValue:null,description:"",name:"onCellMouseLeave",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DataTable/datatable.tsx#datatable"]={docgenInfo:datatable.__docgenInfo,name:"datatable",path:"src/components/DataTable/datatable.tsx#datatable"})}catch(__react_docgen_typescript_loader_error){}const StyledTableCell=(0,styled.Ay)(TableCell.A)((()=>({border:"None",paddingLeft:"16px",textAlign:"center",font:"Helvetica Neue"}))),StyledTableRow=(0,styled.Ay)(TableRow.A)((()=>({root:{height:10},"&:nth-of-type(odd)":{backgroundColor:"#F5F5F5"}}))),components_Table_Table=props=>{const[page,setPage]=react.useState(0),[rowsPerPage,setRowsPerPage]=react.useState(props.rowsPerPage&&props.rowsPerPage[0]||10);let rows=props.tabledata;return console.log(rows),console.log(rows.slice(page*rowsPerPage,page*rowsPerPage+rowsPerPage)),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(TableContainer.A,{children:(0,jsx_runtime.jsxs)(Table_Table.A,{stickyHeader:!0,"aria-label":"sticky table",children:[(0,jsx_runtime.jsx)(TableHead.A,{children:(0,jsx_runtime.jsx)(TableRow.A,{children:props.tabledata[0].map(((t,k)=>(0,jsx_runtime.jsx)(TableCell.A,{style:{textAlign:"center",fontWeight:"bold",border:"None"},children:t.header},t.header+k)))})}),(0,jsx_runtime.jsx)(TableBody.A,{children:rows.slice(page*rowsPerPage,page*rowsPerPage+rowsPerPage).map(((row,i)=>(0,jsx_runtime.jsx)(StyledTableRow,{onMouseOver:()=>props.onRowMouseOver&&props.onRowMouseOver(row,i),onClick:()=>props.onRowClick&&props.onRowClick(row,i),onMouseOut:props.onRowMouseOut,children:row.map(((v,j)=>(0,jsx_runtime.jsxs)(StyledTableCell,{children:[" ",v.render?v.render:v.value]},i+j+v.value)))},i)))})]})}),(0,jsx_runtime.jsx)(TablePagination.A,{style:{textAlign:"center",fontWeight:"bold"},rowsPerPageOptions:props.rowsPerPage||[10],component:"div",count:props.tabledata.length,rowsPerPage,page,onPageChange:(_,newPage)=>{setPage(newPage)},onRowsPerPageChange:event=>{setRowsPerPage(+event.target.value),setPage(0)}})]})};try{Table.displayName="Table",Table.__docgenInfo={description:"",displayName:"Table",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLTableElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},tabledata:{defaultValue:null,description:"",name:"tabledata",required:!0,type:{name:"{ header: string; value: any; render?: any; }[][]"}},rowsPerPage:{defaultValue:null,description:"",name:"rowsPerPage",required:!1,type:{name:"number[]"}},onRowMouseOver:{defaultValue:null,description:"",name:"onRowMouseOver",required:!1,type:{name:"((row: any, i: number) => void)"}},onRowMouseOut:{defaultValue:null,description:"",name:"onRowMouseOut",required:!1,type:{name:"(() => void)"}},onRowClick:{defaultValue:null,description:"",name:"onRowClick",required:!1,type:{name:"((row: any, i: number) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/Table.tsx#Table"]={docgenInfo:Table.__docgenInfo,name:"Table",path:"src/components/Table/Table.tsx#Table"})}catch(__react_docgen_typescript_loader_error){}var cytoscape_esm=__webpack_require__("./node_modules/cytoscape/dist/cytoscape.esm.mjs"),cytoscape_cose_bilkent=__webpack_require__("./node_modules/cytoscape-cose-bilkent/cytoscape-cose-bilkent.js"),cytoscape_cose_bilkent_default=__webpack_require__.n(cytoscape_cose_bilkent),useTooltip=__webpack_require__("./node_modules/@visx/tooltip/esm/hooks/useTooltip.js"),useTooltipInPortal=__webpack_require__("./node_modules/@visx/tooltip/esm/hooks/useTooltipInPortal.js"),tooltips_Tooltip=__webpack_require__("./node_modules/@visx/tooltip/esm/tooltips/Tooltip.js"),index_es=__webpack_require__("./node_modules/use-react-screenshot/dist/index.es.js");const cCREConstants={Promoter:{label:"Pr",color:"#FF0000"},"Distal Enhancer":{label:"D.E.",color:"#FFCD00"},"Proximal Enhancer":{label:"P.E.",color:"#FFA700"},"Transcription Factor":{label:"TF",color:"#d876ec"},"Chromatin Accessible + Transcription Factor":{label:"CA+TF",color:"#be28e5"},"Chromatin Accessible + CTCF":{label:"CA+CTCF",color:"#00B0F0"},"Chromatin Accessible + H3K4me3":{label:"CA+H3K4me3",color:"#ffaaaa"},"Lower-Expression":{label:"Edge",color:"#000000"},"Higher-Expression":{label:"Edge",color:"#0000FF"},Edge:{label:"Edge",color:"grey"}},buttonStyle={position:"absolute",zIndex:1e3,margin:"2px",border:"0px",backgroundColor:"#0095ff",borderRadius:"3px",boxShadow:"rgba(255, 255, 255, .4) 0 1px 0 0 inset",boxSizing:"border-box",color:"#fff",cursor:"pointer",fontFamily:'-apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif',fontSize:"12px",outline:"none",padding:"7px .8em",textAlign:"center",textDecoration:"none",userSelect:"none",WebkitUserSelect:"none",whiteSpace:"nowrap",transition:"background-color 0.3s, color 0.3s"},Legend=({toggles,onToggle,simpleCategories,edgeType})=>{const[collapsed,setCollapsed]=(0,react.useState)(!1),lower="Lower-Expression",higher="Higher-Expression",uniqueCategories=Array.from(new Set(simpleCategories));return(0,jsx_runtime.jsxs)("div",{className:"legend",style:{position:"absolute",bottom:"10px",right:"3px",zIndex:1e3,backgroundColor:"white",padding:"10px",borderRadius:"5px",boxShadow:"0 0 10px rgba(0,0,0,0.5)",...collapsed?null:{width:"237px"}},children:[(0,jsx_runtime.jsx)("button",{style:{zIndex:1e3,margin:"2px",backgroundColor:"#0095ff",border:"0px",borderRadius:"3px",color:"#fff",cursor:"pointer",fontFamily:'-apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif',fontSize:"12px",outline:"none",padding:"7px .8em",textAlign:"center",textDecoration:"none",userSelect:"none",WebkitUserSelect:"none",whiteSpace:"nowrap",transition:"background-color 0.3s, color 0.3s"},onClick:()=>setCollapsed(!collapsed),children:collapsed?"Show":"Hide"}),!collapsed&&(0,jsx_runtime.jsx)("div",{children:uniqueCategories.map((category=>{const categoryData=cCREConstants[category];return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("input",{type:"checkbox",checked:toggles[category],onChange:()=>onToggle(category)}),(0,jsx_runtime.jsxs)("span",{style:{color:categoryData?.color||"#000",marginLeft:"8px"},onClick:()=>onToggle(category),children:[category," (",categoryData?.label||"n/a",")"]})]},category)}))}),edgeType?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("input",{type:"checkbox",checked:toggles[lower],onChange:()=>onToggle(lower)}),(0,jsx_runtime.jsxs)("span",{style:{color:cCREConstants[lower].color,marginLeft:"8px"},onClick:()=>onToggle(lower),children:[lower," (Edge)"]})]}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("input",{type:"checkbox",checked:toggles[higher],onChange:()=>onToggle(higher)}),(0,jsx_runtime.jsxs)("span",{style:{color:cCREConstants[higher].color,marginLeft:"8px"},onClick:()=>onToggle(higher),children:[higher," (Edge)"]})]})]}):null]})};Legend.displayName="Legend";const Graph_Legend=Legend;try{Legend.displayName="Legend",Legend.__docgenInfo={description:"",displayName:"Legend",props:{toggles:{defaultValue:null,description:"",name:"toggles",required:!0,type:{name:"{ [key: string]: boolean; }"}},onToggle:{defaultValue:null,description:"",name:"onToggle",required:!0,type:{name:"(category: string) => void"}},simpleCategories:{defaultValue:null,description:"",name:"simpleCategories",required:!0,type:{name:"string[]"}},edgeType:{defaultValue:null,description:"",name:"edgeType",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Graph/Legend.tsx#Legend"]={docgenInfo:Legend.__docgenInfo,name:"Legend",path:"src/components/Graph/Legend.tsx#Legend"})}catch(__react_docgen_typescript_loader_error){}const GraphButton=({text,styles,func})=>{const r=1e6*Math.random()+"";return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("button",{id:r,style:styles,onMouseEnter:event=>event.currentTarget.style.backgroundColor="#07c",onMouseLeave:event=>event.currentTarget.style.backgroundColor="#0095ff",onClick:func,children:text})})},Graph_GraphButton=GraphButton;try{GraphButton.displayName="GraphButton",GraphButton.__docgenInfo={description:"",displayName:"GraphButton",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},styles:{defaultValue:null,description:"",name:"styles",required:!0,type:{name:"CSSProperties"}},func:{defaultValue:null,description:"",name:"func",required:!0,type:{name:"() => any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Graph/GraphButton.tsx#GraphButton"]={docgenInfo:GraphButton.__docgenInfo,name:"GraphButton",path:"src/components/Graph/GraphButton.tsx#GraphButton"})}catch(__react_docgen_typescript_loader_error){}const ScaleLegend=({scales})=>{const[collapsed,setCollapsed]=(0,react.useState)(!1);if(0===scales.length)return null;const sorted=[...scales].sort(((a,b)=>a-b)),min=sorted[0],max=sorted[sorted.length-1],mid1=sorted[Math.floor(sorted.length/4)],mid2=sorted[Math.floor(3*sorted.length/4)],calculateWidth=weight=>10*Math.log(4*weight+1);return(0,jsx_runtime.jsxs)("div",{style:{position:"absolute",top:"200px",right:"10px",zIndex:1e3,backgroundColor:"white",padding:"10px",borderRadius:"5px",border:"1px solid #ccc",boxShadow:"0 0 10px rgba(0,0,0,0.5)",...collapsed?null:{width:"230px"}},children:[!collapsed&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("h4",{children:["Edge Weight Scale: (log",(0,jsx_runtime.jsx)("sub",{children:"10"})," * 4) + 1"]}),(0,jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,jsx_runtime.jsxs)("div",{style:{marginBottom:"5px"},children:[(0,jsx_runtime.jsx)("div",{style:{width:calculateWidth(min),height:"10px",backgroundColor:"black",display:"inline-block"}}),(0,jsx_runtime.jsx)("span",{style:{marginLeft:"10px"},children:min.toFixed(2)})]}),(0,jsx_runtime.jsxs)("div",{style:{marginBottom:"10px"},children:[(0,jsx_runtime.jsx)("div",{style:{width:calculateWidth(mid1),height:"10px",backgroundColor:"black",display:"inline-block"}}),(0,jsx_runtime.jsx)("span",{style:{marginLeft:"10px"},children:mid1.toFixed(2)})]}),(0,jsx_runtime.jsxs)("div",{style:{marginBottom:"10px"},children:[(0,jsx_runtime.jsx)("div",{style:{width:calculateWidth(mid2),height:"10px",backgroundColor:"black",display:"inline-block"}}),(0,jsx_runtime.jsx)("span",{style:{marginLeft:"10px"},children:mid2.toFixed(2)})]}),(0,jsx_runtime.jsxs)("div",{style:{marginBottom:"10px"},children:[(0,jsx_runtime.jsx)("div",{style:{width:calculateWidth(max),height:"10px",backgroundColor:"black",display:"inline-block"}}),(0,jsx_runtime.jsx)("span",{style:{marginLeft:"10px"},children:max.toFixed(2)})]})]})]}),(0,jsx_runtime.jsx)(Graph_GraphButton,{text:collapsed?"Show":"Hide",func:()=>setCollapsed(!collapsed),styles:{zIndex:1e3,margin:"2px",backgroundColor:"#0095ff",border:"0px",borderRadius:"3px",color:"#fff",cursor:"pointer",fontFamily:'-apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif',fontSize:"12px",outline:"none",padding:"7px .8em",textAlign:"center",textDecoration:"none",userSelect:"none",WebkitUserSelect:"none",whiteSpace:"nowrap",transition:"background-color 0.3s, color 0.3s"}})]})};ScaleLegend.displayName="ScaleLegend";const Graph_ScaleLegend=ScaleLegend;try{ScaleLegend.displayName="ScaleLegend",ScaleLegend.__docgenInfo={description:"",displayName:"ScaleLegend",props:{scales:{defaultValue:null,description:"",name:"scales",required:!0,type:{name:"number[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Graph/ScaleLegend.tsx#ScaleLegend"]={docgenInfo:ScaleLegend.__docgenInfo,name:"ScaleLegend",path:"src/components/Graph/ScaleLegend.tsx#ScaleLegend"})}catch(__react_docgen_typescript_loader_error){}var KeyboardDoubleArrowRight=__webpack_require__("./node_modules/@mui/icons-material/KeyboardDoubleArrowRight.js"),KeyboardDoubleArrowLeft=__webpack_require__("./node_modules/@mui/icons-material/KeyboardDoubleArrowLeft.js");function shortHand(str){const simple=str;return cCREConstants[simple]?.label||"n/a"}cytoscape_esm.A.use(cytoscape_cose_bilkent_default());const download=(image,{name="img",extension="jpg"}={})=>{const a=document.createElement("a");a.href=image,a.download=`${name}.${extension}`,a.click()};function convertToSimple(str){switch(str){case"PLS":return"Promoter";case"dELS":return"Distal Enhancer";case"pELS":return"Proximal Enhancer";case"CA-CTCF":return"Chromatin Accessible + CTCF";case"CA-H3K4me3":return"Chromatin Accessible + H3K4me3";case"CA-TF":return"Chromatin Accessible + Transcription Factor";case"Low-DNase":return"Low DNase";case"CA-only":return"Chromatin Accessible";default:return""}}const Graph=({data,title,id,width="100%",height="100%"})=>{const cyRef=(0,react.useRef)(null),[showControls,setShowControls]=(0,react.useState)(!0),[elements,setElements]=(0,react.useState)([]),[scales,setScales]=(0,react.useState)([]),[expressionType,setExpressions]=(0,react.useState)([]),[edges,setEdges]=(0,react.useState)([]),[showLabels,setShowLabels]=(0,react.useState)(!0),[toggles,setToggles]=(0,react.useState)({Promoter:!0,"Distal Enhancer":!0,"Proximal Enhancer":!0,"Transcription Factor":!0,"Chromatin Accessible + Transcription Factor":!0,"Chromatin Accessible + H3K4me3":!0,"Chromatin Accessible + CTCF":!0,"Lower-Expression":!0,"Higher-Expression":!0}),[degree,setDegree]=(0,react.useState)(3),ref=(0,react.useRef)(null),[_,takeScreenShot]=(0,index_es.a)(),containerRef=(0,react.useRef)(null),{tooltipData,tooltipLeft,tooltipTop,tooltipOpen,showTooltip,hideTooltip}=(0,useTooltip.A)(),{TooltipInPortal}=(0,useTooltipInPortal.A)({detectBounds:!0,scroll:!0}),handleMouseMove=(event,datum)=>{if(!containerRef.current)return void console.error("Container ref is not set");const coords={x:event.renderedPosition.x,y:event.renderedPosition.y};showTooltip({tooltipLeft:coords.x,tooltipTop:coords.y,tooltipData:datum})};let k="cy-"+id;if(data.centered){const filterNodesAndEdges=degree=>{const centeredNode=data.centered.cCRE;let nodesToInclude=new Set([centeredNode]),edgesToInclude=[],visited=new Set([centeredNode]),queue=[{node:centeredNode,depth:0}];for(;queue.length>0;){const{node,depth}=queue.shift();depth>=degree||data.edge.forEach((edge=>{[{target:edge.target,perturbed:edge.perturbed},{target:edge.perturbed,perturbed:edge.target}].forEach((({target,perturbed})=>{perturbed!==node||visited.has(target)||(visited.add(target),nodesToInclude.add(target),edgesToInclude.push(edge),queue.push({node:target,depth:depth+1}))}))}))}return{nodes:data.node.filter((node=>nodesToInclude.has(node.cCRE))),edges:edgesToInclude}};(0,react.useEffect)((()=>{const filteredData=filterNodesAndEdges(degree);setElements(filteredData.nodes),setEdges(filteredData.edges),setScales(filteredData.edges.map((e=>e.effectSize))),setExpressions(data.edge.map((e=>"higher-expression"===e.expressionImpact?"Higher-Expression":"lower-expression"===e.expressionImpact?"Lower-Expression":"Edge")))}),[data,degree])}else(0,react.useEffect)((()=>{setElements(data.node),setEdges(data.edge),setScales(data.edge.map((e=>e.effectSize))),setExpressions(data.edge.map((e=>"higher-expression"===e.expressionImpact?"Higher-Expression":"lower-expression"===e.expressionImpact?"Lower-Expression":"Edge")))}),[data]);const simple=elements.map((e=>e.category)).map((elem=>convertToSimple(elem))),createID=index=>elements[index].cCRE;(0,react.useEffect)((()=>{if(0===elements.length||0===scales.length||0===expressionType.length||0===edges.length)return;const allcCREs=elements.map((e=>e.cCRE));let connect=[];for(let i=0;i{connect[allcCREs.indexOf(e.perturbed)].push(allcCREs.indexOf(e.target))}));const edgeColor=idx=>"Lower-Expression"===expressionType[idx]?"black":"Higher-Expression"===expressionType[idx]?"blue":"grey";function chooseColor(index){const s=simple[index];return cCREConstants[s]?.color||"grey"}const cy=(0,cytoscape_esm.A)({container:document.getElementById(k),style:[{selector:"node",style:{label:"","font-size":15}},{selector:"edge",style:{"line-color":"#ccc","curve-style":"bezier"}}],minZoom:.25,maxZoom:5});cyRef.current=cy,cy.ready((()=>{cy.nodes().forEach((node=>{const size=[30,70,110][Math.floor(3*Math.random())];node.css("width",size),node.css("height",size)})),cy.layout({name:"cose-bilkent",animate:"end",animationDuration:1e3}).run()}));for(var i=0;i{let cre=allcCREs[idx].toString(),s=simple[idx].toString();data.centered&&cre===data.centered.cCRE?node.on("mousemove",(event=>handleMouseMove(event,{cCRE:cre,type:s,centered:"Centered Node"}))):node.on("mousemove",(event=>handleMouseMove(event,{cCRE:cre,type:s}))),idx++,node.on("mouseout",hideTooltip)})),console.log(data.edge.every((e=>e.expressionImpact))),cy.edges().forEach((edge=>{data.edge.every((e=>e.expressionImpact))?edge.on("mousemove",(event=>handleMouseMove(event,{type:"rgb(0,0,0)"===edge.style("line-color").toString()?"Lower-Expression":"Higher-Expression"}))):edge.on("mousemove",(event=>handleMouseMove(event,{type:"Edge"}))),edge.on("mouseout",hideTooltip)})),organize(),()=>{cy.destroy()}}),[elements,scales,expressionType,edges,toggles,showTooltip,hideTooltip]),(0,react.useEffect)((()=>{const simple=elements.map((e=>e.category)).map((elem=>convertToSimple(elem)));if(!cyRef.current)return;let ind=0;cyRef.current.nodes().forEach((node=>{node.style({label:showLabels?shortHand(simple[ind]):""}),ind++}))}),[showLabels]);const organize=()=>{const cy=cyRef.current,options={name:"cose-bilkent",animate:"end",animationEasing:"ease-out",animationDuration:1e3,randomize:!0};cy&&cy.layout(options).run()},downloadStyle={...buttonStyle,top:"0px",right:"5px"},randomizeStyle={...buttonStyle,top:"45px",right:"5px"},organizeStyle={...buttonStyle,top:"90px",right:"5px"},toggleControlsStyle={...buttonStyle,top:"0px",padding:"3px",backgroundColor:"white",color:"#0095ff"},labelStyle={...buttonStyle,top:"135px",right:"5px"},r_collapsed={right:"175px"},r_uncollapsed={right:"2px"};return(0,jsx_runtime.jsxs)("div",{style:{width,height,position:"relative",overflow:"hidden",fontSize:"14px",fontFamily:"helvetica"},children:[(0,jsx_runtime.jsx)("header",{style:{opacity:.5,fontSize:"1em",margin:0},children:(0,jsx_runtime.jsx)("h1",{style:{fontSize:"17px"},children:title})}),data.centered?(0,jsx_runtime.jsxs)("div",{style:{top:"55px",left:"15px"},children:[(0,jsx_runtime.jsx)("label",{htmlFor:"degree",children:"Degrees of Separation: "}),(0,jsx_runtime.jsx)("input",{id:"degree",type:"number",value:degree,min:1,max:3,onChange:e=>setDegree(parseInt(e.target.value))})]}):null,showControls&&(0,jsx_runtime.jsxs)("div",{style:{backgroundColor:"white",boxShadow:"0 0 10px rgba(0,0,0,0.5)"},children:[(0,jsx_runtime.jsx)(Graph_GraphButton,{text:"Download Screenshot",styles:downloadStyle,func:()=>{ref.current&&"function"==typeof takeScreenShot&&takeScreenShot(ref.current).then(download)}}),(0,jsx_runtime.jsx)(Graph_GraphButton,{text:"Randomize",styles:randomizeStyle,func:()=>{const cy=cyRef.current;if(cy){const options={name:"random",animate:!0,animationDuration:1e3,animationEasing:"ease-out"};cy.layout(options).run()}}}),(0,jsx_runtime.jsx)(Graph_GraphButton,{text:"Organize",styles:organizeStyle,func:organize}),(0,jsx_runtime.jsx)(Graph_GraphButton,{text:"Toggle Labels",styles:labelStyle,func:()=>setShowLabels(!showLabels)}),(0,jsx_runtime.jsx)(Graph_Legend,{toggles,onToggle:category=>{setToggles((prevToggles=>({...prevToggles,[category]:!prevToggles[category]})))},simpleCategories:simple,edgeType:data.edge.every((e=>e.expressionImpact))}),(0,jsx_runtime.jsx)(Graph_ScaleLegend,{scales})]}),(0,jsx_runtime.jsx)("button",{onClick:()=>{setShowControls(!showControls)},style:{...toggleControlsStyle,...showControls?r_collapsed:r_uncollapsed},children:showControls?(0,jsx_runtime.jsx)(KeyboardDoubleArrowRight.A,{}):(0,jsx_runtime.jsx)(KeyboardDoubleArrowLeft.A,{})}),(0,jsx_runtime.jsx)("div",{ref,style:{position:"relative"},children:(0,jsx_runtime.jsx)("div",{ref:containerRef,id:k,style:{width:"100%",height:"90vh",zIndex:999}})}),tooltipOpen&&tooltipData&&(0,jsx_runtime.jsx)(TooltipInPortal,{style:{...tooltips_Tooltip.k,backgroundColor:"black",color:"white",zIndex:1e3,fontSize:"12px"},top:tooltipTop,left:tooltipLeft,children:tooltipData.cCRE?(0,jsx_runtime.jsxs)("div",{style:{fontFamily:"helvetica"},children:["cCRE: ",tooltipData.cCRE," ",(0,jsx_runtime.jsx)("br",{}),"Type: ",tooltipData.type,tooltipData.centered?(0,jsx_runtime.jsx)("div",{children:" Centered Node "}):null]}):(0,jsx_runtime.jsxs)("div",{style:{fontFamily:"helvetica"},children:["Type: ",tooltipData.type]})},Math.random())]})};Graph.displayName="Graph";const Graph_Graph=Graph;try{Graph.displayName="Graph",Graph.__docgenInfo={description:"",displayName:"Graph",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"{ edge: Edge[]; node: Node[]; centered: { cCRE: string; }; }"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string | number"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:{value:"100%"},description:"",name:"height",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Graph/Graph.tsx#Graph"]={docgenInfo:Graph.__docgenInfo,name:"Graph",path:"src/components/Graph/Graph.tsx#Graph"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_weng_lab_psychscreen_ui_components=self.webpackChunk_weng_lab_psychscreen_ui_components||[]).push([[353],{"./src/components/Button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>components_Button_Button});var styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),constants_theme=__webpack_require__("./src/constants/theme.ts"),Typography=__webpack_require__("./src/components/Typography/Typography.tsx");const PSYCHSCREEN_BUTTON_LIGHT_THEME=new Map([["filled",new Map([["",{backgroundColor:constants_theme.yK.get("Primary").get(0),color:"#ffffff"}],["&:hover",{backgroundColor:constants_theme.yK.get("Primary").get(0),color:"#ffffff",boxShadow:"0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)"}],["&:focus",{backgroundColor:constants_theme.yK.get("Primary").get(0),color:"#ffffff"}],["&:pressed",{backgroundColor:constants_theme.yK.get("Primary").get(0),color:"#ffffff"}],["&:disabled",{backgroundColor:"rgba(31, 31, 31, 0.12)",color:"#1C1B1F",opacity:.38}]])],["outlined",new Map([["",{border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(50)}`,backgroundColor:constants_theme.yK.get("Primary").get(100),color:constants_theme.yK.get("Primary").get(0)}],["&:hover",{border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(50)}`,backgroundColor:"#F2F2F2",color:constants_theme.yK.get("Primary").get(0)}],["&:focus",{border:"1px solid #000000",backgroundColor:"rgba(103, 80, 164, 0.12)",color:constants_theme.yK.get("Primary").get(0),fontWeight:500}],["&:pressed",{backgroundColor:"rgba(103, 80, 164, 0.12)",border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(50)}`,color:constants_theme.yK.get("Primary").get(0),fontWeight:500}],["&:disabled",{backgroundColor:"#ffffff",border:"1px solid rgba(31, 31, 31, 0.12)",color:"#1C1B1F",opacity:.38,fontWeight:500}]])]]),PSYCHSCREEN_BUTTON_DARK_THEME=new Map([["filled",new Map([["",{backgroundColor:constants_theme.yK.get("Primary").get(80),color:constants_theme.yK.get("Primary").get(20)}],["&:hover",{backgroundColor:constants_theme.yK.get("Primary").get(80),color:constants_theme.yK.get("Primary").get(20)}],["&:focus",{backgroundColor:constants_theme.yK.get("Primary").get(80),color:constants_theme.yK.get("Primary").get(20)}],["&:pressed",{backgroundColor:constants_theme.yK.get("Primary").get(80),color:constants_theme.yK.get("Primary").get(20)}],["&:disabled",{backgroundColor:"rgba(227, 227, 227, 0.12)",color:"#E6E1E5",opacity:.38}]])],["outlined",new Map([["",{border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(60)}`,backgroundColor:"#1F1F1F",color:constants_theme.yK.get("Primary").get(80)}],["&:hover",{border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(60)}`,backgroundColor:"rgba(208, 188, 255, 0.12)",color:constants_theme.yK.get("Primary").get(80),fontWeight:500}],["&:focus",{border:"1px solid #000000",backgroundColor:"rgba(208, 188, 255, 0.12)",color:constants_theme.yK.get("Primary").get(80),fontWeight:500}],["&:pressed",{backgroundColor:"rgba(208, 188, 255, 0.12)",border:`1px solid ${constants_theme.yK.get("NeutralVariant").get(80)}`,color:constants_theme.yK.get("Primary").get(80),fontWeight:500}],["&:disabled",{backgroundColor:"#ffffff",border:"1px solid rgba(227, 227, 227, 0.12)",color:"#1F1F1F",opacity:.38,fontWeight:500}]])]]),Button_Button=(0,styled.Ay)(Button.A)((({bvariant,btheme:ttheme})=>{const theme="light"===ttheme?PSYCHSCREEN_BUTTON_LIGHT_THEME:PSYCHSCREEN_BUTTON_DARK_THEME;return{borderRadius:"100px",...theme.get(bvariant).get(""),fontFamily:constants_theme.JZ,fontSize:Typography.$N.get("body")?.get("medium"),fontWeight:Typography.sO.get("body")?.get("medium"),fontVariantCaps:"normal","&:active":theme.get(bvariant)?.get("&:active"),"&:focus":theme.get(bvariant)?.get("&:focus"),"&:hover":theme.get(bvariant)?.get("&:hover"),"&:pressed":theme.get(bvariant)?.get("&:pressed"),"&:disabled":theme.get(bvariant)?.get("&:disabled")}})),components_Button_Button=Button_Button;try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},btheme:{defaultValue:null,description:"",name:"btheme",required:!0,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},bvariant:{defaultValue:null,description:"",name:"bvariant",required:!0,type:{name:"enum",value:[{value:'"text"'},{value:'"filled"'},{value:'"outlined"'},{value:'"elevated"'},{value:'"tonal"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/SearchBox/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Gd:()=>SearchBox_SearchBox,gK:()=>SearchBox_SearchBoxWithSelect});var react=__webpack_require__("./node_modules/react/index.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),createTheme=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js"),ThemeProvider=__webpack_require__("./node_modules/@mui/material/styles/ThemeProvider.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Button=__webpack_require__("./src/components/Button/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const theme=(0,createTheme.A)({components:{MuiInput:{defaultProps:{disableUnderline:!0}}}}),StyledTextField=(0,styled.Ay)(TextField.A)((()=>({fontSize:"16px",lineHeight:"24px",letterSpacing:"0.5px",fontWeight:400,height:"56px",borderRadius:"100px",border:"0px",backgroundColor:"#F2F2F2"}))),SearchBox=props=>(0,jsx_runtime.jsx)(ThemeProvider.A,{theme,children:(0,jsx_runtime.jsx)(StyledTextField,{label:"What can we help you find?",variant:"standard",helperText:"e.g. schizophrenia, years of education",InputProps:{endAdornment:props.unadorned?void 0:(0,jsx_runtime.jsx)(InputAdornment.A,{position:"end",style:{marginLeft:"-10px"},children:(0,jsx_runtime.jsx)(Button.s,{bvariant:"filled",btheme:"light",onClick:props.onSearchButtonClick,children:"Search"})}),style:{height:"76px",marginRight:props.unadorned?"0px":"10px",marginTop:"0px",backgroundColor:"none",width:`${props.width||436}px`}},inputProps:{style:{height:"24px",paddingTop:"16px",paddingLeft:"16px",paddingBottom:"12px"}},FormHelperTextProps:{style:{paddingLeft:"28px",lineHeight:"16px",fontSize:"12px",letterSpacing:"0.4px",color:"#8D8D8D"}},InputLabelProps:{style:{marginTop:"-18px",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"28px",color:"#8D8D8D"}},...props})});SearchBox.displayName="SearchBox";const SearchBox_SearchBox=SearchBox;try{SearchBox.displayName="SearchBox",SearchBox.__docgenInfo={description:"",displayName:"SearchBox",props:{component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},unadorned:{defaultValue:null,description:"",name:"unadorned",required:!1,type:{name:"boolean"}},onSearchButtonClick:{defaultValue:null,description:"",name:"onSearchButtonClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchBox/SearchBox.tsx#SearchBox"]={docgenInfo:SearchBox.__docgenInfo,name:"SearchBox",path:"src/components/SearchBox/SearchBox.tsx#SearchBox"})}catch(__react_docgen_typescript_loader_error){}var MenuItem=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),Select=__webpack_require__("./src/components/Select/index.ts");const SearchBoxWithSelect=props=>{const[option,setOption]=(0,react.useState)(props.selectOptions[0]),belowThreshold=(0,react.useMemo)((()=>props.reactiveThreshold&&(props.containerWidth||0){setOption(props.selectOptions[e.target.value]),props.onSelectChange&&props.onSelectChange(props.selectOptions[e.target.value])},defaultValue:0,variant:"filled",disableUnderline:!0,style:{borderTopLeftRadius:"100px",borderBottomLeftRadius:"100px",borderTopRightRadius:belowThreshold?"100px":"0px",borderBottomRightRadius:belowThreshold?"100px":"0px",backgroundColor:"#F2F2F2",paddingTop:"11px",fontSize:"16px",marginBottom:"16px",width:belowThreshold?`${props.reactiveWidth}px`:void 0,textAlign:"center"},children:props.selectOptions.map(((option,i)=>(0,jsx_runtime.jsx)(MenuItem.A,{value:i,children:option.name},option.value)))}),belowThreshold?(0,jsx_runtime.jsx)("br",{style:{lineHeight:"16px"}}):null,(0,jsx_runtime.jsx)(SearchBox_SearchBox,{onChange:e=>props.onSearchChange&&props.onSearchChange(e.target.value),helperText:option.helperText,width:belowThreshold?props.reactiveWidth:void 0,unadorned:!!belowThreshold,...props,style:{...props.style,borderTopLeftRadius:props.reactiveThreshold&&belowThreshold?"100px":"0px",borderBottomLeftRadius:props.reactiveThreshold&&belowThreshold?"100px":"0px"}})]})},SearchBox_SearchBoxWithSelect=SearchBoxWithSelect;try{SearchBoxWithSelect.displayName="SearchBoxWithSelect",SearchBoxWithSelect.__docgenInfo={description:"",displayName:"SearchBoxWithSelect",props:{component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},unadorned:{defaultValue:null,description:"",name:"unadorned",required:!1,type:{name:"boolean"}},onSearchButtonClick:{defaultValue:null,description:"",name:"onSearchButtonClick",required:!1,type:{name:"((() => void) & (() => void))"}},selectOptions:{defaultValue:null,description:"",name:"selectOptions",required:!0,type:{name:"SearchBoxWithSelectOption[]"}},onSelectChange:{defaultValue:null,description:"",name:"onSelectChange",required:!1,type:{name:"((option: SearchBoxWithSelectOption) => void)"}},onSearchChange:{defaultValue:null,description:"",name:"onSearchChange",required:!1,type:{name:"((value: string) => void)"}},reactiveThreshold:{defaultValue:null,description:"",name:"reactiveThreshold",required:!1,type:{name:"number"}},reactiveWidth:{defaultValue:null,description:"",name:"reactiveWidth",required:!1,type:{name:"number"}},containerWidth:{defaultValue:null,description:"",name:"containerWidth",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchBox/SearchBoxWithSelect.tsx#SearchBoxWithSelect"]={docgenInfo:SearchBoxWithSelect.__docgenInfo,name:"SearchBoxWithSelect",path:"src/components/SearchBox/SearchBoxWithSelect.tsx#SearchBoxWithSelect"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Select/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{l:()=>components_Select_Select});__webpack_require__("./node_modules/react/index.js");var Select=__webpack_require__("./node_modules/@mui/material/Select/Select.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const StyledSelect=(0,styled.Ay)(Select.A)((()=>({fontSize:"16px",lineHeight:"24px",letterSpacing:"0.5px",fontWeight:400,height:"56px",padding:"16px",color:"#000000"}))),Select_Select=props=>(0,jsx_runtime.jsx)(StyledSelect,{label:"What can we help you find?",variant:"standard",style:{width:`${props.width||172}px`},SelectDisplayProps:{style:{paddingTop:"14px"}},...props,children:props.children});Select_Select.displayName="Select";const components_Select_Select=Select_Select;try{Select_Select.displayName="Select",Select_Select.__docgenInfo={description:"",displayName:"Select",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: unknown) => void) | RefObject | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Select/Select.tsx#Select"]={docgenInfo:Select_Select.__docgenInfo,name:"Select",path:"src/components/Select/Select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Typography/Typography.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$N:()=>FONT_SIZES,Ay:()=>__WEBPACK_DEFAULT_EXPORT__,sO:()=>FONT_WEIGHTS});var _mui_material_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),_mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),_constants_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/constants/theme.ts");const FONT_SIZES=new Map([["body",new Map([["large","16px"],["medium","14px"],["small","12px"]])],["label",new Map([["large","14px"],["medium","12px"],["small","11px"]])],["title",new Map([["large","22px"],["medium","16px"],["small","14px"]])],["headline",new Map([["large","32px"],["medium","28px"],["small","24px"]])],["display",new Map([["large","57px"],["medium","45px"],["small","36px"]])]]),FONT_WEIGHTS=new Map([["body",new Map([["large","400"],["medium","400"],["small","400"]])],["label",new Map([["large","500"],["medium","500"],["small","500"]])],["title",new Map([["large","400"],["medium","500"],["small","500"]])],["headline",new Map([["large","400"],["medium","400"],["small","400"]])],["display",new Map([["large","400"],["medium","400"],["small","400"]])]]),LINE_HEIGHTS=new Map([["body",new Map([["large","24px"],["medium","20px"],["small","16px"]])],["label",new Map([["large","20px"],["medium","16px"],["small","16px"]])],["title",new Map([["large","28px"],["medium","24px"],["small","20px"]])],["headline",new Map([["large","40px"],["medium","36px"],["small","32px"]])],["display",new Map([["large","64px"],["medium","52px"],["small","44px"]])]]),LETTER_SPACINGS=new Map([["title",new Map([["medium","0.15px"],["small","0.1px"]])],["label",new Map([["large","0.1px"],["medium","0.5px"],["small","0.5px"]])],["display",new Map([["large","0.15px"],["medium","0.25px"],["small","0.4px"]])]]),Typography=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.Ay)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.A)((({type,size})=>({fontFamily:_constants_theme__WEBPACK_IMPORTED_MODULE_0__.JZ,fontSize:FONT_SIZES.get(type)?.get(size),fontWeight:FONT_WEIGHTS.get(type)?.get(size),lineHeight:LINE_HEIGHTS.get(type)?.get(size),letterSpacing:LETTER_SPACINGS.get(type)?.get(size)}))),__WEBPACK_DEFAULT_EXPORT__=Typography;try{Typography.displayName="Typography",Typography.__docgenInfo={description:"",displayName:"Typography",props:{display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBlockEnd:{defaultValue:null,description:"",name:"marginBlockEnd",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBlockStart:{defaultValue:null,description:"",name:"marginBlockStart",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginInlineEnd:{defaultValue:null,description:"",name:"marginInlineEnd",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginInlineStart:{defaultValue:null,description:"",name:"marginInlineStart",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue[] | undefined>)"}},paddingBlockEnd:{defaultValue:null,description:"",name:"paddingBlockEnd",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingBlockStart:{defaultValue:null,description:"",name:"paddingBlockStart",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingInlineEnd:{defaultValue:null,description:"",name:"paddingInlineEnd",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingInlineStart:{defaultValue:null,description:"",name:"paddingInlineStart",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue[]> | ((theme: Theme) => ResponsiveStyleValue[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBlock:{defaultValue:null,description:"",name:"marginBlock",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginInline:{defaultValue:null,description:"",name:"marginInline",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingBlock:{defaultValue:null,description:"",name:"paddingBlock",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingInline:{defaultValue:null,description:"",name:"paddingInline",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue | readonly NonNullable>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue | ((theme: Theme) => ResponsiveStyleValue)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"body"'},{value:'"title"'},{value:'"headline"'},{value:'"display"'},{value:'"label"'}]}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Typography/Typography.tsx#Typography"]={docgenInfo:Typography.__docgenInfo,name:"Typography",path:"src/components/Typography/Typography.tsx#Typography"})}catch(__react_docgen_typescript_loader_error){}},"./src/constants/theme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{JZ:()=>PSYCHSCREEN_DEFAULT_FONT_FAMILY,YZ:()=>PSYCHSCREEN_DEFAULT_THEME,Zs:()=>PSYCHSCREEN_LIGHT_THEME,n0:()=>PSYCHSCREEN_DARK_THEME,yK:()=>PSYCHSCREEN_TONAL_PALETTES});var _mui_material_styles__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js");const PSYCHSCREEN_DEFAULT_FONT_FAMILY="Roboto",PSYCHSCREEN_DEFAULT_THEME=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_0__.A)({palette:{primary:{dark:"#000000",main:"#808080",light:"#b1b1b1"},secondary:{dark:"#95b7ce",main:"#c5d9e8",light:"#ddebf5"}}}),PSYCHSCREEN_TONAL_PALETTES=new Map([["Primary",new Map([[0,"#000000"],[10,"#21005D"],[20,"#381E72"],[30,"#4F378B"],[40,"#6750A4"],[50,"#7F67BE"],[60,"#9A82DB"],[70,"#B69DF8"],[80,"#D0BCFF"],[90,"#EADDFF"],[95,"#F6EDFF"],[99,"#FFFBFE"],[100,"#FFFFFF"]])],["Secondary",new Map([[0,"#000000"],[10,"#1D192B"],[20,"#332D41"],[30,"#4A4458"],[40,"#625B71"],[50,"#7A7289"],[60,"#958DA5"],[70,"#B0A7C0"],[80,"#CCC2DC"],[90,"#E8DEF8"],[95,"#F6EDFF"],[99,"#FFFBFE"],[100,"#FFFFFF"]])],["Tertiary",new Map([[0,"#000000"],[10,"#31111D"],[20,"#492532"],[30,"#633B48"],[40,"#7D5260"],[50,"#986977"],[60,"#B58392"],[70,"#D29DAC"],[80,"#EFB8C8"],[90,"#FFD8E4"],[95,"#FFECF1"],[99,"#FFFBFA"],[100,"#FFFFFF"]])],["Error",new Map([[0,"#000000"],[10,"#410E0B"],[20,"#601410"],[30,"#8C1D18"],[40,"#B3261E"],[50,"#DC362E"],[60,"#E46962"],[70,"#EC928E"],[80,"#F2B8B5"],[90,"#F9DEDC"],[95,"#FCEEEE"],[99,"#FFFBF9"],[100,"#FFFFFF"]])],["Neutral",new Map([[0,"#000000"],[10,"#1C1B1F"],[20,"#313033"],[30,"#484649"],[40,"#605D62"],[50,"#787579"],[60,"#939094"],[70,"#AEAAAE"],[80,"#C9C5CA"],[90,"#E6E1E5"],[95,"#F4EFF4"],[99,"#FFFBFE"],[100,"#FFFFFF"]])],["NeutralVariant",new Map([[0,"#000000"],[10,"#1D1A22"],[20,"#322F37"],[30,"#49454F"],[40,"#605D66"],[50,"#79747E"],[60,"#938F99"],[70,"#AEA9B4"],[80,"#CAC4D0"],[90,"#E7E0EC"],[95,"#F5EEFA"],[99,"#FFFBFE"],[100,"#FFFFFF"]])]]),PSYCHSCREEN_LIGHT_THEME=new Map([["Primary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(40)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(100)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(90)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(10)]])],["Secondary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(40)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(100)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(90)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(10)]])],["Tertiary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(40)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(100)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(90)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(10)]])],["Error",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(40)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(100)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(90)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(10)]])],["Neutral",new Map([["Background",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(99)],["OnBackground",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(10)],["Surface",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(99)],["OnSurface",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(10)]])],["NeutralVariant",new Map([["SurfaceVariant",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(90)],["OnSurfaceVariant",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(30)],["Outline",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(50)]])]]),PSYCHSCREEN_DARK_THEME=new Map([["Primary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(80)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(20)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(30)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Primary").get(90)]])],["Secondary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(80)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(20)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(30)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Secondary").get(90)]])],["Tertiary",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(80)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(20)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(30)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Tertiary").get(90)]])],["Error",new Map([["Base",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(80)],["On",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(20)],["Container",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(30)],["OnContainer",PSYCHSCREEN_TONAL_PALETTES.get("Error").get(90)]])],["Neutral",new Map([["Background",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(10)],["OnBackground",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(90)],["Surface",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(10)],["OnSurface",PSYCHSCREEN_TONAL_PALETTES.get("Neutral").get(80)]])],["NeutralVariant",new Map([["SurfaceVariant",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(30)],["OnSurfaceVariant",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(80)],["Outline",PSYCHSCREEN_TONAL_PALETTES.get("NeutralVariant").get(60)]])]])},"./src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{hw:()=>components_AppBar_AppBar,$n:()=>Button.s,iW:()=>components_Table_Table,bQ:()=>DataTable_datatable,n4:()=>DropDownMenu_DropDownMenu,TS:()=>Graph_Graph,pB:()=>components_Card_Card,n0:()=>theme.n0,YZ:()=>theme.YZ,Zs:()=>theme.Zs,yK:()=>theme.yK,F1:()=>components_Slider_Slider,Gd:()=>SearchBox.Gd,l6:()=>Select.l,lg:()=>AppBar_TabletAppBar,o5:()=>Typography.Ay});var react=__webpack_require__("./node_modules/react/index.js"),AppBar=__webpack_require__("./node_modules/@mui/material/AppBar/AppBar.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),Toolbar=__webpack_require__("./node_modules/@mui/material/Toolbar/Toolbar.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Typography=__webpack_require__("./src/components/Typography/Typography.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const MenuItem=props=>(0,jsx_runtime.jsx)(Typography.Ay,{type:"title",size:"small",variant:"h6",sx:{flexGrow:props.flexGrow},style:{marginRight:props.flexGrow?"0px":props.marginRight,cursor:"pointer",fontWeight:400,...props},onClick:props.onClick,className:"app-bar-menu-item",children:props.children});MenuItem.displayName="MenuItem";const AppBar_MenuItem=MenuItem;try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"",displayName:"MenuItem",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/MenuItem.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"src/components/AppBar/MenuItem.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}var Stack=__webpack_require__("./node_modules/@mui/material/Stack/Stack.js"),Popper=__webpack_require__("./node_modules/@mui/material/Popper/Popper.js"),Grow=__webpack_require__("./node_modules/@mui/material/Grow/Grow.js"),ClickAwayListener=__webpack_require__("./node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js"),MenuList=__webpack_require__("./node_modules/@mui/material/MenuList/MenuList.js"),ArrowDropDown=__webpack_require__("./node_modules/@mui/icons-material/ArrowDropDown.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),theme=__webpack_require__("./src/constants/theme.ts");const DropDownMenu=(0,styled.Ay)(Paper.A)((()=>({boxShadow:"0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3)",borderRadius:"4px",backgroundColor:theme.yK.get("Primary").get(100),textAlign:"center"}))),DropDownMenu_DropDownMenu=DropDownMenu;try{DropDownMenu.displayName="DropDownMenu",DropDownMenu.__docgenInfo={description:"",displayName:"DropDownMenu",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DropDownMenu/DropDownMenu.tsx#DropDownMenu"]={docgenInfo:DropDownMenu.__docgenInfo,name:"DropDownMenu",path:"src/components/DropDownMenu/DropDownMenu.tsx#DropDownMenu"})}catch(__react_docgen_typescript_loader_error){}const DropDownMenuItem=props=>{const anchorRef=react.useRef(null),[open,setOpen]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)(Stack.A,{direction:"row",children:[(0,jsx_runtime.jsx)("div",{onClick:props.onClick,ref:anchorRef,style:{cursor:"pointer"},onMouseOver:()=>setOpen(!0),children:(0,jsx_runtime.jsx)(Typography.Ay,{type:"title",size:"small",variant:"h6",sx:{flexGrow:props.flexGrow},style:{fontWeight:400,display:"inline-block",...props,marginRight:"7.25px"},onClick:props.onClick,className:"app-bar-menu-item",children:props.children})}),(0,jsx_runtime.jsx)(ArrowDropDown.A,{style:{marginRight:props.flexGrow?"0px":props.marginRight,marginTop:"-3px",cursor:"pointer"},onMouseOver:()=>setOpen(!0)}),anchorRef.current&&(0,jsx_runtime.jsx)(Popper.A,{anchorEl:anchorRef.current,open,placement:"bottom-start",transition:!0,onMouseLeave:()=>setOpen(!1),children:({TransitionProps,placement})=>(0,jsx_runtime.jsx)(Grow.A,{...TransitionProps,style:{transformOrigin:"bottom-start"===placement?"left top":"left bottom"},children:(0,jsx_runtime.jsx)(DropDownMenu_DropDownMenu,{style:{width:"150px"},children:(0,jsx_runtime.jsx)(ClickAwayListener.x,{onClickAway:()=>setOpen(!1),children:(0,jsx_runtime.jsx)(MenuList.A,{style:{textAlign:"center"},children:props.menu})})})})})]})};DropDownMenuItem.displayName="DropDownMenuItem";const AppBar_DropDownMenuItem=DropDownMenuItem;try{DropDownMenuItem.displayName="DropDownMenuItem",DropDownMenuItem.__docgenInfo={description:"",displayName:"DropDownMenuItem",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}},menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/DropDownMenuItem.tsx#DropDownMenuItem"]={docgenInfo:DropDownMenuItem.__docgenInfo,name:"DropDownMenuItem",path:"src/components/AppBar/DropDownMenuItem.tsx#DropDownMenuItem"})}catch(__react_docgen_typescript_loader_error){}const StyledAppBar=(0,styled.Ay)(AppBar.A)((props=>({backgroundColor:"#ffffff",color:"#000000",alignItems:!0===props.centered?"center":"left"}))),PortalsMenuItem=({children,onClick})=>(0,jsx_runtime.jsx)(AppBar_MenuItem,{onClick,height:"48px",fontSize:"14px",lineHeight:"24px",marginTop:"5px",children});PortalsMenuItem.displayName="PortalsMenuItem";const PortalsMenu=({onPortalClicked})=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onPortalClicked&&onPortalClicked(0),children:"Disease/Trait"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onPortalClicked&&onPortalClicked(1),children:"Gene/b-cCRE"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onPortalClicked&&onPortalClicked(2),children:"SNP/QTL"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onPortalClicked&&onPortalClicked(3),children:"Single-Cell"})]}),AppBar_AppBar=props=>(0,jsx_runtime.jsx)(Box.A,{sx:{flexGrow:1},children:(0,jsx_runtime.jsx)(StyledAppBar,{position:"static",...props,children:(0,jsx_runtime.jsxs)(Toolbar.A,{sx:{gap:4},children:[(0,jsx_runtime.jsxs)(AppBar_MenuItem,{onClick:props.onHomepageClicked,fontWeight:700,fontSize:"20px",lineHeight:"15px",flexGrow:1,children:["psych",(0,jsx_runtime.jsx)("br",{})," screen"]}),(0,jsx_runtime.jsx)(AppBar_DropDownMenuItem,{menu:(0,jsx_runtime.jsx)(PortalsMenu,{onPortalClicked:props.onPortalClicked}),children:"Portals"}),(0,jsx_runtime.jsx)(AppBar_MenuItem,{onClick:props.onAboutClicked,children:"About Us"}),(0,jsx_runtime.jsx)(AppBar_MenuItem,{onClick:props.onDownloadsClicked,children:"Downloads"})]})})});AppBar_AppBar.displayName="AppBar";const components_AppBar_AppBar=AppBar_AppBar;try{StyledAppBar.displayName="StyledAppBar",StyledAppBar.__docgenInfo={description:"",displayName:"StyledAppBar",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},onHomepageClicked:{defaultValue:null,description:"",name:"onHomepageClicked",required:!1,type:{name:"(() => void)"}},onAboutClicked:{defaultValue:null,description:"",name:"onAboutClicked",required:!1,type:{name:"(() => void)"}},onPortalClicked:{defaultValue:null,description:"",name:"onPortalClicked",required:!1,type:{name:"((index: number) => void)"}},onDownloadsClicked:{defaultValue:null,description:"",name:"onDownloadsClicked",required:!1,type:{name:"(() => void)"}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/AppBar.tsx#StyledAppBar"]={docgenInfo:StyledAppBar.__docgenInfo,name:"StyledAppBar",path:"src/components/AppBar/AppBar.tsx#StyledAppBar"})}catch(__react_docgen_typescript_loader_error){}try{PortalsMenuItem.displayName="PortalsMenuItem",PortalsMenuItem.__docgenInfo={description:"",displayName:"PortalsMenuItem",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/AppBar.tsx#PortalsMenuItem"]={docgenInfo:PortalsMenuItem.__docgenInfo,name:"PortalsMenuItem",path:"src/components/AppBar/AppBar.tsx#PortalsMenuItem"})}catch(__react_docgen_typescript_loader_error){}try{AppBar_AppBar.displayName="AppBar",AppBar_AppBar.__docgenInfo={description:"",displayName:"AppBar",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},onHomepageClicked:{defaultValue:null,description:"",name:"onHomepageClicked",required:!1,type:{name:"(() => void)"}},onAboutClicked:{defaultValue:null,description:"",name:"onAboutClicked",required:!1,type:{name:"(() => void)"}},onPortalClicked:{defaultValue:null,description:"",name:"onPortalClicked",required:!1,type:{name:"((index: number) => void)"}},onDownloadsClicked:{defaultValue:null,description:"",name:"onDownloadsClicked",required:!1,type:{name:"(() => void)"}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/AppBar.tsx#AppBar"]={docgenInfo:AppBar_AppBar.__docgenInfo,name:"AppBar",path:"src/components/AppBar/AppBar.tsx#AppBar"})}catch(__react_docgen_typescript_loader_error){}var Menu=__webpack_require__("./node_modules/@mui/icons-material/Menu.js");const OptionsMenuItem=props=>{const anchorRef=react.useRef(null),[open,setOpen]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{ref:anchorRef,children:(0,jsx_runtime.jsx)(Menu.A,{style:{marginRight:props.flexGrow?"0px":props.marginRight,marginTop:"-3px",cursor:"pointer"},onClick:()=>setOpen(!0)})}),anchorRef.current&&(0,jsx_runtime.jsx)(Popper.A,{anchorEl:anchorRef.current,open,placement:"bottom-start",transition:!0,disablePortal:!0,children:({TransitionProps,placement})=>(0,jsx_runtime.jsx)(Grow.A,{...TransitionProps,style:{transformOrigin:"bottom-start"===placement?"left top":"left bottom"},children:(0,jsx_runtime.jsx)(DropDownMenu_DropDownMenu,{style:{width:"150px"},children:(0,jsx_runtime.jsx)(ClickAwayListener.x,{onClickAway:()=>setOpen(!1),children:(0,jsx_runtime.jsx)(MenuList.A,{style:{textAlign:"center"},children:props.menu})})})})})]})},AppBar_OptionsMenuItem=OptionsMenuItem;try{OptionsMenuItem.displayName="OptionsMenuItem",OptionsMenuItem.__docgenInfo={description:"",displayName:"OptionsMenuItem",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}},menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/OptionsMenuItem.tsx#OptionsMenuItem"]={docgenInfo:OptionsMenuItem.__docgenInfo,name:"OptionsMenuItem",path:"src/components/AppBar/OptionsMenuItem.tsx#OptionsMenuItem"})}catch(__react_docgen_typescript_loader_error){}const TabletAppBar_PortalsMenu=({onItemClicked})=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(-1),children:"About"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(0),children:"Disease/Trait Portal"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(1),children:"Gene/b-cCRE Portal"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(2),children:"SNP/QTL Portal"}),(0,jsx_runtime.jsx)(PortalsMenuItem,{onClick:()=>onItemClicked&&onItemClicked(3),children:"Single-Cell Portal"})]}),TabletAppBar=props=>(0,jsx_runtime.jsx)(Box.A,{sx:{flexGrow:1},children:(0,jsx_runtime.jsx)(StyledAppBar,{position:"static",elevation:0,children:(0,jsx_runtime.jsxs)(Toolbar.A,{style:{paddingLeft:"19px"},children:[(0,jsx_runtime.jsx)(AppBar_OptionsMenuItem,{marginRight:"32px",menu:(0,jsx_runtime.jsx)(TabletAppBar_PortalsMenu,{onItemClicked:props.onPortalClicked}),children:"Portals"}),(0,jsx_runtime.jsx)(AppBar_MenuItem,{flexGrow:1,textAlign:"center",fontSize:"22px",lineHeight:"28px",fontWeight:400,children:props.title||""})]})})});TabletAppBar.displayName="TabletAppBar";const AppBar_TabletAppBar=TabletAppBar;try{TabletAppBar.displayName="TabletAppBar",TabletAppBar.__docgenInfo={description:"",displayName:"TabletAppBar",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},onHomepageClicked:{defaultValue:null,description:"",name:"onHomepageClicked",required:!1,type:{name:"(() => void)"}},onAboutClicked:{defaultValue:null,description:"",name:"onAboutClicked",required:!1,type:{name:"(() => void)"}},onPortalClicked:{defaultValue:null,description:"",name:"onPortalClicked",required:!1,type:{name:"((index: number) => void)"}},onDownloadsClicked:{defaultValue:null,description:"",name:"onDownloadsClicked",required:!1,type:{name:"(() => void)"}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AppBar/TabletAppBar.tsx#TabletAppBar"]={docgenInfo:TabletAppBar.__docgenInfo,name:"TabletAppBar",path:"src/components/AppBar/TabletAppBar.tsx#TabletAppBar"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/Button/index.ts"),Card_Card=__webpack_require__("./node_modules/@mui/material/Card/Card.js"),CardContent=__webpack_require__("./node_modules/@mui/material/CardContent/CardContent.js"),Typography_Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),CardActionArea=__webpack_require__("./node_modules/@mui/material/CardActionArea/CardActionArea.js"),Grid=__webpack_require__("./node_modules/@mui/material/Grid/Grid.js"),ArrowForward=__webpack_require__("./node_modules/@mui/icons-material/ArrowForward.js");const StyledCard=(0,styled.Ay)(Card_Card.A)((()=>({background:"#FFFFFF","&:hover":{background:"#F5F5F5"},flex:"none",order:1,flexGrow:0,cursor:"pointer",boxSizing:"border-box",width:"651px",border:"1px solid",borderColor:"#828282",borderRadius:"12px",boxShadow:"none"}))),HorizontalCard=props=>(0,jsx_runtime.jsx)(Stack.A,{spacing:props.cardSpacing||2,children:props.cardContentText.map((c=>(0,jsx_runtime.jsx)(StyledCard,{sx:{maxWidth:props.width||500},variant:"outlined",style:{flex:"none",order:1,flexGrow:0,cursor:"pointer",boxSizing:"border-box",width:"651px",border:"1px solid",borderColor:"#828282",borderRadius:"12px",boxShadow:"none"},children:(0,jsx_runtime.jsx)(CardActionArea.A,{onClick:_=>{props.onCardClick&&props.onCardClick(c.val)},children:(0,jsx_runtime.jsx)(CardContent.A,{children:(0,jsx_runtime.jsxs)(Grid.Ay,{container:!0,children:[(0,jsx_runtime.jsxs)(Grid.Ay,{item:!0,sm:10,children:[(0,jsx_runtime.jsx)(Typography_Typography.A,{fontFamily:"Helvetica Neue",gutterBottom:!0,variant:"h5",component:"div",children:c.cardLabel}),(0,jsx_runtime.jsx)(Typography_Typography.A,{variant:"body2",color:"text.secondary",children:c.cardDesc})]}),(0,jsx_runtime.jsx)(Grid.Ay,{item:!0,sm:2,children:(0,jsx_runtime.jsx)(ArrowForward.A,{onClick:_=>{props.onArrowClick&&props.onArrowClick(c.val)},style:{width:"50px",height:"50px",color:"#E0E0E0"}})})]})})})},c.cardLabel)))});HorizontalCard.displayName="HorizontalCard";const components_Card_Card=HorizontalCard;try{Card.displayName="Card",Card.__docgenInfo={description:"",displayName:"Card",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},cardSpacing:{defaultValue:null,description:"",name:"cardSpacing",required:!1,type:{name:"number"}},cardContentText:{defaultValue:null,description:"",name:"cardContentText",required:!0,type:{name:"{ cardLabel: string; val?: string | undefined; cardDesc: string; }[]"}},onCardClick:{defaultValue:null,description:"",name:"onCardClick",required:!1,type:{name:"((val?: string) => void)"}},onArrowClick:{defaultValue:null,description:"",name:"onArrowClick",required:!1,type:{name:"((val?: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Card/Card.tsx#Card"]={docgenInfo:Card.__docgenInfo,name:"Card",path:"src/components/Card/Card.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}var SearchBox=__webpack_require__("./src/components/SearchBox/index.ts"),Select=__webpack_require__("./src/components/Select/index.ts"),Grid2=__webpack_require__("./node_modules/@mui/material/Unstable_Grid2/Grid2.js"),Slider_Slider=__webpack_require__("./node_modules/@mui/material/Slider/Slider.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js");function valuetext(value){return`${value}`}const RangeSlider=props=>{const[value,setValue]=react.useState([props.defaultStart||props.value&&props.value[0]||-10,props.defaultEnd||props.value&&props.value[1]||10]);(0,react.useEffect)((()=>{props.value&&(setValue(props.value),setTempValue(props.value))}),[props.value]),(0,react.useEffect)((()=>{props.onSliderChange&&props.onSliderChange(value)}));const sliderMin=props.min?props.min:0,sliderMax=props.max?props.max:100,sliderStep=props.step?props.step:.01,minDistance=props.minDistance?props.minDistance:0,[tempValue,setTempValue]=react.useState([value[0],value[1]]);return(0,jsx_runtime.jsxs)(Box.A,{sx:{width:props.width},children:[(0,jsx_runtime.jsx)(Typography_Typography.A,{children:props.title}),(0,jsx_runtime.jsx)(Slider_Slider.Ay,{getAriaLabel:()=>"Minimum distance",value,onChange:(_event,newValue,activeThumb)=>{Array.isArray(newValue)&&(0===activeThumb?(setValue([Number(Math.min(newValue[0],value[1]-minDistance).toFixed(5)),value[1]]),setTempValue([Number(Math.min(newValue[0],value[1]-minDistance).toFixed(5)),value[1]])):(setValue([value[0],Number(Math.max(newValue[1],value[0]+minDistance).toFixed(5))]),setTempValue([value[0],Number(Math.max(newValue[1],value[0]+minDistance).toFixed(5))])))},onChangeCommitted:()=>{props.onSliderChangeCommitted&&props.onSliderChangeCommitted(value)},valueLabelDisplay:"auto",getAriaValueText:valuetext,disableSwap:!0,min:sliderMin,max:sliderMax,step:sliderStep,sx:{height:2}}),(0,jsx_runtime.jsxs)(Grid2.A,{container:!0,spacing:1,children:[(0,jsx_runtime.jsx)(Grid2.A,{xs:5.5,children:(0,jsx_runtime.jsx)(TextField.A,{value:tempValue[0],size:"small",fullWidth:!0,variant:"outlined",onChange:event=>{setTempValue([event.target.value,value[1]])},onBlur:()=>{const newTempValue0=Number(tempValue[0]),curValue1=value[1];newTempValue0<=curValue1-minDistance&&newTempValue0>=sliderMin&&setValue([newTempValue0,curValue1]),newTempValue0>curValue1-minDistance&&setTempValue([value[0],curValue1]),newTempValue0{const newTempValue0=Number(tempValue[0]),curValue1=value[1];"Enter"==event.key&&(newTempValue0<=curValue1-minDistance&&newTempValue0>=sliderMin&&setValue([newTempValue0,curValue1]),newTempValue0>curValue1-minDistance&&setTempValue([value[0],curValue1]),newTempValue0{setTempValue([value[0],event.target.value])},onBlur:()=>{const curValue0=value[0],newTempValue1=Number(tempValue[1]);newTempValue1>=curValue0+minDistance&&newTempValue1<=sliderMax&&setValue([curValue0,newTempValue1]),newTempValue1sliderMax&&setTempValue([curValue0,value[1]])},onKeyDown:event=>{const curValue0=value[0],newTempValue1=Number(tempValue[1]);"Enter"==event.key&&(newTempValue1>=curValue0+minDistance&&newTempValue1<=sliderMax&&setValue([curValue0,newTempValue1]),newTempValue1sliderMax&&setTempValue([curValue0,value[1]]))},inputProps:{type:"text","aria-labelledby":"input-slider"}})})]})]})};RangeSlider.displayName="RangeSlider";const components_Slider_Slider=RangeSlider;try{Slider.displayName="Slider",Slider.__docgenInfo={description:"",displayName:"Slider",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"string | number"}},defaultStart:{defaultValue:null,description:"",name:"defaultStart",required:!1,type:{name:"number"}},defaultEnd:{defaultValue:null,description:"",name:"defaultEnd",required:!1,type:{name:"number"}},minDistance:{defaultValue:null,description:"",name:"minDistance",required:!1,type:{name:"number"}},onSliderChange:{defaultValue:null,description:"",name:"onSliderChange",required:!1,type:{name:"((value: number[]) => void)"}},onSliderChangeCommitted:{defaultValue:null,description:"",name:"onSliderChangeCommitted",required:!1,type:{name:"((value: number[]) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Slider/Slider.tsx#Slider"]={docgenInfo:Slider.__docgenInfo,name:"Slider",path:"src/components/Slider/Slider.tsx#Slider"})}catch(__react_docgen_typescript_loader_error){}function isNumeric(n){const v=parseFloat(n);return!isNaN(v)&&isFinite(v)}function reducer(previousState,action){switch(action.type){case"pageChanged":return{...previousState,page:action.page};case"searchChanged":return{...previousState,page:0,filter:action.value};case"sortChanged":return{...previousState,sort:{column:action.sortColumn,asc:action.sortColumn!==previousState.sort.column||!previousState.sort.asc}};case"modalChanged":return{...previousState,showAddColumnsModal:action.showAddColumnsModal};case"columnsChanged":return{...previousState,columns:action.columns};case"mousedOver":return console.log("moused over"),{...previousState,mousedOver:action.index}}}var Table_Table=__webpack_require__("./node_modules/@mui/material/Table/Table.js"),TableRow=__webpack_require__("./node_modules/@mui/material/TableRow/TableRow.js"),TableCell=__webpack_require__("./node_modules/@mui/material/TableCell/TableCell.js"),TableHead=__webpack_require__("./node_modules/@mui/material/TableHead/TableHead.js"),TableBody=__webpack_require__("./node_modules/@mui/material/TableBody/TableBody.js"),TablePagination=__webpack_require__("./node_modules/@mui/material/TablePagination/TablePagination.js"),Download=__webpack_require__("./node_modules/@mui/icons-material/Download.js"),Add=__webpack_require__("./node_modules/@mui/icons-material/Add.js"),Info=__webpack_require__("./node_modules/@mui/icons-material/Info.js"),Search=__webpack_require__("./node_modules/@mui/icons-material/Search.js"),InputBase=__webpack_require__("./node_modules/@mui/material/InputBase/InputBase.js"),Button_Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),IconButton=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js"),TableSortLabel=__webpack_require__("./node_modules/@mui/material/TableSortLabel/TableSortLabel.js"),Checkbox=__webpack_require__("./node_modules/@mui/material/Checkbox/Checkbox.js"),FormControlLabel=__webpack_require__("./node_modules/@mui/material/FormControlLabel/FormControlLabel.js"),TableContainer=__webpack_require__("./node_modules/@mui/material/TableContainer/TableContainer.js"),Modal=__webpack_require__("./node_modules/@mui/material/Modal/Modal.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),ArrowForwardIos=__webpack_require__("./node_modules/@mui/icons-material/ArrowForwardIos.js"),ArrowBackIosNew=__webpack_require__("./node_modules/@mui/icons-material/ArrowBackIosNew.js");const datatable_Search=(0,styled.Ay)("div")((({theme})=>({position:"relative",borderRadius:theme.shape.borderRadius,backgroundColor:(0,colorManipulator.X4)(theme.palette.common.white,.75),"&:hover":{backgroundColor:(0,colorManipulator.X4)(theme.palette.common.white,.95)},marginLeft:0,width:"100%",[theme.breakpoints.up("sm")]:{marginLeft:theme.spacing(1),width:"auto"}}))),SearchIconWrapper=(0,styled.Ay)("div")((({theme})=>({padding:theme.spacing(0,2),height:"100%",position:"absolute",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"}))),StyledInputBase=(0,styled.Ay)(InputBase.Ay)((({theme})=>({color:"inherit","& .MuiInputBase-input":{padding:theme.spacing(1,1,1,0),paddingLeft:`calc(1em + ${theme.spacing(4)})`,transition:theme.transitions.create("width"),width:"100%",[theme.breakpoints.up("sm")]:{width:"12ch","&:focus":{width:"20ch"}}}}))),boxStyle={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:400,bgcolor:"background.paper",border:"2px solid #000",boxShadow:24,p:4},DataTable=props=>{const itemsPerPage=props.itemsPerPage||5,[page,setPage]=(0,react.useState)(props.page||0),[rowsPerPage,setRowsPerPage]=(0,react.useState)(itemsPerPage);function highlightCheck(row){var found=!1;return Array.isArray(props.highlighted)?(props.highlighted.forEach((highlight=>{JSON.stringify(row)===JSON.stringify(highlight)&&(found=!0)})),!!found):JSON.stringify(row)===JSON.stringify(props.highlighted)}const columnLimit=(0,react.useMemo)((()=>props.noOfDefaultColumns||props.columns.length),[props.noOfDefaultColumns,props.columns]),[state,dispatch]=(0,react.useReducer)(reducer,{sort:{column:props.sortColumn||0,asc:!!props.sortDescending},filter:"",page:0,columns:props.columns.length<=columnLimit?props.columns:props.defaultColumnsToShow?props.columns.filter((c=>props.defaultColumnsToShow?.includes(c.header))):props.columns.slice(0,columnLimit),showAddColumnsModal:!1}),search=(0,react.useCallback)(((row,value)=>{for(const i in state.columns){const column=state.columns[i];if(column.unsearchable)continue;if(column.search&&column.search(row))return!0;if(column.value(row).toString().toLowerCase().includes(value.toLowerCase()))return!0}return!1}),[state.columns]),sort=(0,react.useCallback)((rows=>{const sortf=state.columns[state.sort.column].sort||((a,b)=>function genericSort(a,b){return isNumeric(a)&&isNumeric(b)?parseFloat(a)-parseFloat(b):a.localeCompare?a.localeCompare(b):0}(state.columns[state.sort.column].value(a),state.columns[state.sort.column].value(b))),sortedRows=rows.sort(sortf);return state.sort.asc||sortedRows.reverse(),sortedRows}),[state.columns,state.sort]),displayRows=(0,react.useCallback)(((sortedRows,filterValue)=>""===filterValue?[...sortedRows]:sortedRows.filter((row=>search(row,filterValue)))),[search]),displayedRows=(0,react.useMemo)((()=>sort(displayRows(props.rows,state.filter||props.search||""))),[displayRows,sort,state.filter,props.rows,state.sort,props.search]),download=(0,react.useCallback)((()=>{const data=state.columns.map((col=>col.header)).join("\t")+"\n"+displayedRows.map((row=>state.columns.map((col=>col.value(row))).join("\t"))).join("\n")+"\n",a=document.createElement("a");document.body.appendChild(a),a.setAttribute("style","display: none");const blob=new Blob([data],{type:"text/plain"}),url=window.URL.createObjectURL(blob);a.href=url,a.download=props.downloadFileName||"table.tsv",a.click(),window.URL.revokeObjectURL(url),a.remove()}),[state.columns,displayedRows]),containerRef=(0,react.useRef)(null),arrowRightRef=(0,react.useRef)(null),arrowLeftRef=(0,react.useRef)(null),monitorOverflow=(containerRef,arrowRightRef,arrowLeftRef)=>{if(containerRef.current&&arrowRightRef.current&&arrowLeftRef.current){const isOverflowing=containerRef.current.scrollWidth>containerRef.current.clientWidth,isOverflowingLeft=containerRef.current.scrollLeft>0,isOverflowingRight=containerRef.current.scrollLeft+1{null!==containerRef.current&&(containerRef.current.addEventListener("scroll",(()=>monitorOverflow(containerRef,arrowRightRef,arrowLeftRef))),new ResizeObserver((entries=>{for(const _ of entries)monitorOverflow(containerRef,arrowRightRef,arrowLeftRef)})).observe(containerRef.current))}),[containerRef,arrowLeftRef,arrowRightRef]),(0,jsx_runtime.jsxs)(Paper.A,{elevation:3,sx:{"& .MuiToolbar-root":{pl:2},position:"relative"},children:[(0,jsx_runtime.jsxs)(Toolbar.A,{sx:{backgroundColor:`${props.headerColor?props.headerColor.backgroundColor:"transparent"}`,borderTopLeftRadius:4,borderTopRightRadius:4},children:[(0,jsx_runtime.jsxs)(Typography_Typography.A,{variant:"h5",noWrap:!0,component:"div",sx:{flexGrow:1,display:{xs:"none",sm:"block"},fontWeight:"normal",color:`${props.headerColor?props.headerColor.textColor:"inherit"}`},children:[props.tableTitle,props.titleHoverInfo&&(0,jsx_runtime.jsx)(Tooltip.A,{title:props.titleHoverInfo,color:"primary",sx:{ml:1},placement:"right-start",children:(0,jsx_runtime.jsx)(Info.A,{})})]}),props.showMoreColumns&&props.columns.length>(props.noOfDefaultColumns||5)&&(0,jsx_runtime.jsxs)(Button_Button.A,{variant:"outlined",size:"small",color:"primary",sx:{textTransform:"none"},onClick:()=>dispatch({type:"modalChanged",showAddColumnsModal:!0}),children:[(0,jsx_runtime.jsx)(Add.A,{fontSize:"small"}),"Manage Columns"]}),props.searchable&&(0,jsx_runtime.jsxs)(datatable_Search,{children:[(0,jsx_runtime.jsx)(SearchIconWrapper,{children:(0,jsx_runtime.jsx)(Search.A,{})}),(0,jsx_runtime.jsx)(StyledInputBase,{id:"table-search",placeholder:"Filter Items",inputProps:{"aria-label":"search"},onChange:e=>{dispatch({type:"searchChanged",value:e.target.value}),setPage(0)}})]}),(0,jsx_runtime.jsx)(IconButton.A,{onClick:download,children:(0,jsx_runtime.jsx)(Download.A,{htmlColor:`${props.headerColor?.textColor||"inherit"}`})})]}),(0,jsx_runtime.jsxs)(TableContainer.A,{ref:containerRef,sx:{maxHeight:props.maxHeight?props.maxHeight:"none"},children:[(0,jsx_runtime.jsxs)(Table_Table.A,{stickyHeader:!0,"aria-label":"sticky table",padding:props.dense?"checkbox":"normal",children:[!props.hideHeader&&(0,jsx_runtime.jsx)(TableHead.A,{children:(0,jsx_runtime.jsx)(TableRow.A,{children:state.columns.map(((column,i)=>(0,jsx_runtime.jsx)(TableCell.A,{sx:i!==state.columns.length-1?{pr:0}:{},onClick:()=>{!column.unsortable&&dispatch({type:"sortChanged",sortColumn:i}),setPage(0)},children:(0,jsx_runtime.jsx)(TableSortLabel.A,{active:i===state.sort.column,direction:state.sort.asc?"asc":"desc",hideSortIcon:!0,children:column.HeaderRender?(0,jsx_runtime.jsx)(column.HeaderRender,{}):column.header})},`${column.header}${i}`)))})}),(0,jsx_runtime.jsx)(TableBody.A,{children:0===props.rows.length?(0,jsx_runtime.jsxs)(TableRow.A,{children:[(0,jsx_runtime.jsx)(TableCell.A,{children:props.emptyText||"No data available."}),function handleEmptyTable(noColumns){let cells=[];for(let i=1;i(0,jsx_runtime.jsx)(TableRow.A,{selected:!!props.highlighted&&highlightCheck(row),hover:!0,onClick:()=>props.onRowClick&&props.onRowClick(row,i+page*rowsPerPage),sx:{cursor:props.onRowClick?"pointer":"auto"},onMouseEnter:()=>props.onRowMouseEnter&&props.onRowMouseEnter(row,i+page*rowsPerPage),onMouseLeave:()=>props.onRowMouseLeave&&props.onRowMouseLeave(),children:state.columns.map(((column,j)=>(0,jsx_runtime.jsx)(TableCell.A,{sx:j!==state.columns.length-1?{pr:0}:{},onMouseEnter:()=>props.onCellMouseEnter&&props.onCellMouseEnter(column.value(row),i,j),onMouseLeave:()=>props.onCellMouseLeave&&props.onCellMouseLeave(),children:column.FunctionalRender?(0,jsx_runtime.jsx)(column.FunctionalRender,{...row}):column.render?column.render(row):column.value(row)},column.header+"Row"+i+"Column"+j)))},"row"+i)))})]}),(0,jsx_runtime.jsx)(IconButton.A,{ref:arrowLeftRef,sx:{position:"absolute",top:"50%",left:"10px",background:"rgba(0,0,0,0.15)",visibility:"hidden"},onClick:()=>{containerRef.current&&(containerRef.current.scrollLeft=0)},children:(0,jsx_runtime.jsx)(ArrowBackIosNew.A,{})}),(0,jsx_runtime.jsx)(IconButton.A,{ref:arrowRightRef,sx:{position:"absolute",top:"50%",right:"10px",background:"rgba(0,0,0,0.15)",visibility:"hidden"},onClick:()=>{containerRef.current&&(containerRef.current.scrollLeft=containerRef.current.scrollWidth-containerRef.current.clientWidth)},children:(0,jsx_runtime.jsx)(ArrowForwardIos.A,{})})]}),!props.hidePageMenu&&(0,jsx_runtime.jsxs)(Stack.A,{direction:"column",useFlexGap:!0,justifyContent:"space-between",children:[(0,jsx_runtime.jsx)(Typography_Typography.A,{pl:props.dense?"4px":2,sx:{mt:"auto",mb:"auto"},children:displayedRows.length!==props.rows.length&&`Showing ${displayedRows.length} matching rows of ${props.rows.length} total.`}),(0,jsx_runtime.jsx)(TablePagination.A,{rowsPerPageOptions:[itemsPerPage,10,25,100],component:"div",count:displayedRows.length,rowsPerPage,page,onPageChange:(_,newPage)=>{setPage(newPage)},onRowsPerPageChange:event=>{setRowsPerPage(+event.target.value),setPage(0)},showFirstButton:!props.dense,showLastButton:!props.dense,labelRowsPerPage:props.dense?"Rows:":void 0,sx:props.dense?{"& .MuiTablePagination-toolbar":{pl:"6px"},"& .css-h0cf5v-MuiInputBase-root-MuiTablePagination-select":{mr:"6px",ml:"0px"},"& .MuiTablePagination-actions":{ml:"4px !important"}}:void 0})]}),(0,jsx_runtime.jsx)(Modal.A,{open:state.showAddColumnsModal,onClose:()=>dispatch({type:"modalChanged",showAddColumnsModal:!1}),children:(0,jsx_runtime.jsxs)(Box.A,{sx:boxStyle,children:[(0,jsx_runtime.jsx)(Typography_Typography.A,{variant:"h4",children:"Add Columns"}),(props.defaultColumnsToShow?props.columns.filter((c=>!props.defaultColumnsToShow?.includes(c.header))):props.columns.slice(props.noOfDefaultColumns||5,props.columns.length)).map(((col,i)=>(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(FormControlLabel.A,{control:(0,jsx_runtime.jsx)(Checkbox.A,{checked:void 0!==state.columns.find((c=>c.header===col.header)),onChange:event=>{event.target.checked&&props.columns.find((c=>c.header===col.header))?dispatch({type:"columnsChanged",columns:[...state.columns,col]}):dispatch({type:"columnsChanged",columns:state.columns.filter((u=>u.header!==col.header))})}}),label:col.header}),(0,jsx_runtime.jsx)("br",{})]},i))),(0,jsx_runtime.jsx)(Button_Button.A,{onClick:()=>dispatch({type:"modalChanged",showAddColumnsModal:!1}),children:"Cancel"})]})})]})};DataTable.displayName="DataTable";const DataTable_datatable=DataTable;try{datatable.displayName="datatable",datatable.__docgenInfo={description:"",displayName:"datatable",props:{columns:{defaultValue:null,description:"",name:"columns",required:!0,type:{name:"DataTableColumn[]"}},itemsPerPage:{defaultValue:null,description:"",name:"itemsPerPage",required:!1,type:{name:"number"}},hidePageMenu:{defaultValue:null,description:"",name:"hidePageMenu",required:!1,type:{name:"boolean"}},tableTitle:{defaultValue:null,description:"",name:"tableTitle",required:!1,type:{name:"string"}},selectable:{defaultValue:null,description:"",name:"selectable",required:!1,type:{name:"boolean"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"string"}},rows:{defaultValue:null,description:"",name:"rows",required:!0,type:{name:"any[]"}},emptyText:{defaultValue:null,description:"",name:"emptyText",required:!1,type:{name:"string"}},sortColumn:{defaultValue:null,description:"",name:"sortColumn",required:!1,type:{name:"number"}},sortDescending:{defaultValue:null,description:"",name:"sortDescending",required:!1,type:{name:"boolean"}},downloadFileName:{defaultValue:null,description:"",name:"downloadFileName",required:!1,type:{name:"string"}},noOfDefaultColumns:{defaultValue:null,description:"",name:"noOfDefaultColumns",required:!1,type:{name:"number"}},showMoreColumns:{defaultValue:null,description:"",name:"showMoreColumns",required:!1,type:{name:"boolean"}},defaultColumnsToShow:{defaultValue:null,description:"",name:"defaultColumnsToShow",required:!1,type:{name:"(string | Element)[]"}},page:{defaultValue:null,description:"",name:"page",required:!1,type:{name:"number"}},hideHeader:{defaultValue:null,description:"",name:"hideHeader",required:!1,type:{name:"boolean"}},titleHoverInfo:{defaultValue:null,description:"",name:"titleHoverInfo",required:!1,type:{name:"string"}},headerColor:{defaultValue:null,description:"",name:"headerColor",required:!1,type:{name:'{ backgroundColor: RGB | RGBA | HEX; textColor: "inherit" | RGB | RGBA | HEX; }'}},maxHeight:{defaultValue:null,description:"Note: This currently does not account for the size of the title or pagination element,\nsets max-height of the table header and body.",name:"maxHeight",required:!1,type:{name:"string | number"}},dense:{defaultValue:null,description:"Reduced the amount of padding on table cells to make the table more compact.",name:"dense",required:!1,type:{name:"boolean"}},highlighted:{defaultValue:null,description:"Highlights the row(s) matching the provided object(s). Use this in conjunction with \nonRowClick() and a state variable containing the current row(s) to highlight.\nImportantly, currently this only supports highlighting rows with the same order\nof key/value pairs. Matching but out-of-order row objects will not be highlighted.",name:"highlighted",required:!1,type:{name:"{} | {}[]"}},setPage:{defaultValue:null,description:"",name:"setPage",required:!1,type:{name:"((page: number) => void)"}},rowLink:{defaultValue:null,description:"",name:"rowLink",required:!1,type:{name:"((row: any, index: number) => string)"}},onRowClick:{defaultValue:null,description:"",name:"onRowClick",required:!1,type:{name:"((row: any, i: number) => void)"}},onRowMouseEnter:{defaultValue:null,description:"@param rowObject The object representing the row\n@param rowIndex The index of the row as it's currently displayed",name:"onRowMouseEnter",required:!1,type:{name:"((rowObject: any, rowIndex: number) => void)"}},onRowMouseLeave:{defaultValue:null,description:"",name:"onRowMouseLeave",required:!1,type:{name:"(() => void)"}},onCellMouseEnter:{defaultValue:null,description:"@param cellValue The value of the cell\n@param cellRowIndex The index of the cell's row as it's currently displayed\n@param cellColIndex The index of the cell's column as it's currently displayed",name:"onCellMouseEnter",required:!1,type:{name:"((cellValue: any, cellRowIndex: number, cellColIndex: number) => void)"}},onCellMouseLeave:{defaultValue:null,description:"",name:"onCellMouseLeave",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DataTable/datatable.tsx#datatable"]={docgenInfo:datatable.__docgenInfo,name:"datatable",path:"src/components/DataTable/datatable.tsx#datatable"})}catch(__react_docgen_typescript_loader_error){}const StyledTableCell=(0,styled.Ay)(TableCell.A)((()=>({border:"None",paddingLeft:"16px",textAlign:"center",font:"Helvetica Neue"}))),StyledTableRow=(0,styled.Ay)(TableRow.A)((()=>({root:{height:10},"&:nth-of-type(odd)":{backgroundColor:"#F5F5F5"}}))),components_Table_Table=props=>{const[page,setPage]=react.useState(0),[rowsPerPage,setRowsPerPage]=react.useState(props.rowsPerPage&&props.rowsPerPage[0]||10);let rows=props.tabledata;return console.log(rows),console.log(rows.slice(page*rowsPerPage,page*rowsPerPage+rowsPerPage)),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(TableContainer.A,{children:(0,jsx_runtime.jsxs)(Table_Table.A,{stickyHeader:!0,"aria-label":"sticky table",children:[(0,jsx_runtime.jsx)(TableHead.A,{children:(0,jsx_runtime.jsx)(TableRow.A,{children:props.tabledata[0].map(((t,k)=>(0,jsx_runtime.jsx)(TableCell.A,{style:{textAlign:"center",fontWeight:"bold",border:"None"},children:t.header},t.header+k)))})}),(0,jsx_runtime.jsx)(TableBody.A,{children:rows.slice(page*rowsPerPage,page*rowsPerPage+rowsPerPage).map(((row,i)=>(0,jsx_runtime.jsx)(StyledTableRow,{onMouseOver:()=>props.onRowMouseOver&&props.onRowMouseOver(row,i),onClick:()=>props.onRowClick&&props.onRowClick(row,i),onMouseOut:props.onRowMouseOut,children:row.map(((v,j)=>(0,jsx_runtime.jsxs)(StyledTableCell,{children:[" ",v.render?v.render:v.value]},i+j+v.value)))},i)))})]})}),(0,jsx_runtime.jsx)(TablePagination.A,{style:{textAlign:"center",fontWeight:"bold"},rowsPerPageOptions:props.rowsPerPage||[10],component:"div",count:props.tabledata.length,rowsPerPage,page,onPageChange:(_,newPage)=>{setPage(newPage)},onRowsPerPageChange:event=>{setRowsPerPage(+event.target.value),setPage(0)}})]})};try{Table.displayName="Table",Table.__docgenInfo={description:"",displayName:"Table",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLTableElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType"}},tabledata:{defaultValue:null,description:"",name:"tabledata",required:!0,type:{name:"{ header: string; value: any; render?: any; }[][]"}},rowsPerPage:{defaultValue:null,description:"",name:"rowsPerPage",required:!1,type:{name:"number[]"}},onRowMouseOver:{defaultValue:null,description:"",name:"onRowMouseOver",required:!1,type:{name:"((row: any, i: number) => void)"}},onRowMouseOut:{defaultValue:null,description:"",name:"onRowMouseOut",required:!1,type:{name:"(() => void)"}},onRowClick:{defaultValue:null,description:"",name:"onRowClick",required:!1,type:{name:"((row: any, i: number) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/Table.tsx#Table"]={docgenInfo:Table.__docgenInfo,name:"Table",path:"src/components/Table/Table.tsx#Table"})}catch(__react_docgen_typescript_loader_error){}var cytoscape_esm=__webpack_require__("./node_modules/cytoscape/dist/cytoscape.esm.mjs"),cytoscape_cose_bilkent=__webpack_require__("./node_modules/cytoscape-cose-bilkent/cytoscape-cose-bilkent.js"),cytoscape_cose_bilkent_default=__webpack_require__.n(cytoscape_cose_bilkent),useTooltip=__webpack_require__("./node_modules/@visx/tooltip/esm/hooks/useTooltip.js"),useTooltipInPortal=__webpack_require__("./node_modules/@visx/tooltip/esm/hooks/useTooltipInPortal.js"),tooltips_Tooltip=__webpack_require__("./node_modules/@visx/tooltip/esm/tooltips/Tooltip.js"),index_es=__webpack_require__("./node_modules/use-react-screenshot/dist/index.es.js");const cCREConstants={Promoter:{label:"Pr",color:"#FF0000"},"Distal Enhancer":{label:"D.E.",color:"#FFCD00"},"Proximal Enhancer":{label:"P.E.",color:"#FFA700"},"Transcription Factor":{label:"TF",color:"#d876ec"},"Chromatin Accessible + Transcription Factor":{label:"CA+TF",color:"#be28e5"},"Chromatin Accessible + CTCF":{label:"CA+CTCF",color:"#00B0F0"},"Chromatin Accessible + H3K4me3":{label:"CA+H3K4me3",color:"#ffaaaa"},"Lower-Expression":{label:"Edge",color:"#000000"},"Higher-Expression":{label:"Edge",color:"#0000FF"},Edge:{label:"Edge",color:"grey"},"Low DNase":{label:"Low DNase",color:"#e1e1e1"}},buttonStyle={position:"absolute",zIndex:1e3,margin:"2px",border:"0px",backgroundColor:"#0095ff",borderRadius:"3px",boxShadow:"rgba(255, 255, 255, .4) 0 1px 0 0 inset",boxSizing:"border-box",color:"#fff",cursor:"pointer",fontFamily:'-apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif',fontSize:"12px",outline:"none",padding:"7px .8em",textAlign:"center",textDecoration:"none",userSelect:"none",WebkitUserSelect:"none",whiteSpace:"nowrap",transition:"background-color 0.3s, color 0.3s"},Legend=({toggles,onToggle,simpleCategories,edgeType})=>{const[collapsed,setCollapsed]=(0,react.useState)(!1),lower="Lower-Expression",higher="Higher-Expression",uniqueCategories=Array.from(new Set(simpleCategories));return(0,jsx_runtime.jsxs)("div",{className:"legend",style:{position:"absolute",bottom:"10px",right:"3px",zIndex:1e3,backgroundColor:"white",padding:"10px",borderRadius:"5px",boxShadow:"0 0 10px rgba(0,0,0,0.5)",...collapsed?null:{width:"237px"}},children:[(0,jsx_runtime.jsx)("button",{style:{zIndex:1e3,margin:"2px",backgroundColor:"#0095ff",border:"0px",borderRadius:"3px",color:"#fff",cursor:"pointer",fontFamily:'-apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif',fontSize:"12px",outline:"none",padding:"7px .8em",textAlign:"center",textDecoration:"none",userSelect:"none",WebkitUserSelect:"none",whiteSpace:"nowrap",transition:"background-color 0.3s, color 0.3s"},onClick:()=>setCollapsed(!collapsed),children:collapsed?"Show":"Hide"}),!collapsed&&(0,jsx_runtime.jsx)("div",{children:uniqueCategories.map((category=>{const categoryData=cCREConstants[category];return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("input",{type:"checkbox",checked:toggles[category],onChange:()=>onToggle(category)}),(0,jsx_runtime.jsxs)("span",{style:{color:categoryData?.color||"#000",marginLeft:"8px"},onClick:()=>onToggle(category),children:[category," (",categoryData?.label||"n/a",")"]})]},category)}))}),edgeType?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("input",{type:"checkbox",checked:toggles[lower],onChange:()=>onToggle(lower)}),(0,jsx_runtime.jsxs)("span",{style:{color:cCREConstants[lower].color,marginLeft:"8px"},onClick:()=>onToggle(lower),children:[lower," (Edge)"]})]}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("input",{type:"checkbox",checked:toggles[higher],onChange:()=>onToggle(higher)}),(0,jsx_runtime.jsxs)("span",{style:{color:cCREConstants[higher].color,marginLeft:"8px"},onClick:()=>onToggle(higher),children:[higher," (Edge)"]})]})]}):null]})};Legend.displayName="Legend";const Graph_Legend=Legend;try{Legend.displayName="Legend",Legend.__docgenInfo={description:"",displayName:"Legend",props:{toggles:{defaultValue:null,description:"",name:"toggles",required:!0,type:{name:"{ [key: string]: boolean; }"}},onToggle:{defaultValue:null,description:"",name:"onToggle",required:!0,type:{name:"(category: string) => void"}},simpleCategories:{defaultValue:null,description:"",name:"simpleCategories",required:!0,type:{name:"string[]"}},edgeType:{defaultValue:null,description:"",name:"edgeType",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Graph/Legend.tsx#Legend"]={docgenInfo:Legend.__docgenInfo,name:"Legend",path:"src/components/Graph/Legend.tsx#Legend"})}catch(__react_docgen_typescript_loader_error){}const GraphButton=({text,styles,func})=>{const r=1e6*Math.random()+"";return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("button",{id:r,style:styles,onMouseEnter:event=>event.currentTarget.style.backgroundColor="#07c",onMouseLeave:event=>event.currentTarget.style.backgroundColor="#0095ff",onClick:func,children:text})})},Graph_GraphButton=GraphButton;try{GraphButton.displayName="GraphButton",GraphButton.__docgenInfo={description:"",displayName:"GraphButton",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},styles:{defaultValue:null,description:"",name:"styles",required:!0,type:{name:"CSSProperties"}},func:{defaultValue:null,description:"",name:"func",required:!0,type:{name:"() => any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Graph/GraphButton.tsx#GraphButton"]={docgenInfo:GraphButton.__docgenInfo,name:"GraphButton",path:"src/components/Graph/GraphButton.tsx#GraphButton"})}catch(__react_docgen_typescript_loader_error){}const ScaleLegend=({scales})=>{const[collapsed,setCollapsed]=(0,react.useState)(!1);if(0===scales.length)return null;const sorted=[...scales].sort(((a,b)=>a-b)),min=sorted[0],max=sorted[sorted.length-1],mid1=sorted[Math.floor(sorted.length/4)],mid2=sorted[Math.floor(3*sorted.length/4)],calculateWidth=weight=>10*Math.log(4*weight+1);return(0,jsx_runtime.jsxs)("div",{style:{position:"absolute",top:"200px",right:"10px",zIndex:1e3,backgroundColor:"white",padding:"10px",borderRadius:"5px",border:"1px solid #ccc",boxShadow:"0 0 10px rgba(0,0,0,0.5)",...collapsed?null:{width:"230px"}},children:[!collapsed&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("h4",{children:["Edge Weight Scale: (log",(0,jsx_runtime.jsx)("sub",{children:"10"})," * 4) + 1"]}),(0,jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,jsx_runtime.jsxs)("div",{style:{marginBottom:"5px"},children:[(0,jsx_runtime.jsx)("div",{style:{width:calculateWidth(min),height:"10px",backgroundColor:"black",display:"inline-block"}}),(0,jsx_runtime.jsx)("span",{style:{marginLeft:"10px"},children:min.toFixed(2)})]}),(0,jsx_runtime.jsxs)("div",{style:{marginBottom:"10px"},children:[(0,jsx_runtime.jsx)("div",{style:{width:calculateWidth(mid1),height:"10px",backgroundColor:"black",display:"inline-block"}}),(0,jsx_runtime.jsx)("span",{style:{marginLeft:"10px"},children:mid1.toFixed(2)})]}),(0,jsx_runtime.jsxs)("div",{style:{marginBottom:"10px"},children:[(0,jsx_runtime.jsx)("div",{style:{width:calculateWidth(mid2),height:"10px",backgroundColor:"black",display:"inline-block"}}),(0,jsx_runtime.jsx)("span",{style:{marginLeft:"10px"},children:mid2.toFixed(2)})]}),(0,jsx_runtime.jsxs)("div",{style:{marginBottom:"10px"},children:[(0,jsx_runtime.jsx)("div",{style:{width:calculateWidth(max),height:"10px",backgroundColor:"black",display:"inline-block"}}),(0,jsx_runtime.jsx)("span",{style:{marginLeft:"10px"},children:max.toFixed(2)})]})]})]}),(0,jsx_runtime.jsx)(Graph_GraphButton,{text:collapsed?"Show":"Hide",func:()=>setCollapsed(!collapsed),styles:{zIndex:1e3,margin:"2px",backgroundColor:"#0095ff",border:"0px",borderRadius:"3px",color:"#fff",cursor:"pointer",fontFamily:'-apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif',fontSize:"12px",outline:"none",padding:"7px .8em",textAlign:"center",textDecoration:"none",userSelect:"none",WebkitUserSelect:"none",whiteSpace:"nowrap",transition:"background-color 0.3s, color 0.3s"}})]})};ScaleLegend.displayName="ScaleLegend";const Graph_ScaleLegend=ScaleLegend;try{ScaleLegend.displayName="ScaleLegend",ScaleLegend.__docgenInfo={description:"",displayName:"ScaleLegend",props:{scales:{defaultValue:null,description:"",name:"scales",required:!0,type:{name:"number[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Graph/ScaleLegend.tsx#ScaleLegend"]={docgenInfo:ScaleLegend.__docgenInfo,name:"ScaleLegend",path:"src/components/Graph/ScaleLegend.tsx#ScaleLegend"})}catch(__react_docgen_typescript_loader_error){}var KeyboardDoubleArrowRight=__webpack_require__("./node_modules/@mui/icons-material/KeyboardDoubleArrowRight.js"),KeyboardDoubleArrowLeft=__webpack_require__("./node_modules/@mui/icons-material/KeyboardDoubleArrowLeft.js");function shortHand(str){const simple=str;return cCREConstants[simple]?.label||"n/a"}cytoscape_esm.A.use(cytoscape_cose_bilkent_default());const download=(image,{name="img",extension="jpg"}={})=>{const a=document.createElement("a");a.href=image,a.download=`${name}.${extension}`,a.click()};function convertToSimple(str){switch(str){case"PLS":return"Promoter";case"dELS":return"Distal Enhancer";case"pELS":return"Proximal Enhancer";case"CA-CTCF":return"Chromatin Accessible + CTCF";case"CA-H3K4me3":return"Chromatin Accessible + H3K4me3";case"CA-TF":return"Chromatin Accessible + Transcription Factor";case"Low-DNase":return"Low DNase";case"CA-only":return"Chromatin Accessible";default:return""}}const Graph=({data,title,id,width="100%",height="100%"})=>{const cyRef=(0,react.useRef)(null),[showControls,setShowControls]=(0,react.useState)(!0),[elements,setElements]=(0,react.useState)([]),[scales,setScales]=(0,react.useState)([]),[expressionType,setExpressions]=(0,react.useState)([]),[edges,setEdges]=(0,react.useState)([]),[showLabels,setShowLabels]=(0,react.useState)(!0),[toggles,setToggles]=(0,react.useState)({Promoter:!0,"Distal Enhancer":!0,"Proximal Enhancer":!0,"Transcription Factor":!0,"Chromatin Accessible + Transcription Factor":!0,"Chromatin Accessible + H3K4me3":!0,"Chromatin Accessible + CTCF":!0,"Lower-Expression":!0,"Higher-Expression":!0,"Low DNase":!0}),[degree,setDegree]=(0,react.useState)(3),ref=(0,react.useRef)(null),[_,takeScreenShot]=(0,index_es.a)(),containerRef=(0,react.useRef)(null),{tooltipData,tooltipLeft,tooltipTop,tooltipOpen,showTooltip,hideTooltip}=(0,useTooltip.A)(),{TooltipInPortal}=(0,useTooltipInPortal.A)({detectBounds:!0,scroll:!0}),handleMouseMove=(event,datum)=>{if(!containerRef.current)return void console.error("Container ref is not set");const coords={x:event.renderedPosition.x,y:event.renderedPosition.y};showTooltip({tooltipLeft:coords.x,tooltipTop:coords.y,tooltipData:datum})};let k="cy-"+id;if(data.centered){const filterNodesAndEdges=degree=>{const centeredNode=data.centered.cCRE;let nodesToInclude=new Set([centeredNode]),edgesToInclude=[],visited=new Set([centeredNode]),queue=[{node:centeredNode,depth:0}];for(;queue.length>0;){const{node,depth}=queue.shift();depth>=degree||data.edge.forEach((edge=>{[{target:edge.target,perturbed:edge.perturbed},{target:edge.perturbed,perturbed:edge.target}].forEach((({target,perturbed})=>{perturbed!==node||visited.has(target)||(visited.add(target),nodesToInclude.add(target),edgesToInclude.push(edge),queue.push({node:target,depth:depth+1}))}))}))}return{nodes:data.node.filter((node=>nodesToInclude.has(node.cCRE))),edges:edgesToInclude}};(0,react.useEffect)((()=>{const filteredData=filterNodesAndEdges(degree);setElements(filteredData.nodes),setEdges(filteredData.edges),setScales(filteredData.edges.map((e=>e.effectSize))),setExpressions(data.edge.map((e=>"higher-expression"===e.expressionImpact?"Higher-Expression":"lower-expression"===e.expressionImpact?"Lower-Expression":"Edge")))}),[data,degree])}else(0,react.useEffect)((()=>{setElements(data.node),setEdges(data.edge),setScales(data.edge.map((e=>e.effectSize))),setExpressions(data.edge.map((e=>"higher-expression"===e.expressionImpact?"Higher-Expression":"lower-expression"===e.expressionImpact?"Lower-Expression":"Edge")))}),[data]);const simple=elements.map((e=>e.category)).map((elem=>convertToSimple(elem))),createID=index=>elements[index].cCRE;(0,react.useEffect)((()=>{if(0===elements.length||0===scales.length||0===expressionType.length||0===edges.length)return;const allcCREs=elements.map((e=>e.cCRE));let connect=[];for(let i=0;i{connect[allcCREs.indexOf(e.perturbed)].push(allcCREs.indexOf(e.target))}));const edgeColor=idx=>"Lower-Expression"===expressionType[idx]?"black":"Higher-Expression"===expressionType[idx]?"blue":"grey";function chooseColor(index){const s=simple[index];return cCREConstants[s]?.color||"grey"}const cy=(0,cytoscape_esm.A)({container:document.getElementById(k),style:[{selector:"node",style:{label:"","font-size":15}},{selector:"edge",style:{"line-color":"#ccc","curve-style":"bezier"}}],minZoom:.25,maxZoom:5});cyRef.current=cy,cy.ready((()=>{cy.nodes().forEach((node=>{const size=[30,70,110][Math.floor(3*Math.random())];node.css("width",size),node.css("height",size)})),cy.layout({name:"cose-bilkent",animate:"end",animationDuration:1e3}).run()}));for(var i=0;i{let cre=allcCREs[idx].toString(),s=simple[idx].toString();data.centered&&cre===data.centered.cCRE?node.on("mousemove",(event=>handleMouseMove(event,{cCRE:cre,type:s,centered:"Centered Node"}))):node.on("mousemove",(event=>handleMouseMove(event,{cCRE:cre,type:s}))),idx++,node.on("mouseout",hideTooltip)})),console.log(data.edge.every((e=>e.expressionImpact))),cy.edges().forEach((edge=>{data.edge.every((e=>e.expressionImpact))?edge.on("mousemove",(event=>handleMouseMove(event,{type:"rgb(0,0,0)"===edge.style("line-color").toString()?"Lower-Expression":"Higher-Expression"}))):edge.on("mousemove",(event=>handleMouseMove(event,{type:"Edge"}))),edge.on("mouseout",hideTooltip)})),organize(),()=>{cy.destroy()}}),[elements,scales,expressionType,edges,toggles,showTooltip,hideTooltip]),(0,react.useEffect)((()=>{const simple=elements.map((e=>e.category)).map((elem=>convertToSimple(elem)));if(!cyRef.current)return;let ind=0;cyRef.current.nodes().forEach((node=>{node.style({label:showLabels?shortHand(simple[ind]):""}),ind++}))}),[showLabels]);const organize=()=>{const cy=cyRef.current,options={name:"cose-bilkent",animate:"end",animationEasing:"ease-out",animationDuration:1e3,randomize:!0};cy&&cy.layout(options).run()},downloadStyle={...buttonStyle,top:"0px",right:"5px"},randomizeStyle={...buttonStyle,top:"45px",right:"5px"},organizeStyle={...buttonStyle,top:"90px",right:"5px"},toggleControlsStyle={...buttonStyle,top:"0px",padding:"3px",backgroundColor:"white",color:"#0095ff"},labelStyle={...buttonStyle,top:"135px",right:"5px"},r_collapsed={right:"175px"},r_uncollapsed={right:"2px"};return(0,jsx_runtime.jsxs)("div",{style:{width,height,position:"relative",overflow:"hidden",fontSize:"14px",fontFamily:"helvetica"},children:[(0,jsx_runtime.jsx)("header",{style:{opacity:.5,fontSize:"1em",margin:0},children:(0,jsx_runtime.jsx)("h1",{style:{fontSize:"17px"},children:title})}),data.centered?(0,jsx_runtime.jsxs)("div",{style:{top:"55px",left:"15px"},children:[(0,jsx_runtime.jsx)("label",{htmlFor:"degree",children:"Degrees of Separation: "}),(0,jsx_runtime.jsx)("input",{id:"degree",type:"number",value:degree,min:1,max:3,onChange:e=>setDegree(parseInt(e.target.value))})]}):null,showControls&&(0,jsx_runtime.jsxs)("div",{style:{backgroundColor:"white",boxShadow:"0 0 10px rgba(0,0,0,0.5)"},children:[(0,jsx_runtime.jsx)(Graph_GraphButton,{text:"Download Screenshot",styles:downloadStyle,func:()=>{ref.current&&"function"==typeof takeScreenShot&&takeScreenShot(ref.current).then(download)}}),(0,jsx_runtime.jsx)(Graph_GraphButton,{text:"Randomize",styles:randomizeStyle,func:()=>{const cy=cyRef.current;if(cy){const options={name:"random",animate:!0,animationDuration:1e3,animationEasing:"ease-out"};cy.layout(options).run()}}}),(0,jsx_runtime.jsx)(Graph_GraphButton,{text:"Organize",styles:organizeStyle,func:organize}),(0,jsx_runtime.jsx)(Graph_GraphButton,{text:"Toggle Labels",styles:labelStyle,func:()=>setShowLabels(!showLabels)}),(0,jsx_runtime.jsx)(Graph_Legend,{toggles,onToggle:category=>{setToggles((prevToggles=>({...prevToggles,[category]:!prevToggles[category]})))},simpleCategories:simple,edgeType:data.edge.every((e=>e.expressionImpact))}),(0,jsx_runtime.jsx)(Graph_ScaleLegend,{scales})]}),(0,jsx_runtime.jsx)("button",{onClick:()=>{setShowControls(!showControls)},style:{...toggleControlsStyle,...showControls?r_collapsed:r_uncollapsed},children:showControls?(0,jsx_runtime.jsx)(KeyboardDoubleArrowRight.A,{}):(0,jsx_runtime.jsx)(KeyboardDoubleArrowLeft.A,{})}),(0,jsx_runtime.jsx)("div",{ref,style:{position:"relative"},children:(0,jsx_runtime.jsx)("div",{ref:containerRef,id:k,style:{width:"100%",height:"90vh",zIndex:999}})}),tooltipOpen&&tooltipData&&(0,jsx_runtime.jsx)(TooltipInPortal,{style:{...tooltips_Tooltip.k,backgroundColor:"black",color:"white",zIndex:1e3,fontSize:"12px"},top:tooltipTop,left:tooltipLeft,children:tooltipData.cCRE?(0,jsx_runtime.jsxs)("div",{style:{fontFamily:"helvetica"},children:["cCRE: ",tooltipData.cCRE," ",(0,jsx_runtime.jsx)("br",{}),"Type: ",tooltipData.type,tooltipData.centered?(0,jsx_runtime.jsx)("div",{children:" Centered Node "}):null]}):(0,jsx_runtime.jsxs)("div",{style:{fontFamily:"helvetica"},children:["Type: ",tooltipData.type]})},Math.random())]})};Graph.displayName="Graph";const Graph_Graph=Graph;try{Graph.displayName="Graph",Graph.__docgenInfo={description:"",displayName:"Graph",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"{ edge: Edge[]; node: Node[]; centered: { cCRE: string; }; }"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string | number"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:{value:"100%"},description:"",name:"height",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Graph/Graph.tsx#Graph"]={docgenInfo:Graph.__docgenInfo,name:"Graph",path:"src/components/Graph/Graph.tsx#Graph"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/iframe.html b/iframe.html index 6f18479..59a0403 100644 --- a/iframe.html +++ b/iframe.html @@ -348,7 +348,7 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};