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

package/dist/layouts.js

@@ -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,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        align-self: flex-end;\n        padding: .5rem;\n        height: auto;\n        position: ",";\n        margin-top: ",";\n        margin-right: ",";"])),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;}});};}/**
+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