import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as t}from"react/jsx-runtime";import i from"classnames";import{makeStyles as n,useTheme as e}from"@material-ui/core";import{CenterAlignmentIcon as c}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import r from"../AppSideBar/AppSideBar.js";import p from"../../IconButton/index.js";import{AppSettingsPopover as m}from"../AppSettingsPopover/AppSettingsPopover.js";import a from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{useMatchAppContainerSize as l}from"../../../effects/useMatchAppContainerSize.js";import{isNativeDetected as d,isMobileDetected as u}from"../../../utils/mobileDetect.js";var h=n({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),j=function(s){var i=e(),n=l({width:{max:i.breakpoints.width("md")}}),r=h();return n?t(p,o({className:r.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},s,{children:t(c,{size:16})})):t(a,o({startIcon:t(c,{size:16})},s,{children:"Filters"}))},f=function(n){var c=n.appSettingsPopoverProps,p=n.children,a=n.classes,f=void 0===a?{}:a,I=n.header,g=n.sideBarContent,x=n.sideBarProps,v=h(),C=e(),B=l({width:{max:C.breakpoints.width("md")}}),b=d||u||B;return s("div",{className:i(v.appLayout,f.appLayout),children:[b&&s("div",{className:i(v.header,f.header),children:[t(m,o({Trigger:j,classes:{popoverContent:v.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},c,{children:g})),I]}),s("div",{className:i(v.contentWrapper,f.contentWrapper),children:[!b&&t(r,o({},x,{anchor:"left",children:g})),p&&t("div",{className:i(v.content,f.content),children:p})]})]})};export{f as AppFilterPanelLayout};
