@idea-fragments/react-components-zendesk 0.1.36 → 0.1.37

package/dist/layouts.js

@@ -10169,7 +10169,7 @@ FlexBlock.COMPONENT_NAME=COMPONENT_NAME$1;FlexBlock.defaultProps={compactAxis:fa
 ])),SPACINGS.SM);// @ts-ignore
 PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$h,templateObject_2$b;var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(typeof window==="undefined"||!window.DEBUG_MODULES.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}return Logger;}();if(typeof window!=="undefined"){window.DEBUG_MODULES=new Set([// "Dropdown",
 // "SearchableSelector",
-]);}var listeners=new Set();var navBar;var scrolledPassedNavBar;var logger$4=new Logger("NavBarScrollWatcher");var checkNavPosition=function(){if(!navBar)return;var bottomPixel=navBar.getBoundingClientRect().height;var isCurrentlyPassedBar=window.scrollY>bottomPixel;logger$4.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$g||(templateObject_1$g=__makeTemplateObject(["\n  z-index: ",";\n"],["\n  z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.zIndex;});var templateObject_1$g;var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;return jsxRuntime.jsxs(Container$4,__assign({gap:"unset",withRows:true},{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["height: calc(100% - ",");"],["height: calc(100% - ",");"])),appBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]}));};var Container$4=styled__default["default"](FlexBox)(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var templateObject_1$f,templateObject_2$a;function newIdGenerator(){var id;return __generator(this,function(_a){switch(_a.label){case 0:id=0;_a.label=1;case 1:return[4/*yield*/,id++];case 2:_a.sent();return[3/*break*/,1];case 3:return[2/*return*/];}});}var nextId=function(generator){return generator.next().value;};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var deviceQueries=function(isSkinnyLayout){var _a;var _b=deviseSizes(!isSkinnyLayout),phoneSize=_b.phoneSize,tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;return _a={},_a[DEVICES.phone]="(max-width: ".concat(unit(phoneSize),")"),_a[DEVICES.tablet]="(min-width: ".concat(unit(phoneSize+1),") and (max-width: ").concat(unit(tabletSize),")"),_a[DEVICES.largeTablet]="(min-width: ".concat(unit(tabletSize+1),") and (max-width: ").concat(unit(largeTabletSize),")"),_a[DEVICES.smallComputer]="(min-width: ".concat(unit(largeTabletSize+1),") and (max-width: ").concat(unit(smallComputerSize),")"),_a[DEVICES.largeComputer]="(min-width: ".concat(unit(smallComputerSize+1),")"),_a;};var logger$3=new Logger("DeviceSizeWatcher");var checkAny=function(arr){return function(){return arr.some(function(f){return f();});};};var DeviceSizeWatcher=/** @class */function(){function DeviceSizeWatcher(){var _this=this;this.subscribers={};this.idGen=newIdGenerator();this.subscribe=function(callBack){var id=nextId(_this.idGen);_this.subscribers[id]=callBack;return id;};this.unsubscribe=function(id){_this.subscribers[id]=null;delete _this.subscribers[id];};this.notifyReceivers=function(s){Object.values(_this.subscribers).forEach(function(f){!!f&&f(s);});};this.isPhone=function(){return _this.currentSize===DEVICES.phone;};this.isTablet=function(){return _this.currentSize===DEVICES.tablet;};this.isLargeTablet=function(){return _this.currentSize===DEVICES.largeTablet;};this.isSmallComputer=function(){return _this.currentSize===DEVICES.smallComputer;};this.isLargeComputer=function(){return _this.currentSize===DEVICES.largeComputer;};this.isSmallComputerAndUp=checkAny([this.isSmallComputer,this.isLargeComputer]);this.isLargeTabletAndUp=checkAny([this.isLargeTablet,this.isSmallComputerAndUp]);this.isTabletAndUp=checkAny([this.isTablet,this.isLargeTabletAndUp]);this.any=function(arr){return arr.some(function(f){return f();});};this.getSize=function(){return _this.currentSize;};this.createAllListeners=function(){if(typeof window==="undefined")return;logger$3.writeInfo("createAllListeners");var queries=deviceQueries(true);logger$3.writeInfo("queries",queries);Object.entries(DEVICES).forEach(function(_a){var _b=__read(_a,2),name=_b[0],s=_b[1];logger$3.writeInfo("name",name);var ml=window.matchMedia(queries[s]);ml.addListener(function(e){if(!e.matches)return;_this.currentSize=s;logger$3.writeInfo("Changed to size:",name);_this.notifyReceivers(s);});if(ml.matches){_this.currentSize=s;logger$3.writeInfo("Initial size:",name);}});};this.createAllListeners();}return DeviceSizeWatcher;}();var deviceSizeWatcher=new DeviceSizeWatcher();var ComputersOnly=function(_a){var children=_a.children;var _b=__read(React__default.useState(deviceSizeWatcher.isSmallComputerAndUp()),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){deviceSizeWatcher.subscribe(function(_){setIsVisibleTo(deviceSizeWatcher.isSmallComputerAndUp());});},[]);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$e||(templateObject_1$e=__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$9||(templateObject_2$9=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n  height: auto;\n"],["\n  height: auto;\n"])));var templateObject_1$e,templateObject_2$9,templateObject_3$6;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$d||(templateObject_1$d=__makeTemplateObject(["\n  html {\n    overflow: hidden;\n  }\n"],["\n  html {\n    overflow: hidden;\n  }\n"// @ts-ignore
+]);}var listeners=new Set();var navBar;var scrolledPassedNavBar;var logger$4=new Logger("NavBarScrollWatcher");var checkNavPosition=function(){if(!navBar)return;var bottomPixel=navBar.getBoundingClientRect().height;var isCurrentlyPassedBar=window.scrollY>bottomPixel;logger$4.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$g||(templateObject_1$g=__makeTemplateObject(["\n  z-index: ",";\n"],["\n  z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.zIndex;});var templateObject_1$g;var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;return jsxRuntime.jsxs(Container$4,{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["min-height: calc(100% - ",");"],["min-height: calc(100% - ",");"])),appBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]});};var Container$4=styled__default["default"].div(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var templateObject_1$f,templateObject_2$a;function newIdGenerator(){var id;return __generator(this,function(_a){switch(_a.label){case 0:id=0;_a.label=1;case 1:return[4/*yield*/,id++];case 2:_a.sent();return[3/*break*/,1];case 3:return[2/*return*/];}});}var nextId=function(generator){return generator.next().value;};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var deviceQueries=function(isSkinnyLayout){var _a;var _b=deviseSizes(!isSkinnyLayout),phoneSize=_b.phoneSize,tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;return _a={},_a[DEVICES.phone]="(max-width: ".concat(unit(phoneSize),")"),_a[DEVICES.tablet]="(min-width: ".concat(unit(phoneSize+1),") and (max-width: ").concat(unit(tabletSize),")"),_a[DEVICES.largeTablet]="(min-width: ".concat(unit(tabletSize+1),") and (max-width: ").concat(unit(largeTabletSize),")"),_a[DEVICES.smallComputer]="(min-width: ".concat(unit(largeTabletSize+1),") and (max-width: ").concat(unit(smallComputerSize),")"),_a[DEVICES.largeComputer]="(min-width: ".concat(unit(smallComputerSize+1),")"),_a;};var logger$3=new Logger("DeviceSizeWatcher");var checkAny=function(arr){return function(){return arr.some(function(f){return f();});};};var DeviceSizeWatcher=/** @class */function(){function DeviceSizeWatcher(){var _this=this;this.subscribers={};this.idGen=newIdGenerator();this.subscribe=function(callBack){var id=nextId(_this.idGen);_this.subscribers[id]=callBack;return id;};this.unsubscribe=function(id){_this.subscribers[id]=null;delete _this.subscribers[id];};this.notifyReceivers=function(s){Object.values(_this.subscribers).forEach(function(f){!!f&&f(s);});};this.isPhone=function(){return _this.currentSize===DEVICES.phone;};this.isTablet=function(){return _this.currentSize===DEVICES.tablet;};this.isLargeTablet=function(){return _this.currentSize===DEVICES.largeTablet;};this.isSmallComputer=function(){return _this.currentSize===DEVICES.smallComputer;};this.isLargeComputer=function(){return _this.currentSize===DEVICES.largeComputer;};this.isSmallComputerAndUp=checkAny([this.isSmallComputer,this.isLargeComputer]);this.isLargeTabletAndUp=checkAny([this.isLargeTablet,this.isSmallComputerAndUp]);this.isTabletAndUp=checkAny([this.isTablet,this.isLargeTabletAndUp]);this.any=function(arr){return arr.some(function(f){return f();});};this.getSize=function(){return _this.currentSize;};this.createAllListeners=function(){if(typeof window==="undefined")return;logger$3.writeInfo("createAllListeners");var queries=deviceQueries(true);logger$3.writeInfo("queries",queries);Object.entries(DEVICES).forEach(function(_a){var _b=__read(_a,2),name=_b[0],s=_b[1];logger$3.writeInfo("name",name);var ml=window.matchMedia(queries[s]);ml.addListener(function(e){if(!e.matches)return;_this.currentSize=s;logger$3.writeInfo("Changed to size:",name);_this.notifyReceivers(s);});if(ml.matches){_this.currentSize=s;logger$3.writeInfo("Initial size:",name);}});};this.createAllListeners();}return DeviceSizeWatcher;}();var deviceSizeWatcher=new DeviceSizeWatcher();var ComputersOnly=function(_a){var children=_a.children;var _b=__read(React__default.useState(deviceSizeWatcher.isSmallComputerAndUp()),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){deviceSizeWatcher.subscribe(function(_){setIsVisibleTo(deviceSizeWatcher.isSmallComputerAndUp());});},[]);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$e||(templateObject_1$e=__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$9||(templateObject_2$9=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n  height: auto;\n"],["\n  height: auto;\n"])));var templateObject_1$e,templateObject_2$9,templateObject_3$6;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$d||(templateObject_1$d=__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$8||(templateObject_2$8=__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$5||(templateObject_3$5=__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$3||(templateObject_4$3=__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$d,templateObject_2$8,templateObject_3$5,templateObject_4$3,templateObject_5$2,templateObject_6$1,templateObject_7;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