@idea-fragments/react-components-zendesk 0.1.47 → 0.1.49

package/dist/layouts.js

@@ -10162,7 +10162,7 @@ Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,dis
 IconButton.COMPONENT_NAME=COMPONENT_NAME$2;var templateObject_1$m;/* Size key name represents all devices with a pixel width up to the number
  specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var unit$1=function(px){return"".concat(px,"px");};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n      @media screen and (max-width: ",") {\n        ","\n      }\n    "],["\n      @media screen and (max-width: ",") {\n        ","\n      }\n    "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n      @media screen and (max-width: ",") {\n        ","\n      }\n    "],["\n      @media screen and (max-width: ",") {\n        ","\n      }\n    "])),unit(tabletSize),styles);},forTabletsAndUp:function(styles){return styled.css(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n      @media screen and (min-width: ",") {\n        ","\n      }\n    "],["\n      @media screen and (min-width: ",") {\n        ","\n      }\n    "])),unit(phoneSize+1),styles);},forLargeTabletsAndUp:function(styles){return styled.css(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n      @media (min-width: ",") {\n        ","\n      }\n    "],["\n      @media (min-width: ",") {\n        ","\n      }\n    "])),unit(tabletSize+1),styles);},forSmallComputersAndUp:function(styles){return styled.css(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n      @media screen and (min-width: ",") {\n        ","\n      }\n    "],["\n      @media screen and (min-width: ",") {\n        ","\n      }\n    "])),unit(largeTabletSize+1),styles);},forLargeComputers:function(styles){return styled.css(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n      @media screen and (min-width: ",") {\n        ","\n      }\n    "],["\n      @media screen and (min-width: ",") {\n        ","\n      }\n    "])),unit(smallComputerSize+1),styles);}};};var unit=function(px){return"".concat(px,"px");};var templateObject_1$l,templateObject_2$f,templateObject_3$a,templateObject_4$7,templateObject_5$5,templateObject_6$3;var _a=mediaQueries(),forLargeComputers=_a.forLargeComputers,forLargeTabletsAndUp=_a.forLargeTabletsAndUp,forSmallComputersAndUp$1=_a.forSmallComputersAndUp;var _b=breakpoints({wideLayout:false}),tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;var deviceSettings=styled.css(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n  ","\n\n  ","\n\n  ","\n"],["\n  ","\n\n  ","\n\n  ","\n"])),forLargeTabletsAndUp(styled.css(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n    width: ",";\n  "],["\n    width: ",";\n  "])),unit(tabletSize+1))),forSmallComputersAndUp$1(styled.css(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n    width: ",";\n    min-width: ",";\n  "],["\n    width: ",";\n    min-width: ",";\n  "])),unit(largeTabletSize+1),unit(tabletSize+1))),forLargeComputers(styled.css(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n    width: ",";\n  "],["\n    width: ",";\n  "])),unit(smallComputerSize+1))));var Container$6=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n  margin: 0 auto;\n  flex: 1;\n  width: 100%;\n  padding: 0 ",";\n\n  ","\n"],["\n  margin: 0 auto;\n  flex: 1;\n  width: 100%;\n  padding: 0 ",";\n\n  ","\n"])),function(_a){var theme=_a.theme;return theme.styles.container.horizontalPadding;},function(_a){var fluid=_a.fluid;return fluid?"":deviceSettings;});var templateObject_1$k,templateObject_2$e,templateObject_3$9,templateObject_4$6,templateObject_5$4;var storesContext;var useStores=function(){return React__default.useContext(storesContext);};var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
 var forSmallComputersAndUp=mediaQueries().forSmallComputersAndUp;var SM=SPACINGS.SM;exports.AppBar=function(_a){var _b;var _c=_a.actions,actions=_c===void 0?[]:_c,className=_a.className,fixed=_a.fixed,fluid=_a.fluid,logo=_a.logo,_d=_a.onBackClicked,onBackClicked=_d===void 0?DO_NOTHING:_d,_e=_a.onLogoClicked,onLogoClicked=_e===void 0?DO_NOTHING:_e,_f=_a.showBackButton,showBackButton=_f===void 0?false:_f,title=_a.title;// TODO this should not use MobX...switch to react context
-var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"padding-bottom: ".concat(SM,";"),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$2,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"cursor: pointer;"},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$j||(templateObject_1$j=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  position: ",";\n  top: ",";\n  left: ",";\n  width: 100%;\n  z-index: ",";\n"],["\n  background: ",";\n  box-shadow: ",";\n  position: ",";\n  top: ",";\n  left: ",";\n  width: 100%;\n  z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var fixed=_a.fixed;return fixed?"fixed":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;});var Content$2=styled__default["default"](Container$6).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n  height: ",";\n"],["\n  height: ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";});var DesktopNav=styled__default["default"](FlexBox).attrs({as:"nav"})(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n  && {\n    display: none;\n    ","\n  }\n"],["\n  && {\n    display: none;\n    ","\n  }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n      display: flex;\n    "],["\n      display: flex;\n    "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n  height: ",";\n"],["\n  height: ",";\n"])),function(_a){var height=_a.height;return height;});var MobileNav=styled__default["default"](IconButton).attrs({flat:true,icon:js.mdiMenu})(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  && {\n    margin-right: 0;\n    ","\n  }\n"],["\n  && {\n    margin-right: 0;\n    ","\n  }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n      display: none;\n    "],["\n      display: none;\n    "])))));var templateObject_1$j,templateObject_2$d,templateObject_3$8,templateObject_4$5,templateObject_5$3,templateObject_6$2,templateObject_7$1,templateObject_8;var COMPONENT_NAME$1="FlexBlock";var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var getSpacingDirection=function(direction){return direction==="column"?"margin-bottom":"margin-right";};var getDisplay=function(_a){var compact=_a.compact,hidden=_a.hidden;if(hidden)return"none";return compact?"inline-flex":"flex";};var getSpacing=function(_a){var spacing=_a.spacing,props=__rest(_a,["spacing"]);if(!spacing)return"";return"& > *:not(:last-child) {\n      margin: 0;\n      ".concat(getSpacingDirection(getFlexDirection(props)),": ").concat(spacing,";\n    }");};var responsiveStyles=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,justify=props.justify,compactAxis=props.compactAxis,fluid=props.fluid;return mediaQueryFunc("\n              display: ".concat(getDisplay(props),";\n              justify-content: ").concat(justify||"initial",";\n              align-items: ").concat(alignItems?alignItems:"initial","; \n              // align-self: ").concat(compactAxis?"initial":"stretch",";\n              flex-direction: ").concat(getFlexDirection(props),";\n              flex: ").concat(fluid?1:"unset",";\n              ").concat(getSpacing(props),"\n          ")).join("");});};var FlexBlock=styled__default["default"].div.attrs(function(_a){var spacing=_a.spacing;return{spacing:spacing===undefined?SPACINGS.SM:spacing};})(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n  display: ",";\n  justify-content: ",";\n  align-items: ",";\n    // align-self: ",";\n  flex-direction: ",";\n  flex: ",";\n  ","\n\n  ","\n"],["\n  display: ",";\n  justify-content: ",";\n  align-items: ",";\n    // align-self: ",";\n  flex-direction: ",";\n  flex: ",";\n  ","\n\n  ","\n"// @ts-ignore
+var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"padding-bottom: ".concat(SM,";"),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$3,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"cursor: pointer;"},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$j||(templateObject_1$j=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  position: ",";\n  top: ",";\n  left: ",";\n  width: 100%;\n  z-index: ",";\n"],["\n  background: ",";\n  box-shadow: ",";\n  position: ",";\n  top: ",";\n  left: ",";\n  width: 100%;\n  z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var fixed=_a.fixed;return fixed?"fixed":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;});var Content$3=styled__default["default"](Container$6).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n  height: ",";\n"],["\n  height: ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";});var DesktopNav=styled__default["default"](FlexBox).attrs({as:"nav"})(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n  && {\n    display: none;\n    ","\n  }\n"],["\n  && {\n    display: none;\n    ","\n  }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n      display: flex;\n    "],["\n      display: flex;\n    "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n  height: ",";\n"],["\n  height: ",";\n"])),function(_a){var height=_a.height;return height;});var MobileNav=styled__default["default"](IconButton).attrs({flat:true,icon:js.mdiMenu})(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  && {\n    margin-right: 0;\n    ","\n  }\n"],["\n  && {\n    margin-right: 0;\n    ","\n  }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n      display: none;\n    "],["\n      display: none;\n    "])))));var templateObject_1$j,templateObject_2$d,templateObject_3$8,templateObject_4$5,templateObject_5$3,templateObject_6$2,templateObject_7$1,templateObject_8;var COMPONENT_NAME$1="FlexBlock";var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var getSpacingDirection=function(direction){return direction==="column"?"margin-bottom":"margin-right";};var getDisplay=function(_a){var compact=_a.compact,hidden=_a.hidden;if(hidden)return"none";return compact?"inline-flex":"flex";};var getSpacing=function(_a){var spacing=_a.spacing,props=__rest(_a,["spacing"]);if(!spacing)return"";return"& > *:not(:last-child) {\n      margin: 0;\n      ".concat(getSpacingDirection(getFlexDirection(props)),": ").concat(spacing,";\n    }");};var responsiveStyles=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,justify=props.justify,compactAxis=props.compactAxis,fluid=props.fluid;return mediaQueryFunc("\n              display: ".concat(getDisplay(props),";\n              justify-content: ").concat(justify||"initial",";\n              align-items: ").concat(alignItems?alignItems:"initial","; \n              // align-self: ").concat(compactAxis?"initial":"stretch",";\n              flex-direction: ").concat(getFlexDirection(props),";\n              flex: ").concat(fluid?1:"unset",";\n              ").concat(getSpacing(props),"\n          ")).join("");});};var FlexBlock=styled__default["default"].div.attrs(function(_a){var spacing=_a.spacing;return{spacing:spacing===undefined?SPACINGS.SM:spacing};})(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n  display: ",";\n  justify-content: ",";\n  align-items: ",";\n    // align-self: ",";\n  flex-direction: ",";\n  flex: ",";\n  ","\n\n  ","\n"],["\n  display: ",";\n  justify-content: ",";\n  align-items: ",";\n    // align-self: ",";\n  flex-direction: ",";\n  flex: ",";\n  ","\n\n  ","\n"// @ts-ignore
 ])),getDisplay,function(p){return p.justify||"initial";},function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(_a){var compactAxis=_a.compactAxis;return compactAxis?"initial":"stretch";},getFlexDirection,function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getSpacing,responsiveStyles);// @ts-ignore
 FlexBlock.COMPONENT_NAME=COMPONENT_NAME$1;FlexBlock.defaultProps={compactAxis:false,compact:false,withRows:false,responsivePropsList:[]};var PaddedFlexBlock=styled__default["default"](FlexBlock).attrs(function(props){return{};})(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"// @ts-ignore
 ])),SPACINGS.SM);// @ts-ignore
@@ -10170,7 +10170,7 @@ PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$i,template
 // "SearchableSelector",
 ]);}var listeners=new Set();var navBar;var scrolledPassedNavBar;var logger$3=new Logger("NavBarScrollWatcher");var checkNavPosition=function(){if(!navBar)return;var bottomPixel=navBar.getBoundingClientRect().height;var isCurrentlyPassedBar=window.scrollY>bottomPixel;logger$3.writeInfo("window.scrollY",window.scrollY,"bottomPixel",bottomPixel,"scrolledPassedNavBar",scrolledPassedNavBar);if(scrolledPassedNavBar==null||!scrolledPassedNavBar&&isCurrentlyPassedBar||scrolledPassedNavBar&&!isCurrentlyPassedBar){notifyListeners(isCurrentlyPassedBar);}scrolledPassedNavBar=isCurrentlyPassedBar;};var notifyListeners=function(b){listeners.forEach(function(f){f(b);});};var NavBarScrollWatcher=/** @class */function(){function NavBarScrollWatcher(){}NavBarScrollWatcher.onScrollPassedNavBar=function(f){listeners.add(f);if(listeners.size===1){window.addEventListener("scroll",checkNavPosition);}return function(){listeners.delete(f);if(listeners.size===0){window.removeEventListener("scroll",checkNavPosition);}};};NavBarScrollWatcher.setNavBar=function(n){navBar=n;};NavBarScrollWatcher.setInitialState=function(){checkNavPosition();};return NavBarScrollWatcher;}();var AppBarLayout=function(_a){var alertView=_a.alertView,appBar=_a.appBar,className=_a.className,content=_a.content,drawerView=_a.drawerView;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var appBarRef=React__default.useRef(null);React__default.useEffect(function(){NavBarScrollWatcher.setNavBar(appBarRef.current);},[]);return jsxRuntime.jsxs(FlexBlock,__assign({"data-component-name":AppBarLayout.COMPONENT_NAME,withRows:true,spacing:null,className:className},{children:[jsxRuntime.jsx("div",__assign({ref:appBarRef},{children:appBar})),jsxRuntime.jsxs(FlexBlock,__assign({css:"min-height: calc(100vh - ".concat(appBarHeight,");"),spacing:null,withRows:true,fluid:true},{children:[content,alertView]})),jsxRuntime.jsx(DrawerWrapper,{children:drawerView})]}));};AppBarLayout.COMPONENT_NAME="AppBarLayout";var DrawerWrapper=styled__default["default"].div(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n  z-index: ",";\n"],["\n  z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.zIndex;});var templateObject_1$h;var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;return jsxRuntime.jsxs(Container$5,{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["min-height: calc(100% - ",");"],["min-height: calc(100% - ",");"])),appBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]});};var Container$5=styled__default["default"].div(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var templateObject_1$g,templateObject_2$b;var breakpointQueries=function(_a){var _b;var wideLayout=_a.wideLayout;var _c=breakpoints({wideLayout:wideLayout}),phoneSize=_c.phoneSize,tabletSize=_c.tabletSize,largeTabletSize=_c.largeTabletSize,smallComputerSize=_c.smallComputerSize;var phone=DEVICES.phone,tablet=DEVICES.tablet,largeTablet=DEVICES.largeTablet,smallComputer=DEVICES.smallComputer,largeComputer=DEVICES.largeComputer;return _b={},_b[phone]="(max-width: ".concat(unit$1(phoneSize),")"),_b[tablet]="(min-width: ".concat(unit$1(phoneSize+1),") and (max-width: ").concat(unit$1(tabletSize),")"),_b[largeTablet]="(min-width: ".concat(unit$1(tabletSize+1),") and (max-width: ").concat(unit$1(largeTabletSize),")"),_b[smallComputer]="(min-width: ".concat(unit$1(largeTabletSize+1),") and (max-width: ").concat(unit$1(smallComputerSize),")"),_b[largeComputer]="(min-width: ".concat(unit$1(smallComputerSize+1),")"),_b;};var useDeviceSizeWatcher=function(){var _a=__read(React__default.useState(),2),currentSize=_a[0],setCurrentSize=_a[1];var queries=React__default.useMemo(function(){return breakpointQueries({wideLayout:true});},[]);var deviceListeners=React__default.useRef({});var deviceMediaQueryLists=React__default.useMemo(function(){return Object.values(DEVICES).reduce(function(map,size){var _a;return __assign(__assign({},map),(_a={},_a[size]=window.matchMedia(queries[size]),_a));},{});},[queries]);var initChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];var listener=function(e){if(e.matches)setCurrentSize(Number(size));};mql.addEventListener("change",listener);deviceListeners.current[Number(size)]=listener;});},[deviceMediaQueryLists]);var removeChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];mql.removeEventListener("change",deviceListeners.current[Number(size)]);delete deviceListeners.current[Number(size)];});},[deviceMediaQueryLists]);var setInitialSize=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];if(mql.matches)setCurrentSize(Number(size));});},[deviceMediaQueryLists]);React__default.useEffect(function(){setInitialSize();},[setInitialSize]);React__default.useEffect(function(){initChangeWatchers();return removeChangeWatchers;},[initChangeWatchers,removeChangeWatchers]);return React__default.useMemo(function(){var isPhone=currentSize===DEVICES.phone;var isTablet=currentSize===DEVICES.tablet;var isLargeTablet=currentSize===DEVICES.largeTablet;var isSmallComputer=currentSize===DEVICES.smallComputer;var isLargeComputer=currentSize===DEVICES.largeComputer;var isSmallComputerOrLarger=isSmallComputer||isLargeComputer;var isLargeTabletOrLarger=isLargeTablet||isSmallComputerOrLarger;var isLargeTabletOrSmaller=isLargeTablet||isTablet||isPhone;return{isPhone:isPhone,isTablet:isTablet,isLargeTablet:isLargeTablet,isSmallComputer:isSmallComputer,isLargeComputer:isLargeComputer,isSmallComputerOrLarger:isSmallComputerOrLarger,isLargeTabletOrLarger:isLargeTabletOrLarger,isLargeTabletOrSmaller:isLargeTabletOrSmaller};},[currentSize]);};var ComputersOnly=function(_a){var children=_a.children;var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var _b=__read(React__default.useState(isSmallComputerOrLarger),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){setIsVisibleTo(isSmallComputerOrLarger);},[isSmallComputerOrLarger]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};exports.Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};exports.Carousel=styled__default["default"](exports.Carousel)(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n  height: auto;\n"],["\n  height: auto;\n"])));var templateObject_1$f,templateObject_2$a,templateObject_3$7;var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var closeDrawer=_a.closeDrawer,drawerContent=_a.drawerContent,isOpenProp=_a.isOpen;var backdropRef=React__default.useRef(null);var cachedContent=React__default.useRef();var htmlOverflow=React__default.useRef();var isOpen=(_b=__read(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read(React__default.useState(false),2),_c[0]),setIsClosingTo=_c[1];var theme=useTheme();var body=(_d=drawerContent!==null&&drawerContent!==void 0?drawerContent:{},_d.body),onClose=_d.onClose,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var animateClose=React__default.useCallback(function(){setIsClosingTo(true);setTimeout(function(){logger$2.writeInfo("setting to close");setIsOpenTo(false);setIsClosingTo(false);cachedContent.current=undefined;},ANIMATION_DURATION_MS);},[]);var closeButtonColor=theme.styles.getTextColorForBackground({color:theme.styles.sidebar.background,theme:theme});var handleBackdropClick=function(_a){var target=_a.target,currentTarget=_a.currentTarget;logger$2.writeInfo("backdrop click - target:",target,"current target:",currentTarget);if(target===currentTarget&&target===backdropRef.current)handleClose();};var handleClose=function(){closeDrawer();if(onClose)onClose();};React__default.useEffect(function(){if(isOpenProp)setIsOpenTo(true);},[isOpenProp]);React__default.useEffect(function(){if(isOpenProp||!isOpen)return;animateClose();},[animateClose,isOpen,isOpenProp]);React__default.useEffect(function(){if(!drawerContent||!drawerContent.body)return;cachedContent.current=drawerContent.body;},[drawerContent]);React__default.useEffect(function(){var root=document.querySelector("html");var resetRoot=function(){root.style.overflow=htmlOverflow.current;};if(isOpen){htmlOverflow.current=root.style.overflow;root.style.overflow="hidden";return resetRoot;}if(!isOpen)resetRoot();},[isOpen]);logger$2.writeInfo("isOpen",isOpen);if(!isOpen)return null;if(!drawerContent&&!cachedContent.current)throw new Error("Drawer found null drawer content");return jsxRuntime.jsx(Backdrop,__assign({isClosing:isClosing,onClick:handleBackdropClick,ref:backdropRef},{children:jsxRuntime.jsxs(AbsoluteContainer,__assign({withRows:true,isClosing:isClosing},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:js.mdiClose,color:closeButtonColor,onClick:handleClose,"aria-label":"Close drawer"})]}),jsxRuntime.jsx(Body$1,{children:body!==null&&body!==void 0?body:cachedContent.current}),!withNoActions?jsxRuntime.jsxs(Footer,{children:[withCancelButton?jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,flat:true,onClick:handleClose},{children:"Cancel"})):null,jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,onClick:handleClose},{children:"OK"}))]}):null]}))}));};exports.Drawer=styled__default["default"](exports.Drawer)(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n  html {\n    overflow: hidden;\n  }\n"],["\n  html {\n    overflow: hidden;\n  }\n"// @ts-ignore
 ])));// @ts-ignore
