@idea-fragments/react-components-zendesk 0.1.34 → 0.1.36
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/layouts.js +9 -9
- package/dist/layouts.js.map +1 -1
- package/dist/tables.js +3 -3
- package/dist/tables.js.map +1 -1
- package/dist/types/components/layout/AppBarLayoutV2.d.ts.map +1 -1
- package/dist/types/components/tables/Filters.d.ts.map +1 -1
- package/dist/types/components/tables/MobileTable.d.ts.map +1 -1
- package/dist/types/hooks/useToastNotifier.stories.d.ts +1 -0
- package/dist/types/hooks/useToastNotifier.stories.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/layouts.js
CHANGED
|
@@ -668,7 +668,7 @@ YELLOW:"#ffbe6d",// YELLOW : "#f1bc71",
|
|
|
668
668
|
ORANGE:"#ff9369",HUB_SPOT_ORANGE:"rgb(255, 122, 89)",MIDNIGHT_BLACK:"#1d1e21",BLACK:"#1f1f1f",WHITE:"#ffffff",GREY_NOT_QUITE_BLUE:"#b0b7bd",GREY:"#919292",VERY_LIGHT_GREY:"#F7F7F7",LIGHT_GREY:"#dddddd",TRANSPARENT:"#00000000"};Object.freeze(COLORS);var fade=function(c,amount){if(amount===void 0){amount=.5;}var _a=color(c).fade(amount).object(),r=_a.r,g=_a.g,b=_a.b,alpha=_a.alpha;return"rgba(".concat(r,", ").concat(g,", ").concat(b,", ").concat(alpha,")");};var light=function(c,amount){if(amount===void 0){amount=0.15;}var newColor=color(c).lighten(amount).hex();// console.log("lightening to:", newColor)
|
|
669
669
|
// console.log("luminosity old:", Color(c).luminosity())
|
|
670
670
|
// console.log("luminosity new:", Color(newColor).luminosity())
|
|
671
|
-
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$
|
|
671
|
+
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$p,templateObject_2$i,templateObject_3$d,templateObject_4$9;var getInlineStyling=styled.css(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"],["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var flat=_a.flat,inline=_a.inline,primary=_a.primary;return flat||inline||!primary?textColorForFlatButton:textColorForBackground;});var textColorForFlatButton=styled.css(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"],["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$5||(templateObject_6$5=__makeTemplateObject(["\n :hover, :active {\n color: ",";\n }\n"],["\n :hover, :active {\n color: ",";\n }\n"])),function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$3||(templateObject_7$3=__makeTemplateObject(["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"],["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"])),function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$o,templateObject_2$h,templateObject_3$c,templateObject_4$8,templateObject_5$7,templateObject_6$5,templateObject_7$3;var lodash={exports:{}};/**
|
|
672
672
|
* @license
|
|
673
673
|
* Lodash <https://lodash.com/>
|
|
674
674
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
|
@@ -10141,7 +10141,7 @@ root._=_;}}).call(commonjsGlobal);})(lodash,lodash.exports);var isEmpty=function
|
|
|
10141
10141
|
var isArray=function(o){return o instanceof Array;};var isNumber=function(o){return typeof o==="number";};var isString=function(o){return typeof o==="string";};var COMPONENT_NAME$3="Icon";var Icon$1=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?1:_b,SVG=_a.svg,title=_a.title,_c=_a.onClick,onClick=_c===void 0?DO_NOTHING:_c;return isArray(SVG)// @ts-ignore
|
|
10142
10142
|
?jsxRuntime.jsx(MIcon.Stack,__assign({onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$3},{children:SVG.map(function(s,i){return jsxRuntime.jsx(MIcon__default["default"],{path:s},i);})})):isString(SVG)?jsxRuntime.jsx(MIcon__default["default"],{path:SVG,// @ts-ignore
|
|
10143
10143
|
onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$3})// @ts-ignore
|
|
10144
|
-
:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$3,height:size,onClick:onClick,width:size,title:title});};Icon$1.COMPONENT_NAME=COMPONENT_NAME$3;var XS$1=".5rem";var SM$2="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$2,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection$1=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"])),function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(p){return p.inline?"inline-flex":"flex";},function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getFlexDirection$1,function(p){return p.gap?p.gap:SPACINGS.SM;},function(p){return p.justifyContent||"initial";},function(p){return p.wrapped?wrappedStyling:"";},function(p){return p.responsivePropsList?responsiveStyles$1(p):"";},function(p){return p._css;});FlexBox.defaultProps={withRows:false};var responsiveStyles$1=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,gap=props.gap,inline=props.inline,justifyContent=props.justifyContent,fluid=props.fluid,wrapped=props.wrapped;return mediaQueryFunc(styled.css(templateObject_2$
|
|
10144
|
+
:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$3,height:size,onClick:onClick,width:size,title:title});};Icon$1.COMPONENT_NAME=COMPONENT_NAME$3;var XS$1=".5rem";var SM$2="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$2,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection$1=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"])),function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(p){return p.inline?"inline-flex":"flex";},function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getFlexDirection$1,function(p){return p.gap?p.gap:SPACINGS.SM;},function(p){return p.justifyContent||"initial";},function(p){return p.wrapped?wrappedStyling:"";},function(p){return p.responsivePropsList?responsiveStyles$1(p):"";},function(p){return p._css;});FlexBox.defaultProps={withRows:false};var responsiveStyles$1=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,gap=props.gap,inline=props.inline,justifyContent=props.justifyContent,fluid=props.fluid,wrapped=props.wrapped;return mediaQueryFunc(styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "])),alignItems?alignItems:"initial",inline?"inline-flex":"flex",fluid?1:"unset",getFlexDirection$1(props),gap?gap:SPACINGS.SM,justifyContent||"initial",wrapped?wrappedStyling:"")).join("");});};var wrappedStyling=styled.css(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n flex-wrap: wrap;\n"],["\n flex-wrap: wrap;\n"])));var templateObject_1$n,templateObject_2$g,templateObject_3$b;/**
|
|
10145
10145
|
* Copyright Zendesk, Inc.
|
|
10146
10146
|
*
|
|
10147
10147
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -10152,24 +10152,24 @@ onClick:onClick,size:size,title:title,color:color||"currentColor","data-componen
|
|
|
10152
10152
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
10153
10153
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
10154
10154
|
*/function _extends$G(){_extends$G=Object.assign||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$G.apply(this,arguments);}function _objectWithoutPropertiesLoose$f(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$6(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$f(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _slicedToArray$5(arr,i){return _arrayWithHoles$5(arr)||_iterableToArrayLimit$5(arr,i)||_unsupportedIterableToArray$5(arr,i)||_nonIterableRest$5();}function _arrayWithHoles$5(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$5(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _unsupportedIterableToArray$5(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$5(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray$5(o,minLen);}function _arrayLikeToArray$5(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _nonIterableRest$5(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var dotOneKeyframes=styled.keyframes(["0%{transform:translate(0,5px);}3%{transform:translate(1px,-5px);}6%{transform:translate(3px,-15px);}8%{transform:translate(5px,-18px);}9%{transform:translate(7px,-21px);}11%{transform:translate(8px,-22px);}13%{transform:translate(9px,-23px);}16%{transform:translate(12px,-25px);}18%{transform:translate(13px,-26px);}23%{transform:translate(18px,-26px);}24%{transform:translate(19px,-25px);}28%{transform:translate(22px,-23px);}31%{transform:translate(24px,-21px);}33%{transform:translate(26px,-18px);}34%{transform:translate(28px,-14px);}36%{transform:translate(29px,-12px);}38%{transform:translate(30px,-5px);}39%{transform:translate(31px,5px);}54%{transform:translate(31px,3px);}59%{transform:translate(33px);}61%{transform:translate(43px);}63%{transform:translate(48px);}64%{transform:translate(51px);}66%{transform:translate(53px);}68%{transform:translate(55px);}69%{transform:translate(57px);}76%{transform:translate(60px);}81%{transform:translate(61px);}83%,100%{transform:translate(62px);}"]);var dotTwoKeyframes=styled.keyframes(["4%{transform:translate(0);}6%{transform:translate(-1px);}8%{transform:translate(-2px);}9%{transform:translate(-5px);}11%{transform:translate(-7px);}13%{transform:translate(-12px);}14%{transform:translate(-17px);}16%{transform:translate(-19px);}18%{transform:translate(-22px);}19%{transform:translate(-25px);}21%{transform:translate(-26px);}23%{transform:translate(-27px);}24%{transform:translate(-28px);}26%{transform:translate(-29px);}29%{transform:translate(-30px);}33%,89%{transform:translate(-31px);}91%{transform:translate(-31px,1px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,3px);}99%{transform:translate(-31px,4px);}100%{transform:translate(-31px,5px);}"]);var dotThreeKeyframes=styled.keyframes(["39%{transform:translate(0);}44%{transform:translate(0,1px);}46%{transform:translate(0,2px);}48%{transform:translate(0,3px);}49%{transform:translate(0,4px);}51%{transform:translate(0,5px);}53%{transform:translate(-1px,-6px);}54%{transform:translate(-2px,-13px);}56%{transform:translate(-3px,-15px);}58%{transform:translate(-5px,-19px);}59%{transform:translate(-7px,-21px);}61%{transform:translate(-8px,-22px);}63%{transform:translate(-9px,-24px);}64%{transform:translate(-11px,-25px);}66%{transform:translate(-12px,-26px);}74%{transform:translate(-19px,-26px);}76%{transform:translate(-20px,-25px);}78%{transform:translate(-22px,-24px);}81%{transform:translate(-24px,-21px);}83%{transform:translate(-26px,-19px);}84%{transform:translate(-28px,-15px);}86%{transform:translate(-29px,-13px);}88%{transform:translate(-30px,-6px);}89%{transform:translate(-31px,5px);}91%{transform:translate(-31px,4px);}93%{transform:translate(-31px,3px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,1px);}100%{transform:translate(-31px);}"]);var StyledDotsCircle=styled__default["default"].circle.attrs({cy:36,r:9}).withConfig({displayName:"StyledDots__StyledDotsCircle",componentId:"sc-1ltah7e-0"})([""]);StyledDotsCircle.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleOne=styled__default["default"](StyledDotsCircle).attrs({cx:9}).withConfig({displayName:"StyledDots__StyledDotsCircleOne",componentId:"sc-1ltah7e-1"})(["animation:",";"],function(_ref){var duration=_ref.duration;return styled.css([""," ","ms linear infinite"],dotOneKeyframes,duration);});StyledDotsCircleOne.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleTwo=styled__default["default"](StyledDotsCircle).attrs(function(){return{cx:40};}).withConfig({displayName:"StyledDots__StyledDotsCircleTwo",componentId:"sc-1ltah7e-2"})(["animation:",";"],function(_ref2){var duration=_ref2.duration;return styled.css([""," ","ms linear infinite"],dotTwoKeyframes,duration);});StyledDotsCircleTwo.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleThree=styled__default["default"](StyledDotsCircle).attrs(function(){return{cx:71};}).withConfig({displayName:"StyledDots__StyledDotsCircleThree",componentId:"sc-1ltah7e-3"})(["animation:",";"],function(_ref3){var duration=_ref3.duration;return styled.css([""," ","ms linear infinite"],dotThreeKeyframes,duration);});StyledDotsCircleThree.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$5$4='loaders.loading_placeholder';var StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$4,'data-garden-version':'8.53.2',role:'progressbar'}).withConfig({displayName:"StyledLoadingPlaceholder",componentId:"sc-x3bwsx-0"})(["display:inline-block;width:",";height:",";font-size:",";",""],function(props){return props.width||'1em';},function(props){return props.height||'0.9em';},function(props){return props.fontSize;},function(props){return retrieveComponentStyles(COMPONENT_ID$5$4,props);});StyledLoadingPlaceholder.defaultProps={theme:DEFAULT_THEME};var sizeToHeight=function sizeToHeight(size,theme){switch(size){case'small':return theme.space.base/2;case'medium':return theme.space.base*1.5;default:return theme.space.base*3;}};var sizeToBorderRadius=function sizeToBorderRadius(size,theme){return sizeToHeight(size,theme)/2;};var PROGRESS_BACKGROUND_COMPONENT_ID='loaders.progress_background';var StyledProgressBackground=styled__default["default"].div.attrs(function(props){return{'data-garden-id':PROGRESS_BACKGROUND_COMPONENT_ID,'data-garden-version':'8.53.2',borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)};}).withConfig({displayName:"StyledProgress__StyledProgressBackground",componentId:"sc-2g8w4s-0"})(["margin:","px 0;border-radius:","px;background-color:",";color:",";",""],function(props){return props.theme.space.base*2;},function(props){return props.borderRadius;},function(props){return getColor('neutralHue',200,props.theme);},function(props){return props.color||getColor('successHue',600,props.theme);},function(props){return retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props);});StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};var PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';var StyledProgressIndicator=styled__default["default"].div.attrs(function(props){return{'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.53.2',height:props.height||sizeToHeight(props.size,props.theme),borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)};}).withConfig({displayName:"StyledProgress__StyledProgressIndicator",componentId:"sc-2g8w4s-1"})(["transition:width 0.1s ease-in-out;border-radius:","px;background:currentColor;width:","%;height:","px;",""],function(props){return props.borderRadius;},function(props){return props.value;},function(props){return props.height;},function(props){return retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props);});StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$4$4='loaders.skeleton';var fadeInAnimation=styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);var skeletonAnimation=styled.keyframes(["100%{left:100%;}"]);var skeletonRtlAnimation=styled.keyframes(["100%{right:100%;}"]);var retrieveSkeletonBackgroundColor=function retrieveSkeletonBackgroundColor(_ref){var theme=_ref.theme,isLight=_ref.isLight;if(isLight){return styled.css(["background-color:",";"],rgba(theme.colors.background,0.2));}return styled.css(["background-color:",";"],getColor('neutralHue',800,theme,0.1));};var retrieveSkeletonAnimation=function retrieveSkeletonAnimation(_ref2){var theme=_ref2.theme;if(theme.rtl){return styled.css(["right:-1800px;animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["left:-1800px;animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};var retrieveSkeletonGradient=function retrieveSkeletonGradient(_ref3){var theme=_ref3.theme,isLight=_ref3.isLight;return styled.css(["background-image:linear-gradient( ",",transparent,",",transparent );"],theme.rtl?'-45deg':'45deg',isLight?getColor('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};var StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledSkeleton",componentId:"sc-1raozze-0"})(["display:inline-block;position:relative;animation:"," 750ms linear;border-radius:",";width:",";height:",";overflow:hidden;line-height:",";"," &::before{position:absolute;top:0;width:1000px;height:100%;content:'';"," ","}",";"],fadeInAnimation,function(props){return props.theme.borderRadii.md;},function(props){return props.customWidth;},function(props){return props.customHeight;},function(props){return getLineHeight$1(props.theme.fontSizes.sm,props.theme.space.base*5);},retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,function(props){return retrieveComponentStyles(COMPONENT_ID$4$4,props);});StyledSkeleton.defaultProps={theme:DEFAULT_THEME};var StyledSpinnerCircle=styled__default["default"].circle.attrs(function(props){return{cx:40,cy:40,r:34,fill:'none',stroke:'currentColor',strokeLinecap:'round',strokeWidth:props.strokeWidthValue,strokeDasharray:"".concat(props.dasharrayValue," 250"),transform:props.transform};}).withConfig({displayName:"StyledSpinnerCircle",componentId:"sc-o4kd70-0"})([""]);StyledSpinnerCircle.defaultProps={theme:DEFAULT_THEME};var StyledSVG=styled__default["default"].svg.attrs(function(props){return{'data-garden-version':'8.53.2',xmlns:'http://www.w3.org/2000/svg',width:props.width,height:props.height,focusable:'false',viewBox:"0 0 ".concat(props.width," ").concat(props.height),role:'progressbar'};}).withConfig({displayName:"StyledSVG",componentId:"sc-1xtc3kx-0"})(["width:",";height:",";color:",";font-size:",";",";"],function(props){return props.containerWidth||'1em';},function(props){return props.containerHeight||'0.9em';},function(props){return props.color||'inherit';},function(props){return props.fontSize||'inherit';},function(props){return retrieveComponentStyles(props.dataGardenId,props);});StyledSVG.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3$5='loaders.inline';var PULSE_ANIMATION=styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);var StyledCircle=styled__default["default"].circle.attrs({fill:'currentColor',cy:2,r:2}).withConfig({displayName:"StyledInline__StyledCircle",componentId:"sc-fxsb9l-0"})([""]);StyledCircle.defaultProps={theme:DEFAULT_THEME};var StyledInline=styled__default["default"].svg.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3$5,'data-garden-version':'8.53.2',viewBox:'0 0 16 4',width:props.size,height:props.size*0.25};}).withConfig({displayName:"StyledInline",componentId:"sc-fxsb9l-1"})(["color:",";","{opacity:0.2;&:nth-child(1){animation:"," 1s infinite;animation-delay:",";}&:nth-child(2){animation:"," 1s infinite;animation-delay:0.2s;}&:nth-child(3){animation:"," 1s infinite;animation-delay:",";}}",""],function(props){return props.color;},StyledCircle,PULSE_ANIMATION,function(props){return props.theme.rtl?'unset':'0.4s';},PULSE_ANIMATION,PULSE_ANIMATION,function(props){return props.theme.rtl?'0.4s':'unset';},function(props){return retrieveComponentStyles(COMPONENT_ID$3$5,props);});StyledInline.defaultProps={theme:DEFAULT_THEME};var _excluded$4$4=["size","color","duration","delayMS"];var COMPONENT_ID$2$6='loaders.dots';var Dots$1=React__default.forwardRef(function(_ref,ref){var size=_ref.size,color=_ref.color,duration=_ref.duration,delayMS=_ref.delayMS,other=_objectWithoutProperties$6(_ref,_excluded$4$4);var theme=React__default.useContext(styled.ThemeContext);var environment=useDocument(theme);var canTransformSVG=React__default.useRef(null);if(environment&&canTransformSVG.current===null){var svg=environment.createElementNS('http://www.w3.org/2000/svg','svg');canTransformSVG.current='transform'in svg;}var _useSchedule=useSchedule({duration:duration,delayMS:delayMS,loop:true}),delayComplete=_useSchedule.delayComplete;var dotOne=React__default.useRef(null);var dotTwo=React__default.useRef(null);var dotThree=React__default.useRef(null);React__default.useEffect(function(){if(!canTransformSVG.current&&delayComplete){var transforms=[window.getComputedStyle(dotOne.current).getPropertyValue('transform'),window.getComputedStyle(dotTwo.current).getPropertyValue('transform'),window.getComputedStyle(dotThree.current).getPropertyValue('transform')];dotOne.current.setAttribute('transform',transforms[0]);dotTwo.current.setAttribute('transform',transforms[1]);dotThree.current.setAttribute('transform',transforms[2]);}});if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends$G({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$6},other),React__default__default["default"].createElement("g",{fill:"currentColor"},React__default__default["default"].createElement(StyledDotsCircleOne,{duration:duration,ref:dotOne}),React__default__default["default"].createElement(StyledDotsCircleTwo,{duration:duration,ref:dotTwo}),React__default__default["default"].createElement(StyledDotsCircleThree,{duration:duration,ref:dotThree})));});Dots$1.displayName='Dots';Dots$1.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Dots$1.defaultProps={size:'inherit',color:'inherit',duration:1250,delayMS:750};var SIZE$2=['small','medium','large'];var _excluded$3$3=["value","size"];var COMPONENT_ID$1$6='loaders.progress';var Progress=React__default__default["default"].forwardRef(function(_ref,ref){var value=_ref.value,size=_ref.size,other=_objectWithoutProperties$6(_ref,_excluded$3$3);var percentage=Math.max(0,Math.min(100,value));return React__default__default["default"].createElement(StyledProgressBackground,_extends$G({"data-garden-id":COMPONENT_ID$1$6,"data-garden-version":'8.53.2',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref},other),React__default__default["default"].createElement(StyledProgressIndicator,{value:percentage,size:size}));});Progress.displayName='Progress';Progress.propTypes={color:propTypes.exports.string,value:propTypes.exports.number.isRequired,size:propTypes.exports.oneOf(SIZE$2)};Progress.defaultProps={value:0,size:'medium'};var _excluded$2$5=["width","height","isLight"];var Skeleton=React__default.forwardRef(function(_ref,ref){var width=_ref.width,height=_ref.height,isLight=_ref.isLight,other=_objectWithoutProperties$6(_ref,_excluded$2$5);return React__default__default["default"].createElement(StyledSkeleton,_extends$G({ref:ref,isLight:isLight,customWidth:width,customHeight:height},other),"\xA0");});Skeleton.displayName='Skeleton';Skeleton.propTypes={width:propTypes.exports.string,height:propTypes.exports.string,isLight:propTypes.exports.bool};Skeleton.defaultProps={width:'100%',height:'100%'};var STROKE_WIDTH_FRAMES={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6};var ROTATION_FRAMES={0:-90,8:-81,36:-30,41:-18,44:-8,48:0,55:22,63:53,64:62,66:67,68:78,69:90,71:99,73:112,74:129,76:138,78:159,79:180,81:190,83:207,84:221,86:226,88:235,90:243,99:270};var DASHARRAY_FRAMES={0:0,13:2,26:13,53:86,58:90,63:89,64:88,66:86,68:83,69:81,71:76,73:70,74:62,76:58,78:47,79:37,81:31,83:23,84:16,88:10,89:7,98:1,99:0};var _excluded$1$a=["size","duration","color","delayMS"];var COMPONENT_ID$P='loaders.spinner';var TOTAL_FRAMES=100;var computeFrames=function computeFrames(frames,duration){return Object.entries(frames).reduce(function(acc,item,index,arr){var _item=_slicedToArray$5(item,2),frame=_item[0],value=_item[1];var _ref=arr[index+1]||[TOTAL_FRAMES,arr[0][1]],_ref2=_slicedToArray$5(_ref,2),nextFrame=_ref2[0],nextValue=_ref2[1];var diff=parseInt(nextFrame,10)-parseInt(frame,10);var frameHz=1000/60;var subDuration=duration/(TOTAL_FRAMES-1)*diff;var lastValue=value;acc[frame]=value;for(var idx=0;idx<diff;idx++){lastValue=lastValue+(nextValue-lastValue)*(frameHz/subDuration);subDuration=duration/(TOTAL_FRAMES-1)*(diff-idx);acc[parseInt(frame,10)+idx+1]=lastValue;}acc[nextFrame]=nextValue;return acc;},{});};var Spinner=React__default.forwardRef(function(_ref3,ref){var size=_ref3.size,duration=_ref3.duration,color=_ref3.color,delayMS=_ref3.delayMS,other=_objectWithoutProperties$6(_ref3,_excluded$1$a);var strokeWidthValues=computeFrames(STROKE_WIDTH_FRAMES,duration);var rotationValues=computeFrames(ROTATION_FRAMES,duration);var dasharrayValues=computeFrames(DASHARRAY_FRAMES,duration);var _useSchedule=useSchedule({duration:duration,delayMS:delayMS}),elapsed=_useSchedule.elapsed,delayComplete=_useSchedule.delayComplete;var frame=(elapsed*100).toFixed(0);var strokeWidthValue=strokeWidthValues[frame];var rotationValue=rotationValues[frame];var dasharrayValue=dasharrayValues[frame];var WIDTH=80;var HEIGHT=80;if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{width:"1em",height:"1em",fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends$G({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$P,containerHeight:"1em",containerWidth:"1em"},other),React__default__default["default"].createElement(StyledSpinnerCircle,{dasharrayValue:dasharrayValue,strokeWidthValue:strokeWidthValue,transform:"rotate(".concat(rotationValue,", ").concat(WIDTH/2,", ").concat(HEIGHT/2,")")}));});Spinner.displayName='Spinner';Spinner.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Spinner.defaultProps={size:'inherit',duration:1250,color:'inherit',delayMS:750};var _excluded$p=["size","color"];var Inline=React__default.forwardRef(function(_ref,ref){var size=_ref.size,color=_ref.color,other=_objectWithoutProperties$6(_ref,_excluded$p);return React__default__default["default"].createElement(StyledInline,_extends$G({ref:ref,size:size,color:color},other),React__default__default["default"].createElement(StyledCircle,{cx:"14"}),React__default__default["default"].createElement(StyledCircle,{cx:"8"}),React__default__default["default"].createElement(StyledCircle,{cx:"2"}));});Inline.displayName='Inline';Inline.propTypes={size:propTypes.exports.number,color:propTypes.exports.string};Inline.defaultProps={size:16,color:'inherit'};var XXS=".8rem";var XS=".9rem";var SM$1="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
10155
|
-
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM$1,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM$1.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n width: fit-content;\n ","\n"],["\n width: fit-content;\n ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$
|
|
10155
|
+
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM$1,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM$1.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n width: fit-content;\n ","\n"],["\n width: fit-content;\n ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n ",";\n border-color: ",";\n\n ","\n :hover, :active {\n border-color: transparent;\n }\n"],["\n ",";\n border-color: ",";\n\n ","\n :hover, :active {\n border-color: transparent;\n }\n"])),buttonLikeHoverable,function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return!flat&&!primary&&!inline?color:"transparent";},getInlineStyling);var alignment=function(_a){var alignSelf=_a.alignSelf;return alignSelf?styled.css(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["align-self: ",";"],["align-self: ",";"])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["text-transform: ",";"],["text-transform: ",";"])),casing):"";};var baseColor=function(_a){var color=_a.color,danger=_a.danger,neutral=_a.neutral,success=_a.success,theme=_a.theme,warning=_a.warning;if(color)return color;if(danger)return theme.styles.colorDanger;if(neutral)return COLORS.LIGHT_GREY;if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var BUTTON_SIZES={SMALL:"small",LARGE:"large"};var ButtonBase=styled__default["default"](function(_a){var children=_a.children,disabled=_a.disabled;_a.groupKey;var icon=_a.icon,iconSize=_a.iconSize,innerAs=_a.innerAs,innerRef=_a.innerRef,iconPosition=_a.iconPosition,loading=_a.loading,onClick=_a.onClick,pill=_a.pill,props=__rest(_a,["children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill"]);// @ts-ignore
|
|
10156
10156
|
return jsxRuntime.jsx(Button$1,__assign({as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer$1,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{size:FONT_SIZES.MD})})):icon?jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx("span",{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props)});})(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n font-weight: bold;\n ","\n ","\n ","\n ","\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n font-weight: bold;\n ","\n ","\n ","\n ","\n ","\n }\n"])),function(_a){var fluid=_a.fluid;return!fluid?fitContent:fitContainer;},alignment,casing,function(_a){var disabled=_a.disabled;return!disabled?colors:"";},function(_a){var _css=_a._css;return _css;});var Button=styled__default["default"](React__default.forwardRef(function(_a,ref){var _b=_a.autoLoadable,autoLoadable=_b===void 0?false:_b,disabled=_a.disabled,_c=_a.loading,loadingProp=_c===void 0?false:_c,onClick=_a.onClick,props=__rest(_a,["autoLoadable","disabled","loading","onClick"]);var _d=__read(React__default.useState(false),2),isLoading=_d[0],setIsLoadingTo=_d[1];var isMounted=useIsMounted();var computedIsLoading=React__default.useCallback(function(){return autoLoadable?isLoading:loadingProp;},[autoLoadable,isLoading,loadingProp]);var processClick=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:setIsLoadingTo(true);_b.label=1;case 1:_b.trys.push([1,3,,4]);return[4/*yield*/,onClick(e)];case 2:_b.sent();return[3/*break*/,4];case 3:_b.sent();return[3/*break*/,4];case 4:if(isMounted())setIsLoadingTo(false);return[2/*return*/];}});});};return jsxRuntime.jsx(ButtonBase,__assign({},props,{disabled:disabled||computedIsLoading(),innerRef:ref,loading:computedIsLoading(),// @ts-ignore
|
|
10157
10157
|
onClick:autoLoadable?processClick:onClick}));}))(templateObject_7$2||(templateObject_7$2=__makeTemplateObject([""],[""// @ts-ignore
|
|
10158
10158
|
])));// @ts-ignore
|
|
10159
10159
|
Button.COMPONENT_NAME="Button";// @ts-ignore
|
|
10160
|
-
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$m,templateObject_2$
|
|
10160
|
+
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$m,templateObject_2$f,templateObject_3$a,templateObject_4$7,templateObject_5$6,templateObject_6$4,templateObject_7$2,templateObject_8$1;var COMPONENT_NAME$2="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button,__assign({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n && {\n padding: .5em;\n min-width: 0;\n }\n"],["\n && {\n padding: .5em;\n min-width: 0;\n }\n"// @ts-ignore
|
|
10161
10161
|
])));// @ts-ignore
|
|
10162
10162
|
IconButton.COMPONENT_NAME=COMPONENT_NAME$2;var templateObject_1$l;// @flow
|
|
10163
10163
|
/* Size key name represents all devices with a pixel width up to the number
|
|
10164
|
-
specified */var REGULAR_SIZES={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_SIZES={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var deviseSizes=function(wideLayout){if(wideLayout===void 0){wideLayout=false;}return wideLayout?WIDE_SIZES:REGULAR_SIZES;};var mediaQueries=function(wideLayout){var _a=deviseSizes(wideLayout),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$
|
|
10164
|
+
specified */var REGULAR_SIZES={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_SIZES={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var deviseSizes=function(wideLayout){if(wideLayout===void 0){wideLayout=false;}return wideLayout?WIDE_SIZES:REGULAR_SIZES;};var mediaQueries=function(wideLayout){var _a=deviseSizes(wideLayout),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(tabletSize),styles);},forTabletsAndUp:function(styles){return styled.css(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(phoneSize+1),styles);},forLargeTabletsAndUp:function(styles){return styled.css(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n @media (min-width: ",") {\n ","\n }\n "],["\n @media (min-width: ",") {\n ","\n }\n "])),unit(tabletSize+1),styles);},forSmallComputersAndUp:function(styles){return styled.css(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(largeTabletSize+1),styles);},forLargeComputers:function(styles){return styled.css(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(smallComputerSize+1),styles);}};};var unit=function(px){return"".concat(px,"px");};var templateObject_1$k,templateObject_2$e,templateObject_3$9,templateObject_4$6,templateObject_5$5,templateObject_6$3;var _a=mediaQueries(),forLargeComputers=_a.forLargeComputers,forLargeTabletsAndUp=_a.forLargeTabletsAndUp,forSmallComputersAndUp$1=_a.forSmallComputersAndUp;var _b=deviseSizes(),tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;var deviceSettings=styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n ","\n\n ","\n\n ","\n"],["\n ","\n\n ","\n\n ","\n"])),forLargeTabletsAndUp(styled.css(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n width: ",";\n "],["\n width: ",";\n "])),unit(tabletSize+1))),forSmallComputersAndUp$1(styled.css(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n width: ",";\n min-width: ",";\n "],["\n width: ",";\n min-width: ",";\n "])),unit(largeTabletSize+1),unit(tabletSize+1))),forLargeComputers(styled.css(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n width: ",";\n "],["\n width: ",";\n "])),unit(smallComputerSize+1))));var Container$5=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n margin: 0 auto;\n flex: 1;\n width: 100%;\n padding: 0 ",";\n\n ","\n"],["\n margin: 0 auto;\n flex: 1;\n width: 100%;\n padding: 0 ",";\n\n ","\n"])),function(_a){var theme=_a.theme;return theme.styles.container.horizontalPadding;},function(_a){var fluid=_a.fluid;return fluid?"":deviceSettings;});var templateObject_1$j,templateObject_2$d,templateObject_3$8,templateObject_4$5,templateObject_5$4;var storesContext;var useStores=function(){return React__default.useContext(storesContext);};var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
|
|
10165
10165
|
var forSmallComputersAndUp=mediaQueries().forSmallComputersAndUp;var SM=SPACINGS.SM;exports.AppBar=function(_a){var _b;var _c=_a.actions,actions=_c===void 0?[]:_c,className=_a.className,fixed=_a.fixed,fluid=_a.fluid,logo=_a.logo,_d=_a.onBackClicked,onBackClicked=_d===void 0?DO_NOTHING:_d,_e=_a.onLogoClicked,onLogoClicked=_e===void 0?DO_NOTHING:_e,_f=_a.showBackButton,showBackButton=_f===void 0?false:_f,title=_a.title;// TODO this should not use MobX...switch to react context
|
|
10166
|
-
var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"padding-bottom: ".concat(SM,";"),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$2,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"cursor: pointer;"},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$i||(templateObject_1$i=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$
|
|
10166
|
+
var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"padding-bottom: ".concat(SM,";"),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$2,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"cursor: pointer;"},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$i||(templateObject_1$i=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var fixed=_a.fixed;return fixed?"fixed":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;});var Content$2=styled__default["default"](Container$5).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";});var DesktopNav=styled__default["default"](FlexBox).attrs({as:"nav"})(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n && {\n display: none;\n ","\n }\n"],["\n && {\n display: none;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n display: flex;\n "],["\n display: flex;\n "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height;});var MobileNav=styled__default["default"](IconButton).attrs({flat:true,icon:js.mdiMenu})(templateObject_8||(templateObject_8=__makeTemplateObject(["\n && {\n margin-right: 0;\n ","\n }\n"],["\n && {\n margin-right: 0;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])))));var templateObject_1$i,templateObject_2$c,templateObject_3$7,templateObject_4$4,templateObject_5$3,templateObject_6$2,templateObject_7$1,templateObject_8;var COMPONENT_NAME$1="FlexBlock";var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var getSpacingDirection=function(direction){return direction==="column"?"margin-bottom":"margin-right";};var getDisplay=function(_a){var compact=_a.compact,hidden=_a.hidden;if(hidden)return"none";return compact?"inline-flex":"flex";};var getSpacing=function(_a){var spacing=_a.spacing,props=__rest(_a,["spacing"]);if(!spacing)return"";return"& > *:not(:last-child) {\n margin: 0;\n ".concat(getSpacingDirection(getFlexDirection(props)),": ").concat(spacing,";\n }");};var responsiveStyles=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,justify=props.justify,compactAxis=props.compactAxis,fluid=props.fluid;return mediaQueryFunc("\n display: ".concat(getDisplay(props),";\n justify-content: ").concat(justify||"initial",";\n align-items: ").concat(alignItems?alignItems:"initial","; \n // align-self: ").concat(compactAxis?"initial":"stretch",";\n flex-direction: ").concat(getFlexDirection(props),";\n flex: ").concat(fluid?1:"unset",";\n ").concat(getSpacing(props),"\n ")).join("");});};var FlexBlock=styled__default["default"].div.attrs(function(_a){var spacing=_a.spacing;return{spacing:spacing===undefined?SPACINGS.SM:spacing};})(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n display: ",";\n justify-content: ",";\n align-items: ",";\n // align-self: ",";\n flex-direction: ",";\n flex: ",";\n ","\n\n ","\n"],["\n display: ",";\n justify-content: ",";\n align-items: ",";\n // align-self: ",";\n flex-direction: ",";\n flex: ",";\n ","\n\n ","\n"// @ts-ignore
|
|
10167
10167
|
])),getDisplay,function(p){return p.justify||"initial";},function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(_a){var compactAxis=_a.compactAxis;return compactAxis?"initial":"stretch";},getFlexDirection,function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getSpacing,responsiveStyles);// @ts-ignore
|
|
10168
|
-
FlexBlock.COMPONENT_NAME=COMPONENT_NAME$1;FlexBlock.defaultProps={compactAxis:false,compact:false,withRows:false,responsivePropsList:[]};var PaddedFlexBlock=styled__default["default"](FlexBlock).attrs(function(props){return{};})(templateObject_2$
|
|
10168
|
+
FlexBlock.COMPONENT_NAME=COMPONENT_NAME$1;FlexBlock.defaultProps={compactAxis:false,compact:false,withRows:false,responsivePropsList:[]};var PaddedFlexBlock=styled__default["default"](FlexBlock).attrs(function(props){return{};})(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n padding: ",";\n"],["\n padding: ",";\n"// @ts-ignore
|
|
10169
10169
|
])),SPACINGS.SM);// @ts-ignore
|
|
10170
|
-
PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$h,templateObject_2$
|
|
10170
|
+
PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$h,templateObject_2$b;var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(typeof window==="undefined"||!window.DEBUG_MODULES.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}return Logger;}();if(typeof window!=="undefined"){window.DEBUG_MODULES=new Set([// "Dropdown",
|
|
10171
10171
|
// "SearchableSelector",
|
|
10172
|
-
]);}var listeners=new Set();var navBar;var scrolledPassedNavBar;var logger$4=new Logger("NavBarScrollWatcher");var checkNavPosition=function(){if(!navBar)return;var bottomPixel=navBar.getBoundingClientRect().height;var isCurrentlyPassedBar=window.scrollY>bottomPixel;logger$4.writeInfo("window.scrollY",window.scrollY,"bottomPixel",bottomPixel,"scrolledPassedNavBar",scrolledPassedNavBar);if(scrolledPassedNavBar==null||!scrolledPassedNavBar&&isCurrentlyPassedBar||scrolledPassedNavBar&&!isCurrentlyPassedBar){notifyListeners(isCurrentlyPassedBar);}scrolledPassedNavBar=isCurrentlyPassedBar;};var notifyListeners=function(b){listeners.forEach(function(f){f(b);});};var NavBarScrollWatcher=/** @class */function(){function NavBarScrollWatcher(){}NavBarScrollWatcher.onScrollPassedNavBar=function(f){listeners.add(f);if(listeners.size===1){window.addEventListener("scroll",checkNavPosition);}return function(){listeners.delete(f);if(listeners.size===0){window.removeEventListener("scroll",checkNavPosition);}};};NavBarScrollWatcher.setNavBar=function(n){navBar=n;};NavBarScrollWatcher.setInitialState=function(){checkNavPosition();};return NavBarScrollWatcher;}();var AppBarLayout=function(_a){var alertView=_a.alertView,appBar=_a.appBar,className=_a.className,content=_a.content,drawerView=_a.drawerView;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var appBarRef=React__default.useRef(null);React__default.useEffect(function(){NavBarScrollWatcher.setNavBar(appBarRef.current);},[]);return jsxRuntime.jsxs(FlexBlock,__assign({"data-component-name":AppBarLayout.COMPONENT_NAME,withRows:true,spacing:null,className:className},{children:[jsxRuntime.jsx("div",__assign({ref:appBarRef},{children:appBar})),jsxRuntime.jsxs(FlexBlock,__assign({css:"min-height: calc(100vh - ".concat(appBarHeight,");"),spacing:null,withRows:true,fluid:true},{children:[content,alertView]})),jsxRuntime.jsx(DrawerWrapper,{children:drawerView})]}));};AppBarLayout.COMPONENT_NAME="AppBarLayout";var DrawerWrapper=styled__default["default"].div(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n z-index: ",";\n"],["\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.zIndex;});var templateObject_1$g;var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;return jsxRuntime.jsxs(Container$4,__assign({withRows:true},{children:[jsxRuntime.jsx(FlexBox,__assign({gap:"unset",withRows:true},{children:mainContent})),appBar]}));};var Container$4=styled__default["default"](FlexBox)(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$f;function newIdGenerator(){var id;return __generator(this,function(_a){switch(_a.label){case 0:id=0;_a.label=1;case 1:return[4/*yield*/,id++];case 2:_a.sent();return[3/*break*/,1];case 3:return[2/*return*/];}});}var nextId=function(generator){return generator.next().value;};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var deviceQueries=function(isSkinnyLayout){var _a;var _b=deviseSizes(!isSkinnyLayout),phoneSize=_b.phoneSize,tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;return _a={},_a[DEVICES.phone]="(max-width: ".concat(unit(phoneSize),")"),_a[DEVICES.tablet]="(min-width: ".concat(unit(phoneSize+1),") and (max-width: ").concat(unit(tabletSize),")"),_a[DEVICES.largeTablet]="(min-width: ".concat(unit(tabletSize+1),") and (max-width: ").concat(unit(largeTabletSize),")"),_a[DEVICES.smallComputer]="(min-width: ".concat(unit(largeTabletSize+1),") and (max-width: ").concat(unit(smallComputerSize),")"),_a[DEVICES.largeComputer]="(min-width: ".concat(unit(smallComputerSize+1),")"),_a;};var logger$3=new Logger("DeviceSizeWatcher");var checkAny=function(arr){return function(){return arr.some(function(f){return f();});};};var DeviceSizeWatcher=/** @class */function(){function DeviceSizeWatcher(){var _this=this;this.subscribers={};this.idGen=newIdGenerator();this.subscribe=function(callBack){var id=nextId(_this.idGen);_this.subscribers[id]=callBack;return id;};this.unsubscribe=function(id){_this.subscribers[id]=null;delete _this.subscribers[id];};this.notifyReceivers=function(s){Object.values(_this.subscribers).forEach(function(f){!!f&&f(s);});};this.isPhone=function(){return _this.currentSize===DEVICES.phone;};this.isTablet=function(){return _this.currentSize===DEVICES.tablet;};this.isLargeTablet=function(){return _this.currentSize===DEVICES.largeTablet;};this.isSmallComputer=function(){return _this.currentSize===DEVICES.smallComputer;};this.isLargeComputer=function(){return _this.currentSize===DEVICES.largeComputer;};this.isSmallComputerAndUp=checkAny([this.isSmallComputer,this.isLargeComputer]);this.isLargeTabletAndUp=checkAny([this.isLargeTablet,this.isSmallComputerAndUp]);this.isTabletAndUp=checkAny([this.isTablet,this.isLargeTabletAndUp]);this.any=function(arr){return arr.some(function(f){return f();});};this.getSize=function(){return _this.currentSize;};this.createAllListeners=function(){if(typeof window==="undefined")return;logger$3.writeInfo("createAllListeners");var queries=deviceQueries(true);logger$3.writeInfo("queries",queries);Object.entries(DEVICES).forEach(function(_a){var _b=__read(_a,2),name=_b[0],s=_b[1];logger$3.writeInfo("name",name);var ml=window.matchMedia(queries[s]);ml.addListener(function(e){if(!e.matches)return;_this.currentSize=s;logger$3.writeInfo("Changed to size:",name);_this.notifyReceivers(s);});if(ml.matches){_this.currentSize=s;logger$3.writeInfo("Initial size:",name);}});};this.createAllListeners();}return DeviceSizeWatcher;}();var deviceSizeWatcher=new DeviceSizeWatcher();var ComputersOnly=function(_a){var children=_a.children;var _b=__read(React__default.useState(deviceSizeWatcher.isSmallComputerAndUp()),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){deviceSizeWatcher.subscribe(function(_){setIsVisibleTo(deviceSizeWatcher.isSmallComputerAndUp());});},[]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};exports.Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};exports.Carousel=styled__default["default"](exports.Carousel)(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n height: auto;\n"],["\n height: auto;\n"])));var templateObject_1$e,templateObject_2$9,templateObject_3$6;var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var closeDrawer=_a.closeDrawer,drawerContent=_a.drawerContent,isOpenProp=_a.isOpen;var backdropRef=React__default.useRef(null);var cachedContent=React__default.useRef();var htmlOverflow=React__default.useRef();var isOpen=(_b=__read(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read(React__default.useState(false),2),_c[0]),setIsClosingTo=_c[1];var theme=useTheme();var body=(_d=drawerContent!==null&&drawerContent!==void 0?drawerContent:{},_d.body),onClose=_d.onClose,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var animateClose=React__default.useCallback(function(){setIsClosingTo(true);setTimeout(function(){logger$2.writeInfo("setting to close");setIsOpenTo(false);setIsClosingTo(false);cachedContent.current=undefined;},ANIMATION_DURATION_MS);},[]);var closeButtonColor=theme.styles.getTextColorForBackground({color:theme.styles.sidebar.background,theme:theme});var handleBackdropClick=function(_a){var target=_a.target,currentTarget=_a.currentTarget;logger$2.writeInfo("backdrop click - target:",target,"current target:",currentTarget);if(target===currentTarget&&target===backdropRef.current)handleClose();};var handleClose=function(){closeDrawer();if(onClose)onClose();};React__default.useEffect(function(){if(isOpenProp)setIsOpenTo(true);},[isOpenProp]);React__default.useEffect(function(){if(isOpenProp||!isOpen)return;animateClose();},[animateClose,isOpen,isOpenProp]);React__default.useEffect(function(){if(!drawerContent||!drawerContent.body)return;cachedContent.current=drawerContent.body;},[drawerContent]);React__default.useEffect(function(){var root=document.querySelector("html");var resetRoot=function(){root.style.overflow=htmlOverflow.current;};if(isOpen){htmlOverflow.current=root.style.overflow;root.style.overflow="hidden";return resetRoot;}if(!isOpen)resetRoot();},[isOpen]);logger$2.writeInfo("isOpen",isOpen);if(!isOpen)return null;if(!drawerContent&&!cachedContent.current)throw new Error("Drawer found null drawer content");return jsxRuntime.jsx(Backdrop,__assign({isClosing:isClosing,onClick:handleBackdropClick,ref:backdropRef},{children:jsxRuntime.jsxs(AbsoluteContainer,__assign({withRows:true,isClosing:isClosing},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:js.mdiClose,color:closeButtonColor,onClick:handleClose,"aria-label":"Close drawer"})]}),jsxRuntime.jsx(Body$1,{children:body!==null&&body!==void 0?body:cachedContent.current}),!withNoActions?jsxRuntime.jsxs(Footer,{children:[withCancelButton?jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,flat:true,onClick:handleClose},{children:"Cancel"})):null,jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,onClick:handleClose},{children:"OK"}))]}):null]}))}));};exports.Drawer=styled__default["default"](exports.Drawer)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n html {\n overflow: hidden;\n }\n"],["\n html {\n overflow: hidden;\n }\n"// @ts-ignore
|
|
10172
|
+
]);}var listeners=new Set();var navBar;var scrolledPassedNavBar;var logger$4=new Logger("NavBarScrollWatcher");var checkNavPosition=function(){if(!navBar)return;var bottomPixel=navBar.getBoundingClientRect().height;var isCurrentlyPassedBar=window.scrollY>bottomPixel;logger$4.writeInfo("window.scrollY",window.scrollY,"bottomPixel",bottomPixel,"scrolledPassedNavBar",scrolledPassedNavBar);if(scrolledPassedNavBar==null||!scrolledPassedNavBar&&isCurrentlyPassedBar||scrolledPassedNavBar&&!isCurrentlyPassedBar){notifyListeners(isCurrentlyPassedBar);}scrolledPassedNavBar=isCurrentlyPassedBar;};var notifyListeners=function(b){listeners.forEach(function(f){f(b);});};var NavBarScrollWatcher=/** @class */function(){function NavBarScrollWatcher(){}NavBarScrollWatcher.onScrollPassedNavBar=function(f){listeners.add(f);if(listeners.size===1){window.addEventListener("scroll",checkNavPosition);}return function(){listeners.delete(f);if(listeners.size===0){window.removeEventListener("scroll",checkNavPosition);}};};NavBarScrollWatcher.setNavBar=function(n){navBar=n;};NavBarScrollWatcher.setInitialState=function(){checkNavPosition();};return NavBarScrollWatcher;}();var AppBarLayout=function(_a){var alertView=_a.alertView,appBar=_a.appBar,className=_a.className,content=_a.content,drawerView=_a.drawerView;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var appBarRef=React__default.useRef(null);React__default.useEffect(function(){NavBarScrollWatcher.setNavBar(appBarRef.current);},[]);return jsxRuntime.jsxs(FlexBlock,__assign({"data-component-name":AppBarLayout.COMPONENT_NAME,withRows:true,spacing:null,className:className},{children:[jsxRuntime.jsx("div",__assign({ref:appBarRef},{children:appBar})),jsxRuntime.jsxs(FlexBlock,__assign({css:"min-height: calc(100vh - ".concat(appBarHeight,");"),spacing:null,withRows:true,fluid:true},{children:[content,alertView]})),jsxRuntime.jsx(DrawerWrapper,{children:drawerView})]}));};AppBarLayout.COMPONENT_NAME="AppBarLayout";var DrawerWrapper=styled__default["default"].div(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n z-index: ",";\n"],["\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.zIndex;});var templateObject_1$g;var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;return jsxRuntime.jsxs(Container$4,__assign({gap:"unset",withRows:true},{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["height: calc(100% - ",");"],["height: calc(100% - ",");"])),appBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]}));};var Container$4=styled__default["default"](FlexBox)(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$f,templateObject_2$a;function newIdGenerator(){var id;return __generator(this,function(_a){switch(_a.label){case 0:id=0;_a.label=1;case 1:return[4/*yield*/,id++];case 2:_a.sent();return[3/*break*/,1];case 3:return[2/*return*/];}});}var nextId=function(generator){return generator.next().value;};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var deviceQueries=function(isSkinnyLayout){var _a;var _b=deviseSizes(!isSkinnyLayout),phoneSize=_b.phoneSize,tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;return _a={},_a[DEVICES.phone]="(max-width: ".concat(unit(phoneSize),")"),_a[DEVICES.tablet]="(min-width: ".concat(unit(phoneSize+1),") and (max-width: ").concat(unit(tabletSize),")"),_a[DEVICES.largeTablet]="(min-width: ".concat(unit(tabletSize+1),") and (max-width: ").concat(unit(largeTabletSize),")"),_a[DEVICES.smallComputer]="(min-width: ".concat(unit(largeTabletSize+1),") and (max-width: ").concat(unit(smallComputerSize),")"),_a[DEVICES.largeComputer]="(min-width: ".concat(unit(smallComputerSize+1),")"),_a;};var logger$3=new Logger("DeviceSizeWatcher");var checkAny=function(arr){return function(){return arr.some(function(f){return f();});};};var DeviceSizeWatcher=/** @class */function(){function DeviceSizeWatcher(){var _this=this;this.subscribers={};this.idGen=newIdGenerator();this.subscribe=function(callBack){var id=nextId(_this.idGen);_this.subscribers[id]=callBack;return id;};this.unsubscribe=function(id){_this.subscribers[id]=null;delete _this.subscribers[id];};this.notifyReceivers=function(s){Object.values(_this.subscribers).forEach(function(f){!!f&&f(s);});};this.isPhone=function(){return _this.currentSize===DEVICES.phone;};this.isTablet=function(){return _this.currentSize===DEVICES.tablet;};this.isLargeTablet=function(){return _this.currentSize===DEVICES.largeTablet;};this.isSmallComputer=function(){return _this.currentSize===DEVICES.smallComputer;};this.isLargeComputer=function(){return _this.currentSize===DEVICES.largeComputer;};this.isSmallComputerAndUp=checkAny([this.isSmallComputer,this.isLargeComputer]);this.isLargeTabletAndUp=checkAny([this.isLargeTablet,this.isSmallComputerAndUp]);this.isTabletAndUp=checkAny([this.isTablet,this.isLargeTabletAndUp]);this.any=function(arr){return arr.some(function(f){return f();});};this.getSize=function(){return _this.currentSize;};this.createAllListeners=function(){if(typeof window==="undefined")return;logger$3.writeInfo("createAllListeners");var queries=deviceQueries(true);logger$3.writeInfo("queries",queries);Object.entries(DEVICES).forEach(function(_a){var _b=__read(_a,2),name=_b[0],s=_b[1];logger$3.writeInfo("name",name);var ml=window.matchMedia(queries[s]);ml.addListener(function(e){if(!e.matches)return;_this.currentSize=s;logger$3.writeInfo("Changed to size:",name);_this.notifyReceivers(s);});if(ml.matches){_this.currentSize=s;logger$3.writeInfo("Initial size:",name);}});};this.createAllListeners();}return DeviceSizeWatcher;}();var deviceSizeWatcher=new DeviceSizeWatcher();var ComputersOnly=function(_a){var children=_a.children;var _b=__read(React__default.useState(deviceSizeWatcher.isSmallComputerAndUp()),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){deviceSizeWatcher.subscribe(function(_){setIsVisibleTo(deviceSizeWatcher.isSmallComputerAndUp());});},[]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};exports.Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};exports.Carousel=styled__default["default"](exports.Carousel)(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n height: auto;\n"],["\n height: auto;\n"])));var templateObject_1$e,templateObject_2$9,templateObject_3$6;var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var closeDrawer=_a.closeDrawer,drawerContent=_a.drawerContent,isOpenProp=_a.isOpen;var backdropRef=React__default.useRef(null);var cachedContent=React__default.useRef();var htmlOverflow=React__default.useRef();var isOpen=(_b=__read(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read(React__default.useState(false),2),_c[0]),setIsClosingTo=_c[1];var theme=useTheme();var body=(_d=drawerContent!==null&&drawerContent!==void 0?drawerContent:{},_d.body),onClose=_d.onClose,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var animateClose=React__default.useCallback(function(){setIsClosingTo(true);setTimeout(function(){logger$2.writeInfo("setting to close");setIsOpenTo(false);setIsClosingTo(false);cachedContent.current=undefined;},ANIMATION_DURATION_MS);},[]);var closeButtonColor=theme.styles.getTextColorForBackground({color:theme.styles.sidebar.background,theme:theme});var handleBackdropClick=function(_a){var target=_a.target,currentTarget=_a.currentTarget;logger$2.writeInfo("backdrop click - target:",target,"current target:",currentTarget);if(target===currentTarget&&target===backdropRef.current)handleClose();};var handleClose=function(){closeDrawer();if(onClose)onClose();};React__default.useEffect(function(){if(isOpenProp)setIsOpenTo(true);},[isOpenProp]);React__default.useEffect(function(){if(isOpenProp||!isOpen)return;animateClose();},[animateClose,isOpen,isOpenProp]);React__default.useEffect(function(){if(!drawerContent||!drawerContent.body)return;cachedContent.current=drawerContent.body;},[drawerContent]);React__default.useEffect(function(){var root=document.querySelector("html");var resetRoot=function(){root.style.overflow=htmlOverflow.current;};if(isOpen){htmlOverflow.current=root.style.overflow;root.style.overflow="hidden";return resetRoot;}if(!isOpen)resetRoot();},[isOpen]);logger$2.writeInfo("isOpen",isOpen);if(!isOpen)return null;if(!drawerContent&&!cachedContent.current)throw new Error("Drawer found null drawer content");return jsxRuntime.jsx(Backdrop,__assign({isClosing:isClosing,onClick:handleBackdropClick,ref:backdropRef},{children:jsxRuntime.jsxs(AbsoluteContainer,__assign({withRows:true,isClosing:isClosing},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:js.mdiClose,color:closeButtonColor,onClick:handleClose,"aria-label":"Close drawer"})]}),jsxRuntime.jsx(Body$1,{children:body!==null&&body!==void 0?body:cachedContent.current}),!withNoActions?jsxRuntime.jsxs(Footer,{children:[withCancelButton?jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,flat:true,onClick:handleClose},{children:"Cancel"})):null,jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,onClick:handleClose},{children:"OK"}))]}):null]}))}));};exports.Drawer=styled__default["default"](exports.Drawer)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n html {\n overflow: hidden;\n }\n"],["\n html {\n overflow: hidden;\n }\n"// @ts-ignore
|
|
10173
10173
|
])));// @ts-ignore
|
|
10174
10174
|
exports.Drawer.COMPONENT_NAME="Drawer";exports.Drawer.defaultProps={};var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n @keyframes DrawerAbsoluteContainerOpen {\n from {right: -380px;}\n to {right: 0;}\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {right: 0;}\n 20% {right: 20px;}\n to {right: -380px;}\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: "," 0 20px 28px 0;\n height: 100vh;\n gap: unset;\n //padding: 1rem;\n position: fixed;\n right: 0;\n top: 0;\n width: min(380px, 90vw);\n z-index: 1000;\n"],["\n @keyframes DrawerAbsoluteContainerOpen {\n from {right: -380px;}\n to {right: 0;}\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {right: 0;}\n 20% {right: 20px;}\n to {right: -380px;}\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: "," 0 20px 28px 0;\n height: 100vh;\n gap: unset;\n //padding: 1rem;\n position: fixed;\n right: 0;\n top: 0;\n width: min(380px, 90vw);\n z-index: 1000;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"DrawerAbsoluteContainerClose":"DrawerAbsoluteContainerOpen";},function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.boxShadow;});var Backdrop=styled__default["default"].div(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n @keyframes ModalBackdropOpen {\n from {opacity: 0;}\n to {opacity: 100%;}\n }\n\n @keyframes ModalBackdropClose {\n 0% {opacity: 100%;}\n 50% {opacity: 100%;}\n to {opacity: 0;}\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background-color: ",";\n display: flex;\n inset: 0;\n overflow: auto;\n position: fixed;\n z-index: 400;\n"],["\n @keyframes ModalBackdropOpen {\n from {opacity: 0;}\n to {opacity: 100%;}\n }\n\n @keyframes ModalBackdropClose {\n 0% {opacity: 100%;}\n 50% {opacity: 100%;}\n to {opacity: 0;}\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background-color: ",";\n display: flex;\n inset: 0;\n overflow: auto;\n position: fixed;\n z-index: 400;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"ModalBackdropClose":"ModalBackdropOpen";},function(p){return p.theme.styles.modal.backdrop.background;});var Body$1=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n flex: 1;\n overflow: auto;\n padding: ",";\n"],["\n flex: 1;\n overflow: auto;\n padding: ",";\n"])),MARGIN_SIZE);var Footer=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n border-top: 1px solid ",";\n justify-content: flex-end;\n padding: ",";\n"],["\n border-top: 1px solid ",";\n justify-content: flex-end;\n padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Header=styled__default["default"](FlexBox)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n align-items: center;\n border-bottom: 1px solid ",";\n padding: ",";\n"],["\n align-items: center;\n border-bottom: 1px solid ",";\n padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Title$1=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n flex: 1;\n font-weight: ",";\n"],["\n flex: 1;\n font-weight: ",";\n"])),FONT_WEIGHTS.BOLD);var templateObject_1$d,templateObject_2$8,templateObject_3$5,templateObject_4$3,templateObject_5$2,templateObject_6$1,templateObject_7;function mergeRefs(refs){return function(value){refs.forEach(function(ref){if(typeof ref==="function"){ref(value);}else if(ref!=null){ref.current=value;}});};}/**
|
|
10175
10175
|
* generates a UID factory
|