@idea-fragments/react-components-zendesk 0.1.77 → 0.1.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calendars.js +1 -1
- package/dist/chats.js +1 -1
- package/dist/forms.js +1 -1
- package/dist/hooks.js +11 -5
- package/dist/hooks.js.map +1 -1
- package/dist/layouts.js +2 -2
- package/dist/layouts.js.map +1 -1
- package/dist/loaders.js +1 -1
- package/dist/media.js +18 -10
- package/dist/media.js.map +1 -1
- package/dist/tables.js +23 -23
- package/dist/tables.js.map +1 -1
- package/dist/types/media.d.ts +1 -0
- package/dist/utilities.js +1 -1
- package/package.json +1 -1
package/dist/layouts.js
CHANGED
|
@@ -10496,7 +10496,7 @@ onClick:autoLoadable?processClick:onClick,primary:primary}));}))(templateObject_
|
|
|
10496
10496
|
var forSmallComputersAndUp=mediaQueries().forSmallComputersAndUp;var SM=SPACINGS.SM;// Deprecated.. Component needs to be updated to use react context state managers
|
|
10497
10497
|
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
|
|
10498
10498
|
// @ts-ignore
|
|
10499
|
-
var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"\n padding-bottom: ".concat(SM,";\n "),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:"\n cursor: pointer;\n "},{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$p||(templateObject_1$p=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$j||(templateObject_2$j=__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$8).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$g||(templateObject_3$g=__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$9||(templateObject_5$9=__makeTemplateObject(["\n && {\n display: none;\n ","\n }\n"],["\n && {\n display: none;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n display: flex;\n "],["\n display: flex;\n "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$6||(templateObject_6$6=__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$1||(templateObject_8$1=__makeTemplateObject(["\n && {\n margin-right: 0;\n ","\n }\n"],["\n && {\n margin-right: 0;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$3||(templateObject_7$3=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])))));var templateObject_1$p,templateObject_2$j,templateObject_3$g,templateObject_4$c,templateObject_5$9,templateObject_6$6,templateObject_7$3,templateObject_8$1;var removeHorizontalPadding=styled.css(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.MD);return styled.css(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.body.padding);},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$o,templateObject_2$i,templateObject_3$f,templateObject_4$b,templateObject_5$8;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c;return jsxRuntime.jsx(Container$7,__assign({bordered:bordered,className:className,justifyContent:"flex-end",paddingSize:paddingSize},{children:actions}));})(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$2=styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$7=styled__default["default"](FlexBox)(templateObject_6$5||(templateObject_6$5=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.SM,SPACINGS.MD,SPACINGS.MD);return styled.css(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";});var templateObject_1$n,templateObject_2$h,templateObject_3$e,templateObject_4$a,templateObject_5$7,templateObject_6$5;var SectionHeader=styled__default["default"](React__default.forwardRef(function(_a,ref){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c,_d=_a.title,title=_d===void 0?children:_d;return jsxRuntime.jsxs(Container$6,__assign({bordered:bordered,className:className,paddingSize:paddingSize,ref:ref,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text$1,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text$1,{children:caption}):null]}));}))(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$6=styled__default["default"](FlexBox)(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.MD,SPACINGS.MD,SPACINGS.SM);return styled.css(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var Text$1=styled__default["default"].div(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"])));var templateObject_1$m,templateObject_2$g,templateObject_3$d,templateObject_4$9,templateObject_5$6,templateObject_6$4,templateObject_7$2;var SECTION_PADDING_SIZES={DEFAULT:"default",MEDIUM:"medium",SMALL:"small"};var boxShadow=styled.css(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var compactStyling=styled.css(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"],["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"])),SectionHeader,SectionBody,SectionBody,SectionFooter);var roundBorder=styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder=styled.css(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";},function(_a){var color=_a.color;return color&&color!=="transparent"?textColorForBackground:"";},function(_a){var compact=_a.compact;return compact?compactStyling:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$l,templateObject_2$f,templateObject_3$c,templateObject_4$8,templateObject_5$5;var Card=function(_a){var _css=_a._css,_b=_a.borderedSections,borderedSections=_b===void 0?false:_b,children=_a.children,_c=_a.compact,compact=_c===void 0?false:_c,color=_a.color,footerActions=_a.footerActions,headerActions=_a.headerActions,onClick=_a.onClick,shadowed=_a.shadowed,title=_a.title;var hasHeader=!!(title||headerActions);var hasFooter=!!footerActions;return jsxRuntime.jsxs(Section,__assign({_css:_css,bordered:true,color:color,compact:true,onClick:onClick,rounded:true,shadowed:shadowed},{children:[hasHeader?jsxRuntime.jsx(SectionHeader,__assign({actions:headerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:title})):null,children?jsxRuntime.jsx(SectionBody,__assign({paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:children})):null,hasFooter?jsxRuntime.jsx(SectionFooter,{actions:footerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM}):null]}));};var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var scrollBarHeight=theme.styles.appBar.scrollBar.height;return jsxRuntime.jsxs(Container$5,{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n min-height: calc(100% - "," - ",");\n "],["\n min-height: calc(100% - "," - ",");\n "])),appBarHeight,scrollBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]});};var Container$5=styled__default["default"].div(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$k,templateObject_2$e;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$1(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$1(_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$1(_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$1(_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$1(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$j||(templateObject_1$j=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),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$d||(templateObject_2$d=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n height: auto;\n"],["\n height: auto;\n"])));var templateObject_1$j,templateObject_2$d,templateObject_3$b;var dist={};Object.defineProperty(dist,'__esModule',{value:true});function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done){ar.push(r.value);}}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var modules=new Set();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(!modules.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(Logger.packagePrefix()).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;}var _a;_a=Logger;Logger.packageName="";Logger.addModules=function(m){m.forEach(function(name){return modules.add(name);});};Logger.getModules=function(){return __spreadArray([],__read(modules),false);};Logger.packagePrefix=function(){return!!_a.packageName?"".concat(_a.packageName," : "):"";};return Logger;}();if(typeof window!=="undefined")window.Logger=Logger;var Logger_1=dist.Logger=Logger;var name="@idea-fragments/react-components-zendesk";var version="0.1.77";var files=["dist/*.js","dist/*.js.map","dist/types"];var exports$1={"./*":{types:"./dist/types/*.d.ts","default":"./dist/*.js"}};var dependencies={"@idea-fragments/logger-js":"^0.0.1",color:"^4.2.3","jslib-html5-camera-photo":"^3.3.4",lodash:"^4.17.23",moment:"^2.29.3","react-date-range":"^1.4.0","react-list":"^0.8.18","react-number-format":"^4.9.3","tesseract.js":"^7.0.0"};var peerDependencies={"@mdi/js":">=6.7.96","@mdi/react":">=1.6.0","babel-loader":">=8.2.5","babel-plugin-styled-components":">=2.0.7",react:">=18.2.0","react-dom":">=18.2.0","styled-components":">=5.3.5"};var devDependencies={"@babel/core":"^7.18.0","@mdi/js":"^6.7.96","@mdi/react":"^1.6.0","@mdx-js/react":"^1.6.22","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.2","@storybook/addon-actions":"^7.5.3","@storybook/addon-controls":"^7.5.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-mdx-gfm":"^7.5.3","@storybook/preset-create-react-app":"^7.5.3","@storybook/react":"^7.5.3","@storybook/react-webpack5":"^7.5.3","@tsconfig/create-react-app":"^1.0.2","@types/color":"^3.0.3","@types/jslib-html5-camera-photo":"^3.1.2","@types/react-date-range":"^1.4.3","@types/styled-components":"^5.1.25","@typescript-eslint/eslint-plugin":"^5.25.0","@typescript-eslint/parser":"^5.25.0","@zendeskgarden/react-accordions":"^8.70.0","@zendeskgarden/react-avatars":"^8.51.0","@zendeskgarden/react-breadcrumbs":"^8.51.0","@zendeskgarden/react-buttons":"^8.51.0","@zendeskgarden/react-datepickers":"^8.51.0","@zendeskgarden/react-dropdowns":"^8.51.0","@zendeskgarden/react-forms":"^8.51.0","@zendeskgarden/react-grid":"^8.51.0","@zendeskgarden/react-loaders":"^8.51.0","@zendeskgarden/react-modals":"^8.51.0","@zendeskgarden/react-notifications":"^8.51.0","@zendeskgarden/react-pagination":"^8.51.0","@zendeskgarden/react-tables":"^8.51.0","@zendeskgarden/react-tabs":"^8.51.0","@zendeskgarden/react-tags":"^8.51.0","@zendeskgarden/react-theming":"^8.51.0","@zendeskgarden/react-tooltips":"^8.51.0","@zendeskgarden/react-typography":"^8.51.0","babel-loader":"^8.2.5","babel-plugin-styled-components":"^2.0.7",eslint:"^8.16.0","eslint-config-prettier":"^8.8.0","eslint-config-react-app":"^7.0.1","patch-package":"^8.0.1","pre-commit":"^1.2.2",prettier:"^2.8.6",react:"18.2.0","react-dom":"18.2.0","react-easy-crop":"^4.7.4","react-images-uploading":"^3.1.7","react-player":"^2.12.0","react-scripts":"^5.0.1",rollup:"^2.74.1","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.2","source-map":"^0.8.0-beta.0",storybook:"^7.5.3","styled-components":"^5.3.5",tslib:"^2.4.0",typescript:"^4.6.4",webpack:"^5.73.0"};var overrides={"@mdx-js/react":{react:"18.2.0"},react:"18.2.0","react-dom":"18.2.0"};var resolutions={"source-map":"^0.8.0-beta.0"};var scripts={build:"react-scripts build","build-storybook":"storybook build",cleanup:"rm -rf dist",eject:"react-scripts eject",format:"./git_hooks/pre_commit/prettier.sh",lint:"eslint",postinstall:"patch-package",rollup:"node scripts/rollup-prompt.js",start:"react-scripts start",storybook:"storybook dev -p 6006",test:"react-scripts test"};var eslintConfig={"extends":["react-app","prettier"],overrides:[{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off"}},{files:["*.ts"],plugins:["@typescript-eslint"],parser:"@typescript-eslint/parser",parserOptions:{project:"./tsconfig.json"}},{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off","react-hooks/exhaustive-deps":"error"}}]};var browserslist={production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]};var description="Component library built on the V6 version of the Zendesk React components library.";var repository={type:"git",url:"git+https://github.com/idea-fragments/react_components_zendesk.git"};var keywords=["react"];var author="IdeaFragments";var license="MIT";var bugs={url:"https://github.com/idea-fragments/react_components_zendesk/issues"};var homepage="https://github.com/idea-fragments/react_components_zendesk#readme";var types="./dist/index.d.ts";var packageJson={name:name,version:version,"private":false,files:files,exports:exports$1,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,overrides:overrides,resolutions:resolutions,scripts:scripts,eslintConfig:eslintConfig,browserslist:browserslist,description:description,repository:repository,keywords:keywords,author:author,license:license,bugs:bugs,homepage:homepage,types:types,"pre-commit":{run:["format","lint"]}};Logger_1.packageName=packageJson.name;var DRAWER_SIZES={DEFAULT:"default",FULL_WIDTH:"fullWidth",LARGE:"large"};var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger_1("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var className=_a.className,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$1(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read$1(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,size=_d.size,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var widthFromSize=React__default.useMemo(function(){switch(size){case DRAWER_SIZES.FULL_WIDTH:return"width: 100%;";case DRAWER_SIZES.LARGE:return"width: 700px;";default:return"";}},[size]);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({_css:styled.css(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n && {\n ","\n }\n "],["\n && {\n ","\n }\n "])),widthFromSize),className:className,isClosing:isClosing,withRows:true},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:theme.styles.drawer.icon,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_2$c||(templateObject_2$c=__makeTemplateObject(["\n html {\n overflow: hidden;\n }\n\n width: ",";\n max-width: calc(100vw - ",");\n ","\n"],["\n html {\n overflow: hidden;\n }\n\n width: ",";\n max-width: calc(100vw - ",");\n ","\n"])),function(_a){var width=_a.width,theme=_a.theme;return width!==null&&width!==void 0?width:theme.styles.drawer.width;},SPACINGS.SM,function(_a){var _css=_a._css;return _css;});var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n @keyframes DrawerAbsoluteContainerOpen {\n from {\n right: -380px;\n }\n to {\n right: 0;\n }\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {\n right: 0;\n }\n 20% {\n right: 20px;\n }\n to {\n right: -380px;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: ",";\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 {\n right: -380px;\n }\n to {\n right: 0;\n }\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {\n right: 0;\n }\n 20% {\n right: 20px;\n }\n to {\n right: -380px;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: ",";\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_4$7||(templateObject_4$7=__makeTemplateObject(["\n @keyframes ModalBackdropOpen {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes ModalBackdropClose {\n 0% {\n opacity: 100%;\n }\n 50% {\n opacity: 100%;\n }\n to {\n opacity: 0;\n }\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 width: 100%;\n"],["\n @keyframes ModalBackdropOpen {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes ModalBackdropClose {\n 0% {\n opacity: 100%;\n }\n 50% {\n opacity: 100%;\n }\n to {\n opacity: 0;\n }\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 width: 100%;\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_5$4||(templateObject_5$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_6$3||(templateObject_6$3=__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_7$1||(templateObject_7$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_8||(templateObject_8=__makeTemplateObject(["\n flex: 1;\n font-weight: ",";\n"],["\n flex: 1;\n font-weight: ",";\n"])),FONT_WEIGHTS.BOLD);var templateObject_1$i,templateObject_2$c,templateObject_3$a,templateObject_4$7,templateObject_5$4,templateObject_6$3,templateObject_7$1,templateObject_8;var defaultUiState={setDrawerState:function(){throw new Error("initial state not set");},drawerState:{isDrawerOpen:false,drawerContentState:{}}};var DrawerStateContext=React__default.createContext(defaultUiState);var useDrawerState=function(){var _a=React__default.useContext(DrawerStateContext),drawerState=_a.drawerState,setDrawerState=_a.setDrawerState;var closeDrawer=React__default.useCallback(function(){setDrawerState(function(previous){return __assign(__assign({},previous),{isDrawerOpen:false,drawerContent:undefined,drawerContentState:{}});});},[setDrawerState]);var openDrawerWith=React__default.useCallback(function(c){setDrawerState(function(previous){return __assign(__assign({},previous),{isDrawerOpen:true,drawerContent:__assign({autoClose:true},c),drawerContentState:{}});});},[setDrawerState]);var setDrawerContentState=React__default.useCallback(function(state){setDrawerState(function(previous){return __assign(__assign({},previous),{drawerContentState:__assign(__assign({},previous.drawerContentState),state)});});},[setDrawerState]);return{closeDrawer:closeDrawer,openDrawerWith:openDrawerWith,setDrawerContentState:setDrawerContentState,setDrawerState:setDrawerState,drawerState:drawerState};};var DrawerModalManager=function(){var _a=useDrawerState(),closeDrawer=_a.closeDrawer,drawerState=_a.drawerState;var isDrawerOpen=drawerState.isDrawerOpen,drawerContent=drawerState.drawerContent;return jsxRuntime.jsx(exports.Drawer,{closeDrawer:closeDrawer,drawerContent:drawerContent,isOpen:isDrawerOpen});};var DrawerModalStateProvider=function(_a){var children=_a.children;var defaultState=React__default.useContext(DrawerStateContext);var _b=__read$1(React__default.useState(defaultState.drawerState),2),state=_b[0],setState=_b[1];var _c=__read$1(React__default.useState({setDrawerState:setState,drawerState:state}),2),drawerModalStateWithDispatch=_c[0],setDrawerModalStateWithDispatch=_c[1];React__default.useEffect(function(){setDrawerModalStateWithDispatch({setDrawerState:setState,drawerState:state});},[state]);return jsxRuntime.jsx(DrawerStateContext.Provider,__assign({value:drawerModalStateWithDispatch},{children:children}));};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;var theme=useTheme();return jsxRuntime.jsxs(Container$4,__assign({className:className,fluidContent:fluidContent,hidden:!visible,withRows:true},{children:[jsxRuntime.jsx(Button,{_css:styled.css(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n align-self: flex-end;\n padding: 0.5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1;\n "],["\n align-self: flex-end;\n padding: 0.5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1;\n "])),fluidContent?"absolute":"relative",fluidContent?"2rem":"1rem",fluidContent?"2rem":"0"),color:theme.styles.colors.white,icon:js.mdiClose,iconSize:"1.5rem",onClick:onCloseClicked,pill:true}),jsxRuntime.jsx(Content$2,{children:visible?children:null})]}));})(templateObject_2$b||(templateObject_2$b=__makeTemplateObject([""],[""])));var Container$4=styled__default["default"](FlexBox)(templateObject_3$9||(templateObject_3$9=__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 0.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 0.5s ease-in-out;\n"])),function(_a){var theme=_a.theme;return theme.styles.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$6||(templateObject_4$6=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n"],["\n height: 100%;\n width: 100%;\n"])));var templateObject_1$h,templateObject_2$b,templateObject_3$9,templateObject_4$6;// This could've been more streamlined with internal state instead of abusing
|
|
10499
|
+
var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"\n padding-bottom: ".concat(SM,";\n "),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:"\n cursor: pointer;\n "},{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$p||(templateObject_1$p=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$j||(templateObject_2$j=__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$8).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$g||(templateObject_3$g=__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$9||(templateObject_5$9=__makeTemplateObject(["\n && {\n display: none;\n ","\n }\n"],["\n && {\n display: none;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n display: flex;\n "],["\n display: flex;\n "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$6||(templateObject_6$6=__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$1||(templateObject_8$1=__makeTemplateObject(["\n && {\n margin-right: 0;\n ","\n }\n"],["\n && {\n margin-right: 0;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$3||(templateObject_7$3=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])))));var templateObject_1$p,templateObject_2$j,templateObject_3$g,templateObject_4$c,templateObject_5$9,templateObject_6$6,templateObject_7$3,templateObject_8$1;var removeHorizontalPadding=styled.css(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.MD);return styled.css(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.body.padding);},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$o,templateObject_2$i,templateObject_3$f,templateObject_4$b,templateObject_5$8;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c;return jsxRuntime.jsx(Container$7,__assign({bordered:bordered,className:className,justifyContent:"flex-end",paddingSize:paddingSize},{children:actions}));})(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$2=styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$7=styled__default["default"](FlexBox)(templateObject_6$5||(templateObject_6$5=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.SM,SPACINGS.MD,SPACINGS.MD);return styled.css(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";});var templateObject_1$n,templateObject_2$h,templateObject_3$e,templateObject_4$a,templateObject_5$7,templateObject_6$5;var SectionHeader=styled__default["default"](React__default.forwardRef(function(_a,ref){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c,_d=_a.title,title=_d===void 0?children:_d;return jsxRuntime.jsxs(Container$6,__assign({bordered:bordered,className:className,paddingSize:paddingSize,ref:ref,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text$1,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text$1,{children:caption}):null]}));}))(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$6=styled__default["default"](FlexBox)(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.MD,SPACINGS.MD,SPACINGS.SM);return styled.css(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var Text$1=styled__default["default"].div(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"])));var templateObject_1$m,templateObject_2$g,templateObject_3$d,templateObject_4$9,templateObject_5$6,templateObject_6$4,templateObject_7$2;var SECTION_PADDING_SIZES={DEFAULT:"default",MEDIUM:"medium",SMALL:"small"};var boxShadow=styled.css(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var compactStyling=styled.css(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"],["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"])),SectionHeader,SectionBody,SectionBody,SectionFooter);var roundBorder=styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder=styled.css(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";},function(_a){var color=_a.color;return color&&color!=="transparent"?textColorForBackground:"";},function(_a){var compact=_a.compact;return compact?compactStyling:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$l,templateObject_2$f,templateObject_3$c,templateObject_4$8,templateObject_5$5;var Card=function(_a){var _css=_a._css,_b=_a.borderedSections,borderedSections=_b===void 0?false:_b,children=_a.children,_c=_a.compact,compact=_c===void 0?false:_c,color=_a.color,footerActions=_a.footerActions,headerActions=_a.headerActions,onClick=_a.onClick,shadowed=_a.shadowed,title=_a.title;var hasHeader=!!(title||headerActions);var hasFooter=!!footerActions;return jsxRuntime.jsxs(Section,__assign({_css:_css,bordered:true,color:color,compact:true,onClick:onClick,rounded:true,shadowed:shadowed},{children:[hasHeader?jsxRuntime.jsx(SectionHeader,__assign({actions:headerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:title})):null,children?jsxRuntime.jsx(SectionBody,__assign({paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:children})):null,hasFooter?jsxRuntime.jsx(SectionFooter,{actions:footerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM}):null]}));};var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var scrollBarHeight=theme.styles.appBar.scrollBar.height;return jsxRuntime.jsxs(Container$5,{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n min-height: calc(100% - "," - ",");\n "],["\n min-height: calc(100% - "," - ",");\n "])),appBarHeight,scrollBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]});};var Container$5=styled__default["default"].div(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$k,templateObject_2$e;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$1(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$1(_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$1(_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$1(_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$1(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$j||(templateObject_1$j=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),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$d||(templateObject_2$d=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](Button).attrs({compact:true,size:BUTTON_SIZES.X_SMALL})(templateObject_3$b||(templateObject_3$b=__makeTemplateObject([""],[""])));var templateObject_1$j,templateObject_2$d,templateObject_3$b;var dist={};Object.defineProperty(dist,'__esModule',{value:true});function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done){ar.push(r.value);}}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var modules=new Set();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(!modules.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(Logger.packagePrefix()).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;}var _a;_a=Logger;Logger.packageName="";Logger.addModules=function(m){m.forEach(function(name){return modules.add(name);});};Logger.getModules=function(){return __spreadArray([],__read(modules),false);};Logger.packagePrefix=function(){return!!_a.packageName?"".concat(_a.packageName," : "):"";};return Logger;}();if(typeof window!=="undefined")window.Logger=Logger;var Logger_1=dist.Logger=Logger;var name="@idea-fragments/react-components-zendesk";var version="0.1.79";var files=["dist/*.js","dist/*.js.map","dist/types"];var exports$1={"./*":{types:"./dist/types/*.d.ts","default":"./dist/*.js"}};var dependencies={"@idea-fragments/logger-js":"^0.0.1",color:"^4.2.3","jslib-html5-camera-photo":"^3.3.4",lodash:"^4.17.23",moment:"^2.29.3","react-date-range":"^1.4.0","react-list":"^0.8.18","react-number-format":"^4.9.3","tesseract.js":"^7.0.0"};var peerDependencies={"@mdi/js":">=6.7.96","@mdi/react":">=1.6.0","babel-loader":">=8.2.5","babel-plugin-styled-components":">=2.0.7",react:">=18.2.0","react-dom":">=18.2.0","styled-components":">=5.3.5"};var devDependencies={"@babel/core":"^7.18.0","@mdi/js":"^6.7.96","@mdi/react":"^1.6.0","@mdx-js/react":"^1.6.22","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.2","@storybook/addon-actions":"^7.5.3","@storybook/addon-controls":"^7.5.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-mdx-gfm":"^7.5.3","@storybook/preset-create-react-app":"^7.5.3","@storybook/react":"^7.5.3","@storybook/react-webpack5":"^7.5.3","@tsconfig/create-react-app":"^1.0.2","@types/color":"^3.0.3","@types/jslib-html5-camera-photo":"^3.1.2","@types/react-date-range":"^1.4.3","@types/styled-components":"^5.1.25","@typescript-eslint/eslint-plugin":"^5.25.0","@typescript-eslint/parser":"^5.25.0","@zendeskgarden/react-accordions":"^8.70.0","@zendeskgarden/react-avatars":"^8.51.0","@zendeskgarden/react-breadcrumbs":"^8.51.0","@zendeskgarden/react-buttons":"^8.51.0","@zendeskgarden/react-datepickers":"^8.51.0","@zendeskgarden/react-dropdowns":"^8.51.0","@zendeskgarden/react-forms":"^8.51.0","@zendeskgarden/react-grid":"^8.51.0","@zendeskgarden/react-loaders":"^8.51.0","@zendeskgarden/react-modals":"^8.51.0","@zendeskgarden/react-notifications":"^8.51.0","@zendeskgarden/react-pagination":"^8.51.0","@zendeskgarden/react-tables":"^8.51.0","@zendeskgarden/react-tabs":"^8.51.0","@zendeskgarden/react-tags":"^8.51.0","@zendeskgarden/react-theming":"^8.51.0","@zendeskgarden/react-tooltips":"^8.51.0","@zendeskgarden/react-typography":"^8.51.0","babel-loader":"^8.2.5","babel-plugin-styled-components":"^2.0.7",eslint:"^8.16.0","eslint-config-prettier":"^8.8.0","eslint-config-react-app":"^7.0.1","patch-package":"^8.0.1","pre-commit":"^1.2.2",prettier:"^2.8.6",react:"18.2.0","react-dom":"18.2.0","react-easy-crop":"^4.7.4","react-images-uploading":"^3.1.7","react-player":"^2.12.0","react-scripts":"^5.0.1",rollup:"^2.74.1","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.2","source-map":"^0.8.0-beta.0",storybook:"^7.5.3","styled-components":"^5.3.5",tslib:"^2.4.0",typescript:"^4.6.4",webpack:"^5.73.0"};var overrides={"@mdx-js/react":{react:"18.2.0"},react:"18.2.0","react-dom":"18.2.0"};var resolutions={"source-map":"^0.8.0-beta.0"};var scripts={build:"react-scripts build","build-storybook":"storybook build",cleanup:"rm -rf dist",eject:"react-scripts eject",format:"./git_hooks/pre_commit/prettier.sh",lint:"eslint",postinstall:"patch-package",rollup:"node scripts/rollup-prompt.js",start:"react-scripts start",storybook:"storybook dev -p 6006",test:"react-scripts test"};var eslintConfig={"extends":["react-app","prettier"],overrides:[{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off"}},{files:["*.ts"],plugins:["@typescript-eslint"],parser:"@typescript-eslint/parser",parserOptions:{project:"./tsconfig.json"}},{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off","react-hooks/exhaustive-deps":"error"}}]};var browserslist={production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]};var description="Component library built on the V6 version of the Zendesk React components library.";var repository={type:"git",url:"git+https://github.com/idea-fragments/react_components_zendesk.git"};var keywords=["react"];var author="IdeaFragments";var license="MIT";var bugs={url:"https://github.com/idea-fragments/react_components_zendesk/issues"};var homepage="https://github.com/idea-fragments/react_components_zendesk#readme";var types="./dist/index.d.ts";var packageJson={name:name,version:version,"private":false,files:files,exports:exports$1,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,overrides:overrides,resolutions:resolutions,scripts:scripts,eslintConfig:eslintConfig,browserslist:browserslist,description:description,repository:repository,keywords:keywords,author:author,license:license,bugs:bugs,homepage:homepage,types:types,"pre-commit":{run:["format","lint"]}};Logger_1.packageName=packageJson.name;var DRAWER_SIZES={DEFAULT:"default",FULL_WIDTH:"fullWidth",LARGE:"large"};var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger_1("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var className=_a.className,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$1(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read$1(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,size=_d.size,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var widthFromSize=React__default.useMemo(function(){switch(size){case DRAWER_SIZES.FULL_WIDTH:return"width: 100%;";case DRAWER_SIZES.LARGE:return"width: 700px;";default:return"";}},[size]);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({_css:styled.css(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n && {\n ","\n }\n "],["\n && {\n ","\n }\n "])),widthFromSize),className:className,isClosing:isClosing,withRows:true},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:theme.styles.drawer.icon,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_2$c||(templateObject_2$c=__makeTemplateObject(["\n html {\n overflow: hidden;\n }\n\n width: ",";\n max-width: calc(100vw - ",");\n ","\n"],["\n html {\n overflow: hidden;\n }\n\n width: ",";\n max-width: calc(100vw - ",");\n ","\n"])),function(_a){var width=_a.width,theme=_a.theme;return width!==null&&width!==void 0?width:theme.styles.drawer.width;},SPACINGS.SM,function(_a){var _css=_a._css;return _css;});var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n @keyframes DrawerAbsoluteContainerOpen {\n from {\n right: -380px;\n }\n to {\n right: 0;\n }\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {\n right: 0;\n }\n 20% {\n right: 20px;\n }\n to {\n right: -380px;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: ",";\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 {\n right: -380px;\n }\n to {\n right: 0;\n }\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {\n right: 0;\n }\n 20% {\n right: 20px;\n }\n to {\n right: -380px;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: ",";\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_4$7||(templateObject_4$7=__makeTemplateObject(["\n @keyframes ModalBackdropOpen {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes ModalBackdropClose {\n 0% {\n opacity: 100%;\n }\n 50% {\n opacity: 100%;\n }\n to {\n opacity: 0;\n }\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 width: 100%;\n"],["\n @keyframes ModalBackdropOpen {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes ModalBackdropClose {\n 0% {\n opacity: 100%;\n }\n 50% {\n opacity: 100%;\n }\n to {\n opacity: 0;\n }\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 width: 100%;\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_5$4||(templateObject_5$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_6$3||(templateObject_6$3=__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_7$1||(templateObject_7$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_8||(templateObject_8=__makeTemplateObject(["\n flex: 1;\n font-weight: ",";\n"],["\n flex: 1;\n font-weight: ",";\n"])),FONT_WEIGHTS.BOLD);var templateObject_1$i,templateObject_2$c,templateObject_3$a,templateObject_4$7,templateObject_5$4,templateObject_6$3,templateObject_7$1,templateObject_8;var defaultUiState={setDrawerState:function(){throw new Error("initial state not set");},drawerState:{isDrawerOpen:false,drawerContentState:{}}};var DrawerStateContext=React__default.createContext(defaultUiState);var useDrawerState=function(){var _a=React__default.useContext(DrawerStateContext),drawerState=_a.drawerState,setDrawerState=_a.setDrawerState;var closeDrawer=React__default.useCallback(function(){setDrawerState(function(previous){return __assign(__assign({},previous),{isDrawerOpen:false,drawerContent:undefined,drawerContentState:{}});});},[setDrawerState]);var openDrawerWith=React__default.useCallback(function(c){setDrawerState(function(previous){return __assign(__assign({},previous),{isDrawerOpen:true,drawerContent:__assign({autoClose:true},c),drawerContentState:{}});});},[setDrawerState]);var setDrawerContentState=React__default.useCallback(function(state){setDrawerState(function(previous){return __assign(__assign({},previous),{drawerContentState:__assign(__assign({},previous.drawerContentState),state)});});},[setDrawerState]);return{closeDrawer:closeDrawer,openDrawerWith:openDrawerWith,setDrawerContentState:setDrawerContentState,setDrawerState:setDrawerState,drawerState:drawerState};};var DrawerModalManager=function(){var _a=useDrawerState(),closeDrawer=_a.closeDrawer,drawerState=_a.drawerState;var isDrawerOpen=drawerState.isDrawerOpen,drawerContent=drawerState.drawerContent;return jsxRuntime.jsx(exports.Drawer,{closeDrawer:closeDrawer,drawerContent:drawerContent,isOpen:isDrawerOpen});};var DrawerModalStateProvider=function(_a){var children=_a.children;var defaultState=React__default.useContext(DrawerStateContext);var _b=__read$1(React__default.useState(defaultState.drawerState),2),state=_b[0],setState=_b[1];var _c=__read$1(React__default.useState({setDrawerState:setState,drawerState:state}),2),drawerModalStateWithDispatch=_c[0],setDrawerModalStateWithDispatch=_c[1];React__default.useEffect(function(){setDrawerModalStateWithDispatch({setDrawerState:setState,drawerState:state});},[state]);return jsxRuntime.jsx(DrawerStateContext.Provider,__assign({value:drawerModalStateWithDispatch},{children:children}));};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;var theme=useTheme();return jsxRuntime.jsxs(Container$4,__assign({className:className,fluidContent:fluidContent,hidden:!visible,withRows:true},{children:[jsxRuntime.jsx(Button,{_css:styled.css(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n align-self: flex-end;\n padding: 0.5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1;\n "],["\n align-self: flex-end;\n padding: 0.5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1;\n "])),fluidContent?"absolute":"relative",fluidContent?"2rem":"1rem",fluidContent?"2rem":"0"),color:theme.styles.colors.white,icon:js.mdiClose,iconSize:"1.5rem",onClick:onCloseClicked,pill:true}),jsxRuntime.jsx(Content$2,{children:visible?children:null})]}));})(templateObject_2$b||(templateObject_2$b=__makeTemplateObject([""],[""])));var Container$4=styled__default["default"](FlexBox)(templateObject_3$9||(templateObject_3$9=__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 0.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 0.5s ease-in-out;\n"])),function(_a){var theme=_a.theme;return theme.styles.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$6||(templateObject_4$6=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n"],["\n height: 100%;\n width: 100%;\n"])));var templateObject_1$h,templateObject_2$b,templateObject_3$9,templateObject_4$6;// This could've been more streamlined with internal state instead of abusing
|
|
10500
10500
|
// refs to such extent, but then composing hooks and components could not opt out of unnecessary renders.
|
|
10501
10501
|
function useResolvedElement(subscriber,refOrElement){var lastReportRef=React__default.useRef(null);var refOrElementRef=React__default.useRef(null);refOrElementRef.current=refOrElement;var cbElementRef=React__default.useRef(null);// Calling re-evaluation after each render without using a dep array,
|
|
10502
10502
|
// as the ref object's current value could've changed since the last render.
|
|
@@ -11629,7 +11629,7 @@ if(prevState.placement!==this.state.placement){this.scheduleUpdate();}};_proto.c
|
|
|
11629
11629
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11630
11630
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11631
11631
|
*/function _extends$w(){_extends$w=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$w.apply(this,arguments);}const ALIGN_ITEMS=['start','end','center','baseline','stretch'];const ALIGN_SELF=['auto',...ALIGN_ITEMS];const JUSTIFY_CONTENT=['start','end','center','between','around'];const TEXT_ALIGN=['start','end','center','justify'];const SPACE=[false,'xxs','xs','sm','md','lg','xl','xxl'];const WRAP=['nowrap','wrap','wrap-reverse'];const ORIENTATION=['top','bottom','start','end'];const COMPONENT_ID$6$3='grid.col';const colorStyles$4$1=props=>{const backgroundColor=getColor$1('primaryHue',600,props.theme,0.1);return styled.css(["background-clip:content-box;background-color:",";"],backgroundColor);};const flexStyles$1=(size,alignSelf,textAlign,offset,order,props)=>{const margin=offset&&`${math(`${offset} / ${props.columns} * 100`)}%`;let flexBasis;let flexGrow;let maxWidth;let width;if(typeof size==='boolean'){flexBasis=0;flexGrow=1;maxWidth='100%';}else if(size==='auto'){flexBasis='auto';flexGrow=0;maxWidth='100%';width='auto';}else if(size!==undefined){flexBasis=`${math(`${size} / ${props.columns} * 100`)}%`;flexGrow=0;maxWidth=flexBasis;}let horizontalAlign;if(textAlign==='start'){horizontalAlign=props.theme.rtl?'right':'left';}else if(textAlign==='end'){horizontalAlign=props.theme.rtl?'left':'right';}else{horizontalAlign=textAlign;}let flexOrder;if(order==='first'){flexOrder=-1;}else if(order==='last'){flexOrder=math(`${props.columns} + 1`);}else{flexOrder=order;}return styled.css(["flex-basis:",";flex-grow:",";flex-shrink:",";align-self:",";order:",";margin-",":",";width:",";max-width:",";text-align:",";"],flexBasis,flexGrow,size&&0,alignSelf==='start'||alignSelf==='end'?`flex-${alignSelf}`:alignSelf,flexOrder,props.theme.rtl?'right':'left',margin,width,maxWidth,horizontalAlign);};const mediaStyles$1=(minWidth,size,alignSelf,textAlign,offset,order,props)=>{return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles$1(size,alignSelf,textAlign,offset,order,props));};const sizeStyles$4$1=props=>{const padding=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};const StyledCol=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$6$3,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledCol",componentId:"sc-inuw62-0"})(["box-sizing:border-box;width:100%;",";",";",";",";",";",";",";",";",";"],props=>flexStyles$1(!props.sizeAll&&(props.xs||props.sm||props.md||props.lg||props.xl)?undefined:props.sizeAll||false,props.alignSelf,props.textAlign,props.offset,props.order,props),props=>sizeStyles$4$1(props),props=>props.debug&&colorStyles$4$1(props),props=>mediaStyles$1(props.theme.breakpoints.xs,props.xs,props.alignSelfXs,props.textAlignXs,props.offsetXs,props.orderXs,props),props=>mediaStyles$1(props.theme.breakpoints.sm,props.sm,props.alignSelfSm,props.textAlignSm,props.offsetSm,props.orderSm,props),props=>mediaStyles$1(props.theme.breakpoints.md,props.md,props.alignSelfMd,props.textAlignMd,props.offsetMd,props.orderMd,props),props=>mediaStyles$1(props.theme.breakpoints.lg,props.lg,props.alignSelfLg,props.textAlignLg,props.offsetLg,props.orderLg,props),props=>mediaStyles$1(props.theme.breakpoints.xl,props.xl,props.alignSelfXl,props.textAlignXl,props.offsetXl,props.orderXl,props),props=>retrieveComponentStyles(COMPONENT_ID$6$3,props));StyledCol.defaultProps={columns:12,theme:DEFAULT_THEME};const COMPONENT_ID$5$3='grid.grid';const colorStyles$3$1=props=>{const borderColor=getColor$1(props.theme.palette.crimson,400,props.theme,0.5);const borderWidth=math(`${props.theme.borderWidths.sm} * 2`);return styled.css(["box-shadow:-"," 0 0 0 ",","," 0 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};const sizeStyles$3$1=props=>{const padding=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};const StyledGrid=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$3,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledGrid",componentId:"sc-oxgg5i-0"})(["direction:",";margin-right:auto;margin-left:auto;width:100%;box-sizing:border-box;",";",";",";"],props=>props.theme.rtl&&'rtl',props=>sizeStyles$3$1(props),props=>props.debug&&colorStyles$3$1(props),props=>retrieveComponentStyles(COMPONENT_ID$5$3,props));StyledGrid.defaultProps={gutters:'md',theme:DEFAULT_THEME};const COMPONENT_ID$4$3='grid.row';const colorStyles$2$1=props=>{const borderColor=getColor$1(props.theme.palette.mint,600,props.theme,0.5);const borderWidth=props.theme.borderWidths.sm;return styled.css(["box-shadow:inset 0 "," 0 0 ",",inset 0 -"," 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};const flexStyles=(alignItems,justifyContent,wrap)=>{let flexAlignItems;let flexJustifyContent;if(alignItems==='start'||alignItems==='end'){flexAlignItems=`flex-${alignItems}`;}else{flexAlignItems=alignItems;}if(justifyContent==='start'||justifyContent==='end'){flexJustifyContent=`flex-${justifyContent}`;}else if(justifyContent==='between'||justifyContent==='around'){flexJustifyContent=`space-${justifyContent}`;}else{flexJustifyContent=justifyContent;}return styled.css(["flex-wrap:",";align-items:",";justify-content:",";"],wrap,flexAlignItems,flexJustifyContent);};const mediaStyles=(minWidth,alignItems,justifyContent,wrap)=>{return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles(alignItems,justifyContent,wrap));};const sizeStyles$2$1=props=>{const margin=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["margin-right:-",";margin-left:-",";"],margin,margin);};const StyledRow$1=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$3,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledRow",componentId:"sc-xjsdg1-0"})(["display:flex;box-sizing:border-box;"," ",";",";",";",";",";",";",";",";"],props=>flexStyles(props.alignItems,props.justifyContent,props.wrapAll),props=>sizeStyles$2$1(props),props=>props.debug&&colorStyles$2$1(props),props=>mediaStyles(props.theme.breakpoints.xs,props.alignItemsXs,props.justifyContentXs,props.wrapXs),props=>mediaStyles(props.theme.breakpoints.sm,props.alignItemsSm,props.justifyContentSm,props.wrapSm),props=>mediaStyles(props.theme.breakpoints.md,props.alignItemsMd,props.justifyContentMd,props.wrapMd),props=>mediaStyles(props.theme.breakpoints.lg,props.alignItemsLg,props.justifyContentLg,props.wrapLg),props=>mediaStyles(props.theme.breakpoints.xl,props.alignItemsXl,props.justifyContentXl,props.wrapXl),props=>retrieveComponentStyles(COMPONENT_ID$4$3,props));StyledRow$1.defaultProps={wrapAll:'wrap',theme:DEFAULT_THEME};const COMPONENT_ID$3$3='pane';const StyledPane=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$3$3,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPane",componentId:"sc-1ltjst7-0"})(["position:relative;min-width:0;min-height:0;",";"],props=>retrieveComponentStyles(COMPONENT_ID$3$3,props));StyledPane.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$3='pane.content';const StyledPaneContent=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$3,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPaneContent",componentId:"sc-1b38mbh-0"})(["height:100%;overflow:auto;&[hidden]{display:none;}",";"],props=>retrieveComponentStyles(COMPONENT_ID$2$3,props));StyledPaneContent.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1$3='pane.splitter';const colorStyles$1$2=props=>{const color=getColor$1('neutralHue',300,props.theme);const hoverColor=getColor$1('primaryHue',600,props.theme);const activeColor=getColor$1('primaryHue',800,props.theme);return styled.css(["&::before{background-color:",";}&:hover::before{background-color:",";}"," &:active::before{background-color:",";}"],color,props.isHovered&&hoverColor,focusStyles({theme:props.theme,hue:hoverColor,styles:{backgroundColor:hoverColor},selector:'&:focus-visible::before, &[data-garden-focus-visible="true"]::before'}),props.isHovered&&activeColor);};const sizeStyles$1$2=props=>{const size=math(`${props.theme.shadowWidths.md} * 2`);const separatorSize=math(`${props.theme.borderWidths.sm} * 2`);const offset=math(`-${size} / 2`);let cursor;let top;let right;let left;let bottom;let width;let height;let separatorWidth;let separatorHeight;switch(props.orientation){case'top':cursor='row-resize';top=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'bottom':cursor='row-resize';bottom=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'start':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){right=offset;}else{left=offset;}break;case'end':default:cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){left=offset;}else{right=offset;}break;}const dimensionProperty=width==='100%'?'height':'width';return styled.css(["top:",";right:",";bottom:",";left:",";cursor:",";width:",";height:",";&::before{width:",";height:",";}&:hover::before{",":",";}&:focus::before,&:focus-visible::before,&[data-garden-focus-visible]::before{",":",";}&:focus-visible::before,&[data-garden-focus-visible]::before{border-radius:",";}"],top,right,bottom,left,props.isFixed?'pointer':cursor,width,height,separatorWidth,separatorHeight,dimensionProperty,props.isHovered&&separatorSize,dimensionProperty,separatorSize,props.theme.borderRadii.md);};const StyledPaneSplitter=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$3,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPaneSplitter",componentId:"sc-jylemn-0"})(["display:flex;position:absolute;align-items:center;justify-content:center;z-index:1;user-select:none;",";","{z-index:2;}&::before{position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:-1;content:'';}",";",";"],sizeStyles$1$2,SELECTOR_FOCUS_VISIBLE,colorStyles$1$2,props=>retrieveComponentStyles(COMPONENT_ID$1$3,props));StyledPaneSplitter.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$N='pane.splitter_button';const transformStyles=props=>{let degrees=0;if(props.isRotated){degrees=props.theme.rtl?-180:180;}if(props.orientation==='end'){degrees+=props.theme.rtl?-90:90;}else if(props.orientation==='start'){degrees+=props.theme.rtl?90:-90;}else if(props.orientation==='bottom'){degrees+=180;}return styled.css(["& > svg{transform:rotate(","deg);}"],degrees);};const colorStyles$e=_ref=>{let{theme}=_ref;const boxShadow=theme.shadows.lg(`${theme.space.base}px`,`${theme.space.base*2}px`,getColor$1('chromeHue',600,theme,0.15));return styled.css(["box-shadow:",";",""],boxShadow,focusStyles({theme,boxShadow}));};const sizeStyles$i=props=>{const size=`${props.theme.space.base*6}px`;const display=props.splitterSize<=stripUnit(math(`${props.theme.shadowWidths.md} * 2 + ${size}`))&&'none';const isVertical=props.orientation==='start'||props.orientation==='end';let top;let left;let right;let bottom;if(props.splitterSize>=stripUnit(math(`${size} * 3`))){if(props.placement==='start'){if(isVertical){top=size;}else if(props.theme.rtl){right=size;}else{left=size;}}else if(props.placement==='end'){if(isVertical){bottom=size;}else if(props.theme.rtl){left=size;}else{right=size;}}}return styled.css(["display:",";top:",";right:",";bottom:",";left:",";width:",";min-width:",";height:",";"],display,top,right,bottom,left,size,size,size);};const StyledPaneSplitterButton=styled__default["default"](ChevronButton).attrs({'data-garden-id':COMPONENT_ID$N,'data-garden-version':'8.70.0',isBasic:true,isPill:true,size:'small'}).withConfig({displayName:"StyledPaneSplitterButton",componentId:"sc-zh032e-0"})(["position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,opacity 0.25s ease-in-out 0.1s;opacity:0;",";",";&::before{position:absolute;z-index:-1;background-color:",";width:100%;height:100%;content:'';}",";",":hover &,",":focus-visible &,","[data-garden-focus-visible] &,","{opacity:1;}",";"],sizeStyles$i,transformStyles,props=>props.theme.colors.background,colorStyles$e,StyledPaneSplitter,StyledPaneSplitter,StyledPaneSplitter,SELECTOR_FOCUS_VISIBLE,props=>retrieveComponentStyles(COMPONENT_ID$N,props));StyledPaneSplitterButton.defaultProps={theme:DEFAULT_THEME};const GridContext=React__default.createContext({gutters:'md'});const useGridContext=()=>{return React__default.useContext(GridContext);};const Col$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{size,...props}=_ref;const{columns,gutters,debug}=useGridContext();return React__default__default["default"].createElement(StyledCol,_extends$w({sizeAll:size,columns:columns,gutters:gutters,debug:debug,ref:ref},props));});Col$1.displayName='Col';Col$1.propTypes={size:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),xs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),sm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),md:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),lg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),xl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),alignSelf:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXs:propTypes.exports.oneOf(ALIGN_SELF),alignSelfSm:propTypes.exports.oneOf(ALIGN_SELF),alignSelfMd:propTypes.exports.oneOf(ALIGN_SELF),alignSelfLg:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXl:propTypes.exports.oneOf(ALIGN_SELF),textAlign:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXs:propTypes.exports.oneOf(TEXT_ALIGN),textAlignSm:propTypes.exports.oneOf(TEXT_ALIGN),textAlignMd:propTypes.exports.oneOf(TEXT_ALIGN),textAlignLg:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXl:propTypes.exports.oneOf(TEXT_ALIGN),offset:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),order:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string])};const Grid$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{columns,debug,...props}=_ref;const value=React__default.useMemo(()=>({columns,gutters:props.gutters,debug}),[columns,props.gutters,debug]);return React__default__default["default"].createElement(GridContext.Provider,{value:value},React__default__default["default"].createElement(StyledGrid,_extends$w({debug:debug,ref:ref},props)));});Grid$1.displayName='Grid';Grid$1.propTypes={columns:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),gutters:propTypes.exports.oneOf(SPACE),debug:propTypes.exports.bool};Grid$1.defaultProps={columns:12,gutters:'md'};const Row$2=React__default__default["default"].forwardRef((_ref,ref)=>{let{wrap,...props}=_ref;const{gutters,debug}=useGridContext();return React__default__default["default"].createElement(StyledRow$1,_extends$w({gutters:gutters,debug:debug,wrapAll:wrap,ref:ref},props));});Row$2.displayName='Row';Row$2.propTypes={alignItems:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXs:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsSm:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsMd:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsLg:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXl:propTypes.exports.oneOf(ALIGN_ITEMS),justifyContent:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXs:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentSm:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentMd:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentLg:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXl:propTypes.exports.oneOf(JUSTIFY_CONTENT),wrap:propTypes.exports.oneOf(WRAP),wrapXs:propTypes.exports.oneOf(WRAP),wrapSm:propTypes.exports.oneOf(WRAP),wrapMd:propTypes.exports.oneOf(WRAP),wrapLg:propTypes.exports.oneOf(WRAP),wrapXl:propTypes.exports.oneOf(WRAP)};const PaneProviderContext=React__default.createContext({});const usePaneProviderContextData=providerId=>{const context=React__default.useContext(PaneProviderContext);const id=providerId||context.providerId;return id&&context.contextData?context.contextData[id]:undefined;};({id:propTypes.exports.string,totalPanesWidth:propTypes.exports.number.isRequired,totalPanesHeight:propTypes.exports.number.isRequired,defaultRowValues:propTypes.exports.object,defaultColumnValues:propTypes.exports.object,rowValues:propTypes.exports.object,columnValues:propTypes.exports.object,onChange:propTypes.exports.func,children:propTypes.exports.func});const PaneContext=React__default.createContext({setId:()=>undefined});const usePaneContext=()=>{return React__default.useContext(PaneContext);};const PaneSplitterContext=React__default.createContext({orientation:'start',min:0,max:0,layoutKey:'',valueNow:0,size:0,isRow:false});const usePaneSplitterContext=()=>{return React__default.useContext(PaneSplitterContext);};const paneToSplitterOrientation={start:'vertical',end:'vertical',top:'horizontal',bottom:'horizontal'};const orientationToDimension={start:'columns',end:'columns',top:'rows',bottom:'rows'};const SplitterComponent=React__default.forwardRef((_ref,ref)=>{let{providerId,layoutKey,min,max,orientation,isFixed,onMouseDown,onTouchStart,onKeyDown,onClick,...props}=_ref;const paneProviderContext=usePaneProviderContextData(providerId);const paneContext=usePaneContext();const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const[isHovered,setIsHovered]=React__default.useState(false);const isRow=orientationToDimension[orientation]==='rows';const separatorRef=React__default.useRef(null);const splitterOrientation=paneToSplitterOrientation[orientation||'end'];const pixelsPerFr=paneProviderContext?paneProviderContext.pixelsPerFr[orientationToDimension[orientation]]:0;const value=isRow?paneProviderContext?.getRowValue(layoutKey,true):paneProviderContext?.getColumnValue(layoutKey,true);const valueInFr=isRow?paneProviderContext?.getRowValue(layoutKey):paneProviderContext?.getColumnValue(layoutKey);const{getSeparatorProps,getPrimaryPaneProps}=useSplitter({orientation:splitterOrientation,isLeading:orientation==='start'||orientation==='top',min:min*pixelsPerFr,max:max*pixelsPerFr,rtl:themeContext.rtl,isFixed,environment,onChange:valueNow=>{if(isRow){return paneProviderContext?.setRowValue(orientation==='top',layoutKey,valueNow/pixelsPerFr);}return paneProviderContext?.setColumnValue(orientation==='start',layoutKey,valueNow/pixelsPerFr);},valueNow:value,separatorRef});React__default.useEffect(()=>{if(!paneContext.id){paneContext.setId(getPrimaryPaneProps().id);}},[paneContext,getPrimaryPaneProps]);const ariaLabel=useText(SplitterComponent,props,'aria-label',`${splitterOrientation} splitter`);const separatorProps=getSeparatorProps({'aria-controls':paneContext.id,'aria-label':ariaLabel,onMouseDown,onTouchStart,onKeyDown,onClick});const size=isRow?separatorRef.current?.clientWidth:separatorRef.current?.clientHeight;const onMouseOver=React__default.useMemo(()=>composeEventHandlers$1(props.onMouseOver,event=>setIsHovered(event.target===separatorRef.current)),[props.onMouseOver,separatorRef]);return React__default__default["default"].createElement(PaneSplitterContext.Provider,{value:React__default.useMemo(()=>({orientation,layoutKey,min,max,valueNow:valueInFr,size,isRow}),[orientation,layoutKey,min,max,valueInFr,size,isRow])},React__default__default["default"].createElement(StyledPaneSplitter,_extends$w({isHovered:isHovered,isFixed:isFixed,orientation:orientation},separatorProps,props,{onMouseOver:onMouseOver,ref:mergeRefs([separatorRef,ref])})));});SplitterComponent.displayName='Pane.Splitter';SplitterComponent.propTypes={layoutKey:propTypes.exports.string.isRequired,min:propTypes.exports.number.isRequired,max:propTypes.exports.number.isRequired,orientation:propTypes.exports.oneOf(ORIENTATION),isFixed:propTypes.exports.bool};SplitterComponent.defaultProps={orientation:'end'};const Splitter=SplitterComponent;const ContentComponent=React__default.forwardRef((props,ref)=>{const{isVisible}=usePaneContext();return React__default__default["default"].createElement(StyledPaneContent,_extends$w({hidden:!isVisible,ref:ref},props));});ContentComponent.displayName='Pane.Content';const Content$1=ContentComponent;const SplitterButtonComponent=React__default.forwardRef((props,ref)=>{const{label,placement:defaultPlacement}=props;const{orientation,layoutKey,min,max,isRow,valueNow,size,providerId}=usePaneSplitterContext();const paneProviderContext=usePaneProviderContextData(providerId);const isTop=orientation==='top';const isStart=orientation==='start';const isMin=valueNow===min;let placement=defaultPlacement;if(!defaultPlacement){if(isRow){placement='center';}else{placement='start';}}const setValue=React__default.useCallback(value=>{if(isRow){paneProviderContext.setRowValue(isTop,layoutKey,value);}else{paneProviderContext.setColumnValue(isStart,layoutKey,value);}},[isRow,isTop,isStart,layoutKey,paneProviderContext]);const onClick=composeEventHandlers$1(props.onClick,()=>{if(isMin){setValue(max);}else{setValue(min);}});const onKeyDown=composeEventHandlers$1(props.onKeyDown,event=>event.stopPropagation());const onMouseDown=composeEventHandlers$1(props.onMouseDown,event=>event.stopPropagation());return React__default__default["default"].createElement(Tooltip,{content:label,style:{cursor:'default'},onMouseDown:e=>e.stopPropagation()},React__default__default["default"].createElement(StyledPaneSplitterButton,_extends$w({"aria-label":label},props,{placement:placement,orientation:orientation,isRotated:isMin,splitterSize:size||0,ref:ref,onClick:onClick,onKeyDown:onKeyDown,onMouseDown:onMouseDown})));});SplitterButtonComponent.displayName='Pane.SplitterButton';const SplitterButton=SplitterButtonComponent;const PaneComponent=React__default.forwardRef((_ref,ref)=>{let{children,...props}=_ref;const[paneId,setPaneId]=React__default.useState();const observerRef=React__default.useRef(null);const{width=0,height=0}=useResizeObserver({ref:observerRef});const isVisible=React__default.useMemo(()=>observerRef.current?width>0&&height>0:true,[width,height]);const paneContext=React__default.useMemo(()=>({isVisible,id:paneId,setId:id=>setPaneId(id)}),[paneId,isVisible]);return React__default__default["default"].createElement(PaneContext.Provider,{value:paneContext},React__default__default["default"].createElement(StyledPane,_extends$w({id:paneId,ref:mergeRefs([ref,observerRef])},props),children));});PaneComponent.displayName='Pane';const Pane=PaneComponent;Pane.Content=Content$1;Pane.Splitter=Splitter;Pane.SplitterButton=SplitterButton;var Grid=styled__default["default"](Grid$1)(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n && {\n padding: 0;\n }\n"],["\n && {\n padding: 0;\n }\n"])));var Row$1=styled__default["default"](Row$2)(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Col=styled__default["default"](Col$1)(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n && {\n margin-top: ",";\n margin-bottom: ",";\n }\n"],["\n && {\n margin-top: ",";\n margin-bottom: ",";\n }\n"])),SPACINGS.XS,SPACINGS.XS);var templateObject_1$g,templateObject_2$a,templateObject_3$8;var ButtonLink=React__default.forwardRef(function(_a,ref){var _b=_a.external,external=_b===void 0?false:_b,flat=_a.flat,_c=_a.iconPosition,iconPosition=_c===void 0?"left":_c,_d=_a.LinkComponent,LinkComponent=_d===void 0?"a":_d,_e=_a.primary,primary=_e===void 0?false:_e,_f=_a.onClick,onClick=_f===void 0?DO_NOTHING:_f,otherProps=__rest(_a,["external","flat","iconPosition","LinkComponent","primary","onClick"]);return jsxRuntime.jsx(Button,__assign({iconPosition:iconPosition,onClick:onClick,primary:primary,ref:ref},otherProps,{flat:flat!=null?flat:!otherProps.inline,// @ts-ignore
|
|
11632
|
-
innerAs:LinkComponent},external?{target:"_blank"}:{}));});exports.IconAppBar=React__default.forwardRef(function(_a,ref){var _b=_a.actions,actions=_b===void 0?[]:_b,activeAction=_a.activeAction,actionIconSize=_a.actionIconSize,_c=_a.bordered,bordered=_c===void 0?false:_c,_d=_a.fallbackToText,fallbackToText=_d===void 0?false:_d,_e=_a.scrollable,scrollable=_e===void 0?false:_e;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var createActionButtons=function(actions){return actions.map(function(_a){var Component=_a.Component,a=__rest(_a,["Component"]);var props={active:a.label===activeAction||a.alwaysActive,children:!a.icon&&fallbackToText?a.label:null,compact:true,_css:!a.icon&&fallbackToText?textButtonStyles:actionButtonStyles$2,icon:a.icon,iconPosition:"left",iconSize:actionIconSize,key:a.label,primary:true,flat:false};if(!!Component){return jsxRuntime.jsx(Component,__assign({href:a.href},props));}return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props)):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props));});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FixedPlaceHolder,{height:"".concat(appBarHeight)}),jsxRuntime.jsx(BarWrapper,__assign({bordered:bordered,"$scrollable":scrollable,ref:ref},{children:jsxRuntime.jsx(Content,__assign({height:appBarHeight},{children:jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,justifyContent:"space-between"},{children:createActionButtons(actions)}))}))}))]});});exports.IconAppBar=styled__default["default"](exports.IconAppBar)(templateObject_1$f||(templateObject_1$f=__makeTemplateObject([""],[""])));var actionButtonStyles$2=styled.css(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n }\n"],["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n }\n"])),function(_a){var theme=_a.theme;return"calc(".concat(theme.styles.sidebar.actionButton.borderRadius," + 10px)");},function(_a){var active=_a.active,theme=_a.theme;return!active?"background: transparent; color: ".concat(fade(theme.styles.textColorPrimary,0.2),";"):"";});var textButtonStyles=styled.css(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n border-radius: ",";\n height: 3.5em;\n"],["\n border-radius: ",";\n height: 3.5em;\n"])),function(_a){var theme=_a.theme;return"calc(".concat(theme.styles.sidebar.actionButton.borderRadius," + 10px)");});var barBorder=styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var BarWrapper=styled__default["default"].header(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n ",";\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 theme=_a.theme;return theme.styles.appBar.screenPosition==="top"?"top: 0;":"bottom: 0;";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;},function(_a){var bordered=_a.bordered;return bordered?barBorder:"";},function(_a){var $scrollable=_a.$scrollable;return $scrollable?"overflow-x:
|
|
11632
|
+
innerAs:LinkComponent},external?{target:"_blank"}:{}));});exports.IconAppBar=React__default.forwardRef(function(_a,ref){var _b=_a.actions,actions=_b===void 0?[]:_b,activeAction=_a.activeAction,actionIconSize=_a.actionIconSize,_c=_a.bordered,bordered=_c===void 0?false:_c,_d=_a.fallbackToText,fallbackToText=_d===void 0?false:_d,_e=_a.scrollable,scrollable=_e===void 0?false:_e;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var createActionButtons=function(actions){return actions.map(function(_a){var Component=_a.Component,a=__rest(_a,["Component"]);var props={active:a.label===activeAction||a.alwaysActive,children:!a.icon&&fallbackToText?a.label:null,compact:true,_css:!a.icon&&fallbackToText?textButtonStyles:actionButtonStyles$2,icon:a.icon,iconPosition:"left",iconSize:actionIconSize,key:a.label,primary:true,flat:false};if(!!Component){return jsxRuntime.jsx(Component,__assign({href:a.href},props));}return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props)):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props));});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FixedPlaceHolder,{height:"".concat(appBarHeight)}),jsxRuntime.jsx(BarWrapper,__assign({bordered:bordered,"$scrollable":scrollable,ref:ref},{children:jsxRuntime.jsx(Content,__assign({height:appBarHeight},{children:jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,justifyContent:"space-between"},{children:createActionButtons(actions)}))}))}))]});});exports.IconAppBar=styled__default["default"](exports.IconAppBar)(templateObject_1$f||(templateObject_1$f=__makeTemplateObject([""],[""])));var actionButtonStyles$2=styled.css(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n }\n"],["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n }\n"])),function(_a){var theme=_a.theme;return"calc(".concat(theme.styles.sidebar.actionButton.borderRadius," + 10px)");},function(_a){var active=_a.active,theme=_a.theme;return!active?"background: transparent; color: ".concat(fade(theme.styles.textColorPrimary,0.2),";"):"";});var textButtonStyles=styled.css(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n border-radius: ",";\n height: 3.5em;\n"],["\n border-radius: ",";\n height: 3.5em;\n"])),function(_a){var theme=_a.theme;return"calc(".concat(theme.styles.sidebar.actionButton.borderRadius," + 10px)");});var barBorder=styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var BarWrapper=styled__default["default"].header(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n ",";\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 theme=_a.theme;return theme.styles.appBar.screenPosition==="top"?"top: 0;":"bottom: 0;";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;},function(_a){var bordered=_a.bordered;return bordered?barBorder:"";},function(_a){var $scrollable=_a.$scrollable;return $scrollable?"overflow-x: auto;":"";});var Content=styled__default["default"](FlexBox).attrs({alignItems:"center",as:"nav"})(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n height: ",";\n padding: 0 ",";\n"],["\n height: ",";\n padding: 0 ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";},SPACINGS.XS);var FixedPlaceHolder=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n height: ",";\n flex-shrink: 0;\n"],["\n height: ",";\n flex-shrink: 0;\n"])),function(_a){var height=_a.height;return height;});var templateObject_1$f,templateObject_2$9,templateObject_3$7,templateObject_4$5,templateObject_5$3,templateObject_6$2,templateObject_7;var Line$1=styled__default["default"].hr(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n background: ",";\n height: 2px;\n border: none;\n margin: unset;\n"],["\n background: ",";\n height: 2px;\n border: none;\n margin: unset;\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.colors.grey["300"];});var templateObject_1$e;var OpacityTransition=styled__default["default"].div(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n opacity: ",";\n transition: opacity 0.25s ease-in-out;\n"],["\n opacity: ",";\n transition: opacity 0.25s ease-in-out;\n"])),function(_a){var _b=_a.opacity,opacity=_b===void 0?1:_b;return opacity;});var templateObject_1$d;/**
|
|
11633
11633
|
* Copyright Zendesk, Inc.
|
|
11634
11634
|
*
|
|
11635
11635
|
* Use of this source code is governed under the Apache License, Version 2.0
|