-exports.Drawer.COMPONENT_NAME="Drawer";exports.Drawer.defaultProps={};var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n  @keyframes DrawerAbsoluteContainerOpen {\n    from {right: -380px;}\n    to {right: 0;}\n  }\n\n  @keyframes DrawerAbsoluteContainerClose {\n    0% {right: 0;}\n    20% {right: 20px;}\n    to {right: -380px;}\n  }\n\n  animation: ","ms ease-out 0s 1 normal forwards running;\n  animation-name: ",";\n  background: ",";\n  box-shadow: "," 0 20px 28px 0;\n  height: 100vh;\n  gap: unset;\n  //padding: 1rem;\n  position: fixed;\n  right: 0;\n  top: 0;\n  width: min(380px, 90vw);\n  z-index: 1000;\n"],["\n  @keyframes DrawerAbsoluteContainerOpen {\n    from {right: -380px;}\n    to {right: 0;}\n  }\n\n  @keyframes DrawerAbsoluteContainerClose {\n    0% {right: 0;}\n    20% {right: 20px;}\n    to {right: -380px;}\n  }\n\n  animation: ","ms ease-out 0s 1 normal forwards running;\n  animation-name: ",";\n  background: ",";\n  box-shadow: "," 0 20px 28px 0;\n  height: 100vh;\n  gap: unset;\n  //padding: 1rem;\n  position: fixed;\n  right: 0;\n  top: 0;\n  width: min(380px, 90vw);\n  z-index: 1000;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"DrawerAbsoluteContainerClose":"DrawerAbsoluteContainerOpen";},function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.boxShadow;});var Backdrop=styled__default["default"].div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n  @keyframes ModalBackdropOpen {\n    from {opacity: 0;}\n    to {opacity: 100%;}\n  }\n\n  @keyframes ModalBackdropClose {\n    0% {opacity: 100%;}\n    50% {opacity: 100%;}\n    to {opacity: 0;}\n  }\n\n  animation: ","ms ease-out 0s 1 normal forwards running;\n  animation-name: ",";\n  background-color: ",";\n  display: flex;\n  inset: 0;\n  overflow: auto;\n  position: fixed;\n  z-index: 400;\n"],["\n  @keyframes ModalBackdropOpen {\n    from {opacity: 0;}\n    to {opacity: 100%;}\n  }\n\n  @keyframes ModalBackdropClose {\n    0% {opacity: 100%;}\n    50% {opacity: 100%;}\n    to {opacity: 0;}\n  }\n\n  animation: ","ms ease-out 0s 1 normal forwards running;\n  animation-name: ",";\n  background-color: ",";\n  display: flex;\n  inset: 0;\n  overflow: auto;\n  position: fixed;\n  z-index: 400;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"ModalBackdropClose":"ModalBackdropOpen";},function(p){return p.theme.styles.modal.backdrop.background;});var Body$1=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n  flex: 1;\n  overflow: auto;\n  padding: ",";\n"],["\n  flex: 1;\n  overflow: auto;\n  padding: ",";\n"])),MARGIN_SIZE);var Footer=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n  border-top: 1px solid ",";\n  justify-content: flex-end;\n  padding: ",";\n"],["\n  border-top: 1px solid ",";\n  justify-content: flex-end;\n  padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Header=styled__default["default"](FlexBox)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n  align-items: center;\n  border-bottom: 1px solid ",";\n  padding: ",";\n"],["\n  align-items: center;\n  border-bottom: 1px solid ",";\n  padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Title$1=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  flex: 1;\n  font-weight: ",";\n"],["\n  flex: 1;\n  font-weight: ",";\n"])),FONT_WEIGHTS.BOLD);var templateObject_1$e,templateObject_2$9,templateObject_3$6,templateObject_4$4,templateObject_5$2,templateObject_6$1,templateObject_7;var FullScreen=styled__default["default"](function(_a){var children=_a.children,className=_a.className,onCloseClicked=_a.onCloseClicked,_b=_a.visible,visible=_b===void 0?false:_b;return jsxRuntime.jsxs(Container$4,__assign({className:className,hidden:!visible,withRows:true},{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["width: 100%;"],["width: 100%;"]))),justifyContent:"flex-end"},{children:jsxRuntime.jsx(Button,{_css:styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["padding: .5rem; height: auto; margin-top: 1rem;"],["padding: .5rem; height: auto; margin-top: 1rem;"]))),color:COLORS.WHITE,icon:js.mdiClose,iconSize:"1.5rem",onClick:onCloseClicked,pill:true})})),visible?children:null]}));})(templateObject_3$5||(templateObject_3$5=__makeTemplateObject([""],[""])));var Container$4=styled__default["default"](FlexBox)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n  background: ",";\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n  top: ",";\n  left: 0;\n  z-index: ",";\n  padding: ",";\n  transition: top .5s ease-in-out;\n"],["\n  background: ",";\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n  top: ",";\n  left: 0;\n  z-index: ",";\n  padding: ",";\n  transition: top .5s ease-in-out;\n"])),COLORS.BLACK,function(_a){var hidden=_a.hidden;return hidden?"100vh":"0";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex+1;},SPACINGS.SM);var templateObject_1$d,templateObject_2$8,templateObject_3$5,templateObject_4$3;function mergeRefs(refs){return function(value){refs.forEach(function(ref){if(typeof ref==="function"){ref(value);}else if(ref!=null){ref.current=value;}});};}/**
+exports.Drawer.COMPONENT_NAME="Drawer";exports.Drawer.defaultProps={};var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n  @keyframes DrawerAbsoluteContainerOpen {\n    from {right: -380px;}\n    to {right: 0;}\n  }\n\n  @keyframes DrawerAbsoluteContainerClose {\n    0% {right: 0;}\n    20% {right: 20px;}\n    to {right: -380px;}\n  }\n\n  animation: ","ms ease-out 0s 1 normal forwards running;\n  animation-name: ",";\n  background: ",";\n  box-shadow: "," 0 20px 28px 0;\n  height: 100vh;\n  gap: unset;\n  //padding: 1rem;\n  position: fixed;\n  right: 0;\n  top: 0;\n  width: min(380px, 90vw);\n  z-index: 1000;\n"],["\n  @keyframes DrawerAbsoluteContainerOpen {\n    from {right: -380px;}\n    to {right: 0;}\n  }\n\n  @keyframes DrawerAbsoluteContainerClose {\n    0% {right: 0;}\n    20% {right: 20px;}\n    to {right: -380px;}\n  }\n\n  animation: ","ms ease-out 0s 1 normal forwards running;\n  animation-name: ",";\n  background: ",";\n  box-shadow: "," 0 20px 28px 0;\n  height: 100vh;\n  gap: unset;\n  //padding: 1rem;\n  position: fixed;\n  right: 0;\n  top: 0;\n  width: min(380px, 90vw);\n  z-index: 1000;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"DrawerAbsoluteContainerClose":"DrawerAbsoluteContainerOpen";},function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.boxShadow;});var Backdrop=styled__default["default"].div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n  @keyframes ModalBackdropOpen {\n    from {opacity: 0;}\n    to {opacity: 100%;}\n  }\n\n  @keyframes ModalBackdropClose {\n    0% {opacity: 100%;}\n    50% {opacity: 100%;}\n    to {opacity: 0;}\n  }\n\n  animation: ","ms ease-out 0s 1 normal forwards running;\n  animation-name: ",";\n  background-color: ",";\n  display: flex;\n  inset: 0;\n  overflow: auto;\n  position: fixed;\n  z-index: 400;\n"],["\n  @keyframes ModalBackdropOpen {\n    from {opacity: 0;}\n    to {opacity: 100%;}\n  }\n\n  @keyframes ModalBackdropClose {\n    0% {opacity: 100%;}\n    50% {opacity: 100%;}\n    to {opacity: 0;}\n  }\n\n  animation: ","ms ease-out 0s 1 normal forwards running;\n  animation-name: ",";\n  background-color: ",";\n  display: flex;\n  inset: 0;\n  overflow: auto;\n  position: fixed;\n  z-index: 400;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"ModalBackdropClose":"ModalBackdropOpen";},function(p){return p.theme.styles.modal.backdrop.background;});var Body$1=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n  flex: 1;\n  overflow: auto;\n  padding: ",";\n"],["\n  flex: 1;\n  overflow: auto;\n  padding: ",";\n"])),MARGIN_SIZE);var Footer=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n  border-top: 1px solid ",";\n  justify-content: flex-end;\n  padding: ",";\n"],["\n  border-top: 1px solid ",";\n  justify-content: flex-end;\n  padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Header=styled__default["default"](FlexBox)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n  align-items: center;\n  border-bottom: 1px solid ",";\n  padding: ",";\n"],["\n  align-items: center;\n  border-bottom: 1px solid ",";\n  padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Title$1=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  flex: 1;\n  font-weight: ",";\n"],["\n  flex: 1;\n  font-weight: ",";\n"])),FONT_WEIGHTS.BOLD);var templateObject_1$e,templateObject_2$9,templateObject_3$6,templateObject_4$4,templateObject_5$2,templateObject_6$1,templateObject_7;var FullScreen=styled__default["default"](function(_a){var children=_a.children,className=_a.className,fluidContent=_a.fluidContent,onCloseClicked=_a.onCloseClicked,_b=_a.visible,visible=_b===void 0?false:_b;return jsxRuntime.jsxs(Container$4,__assign({className:className,fluidContent:fluidContent,hidden:!visible,withRows:true},{children:[jsxRuntime.jsx(Button,{_css:styled.css(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n        align-self: flex-end;\n        padding: .5rem;\n        height: auto;\n        position: ",";\n        margin-top: ",";\n        margin-right: ",";\n        z-index: 1"],["\n        align-self: flex-end;\n        padding: .5rem;\n        height: auto;\n        position: ",";\n        margin-top: ",";\n        margin-right: ",";\n        z-index: 1"])),fluidContent?"absolute":"relative",fluidContent?"2rem":"1rem",fluidContent?"2rem":"0"),color:COLORS.WHITE,icon:js.mdiClose,iconSize:"1.5rem",onClick:onCloseClicked,pill:true}),jsxRuntime.jsx(Content$2,{children:visible?children:null})]}));})(templateObject_2$8||(templateObject_2$8=__makeTemplateObject([""],[""])));var Container$4=styled__default["default"](FlexBox)(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n  background: ",";\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n  top: ",";\n  left: 0;\n  z-index: ",";\n  padding: ",";\n  transition: top .5s ease-in-out;\n"],["\n  background: ",";\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n  top: ",";\n  left: 0;\n  z-index: ",";\n  padding: ",";\n  transition: top .5s ease-in-out;\n"])),COLORS.BLACK,function(_a){var hidden=_a.hidden;return hidden?"100vh":"0";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex+1;},function(_a){var fluidContent=_a.fluidContent;return fluidContent?"0":SPACINGS.SM;});var Content$2=styled__default["default"].div(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n"],["\n  height: 100%;\n  width: 100%;\n"])));var templateObject_1$d,templateObject_2$8,templateObject_3$5,templateObject_4$3;function mergeRefs(refs){return function(value){refs.forEach(function(ref){if(typeof ref==="function"){ref(value);}else if(ref!=null){ref.current=value;}});};}/**
  * generates a UID factory
  * @internal
  * @example