@idea-fragments/react-components-zendesk 0.1.36 → 0.1.38
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/forms.js +24 -37
- package/dist/forms.js.map +1 -1
- package/dist/layouts.js +1 -1
- package/dist/layouts.js.map +1 -1
- package/dist/tables.js +1 -1
- package/dist/tables.js.map +1 -1
- package/dist/tags.js +17 -2
- package/dist/tags.js.map +1 -1
- package/dist/types/components/forms/Label.d.ts.map +1 -1
- package/dist/types/components/forms/TaggedToggle.d.ts +7 -5
- package/dist/types/components/forms/TaggedToggle.d.ts.map +1 -1
- package/dist/types/components/forms/TaggedToggle.stories.d.ts +3 -5
- package/dist/types/components/forms/TaggedToggle.stories.d.ts.map +1 -1
- package/dist/types/components/forms/Toggle.d.ts +3 -1
- package/dist/types/components/forms/Toggle.d.ts.map +1 -1
- package/dist/types/components/forms/Toggle.stories.d.ts +3 -1
- package/dist/types/components/forms/Toggle.stories.d.ts.map +1 -1
- package/dist/types/components/forms/selectors/MultiSelector.d.ts.map +1 -1
- package/dist/types/components/tags/Chip.d.ts.map +1 -1
- package/dist/types/components/tags/Tag.d.ts +9 -5
- package/dist/types/components/tags/Tag.d.ts.map +1 -1
- package/dist/types/components/tags/Tag.stories.d.ts +18 -0
- package/dist/types/components/tags/Tag.stories.d.ts.map +1 -0
- package/package.json +1 -1
package/dist/forms.js
CHANGED
|
@@ -2265,8 +2265,8 @@ YELLOW:"#ffbe6d",// YELLOW : "#f1bc71",
|
|
|
2265
2265
|
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)
|
|
2266
2266
|
// console.log("luminosity old:", Color(c).luminosity())
|
|
2267
2267
|
// console.log("luminosity new:", Color(newColor).luminosity())
|
|
2268
|
-
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 veryLight=function(c){return light(c,0.7);};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$
|
|
2269
|
-
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
|
|
2268
|
+
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 veryLight=function(c){return light(c,0.7);};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$q||(templateObject_1$q=__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$h||(templateObject_2$h=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$q,templateObject_2$h,templateObject_3$b,templateObject_4$6;var getInlineStyling=styled.css(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$g||(templateObject_2$g=__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$a||(templateObject_3$a=__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$5||(templateObject_4$5=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$4||(templateObject_5$4=__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$3||(templateObject_6$3=__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$2||(templateObject_7$2=__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$p,templateObject_2$g,templateObject_3$a,templateObject_4$5,templateObject_5$4,templateObject_6$3,templateObject_7$2;var XS$1=".5rem";var SM$1="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$1,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 XXS=".8rem";var XS=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
2269
|
+
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,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.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 Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme;if(!danger)return{color:theme.styles.colorPrimary,primary:false};return{color:theme.styles.colorDanger,primary:true};})(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n &&&& {\n ",";\n \n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n }\n"],["\n &&&& {\n ",";\n \n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n }\n"])),function(_a){var disabled=_a.disabled;if(disabled)return"";return styled.css(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n ",";\n color: ",";\n "],["\n ",";\n color: ",";\n "])),buttonLikeHoverable,function(props){return props.theme.styles.textColorPrimary;});},FONT_SIZES.SM,SPACINGS.XS,textColorForButton);var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$o,templateObject_2$f;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};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$e||(templateObject_2$e=__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$9||(templateObject_3$9=__makeTemplateObject(["\n flex-wrap: wrap;\n"],["\n flex-wrap: wrap;\n"])));var templateObject_1$n,templateObject_2$e,templateObject_3$9;/**
|
|
2270
2270
|
* Copyright Zendesk, Inc.
|
|
2271
2271
|
*
|
|
2272
2272
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -2278,7 +2278,7 @@ var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300
|
|
|
2278
2278
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
2279
2279
|
*/function _extends$a(){_extends$a=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$a.apply(this,arguments);}function _objectWithoutPropertiesLoose$4(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$2(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$4(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(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray$2(arr,i)||_nonIterableRest();}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit(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$2(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$2(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$2(o,minLen);}function _arrayLikeToArray$2(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(){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$1='loaders.loading_placeholder';var StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'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$1,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$1('neutralHue',200,props.theme);},function(props){return props.color||getColor$1('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$1='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$1('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$1('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};var StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$1,'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(props.theme.fontSizes.sm,props.theme.space.base*5);},retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,function(props){return retrieveComponentStyles(COMPONENT_ID$4$1,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$1='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$1,'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$1,props);});StyledInline.defaultProps={theme:DEFAULT_THEME};var _excluded$4$1=["size","color","duration","delayMS"];var COMPONENT_ID$2$2='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$2(_ref,_excluded$4$1);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$a({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$2},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$1=["value","size"];var COMPONENT_ID$1$2='loaders.progress';var Progress=React__default__default["default"].forwardRef(function(_ref,ref){var value=_ref.value,size=_ref.size,other=_objectWithoutProperties$2(_ref,_excluded$3$1);var percentage=Math.max(0,Math.min(100,value));return React__default__default["default"].createElement(StyledProgressBackground,_extends$a({"data-garden-id":COMPONENT_ID$1$2,"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$1=["width","height","isLight"];var Skeleton=React__default.forwardRef(function(_ref,ref){var width=_ref.width,height=_ref.height,isLight=_ref.isLight,other=_objectWithoutProperties$2(_ref,_excluded$2$1);return React__default__default["default"].createElement(StyledSkeleton,_extends$a({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$4=["size","duration","color","delayMS"];var COMPONENT_ID$7='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(item,2),frame=_item[0],value=_item[1];var _ref=arr[index+1]||[TOTAL_FRAMES,arr[0][1]],_ref2=_slicedToArray(_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$2(_ref3,_excluded$1$4);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$a({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$7,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$8=["size","color"];var Inline=React__default.forwardRef(function(_ref,ref){var size=_ref.size,color=_ref.color,other=_objectWithoutProperties$2(_ref,_excluded$8);return React__default__default["default"].createElement(StyledInline,_extends$a({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 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 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",
|
|
2280
2280
|
// "SearchableSelector",
|
|
2281
|
-
]);}var logger$4=new Logger("Loadable");var Container$6=styled__default["default"](FlexBox)(templateObject_1$
|
|
2281
|
+
]);}var logger$4=new Logger("Loadable");var Container$6=styled__default["default"](FlexBox)(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n position: absolute;\n"],["\n height: 100%;\n width: 100%;\n position: absolute;\n"])));var ChildrenContainer=styled__default["default"](FlexBox)(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n width: 100%;\n opacity: ",";\n"],["\n width: 100%;\n opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$4.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$4.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$6,__assign({justifyContent:"center",gap:"unset",alignItems:"center"},{children:[jsxRuntime.jsx(ChildrenContainer,__assign({gap:"unset",className:className,opaqueSpinner:opaqueSpinner,showSpinner:showingSpinner,withRows:true},{children:children})),showingSpinner?jsxRuntime.jsx(LoaderContainer$1,__assign({justifyContent:"center",alignItems:"center",showSpinner:showingSpinner},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary,size:FONT_SIZES.XXL})})):null]}));};Loadable=styled__default["default"](Loadable)(templateObject_4$4||(templateObject_4$4=__makeTemplateObject([""],[""])));var templateObject_1$m,templateObject_2$d,templateObject_3$8,templateObject_4$4;var lodash={exports:{}};/**
|
|
2282
2282
|
* @license
|
|
2283
2283
|
* Lodash <https://lodash.com/>
|
|
2284
2284
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
|
@@ -11765,8 +11765,8 @@ onChange(__spreadArray([],__read(new Set(changes)),false));};var handleStateChan
|
|
|
11765
11765
|
};var optionsLoaded=optionNodes&&isNotEmpty(optionNodes);return(// @ts-ignore
|
|
11766
11766
|
jsxRuntime.jsxs(Dropdown,__assign({inputValue:searchFilter,selectedItem:selectedKey,selectedItems:selectedKeys?__spreadArray([],__read(new Set(selectedKeys)),false):undefined,isOpen:controlledState.isOpen,onInputValueChange:function(val){logger$3.writeInfo("Input value change",val);setSearchFilter(val);},onSelect:handleChange,onStateChange:handleStateChange,downshiftProps:{itemToString:function(item){if(keyField&&item&&item.hasOwnProperty(keyField)){return item[keyField];}return item;}}},{children:[trigger?jsxRuntime.jsx(Trigger,{children:trigger}):jsxRuntime.jsxs(Field$1,__assign({className:className},{children:[labelNode,hintNode,children,messageNode]})),controlledState.isOpen?// @ts-ignore
|
|
11767
11767
|
jsxRuntime.jsx(StyledMenu,__assign({_css:menuCSS!==null&&menuCSS!==void 0?menuCSS:"",appendToNode:appendMenuToNode,isCompact:small,maxHeight:maxMenuHeight,placement:placement,popperModifiers:menuPopperModifiers},{children:async?jsxRuntime.jsx(StyledLoadable,__assign({showSpinner:controlledState.isOpen&&!optionsLoaded},{children:optionNodes})):optionNodes})):null]})));};// @ts-ignore
|
|
11768
|
-
exports.Dropdown=styled__default["default"](exports.Dropdown)(templateObject_1$
|
|
11769
|
-
onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n && {\n div { max-width: 100%; }\n }\n"],["\n && {\n div { max-width: 100%; }\n }\n"])));var Label$2=styled__default["default"](Label$3)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n && { color: ","; }\n"],["\n && { color: ","; }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var _a;var ItemType=getItemType(o);var Component=menuItemComponent;return jsxRuntime.jsx(ItemType,__assign({value:o,disabled:(_a=o.disabled)!==null&&_a!==void 0?_a:false,danger:o.danger},{children:Component?jsxRuntime.jsx(Component,__assign({},o)):o[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$
|
|
11768
|
+
exports.Dropdown=styled__default["default"](exports.Dropdown)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n &&, && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"],["\n &&, && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";},function(_a){var _css=_a._css;return _css;});var Message$1=styled__default["default"](Message$2)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n && {\n font-size: ",";\n }\n"],["\n && {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n && { width: 100%; }\n\n &&, && * {\n font-size: inherit;\n }\n\n ","\n"],["\n && { width: 100%; }\n\n &&, && * {\n font-size: inherit;\n }\n\n ","\n"])),function(_a){var _css=_a._css;return _css;});var StyledLoadable=styled__default["default"](Loadable)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n flex-direction: column;\n min-height: 50px;\n"],["\n flex-direction: column;\n min-height: 50px;\n"])));exports.Dropdown.defaultProps={async:false,useRawOptions:false,returnItemOnChange:false,validation:{validation:VALIDATION_STATES.NONE},// maxMenuHeight: "20rem",
|
|
11769
|
+
onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n && {\n div { max-width: 100%; }\n }\n"],["\n && {\n div { max-width: 100%; }\n }\n"])));var Label$2=styled__default["default"](Label$3)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n && { color: ","; }\n"],["\n && { color: ","; }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var _a;var ItemType=getItemType(o);var Component=menuItemComponent;return jsxRuntime.jsx(ItemType,__assign({value:o,disabled:(_a=o.disabled)!==null&&_a!==void 0?_a:false,danger:o.danger},{children:Component?jsxRuntime.jsx(Component,__assign({},o)):o[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$l,templateObject_2$c,templateObject_3$7,templateObject_4$3,templateObject_5$3,templateObject_6$2;var SelectorEmptyState=styled__default["default"].span(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(p){return p.theme.styles.textColorSecondary;});var templateObject_1$k;var SelectorOptionKeyMap=/** @class */function(){function SelectorOptionKeyMap(){}SelectorOptionKeyMap.call=function(_a){var keyField=_a.keyField,options=_a.options,optionsKeyMap=_a.optionsKeyMap;if(optionsKeyMap)return optionsKeyMap;return options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});};return SelectorOptionKeyMap;}();var Selector=function(_a){var disabled=_a.disabled,props=__rest(_a,["disabled"]);var emptyState=props.emptyState,selectedKey=props.selectedKey,small=props.small,labelField=props.labelField,validation=props.validation;var optionsKeyMap=SelectorOptionKeyMap.call(props);// TODO validation
|
|
11770
11770
|
// const getValidation = () => (
|
|
11771
11771
|
// (invalidOnNoSelection && !selectedKey) ?
|
|
11772
11772
|
// VALIDATION_RESULTS.ERROR : validation
|
|
@@ -11777,11 +11777,11 @@ Selector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATI
|
|
|
11777
11777
|
* Also being told not to coerce a boolean into a string here.
|
|
11778
11778
|
* Switching to using 1 and 0 as my boolean
|
|
11779
11779
|
* */var convertedKey=convertBooleanToKey(selectedKey);var options=[{text:"Yes",value:TRUE},{text:"No",value:FALSE}];var optionsKeyMap=(_d={},_d[options[0].value]=options[0],_d[options[1].value]=options[1],_d);return jsxRuntime.jsx(Selector,{label:label,options:options,optionsKeyMap:optionsKeyMap,keyField:"value",labelField:"text",selectedKey:convertedKey,emptyState:"Select Yes or No",onChange:notifyWithBoolean(onChange),fluid:true});};exports.BooleanSelector=mobxReact.observer(exports.BooleanSelector);var convertBooleanToKey=function(b){if(b==null)return"";return b?TRUE:FALSE;};var notifyWithBoolean=function(notify){return function(s){var bool=s===TRUE;// @ts-ignore
|
|
11780
|
-
notify(bool);};};var COMPONENT_NAME$
|
|
11780
|
+
notify(bool);};};var COMPONENT_NAME$2="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$j||(templateObject_1$j=__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
|
|
11781
11781
|
])),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
|
|
11782
|
-
FlexBlock.COMPONENT_NAME=COMPONENT_NAME$
|
|
11782
|
+
FlexBlock.COMPONENT_NAME=COMPONENT_NAME$2;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
|
|
11783
11783
|
])),SPACINGS.SM);// @ts-ignore
|
|
11784
|
-
PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$
|
|
11784
|
+
PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$j,templateObject_2$b;var getColor=styled.css(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"// const subTextStyling = css`
|
|
11785
11785
|
// margin-top: 0;
|
|
11786
11786
|
// `
|
|
11787
11787
|
])),function(_a){var color=_a.color;return color;});// const subTextStyling = css`
|
|
@@ -11789,13 +11789,13 @@ PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$k,template
|
|
|
11789
11789
|
// `
|
|
11790
11790
|
var subTextStyling=styled.css(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"],["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"])));var Text=styled__default["default"].div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n text-align: ",";\n width: ",";\n ","\n ","\n ","\n"],["\n text-align: ",";\n width: ",";\n ","\n ","\n ","\n"// @ts-ignore
|
|
11791
11791
|
])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},function(_a){var color=_a.color;return color?getColor:"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},function(_a){var _css=_a._css;return _css;});// @ts-ignore
|
|
11792
|
-
Text.COMPONENT_NAME="Text";var templateObject_1$
|
|
11792
|
+
Text.COMPONENT_NAME="Text";var templateObject_1$i,templateObject_2$a,templateObject_3$6;var Legend=function(_a){var legendables=_a.legendables,defaultColor=_a.defaultColor;var foundLabels=new Set();return jsxRuntime.jsx(LegendContainer,__assign({withRows:true,spacing:SPACINGS.XS},{children:legendables.map(function(_a){var color=_a.color,label=_a.label;if(foundLabels.has(label))return null;foundLabels.add(label);return jsxRuntime.jsxs(FlexBlock,__assign({alignItems:"center",spacing:SPACINGS.SM},{children:[jsxRuntime.jsx(ColorBlock,{color:color||defaultColor}),jsxRuntime.jsx(Text,{children:label})]}),label);})}));};Legend.COMPONENT_NAME="Legend";var LegendContainer=styled__default["default"](FlexBlock)(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES.XS);var ColorBlock=styled__default["default"].div(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n background: ",";\n height: .75rem;\n width: .75rem;\n"],["\n background: ",";\n height: .75rem;\n width: .75rem;\n"])),function(_a){var color=_a.color;return color;});var templateObject_1$h,templateObject_2$9;var logger$2=new Logger("SearchableSelector");/*
|
|
11793
11793
|
* If we need this full width, maybe add a Block wrapper here
|
|
11794
11794
|
* */exports.SearchableSelector=function(_a){var _b,_c;var children=_a.children,disabled=_a.disabled,props=__rest(_a,["children","disabled"]);var emptyState=props.emptyState,labelField=props.labelField,onChange=props.onChange,options=props.options,selectedKey=props.selectedKey,small=props.small;var optionsKeyMap=SelectorOptionKeyMap.call(props);var selectedOption=selectedKey?optionsKeyMap[selectedKey]:null;var searchText=(_b=__read(React__default.useState(""),2),_b[0]),setSearchText=_b[1];var matchingOptions=(_c=__read(React__default.useState(options),2),_c[0]),setMatchingOptions=_c[1];// TODO See if we need to remove this filter function here
|
|
11795
11795
|
// and keep the filtering done in the Dropdown component
|
|
11796
11796
|
// ...otherwise we need to Debounce this function
|
|
11797
11797
|
var filterOptions=React__default.useCallback(function(value){logger$2.writeInfo("filtering options containing");var matchingOptions=options.filter(function(option){return option[labelField].trim().toLowerCase().indexOf(String(value).trim().toLowerCase())!==-1;});setMatchingOptions(matchingOptions);},[labelField,options]);React__default.useEffect(function(){filterOptions(searchText);},[filterOptions,searchText]);var handleStateChange=function(state){if(state.hasOwnProperty("inputValue")){setSearchText(state.inputValue);}};var handleChange=function(k){setSearchText("");if(onChange){// @ts-ignore
|
|
11798
|
-
onChange(k);}};logger$2.writeInfo("matchingOptions",matchingOptions);return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{onChange:handleChange,onStateChange:handleStateChange,options:matchingOptions},{children:jsxRuntime.jsx(Autocomplete,__assign({disabled:disabled,isCompact:small},{children:selectedOption?isFunction(children)?children(selectedOption):selectedOption[labelField]:jsxRuntime.jsx(SelectorEmptyState,{children:emptyState})}))}));};exports.SearchableSelector.defaultProps={onSearchTextChange:DO_NOTHING};exports.SearchableSelector=styled__default["default"](exports.SearchableSelector)(templateObject_1$
|
|
11798
|
+
onChange(k);}};logger$2.writeInfo("matchingOptions",matchingOptions);return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{onChange:handleChange,onStateChange:handleStateChange,options:matchingOptions},{children:jsxRuntime.jsx(Autocomplete,__assign({disabled:disabled,isCompact:small},{children:selectedOption?isFunction(children)?children(selectedOption):selectedOption[labelField]:jsxRuntime.jsx(SelectorEmptyState,{children:emptyState})}))}));};exports.SearchableSelector.defaultProps={onSearchTextChange:DO_NOTHING};exports.SearchableSelector=styled__default["default"](exports.SearchableSelector)(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n font-weight: ",";\n\n &&& * {\n ","\n cursor: ",";\n }\n\n :hover > div {\n ",";\n }\n"],["\n font-weight: ",";\n\n &&& * {\n ","\n cursor: ",";\n }\n\n :hover > div {\n ",";\n }\n"])),function(_a){var flat=_a.flat;return flat?FONT_WEIGHTS.BOLD:"inherit";},function(_a){var flat=_a.flat;return flat?"border: none;":"";},function(_a){var flat=_a.flat;return flat?"pointer !important":"inherit";},function(_a){var flat=_a.flat;return flat?"background: ".concat(veryLight(COLORS.GREY),";"):"";});var templateObject_1$g;var MONTH_MAP={JANUARY:0,FEBRUARY:1,MARCH:2,APRIL:3,MAY:4,JUNE:5,JULY:6,AUGUST:7,SEPTEMBER:8,OCTOBER:9,NOVEMBER:10,DECEMBER:11};var getNextMonth=function(currMon){return currMon===MONTH_MAP.DECEMBER?MONTH_MAP.JANUARY:currMon+1;};var getPrevMonth=function(currMon){return currMon===MONTH_MAP.JANUARY?MONTH_MAP.DECEMBER:currMon-1;};var parseNumberAndCall=function(action){return function(s){action(Number(s));};};var toTitleCase=function(s){return s.toLowerCase().split(" ").map(function(str){return str.charAt(0).toUpperCase()+str.substring(1);}).join(" ");};var keyField="monthNum";var valueField="monthName";var _a=__read(Object.keys(MONTH_MAP).reduce(function(_a,m){var _b;var _c=__read(_a,2),monthOptions=_c[0],optionsKeyMap=_c[1];var op=(_b={},_b[keyField]=MONTH_MAP[m],_b[valueField]=toTitleCase(m),_b);// @ts-ignore
|
|
11799
11799
|
monthOptions.push(op);// @ts-ignore
|
|
11800
11800
|
optionsKeyMap[MONTH_MAP[m]]=op;return[monthOptions,optionsKeyMap];},[[],{}]),2),MONTH_OPTIONS=_a[0],OPTIONS_KEY_MAP=_a[1];var MonthPicker=function(_a){var month=_a.month,onMonthSelected=_a.onMonthSelected;return jsxRuntime.jsx(exports.SearchableSelector,{compact:true,flat:true,maxMenuHeight:"10rem",options:MONTH_OPTIONS,optionsKeyMap:OPTIONS_KEY_MAP,keyField:keyField,labelField:valueField,selectedKey:month.toString(),emptyState:"Type or Select Month",// @ts-ignore
|
|
11801
11801
|
onChange:parseNumberAndCall(onMonthSelected)});};var KEY_FIELD="value";var yearOptions=function(minYear,maxYear){return arrayOfSizeN(maxYear-minYear+1).reduce(function(_a,_,i){var _b;var _c=__read(_a,2),options=_c[0],optionsKeyMap=_c[1];var op=(_b={},_b[KEY_FIELD]="".concat(minYear+i),_b);options.push(op);optionsKeyMap[minYear+i]=op;return[options,optionsKeyMap];},[[],{}]);};var YearPicker=function(_a){var year=_a.year,minYear=_a.minYear,maxYear=_a.maxYear,onYearSelected=_a.onYearSelected;var _b=__read(yearOptions(minYear,maxYear),2),options=_b[0],optionsKeyMap=_b[1];return jsxRuntime.jsx(exports.SearchableSelector,{compact:true,flat:true,options:options,optionsKeyMap:optionsKeyMap,keyField:"value",labelField:"value",selectedKey:year,emptyState:"Type or Select Year",onChange:onYearSelected});};/**
|
|
@@ -11813,17 +11813,17 @@ onChange:parseNumberAndCall(onMonthSelected)});};var KEY_FIELD="value";var yearO
|
|
|
11813
11813
|
*
|
|
11814
11814
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11815
11815
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11816
|
-
*/function ownKeys$7(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys$7(Object(source),!0).forEach(function(key){_defineProperty$9(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$7(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty$9(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends$2$1(){_extends$2$1=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$2$1.apply(this,arguments);}function _objectWithoutPropertiesLoose$1(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$1(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$1(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;}var SIZE$1=['small','medium','large'];var COMPONENT_ID$5='buttons.button_group_view';var StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;:focus{outline:none;}",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$5,props);});StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};var _excluded$6=["children","isRotated","theme"];var COMPONENT_ID$4='buttons.icon';var sizeStyles$1=function sizeStyles(props){var marginProperty;if(props.position==='start'){marginProperty="margin-".concat(props.theme.rtl?'left':'right');}else if(props.position==='end'){marginProperty="margin-".concat(props.theme.rtl?'right':'left');}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};var StyledIcon=styled__default["default"](function(_ref){var children=_ref.children;_ref.isRotated;_ref.theme;var props=_objectWithoutProperties$1(_ref,_excluded$6);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],function(props){return props.isRotated&&"rotate(".concat(props.theme.rtl?'-':'+',"180deg)");},function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$4,props);});StyledIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3='buttons.button';var getBorderRadius=function getBorderRadius(props){if(props.isLink){return 0;}else if(props.isPill){return'100px';}return props.theme.borderRadii.md;};var getDisabledBackgroundColor=function getDisabledBackgroundColor(props){return getColor$1('neutralHue',200,props.theme);};var getHeight=function getHeight(props){if(props.size==='small'){return"".concat(props.theme.space.base*8,"px");}else if(props.size==='large'){return"".concat(props.theme.space.base*12,"px");}return"".concat(props.theme.space.base*10,"px");};var colorStyles$1=function colorStyles(props){var retVal;var hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}var shade=600;var baseColor=getColor$1(hue,shade,props.theme);var hoverColor=getColor$1(hue,shade+100,props.theme);var activeColor=getColor$1(hue,shade+200,props.theme);var disabledBackgroundColor=getDisabledBackgroundColor(props);var disabledForegroundColor=getColor$1(hue,shade-200,props.theme);var boxShadowColor=props.focusInset&&(props.isPrimary||props.isSelected)?props.theme.palette.white:baseColor;var boxShadow="\n ".concat(props.focusInset?'inset':'',"\n ").concat(props.theme.shadows.md(rgba(boxShadowColor,0.35)));if(props.isLink){retVal=styled.css(["background-color:transparent;color:",";&:focus{color:",";}&:hover,&[data-garden-focus-visible]{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,baseColor,hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["background-color:",";color:",";&:hover{background-color:",";}&[data-garden-focus-visible]{box-shadow:",";}&:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,boxShadow,activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{var borderColor=props.isNeutral&&!props.isDanger?getColor$1('neutralHue',300,props.theme):baseColor;var foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;var hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;var hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}&[data-garden-focus-visible]{border-color:",";box-shadow:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,props.isNeutral&&baseColor,boxShadow,!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade,props.theme),StyledIcon,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};var groupStyles=function groupStyles(props){var isPrimary=props.isPrimary;var rtl=props.theme.rtl;var lightBorderColor=props.theme.colors.background;var disabledBackgroundColor=getDisabledBackgroundColor(props);return styled.css(["position:relative;margin-",":",";border-top-width:",";border-bottom-width:",";border-right-color:",";border-left-color:",";&:hover,&[data-garden-focus-visible],&:active{z-index:1;}&:disabled{z-index:-1;border-top-width:0;border-bottom-width:0;border-right-color:",";border-left-color:",";background-color:",";}&:first-of-type:not(:last-of-type){margin-",":0;border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],rtl?'right':'left',math("".concat(props.theme.borderWidths.sm," * -1")),isPrimary&&0,isPrimary&&0,isPrimary&&lightBorderColor,isPrimary&&lightBorderColor,lightBorderColor,lightBorderColor,!isPrimary&&disabledBackgroundColor,rtl?'right':'left',rtl?'left':'right',rtl?'left':'right',rtl?'right':'left',isPrimary&&0,rtl?'right':'left',rtl?'right':'left',rtl?'left':'right',isPrimary&&0,StyledIcon,rtl?'left':'right',props.isPill&&'-2px',StyledIcon,rtl?'right':'left',props.isPill&&'-2px');};var iconStyles$1=function iconStyles(props){var size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};var sizeStyles$2=function sizeStyles(props){var retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{var height=getHeight(props);var lineHeight=math("".concat(height," - (").concat(props.theme.borderWidths.sm," * 2)"));var padding;var fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding="".concat(props.theme.space.base*3,"px");}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding="".concat(props.theme.space.base*5,"px");}else{padding="".concat(props.theme.space.base*4,"px");}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math("".concat(padding," - ").concat(props.theme.borderWidths.sm)),fontSize),height,lineHeight,fontSize);}return retVal;};var StyledButton=styled__default["default"].button.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.53.2',type:props.type||'button'};}).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;text-decoration:",";}&:hover{text-decoration:",";}&[data-garden-focus-visible]{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{",";}",";"],function(props){return props.isLink?'inline':'inline-flex';},function(props){return!props.isLink&&'center';},function(props){return!props.isLink&&'center';},function(props){return props.isLink?'none':"".concat(props.theme.borders.sm," transparent");},function(props){return getBorderRadius(props);},function(props){return props.isStretched?'100%':'';},function(props){return!props.isLink&&'nowrap';},function(props){return props.isLink?'inherit':props.theme.fontWeights.regular;},function(props){return!props.isLink&&'none';},function(props){return sizeStyles$2(props);},function(props){return props.isLink&&'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return colorStyles$1(props);},function(props){return props.isLink&&'none';},StyledIcon,function(props){return iconStyles$1(props);},StyledButtonGroup,function(props){return groupStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$3,props);});StyledButton.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='buttons.anchor';var StyledAnchor=styled__default["default"](StyledButton).attrs(function(props){return{'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined};}).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1;function _extends$1$1(){_extends$1$1=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$1$1.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};var COMPONENT_ID$1$1='buttons.external_icon';var StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],function(props){return props.theme.rtl&&'scaleX(-1)';},function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='buttons.icon_button';var iconColorStyles=function iconColorStyles(props){var shade=600;var baseColor=getColor$1('neutralHue',shade,props.theme);var hoverColor=getColor$1('neutralHue',shade+100,props.theme);var activeColor=getColor$1('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};var iconButtonStyles=function iconButtonStyles(props){var width=getHeight(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};var iconStyles=function iconStyles(props){var size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};var StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],function(props){return iconButtonStyles(props);},StyledIcon,function(props){return iconStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledIconButton.defaultProps={theme:DEFAULT_THEME};var ButtonGroupContext=React__default.createContext(undefined);var useButtonGroupContext=function useButtonGroupContext(){return React__default.useContext(ButtonGroupContext);};var SplitButtonContext=React__default.createContext(undefined);var useSplitButtonContext=function useSplitButtonContext(){return React__default.useContext(SplitButtonContext);};var StartIconComponent=function StartIconComponent(props){return React__default__default["default"].createElement(StyledIcon,_extends$2$1({position:"start"},props));};StartIconComponent.displayName='Button.StartIcon';var StartIcon=StartIconComponent;var EndIconComponent=function EndIconComponent(props){return React__default__default["default"].createElement(StyledIcon,_extends$2$1({position:"end"},props));};EndIconComponent.displayName='Button.EndIcon';var EndIcon=EndIconComponent;var ButtonComponent=React__default.forwardRef(function(props,ref){var buttonGroupContext=useButtonGroupContext();var splitButtonContext=useSplitButtonContext();var computedProps=_objectSpread2(_objectSpread2({},props),{},{focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext});if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps(_objectSpread2({item:props.value,focusRef:React__default__default["default"].createRef(),isSelected:props.value===buttonGroupContext.selectedItem},computedProps));}return React__default__default["default"].createElement(StyledButton,_extends$2$1({ref:ref},computedProps));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1)};ButtonComponent.defaultProps={size:'medium'};var Button$2=ButtonComponent;Button$2.EndIcon=EndIcon;Button$2.StartIcon=StartIcon;var _excluded$5=["children","isExternal"];var Anchor=React__default.forwardRef(function(_ref,ref){var children=_ref.children,isExternal=_ref.isExternal,otherProps=_objectWithoutProperties$1(_ref,_excluded$5);var anchorProps=otherProps;if(isExternal){anchorProps=_objectSpread2({target:'_blank',rel:'noopener noreferrer'},anchorProps);}return React__default__default["default"].createElement(StyledAnchor,_extends$2$1({ref:ref},anchorProps),children,isExternal&&React__default__default["default"].createElement(StyledExternalIcon,null));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool};var _excluded$4=["children","onSelect","selectedItem"];var ButtonGroup=React__default.forwardRef(function(_ref,ref){var children=_ref.children,onSelect=_ref.onSelect,controlledSelectedItem=_ref.selectedItem,otherProps=_objectWithoutProperties$1(_ref,_excluded$4);var _useButtonGroup=useButtonGroup({selectedItem:controlledSelectedItem,defaultSelectedIndex:0,onSelect:onSelect}),selectedItem=_useButtonGroup.selectedItem,getButtonProps=_useButtonGroup.getButtonProps,getGroupProps=_useButtonGroup.getGroupProps;var contextValue=React__default.useMemo(function(){return{selectedItem:selectedItem,getButtonProps:getButtonProps};},[selectedItem,getButtonProps]);return React__default__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$1({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};var _excluded$3=["children","isRotated"];var IconButton$1=React__default.forwardRef(function(_ref,ref){var children=_ref.children,isRotated=_ref.isRotated,otherProps=_objectWithoutProperties$1(_ref,_excluded$3);var focusInset=useSplitButtonContext();return React__default__default["default"].createElement(StyledIconButton,_extends$2$1({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton$1.displayName='IconButton';IconButton$1.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton$1.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path$2;function _extends$7(){_extends$7=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$7.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$7({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2||(_path$2=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};var ChevronButton=React__default.forwardRef(function(_ref,ref){var buttonProps=_extends$2$1({},_ref);return React__default__default["default"].createElement(IconButton$1,_extends$2$1({ref:ref},buttonProps),React__default__default["default"].createElement(SvgChevronDownStroke,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton$1.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};var _excluded$2=["children"];var SplitButton=React__default.forwardRef(function(_ref,ref){var children=_ref.children,other=_objectWithoutProperties$1(_ref,_excluded$2);return React__default__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$1({ref:ref},other),children));});SplitButton.displayName='SplitButton';var _excluded$1$1=["isPressed"];var ToggleButton=React__default.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$1$1);return React__default__default["default"].createElement(Button$2,_extends$2$1({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes=_objectSpread2(_objectSpread2({},Button$2.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleButton.defaultProps={size:'medium'};var _excluded$7=["isPressed"];var ToggleIconButton=React__default.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$7);return React__default__default["default"].createElement(IconButton$1,_extends$2$1({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes=_objectSpread2(_objectSpread2({},IconButton$1.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var COMPONENT_NAME$2="Icon";var Icon=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
|
|
11817
|
-
?jsxRuntime.jsx(MIcon.Stack,__assign({onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$
|
|
11818
|
-
onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$
|
|
11819
|
-
:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$
|
|
11816
|
+
*/function ownKeys$7(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys$7(Object(source),!0).forEach(function(key){_defineProperty$9(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$7(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty$9(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends$2$1(){_extends$2$1=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$2$1.apply(this,arguments);}function _objectWithoutPropertiesLoose$1(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$1(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$1(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;}var SIZE$1=['small','medium','large'];var COMPONENT_ID$5='buttons.button_group_view';var StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;:focus{outline:none;}",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$5,props);});StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};var _excluded$6=["children","isRotated","theme"];var COMPONENT_ID$4='buttons.icon';var sizeStyles$1=function sizeStyles(props){var marginProperty;if(props.position==='start'){marginProperty="margin-".concat(props.theme.rtl?'left':'right');}else if(props.position==='end'){marginProperty="margin-".concat(props.theme.rtl?'right':'left');}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};var StyledIcon=styled__default["default"](function(_ref){var children=_ref.children;_ref.isRotated;_ref.theme;var props=_objectWithoutProperties$1(_ref,_excluded$6);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],function(props){return props.isRotated&&"rotate(".concat(props.theme.rtl?'-':'+',"180deg)");},function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$4,props);});StyledIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3='buttons.button';var getBorderRadius=function getBorderRadius(props){if(props.isLink){return 0;}else if(props.isPill){return'100px';}return props.theme.borderRadii.md;};var getDisabledBackgroundColor=function getDisabledBackgroundColor(props){return getColor$1('neutralHue',200,props.theme);};var getHeight=function getHeight(props){if(props.size==='small'){return"".concat(props.theme.space.base*8,"px");}else if(props.size==='large'){return"".concat(props.theme.space.base*12,"px");}return"".concat(props.theme.space.base*10,"px");};var colorStyles$1=function colorStyles(props){var retVal;var hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}var shade=600;var baseColor=getColor$1(hue,shade,props.theme);var hoverColor=getColor$1(hue,shade+100,props.theme);var activeColor=getColor$1(hue,shade+200,props.theme);var disabledBackgroundColor=getDisabledBackgroundColor(props);var disabledForegroundColor=getColor$1(hue,shade-200,props.theme);var boxShadowColor=props.focusInset&&(props.isPrimary||props.isSelected)?props.theme.palette.white:baseColor;var boxShadow="\n ".concat(props.focusInset?'inset':'',"\n ").concat(props.theme.shadows.md(rgba(boxShadowColor,0.35)));if(props.isLink){retVal=styled.css(["background-color:transparent;color:",";&:focus{color:",";}&:hover,&[data-garden-focus-visible]{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,baseColor,hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["background-color:",";color:",";&:hover{background-color:",";}&[data-garden-focus-visible]{box-shadow:",";}&:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,boxShadow,activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{var borderColor=props.isNeutral&&!props.isDanger?getColor$1('neutralHue',300,props.theme):baseColor;var foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;var hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;var hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}&[data-garden-focus-visible]{border-color:",";box-shadow:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,props.isNeutral&&baseColor,boxShadow,!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade,props.theme),StyledIcon,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};var groupStyles=function groupStyles(props){var isPrimary=props.isPrimary;var rtl=props.theme.rtl;var lightBorderColor=props.theme.colors.background;var disabledBackgroundColor=getDisabledBackgroundColor(props);return styled.css(["position:relative;margin-",":",";border-top-width:",";border-bottom-width:",";border-right-color:",";border-left-color:",";&:hover,&[data-garden-focus-visible],&:active{z-index:1;}&:disabled{z-index:-1;border-top-width:0;border-bottom-width:0;border-right-color:",";border-left-color:",";background-color:",";}&:first-of-type:not(:last-of-type){margin-",":0;border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],rtl?'right':'left',math("".concat(props.theme.borderWidths.sm," * -1")),isPrimary&&0,isPrimary&&0,isPrimary&&lightBorderColor,isPrimary&&lightBorderColor,lightBorderColor,lightBorderColor,!isPrimary&&disabledBackgroundColor,rtl?'right':'left',rtl?'left':'right',rtl?'left':'right',rtl?'right':'left',isPrimary&&0,rtl?'right':'left',rtl?'right':'left',rtl?'left':'right',isPrimary&&0,StyledIcon,rtl?'left':'right',props.isPill&&'-2px',StyledIcon,rtl?'right':'left',props.isPill&&'-2px');};var iconStyles$1=function iconStyles(props){var size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};var sizeStyles$2=function sizeStyles(props){var retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{var height=getHeight(props);var lineHeight=math("".concat(height," - (").concat(props.theme.borderWidths.sm," * 2)"));var padding;var fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding="".concat(props.theme.space.base*3,"px");}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding="".concat(props.theme.space.base*5,"px");}else{padding="".concat(props.theme.space.base*4,"px");}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math("".concat(padding," - ").concat(props.theme.borderWidths.sm)),fontSize),height,lineHeight,fontSize);}return retVal;};var StyledButton=styled__default["default"].button.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.53.2',type:props.type||'button'};}).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;text-decoration:",";}&:hover{text-decoration:",";}&[data-garden-focus-visible]{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{",";}",";"],function(props){return props.isLink?'inline':'inline-flex';},function(props){return!props.isLink&&'center';},function(props){return!props.isLink&&'center';},function(props){return props.isLink?'none':"".concat(props.theme.borders.sm," transparent");},function(props){return getBorderRadius(props);},function(props){return props.isStretched?'100%':'';},function(props){return!props.isLink&&'nowrap';},function(props){return props.isLink?'inherit':props.theme.fontWeights.regular;},function(props){return!props.isLink&&'none';},function(props){return sizeStyles$2(props);},function(props){return props.isLink&&'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return colorStyles$1(props);},function(props){return props.isLink&&'none';},StyledIcon,function(props){return iconStyles$1(props);},StyledButtonGroup,function(props){return groupStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$3,props);});StyledButton.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='buttons.anchor';var StyledAnchor=styled__default["default"](StyledButton).attrs(function(props){return{'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined};}).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1;function _extends$1$1(){_extends$1$1=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$1$1.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};var COMPONENT_ID$1$1='buttons.external_icon';var StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],function(props){return props.theme.rtl&&'scaleX(-1)';},function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='buttons.icon_button';var iconColorStyles=function iconColorStyles(props){var shade=600;var baseColor=getColor$1('neutralHue',shade,props.theme);var hoverColor=getColor$1('neutralHue',shade+100,props.theme);var activeColor=getColor$1('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};var iconButtonStyles=function iconButtonStyles(props){var width=getHeight(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};var iconStyles=function iconStyles(props){var size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};var StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],function(props){return iconButtonStyles(props);},StyledIcon,function(props){return iconStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledIconButton.defaultProps={theme:DEFAULT_THEME};var ButtonGroupContext=React__default.createContext(undefined);var useButtonGroupContext=function useButtonGroupContext(){return React__default.useContext(ButtonGroupContext);};var SplitButtonContext=React__default.createContext(undefined);var useSplitButtonContext=function useSplitButtonContext(){return React__default.useContext(SplitButtonContext);};var StartIconComponent=function StartIconComponent(props){return React__default__default["default"].createElement(StyledIcon,_extends$2$1({position:"start"},props));};StartIconComponent.displayName='Button.StartIcon';var StartIcon=StartIconComponent;var EndIconComponent=function EndIconComponent(props){return React__default__default["default"].createElement(StyledIcon,_extends$2$1({position:"end"},props));};EndIconComponent.displayName='Button.EndIcon';var EndIcon=EndIconComponent;var ButtonComponent=React__default.forwardRef(function(props,ref){var buttonGroupContext=useButtonGroupContext();var splitButtonContext=useSplitButtonContext();var computedProps=_objectSpread2(_objectSpread2({},props),{},{focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext});if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps(_objectSpread2({item:props.value,focusRef:React__default__default["default"].createRef(),isSelected:props.value===buttonGroupContext.selectedItem},computedProps));}return React__default__default["default"].createElement(StyledButton,_extends$2$1({ref:ref},computedProps));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1)};ButtonComponent.defaultProps={size:'medium'};var Button$2=ButtonComponent;Button$2.EndIcon=EndIcon;Button$2.StartIcon=StartIcon;var _excluded$5=["children","isExternal"];var Anchor=React__default.forwardRef(function(_ref,ref){var children=_ref.children,isExternal=_ref.isExternal,otherProps=_objectWithoutProperties$1(_ref,_excluded$5);var anchorProps=otherProps;if(isExternal){anchorProps=_objectSpread2({target:'_blank',rel:'noopener noreferrer'},anchorProps);}return React__default__default["default"].createElement(StyledAnchor,_extends$2$1({ref:ref},anchorProps),children,isExternal&&React__default__default["default"].createElement(StyledExternalIcon,null));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool};var _excluded$4=["children","onSelect","selectedItem"];var ButtonGroup=React__default.forwardRef(function(_ref,ref){var children=_ref.children,onSelect=_ref.onSelect,controlledSelectedItem=_ref.selectedItem,otherProps=_objectWithoutProperties$1(_ref,_excluded$4);var _useButtonGroup=useButtonGroup({selectedItem:controlledSelectedItem,defaultSelectedIndex:0,onSelect:onSelect}),selectedItem=_useButtonGroup.selectedItem,getButtonProps=_useButtonGroup.getButtonProps,getGroupProps=_useButtonGroup.getGroupProps;var contextValue=React__default.useMemo(function(){return{selectedItem:selectedItem,getButtonProps:getButtonProps};},[selectedItem,getButtonProps]);return React__default__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$1({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};var _excluded$3=["children","isRotated"];var IconButton$1=React__default.forwardRef(function(_ref,ref){var children=_ref.children,isRotated=_ref.isRotated,otherProps=_objectWithoutProperties$1(_ref,_excluded$3);var focusInset=useSplitButtonContext();return React__default__default["default"].createElement(StyledIconButton,_extends$2$1({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton$1.displayName='IconButton';IconButton$1.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton$1.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path$2;function _extends$7(){_extends$7=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$7.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$7({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2||(_path$2=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};var ChevronButton=React__default.forwardRef(function(_ref,ref){var buttonProps=_extends$2$1({},_ref);return React__default__default["default"].createElement(IconButton$1,_extends$2$1({ref:ref},buttonProps),React__default__default["default"].createElement(SvgChevronDownStroke,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton$1.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};var _excluded$2=["children"];var SplitButton=React__default.forwardRef(function(_ref,ref){var children=_ref.children,other=_objectWithoutProperties$1(_ref,_excluded$2);return React__default__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$1({ref:ref},other),children));});SplitButton.displayName='SplitButton';var _excluded$1$1=["isPressed"];var ToggleButton=React__default.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$1$1);return React__default__default["default"].createElement(Button$2,_extends$2$1({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes=_objectSpread2(_objectSpread2({},Button$2.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleButton.defaultProps={size:'medium'};var _excluded$7=["isPressed"];var ToggleIconButton=React__default.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$7);return React__default__default["default"].createElement(IconButton$1,_extends$2$1({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes=_objectSpread2(_objectSpread2({},IconButton$1.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var COMPONENT_NAME$1="Icon";var Icon=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
|
|
11817
|
+
?jsxRuntime.jsx(MIcon.Stack,__assign({onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$1},{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
|
|
11818
|
+
onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$1})// @ts-ignore
|
|
11819
|
+
:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$1,height:size,onClick:onClick,width:size,title:title});};Icon.COMPONENT_NAME=COMPONENT_NAME$1;var fitContent=styled.css(templateObject_1$f||(templateObject_1$f=__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$8||(templateObject_2$8=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$5||(templateObject_3$5=__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$2||(templateObject_4$2=__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$2||(templateObject_5$2=__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
|
|
11820
11820
|
return jsxRuntime.jsx(Button$2,__assign({as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer,__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,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx("span",{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props)});})(templateObject_6$1||(templateObject_6$1=__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$1=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
|
|
11821
11821
|
onClick:autoLoadable?processClick:onClick}));}))(templateObject_7$1||(templateObject_7$1=__makeTemplateObject([""],[""// @ts-ignore
|
|
11822
11822
|
])));// @ts-ignore
|
|
11823
11823
|
Button$1.COMPONENT_NAME="Button";// @ts-ignore
|
|
11824
|
-
Button$1.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$
|
|
11824
|
+
Button$1.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$f,templateObject_2$8,templateObject_3$5,templateObject_4$2,templateObject_5$2,templateObject_6$1,templateObject_7$1,templateObject_8$1;var COMPONENT_NAME="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$1,__assign({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n && {\n padding: .5em;\n min-width: 0;\n }\n"],["\n && {\n padding: .5em;\n min-width: 0;\n }\n"// @ts-ignore
|
|
11825
11825
|
])));// @ts-ignore
|
|
11826
|
-
IconButton.COMPONENT_NAME=COMPONENT_NAME
|
|
11826
|
+
IconButton.COMPONENT_NAME=COMPONENT_NAME;var templateObject_1$e;function commonjsRequire(path){throw new Error('Could not dynamically require "'+path+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');}var moment$1={exports:{}};(function(module,exports){(function(global,factory){module.exports=factory();})(commonjsGlobal,function(){var hookCallback;function hooks(){return hookCallback.apply(null,arguments);}// This is done to register the method called with moment()
|
|
11827
11827
|
// without creating circular dependencies.
|
|
11828
11828
|
function setHookCallback(callback){hookCallback=callback;}function isArray(input){return input instanceof Array||Object.prototype.toString.call(input)==='[object Array]';}function isObject(input){// IE8 will treat undefined and null as object if it wasn't for
|
|
11829
11829
|
// input != null
|
|
@@ -12213,7 +12213,7 @@ MONTH:'YYYY-MM'// <input type="month" />
|
|
|
12213
12213
|
};return hooks;});})(moment$1);var moment=moment$1.exports;// @flow
|
|
12214
12214
|
var maxNumberBetween=function(a,b){return a>b?a:b;};var MonthYearPicker=function(_a){var month=_a.month,year=_a.year,minDate=_a.minDate,pastFutureYearRangeSize=_a.pastFutureYearRangeSize,onChange=_a.onChange;var currentYear=moment().year();var maxYear=currentYear+pastFutureYearRangeSize;var minYear=maxNumberBetween(currentYear-pastFutureYearRangeSize,minDate?minDate.year():Number.NEGATIVE_INFINITY);var sendPreviousMonth=function(){var changes={month:getPrevMonth(month),year:month===MONTH_MAP.JANUARY?year-1:year};if(changes.year<minYear)return;// @ts-ignore
|
|
12215
12215
|
onChange(changes);};var sendNextMonth=function(){var changes={month:getNextMonth(month),year:month===MONTH_MAP.DECEMBER?year+1:year};if(changes.year>maxYear)return;// @ts-ignore
|
|
12216
|
-
onChange(changes);};var sendSelectedMonth=function(m){onChange({month:Number(m),year:year});};var sendSelectedYear=function(y){onChange({month:month,year:Number(y)});};return jsxRuntime.jsxs(Container$5,__assign({alignItems:"center"},{children:[jsxRuntime.jsx(NavButton,{icon:js.mdiArrowLeft,onClick:sendPreviousMonth}),jsxRuntime.jsxs(PickersContainer,{children:[jsxRuntime.jsx(MonthPicker,{month:month,onMonthSelected:sendSelectedMonth}),jsxRuntime.jsx(YearPicker,{year:year,minYear:minYear,maxYear:maxYear,onYearSelected:sendSelectedYear})]}),jsxRuntime.jsx(NavButton,{icon:js.mdiArrowRight,onClick:sendNextMonth})]}));};var NavButton=styled__default["default"](IconButton).attrs({flat:true})(templateObject_1$
|
|
12216
|
+
onChange(changes);};var sendSelectedMonth=function(m){onChange({month:Number(m),year:year});};var sendSelectedYear=function(y){onChange({month:month,year:Number(y)});};return jsxRuntime.jsxs(Container$5,__assign({alignItems:"center"},{children:[jsxRuntime.jsx(NavButton,{icon:js.mdiArrowLeft,onClick:sendPreviousMonth}),jsxRuntime.jsxs(PickersContainer,{children:[jsxRuntime.jsx(MonthPicker,{month:month,onMonthSelected:sendSelectedMonth}),jsxRuntime.jsx(YearPicker,{year:year,minYear:minYear,maxYear:maxYear,onYearSelected:sendSelectedYear})]}),jsxRuntime.jsx(NavButton,{icon:js.mdiArrowRight,onClick:sendNextMonth})]}));};var NavButton=styled__default["default"](IconButton).attrs({flat:true})(templateObject_1$d||(templateObject_1$d=__makeTemplateObject([""],[""])));var Container$5=styled__default["default"](FlexBlock)(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n margin-bottom: ",";\n align-items: center;\n"],["\n margin-bottom: ",";\n align-items: center;\n"])),SPACINGS.XS);var PickersContainer=styled__default["default"](FlexBlock).attrs({spacing:SPACINGS.XS})(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n margin-left: ",";\n flex: 1;\n justify-content: center;\n"],["\n margin-left: ",";\n flex: 1;\n justify-content: center;\n"])),SPACINGS.XS);var templateObject_1$d,templateObject_2$7,templateObject_3$4;var dist={};var DateRange$1={};var Calendar$1={};var DayCell$1={};var classnames={exports:{}};/*!
|
|
12217
12217
|
Copyright (c) 2018 Jed Watson.
|
|
12218
12218
|
Licensed under the MIT License (MIT), see
|
|
12219
12219
|
http://jedwatson.github.io/classnames
|
|
@@ -14291,37 +14291,24 @@ displayMode:displayMode,disabledDates:momentListToDateList(disabledDates),dragSe
|
|
|
14291
14291
|
*/navigatorRenderer:function(_,changeShownDateFunc){changeShownDate.current=changeShownDateFunc;return jsxRuntime.jsx(MonthYearPicker,{month:usableDate.month(),year:usableDate.year(),minDate:minDate,pastFutureYearRangeSize:3,onChange:function(_a){var month=_a.month,year=_a.year;// changeShownDate(
|
|
14292
14292
|
// moment(usableDate).month(month).year(year).toDate(),
|
|
14293
14293
|
// )
|
|
14294
|
-
changeDateState({month:month,year:year});}});},ranges:ranges,rangeColors:rangeColors,shownDate:usableDate.toDate(),showMonthAndYearPickers:false,showMonthArrow:false,showPreview:true,showDateDisplay:false,onChange:onChange,onShownDateChange:DO_NOTHING,onPreviewChange:DO_NOTHING}),showLegend&&labeledRanges?jsxRuntime.jsx(Legend,{legendables:Object.values(labelColors),defaultColor:theme.styles.colorPrimary}):null]}));};var Container$4=styled__default["default"](PaddedFlexBlock)(templateObject_1$
|
|
14294
|
+
changeDateState({month:month,year:year});}});},ranges:ranges,rangeColors:rangeColors,shownDate:usableDate.toDate(),showMonthAndYearPickers:false,showMonthArrow:false,showPreview:true,showDateDisplay:false,onChange:onChange,onShownDateChange:DO_NOTHING,onPreviewChange:DO_NOTHING}),showLegend&&labeledRanges?jsxRuntime.jsx(Legend,{legendables:Object.values(labelColors),defaultColor:theme.styles.colorPrimary}):null]}));};var Container$4=styled__default["default"](PaddedFlexBlock)(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n width: ",";\n\n .rdrMonth {\n width: 100%;\n }\n\n .rdrDay.rdrDayToday .rdrDayNumber span:after {\n background: ",";\n }\n\n .rdrDay.rdrDayHovered {\n .rdrDayNumber {\n background: ",";\n border-radius: 2em;\n\n span {\n color: ",";\n }\n\n ::after {\n display: none;\n }\n }\n }\n\n .rdrDayNumber {\n font-weight: ",";\n top: 2px;\n bottom: 2px;\n }\n\n .rdrMonthAndYearWrapper {\n display: none;\n }\n"],["\n width: ",";\n\n .rdrMonth {\n width: 100%;\n }\n\n .rdrDay.rdrDayToday .rdrDayNumber span:after {\n background: ",";\n }\n\n .rdrDay.rdrDayHovered {\n .rdrDayNumber {\n background: ",";\n border-radius: 2em;\n\n span {\n color: ",";\n }\n\n ::after {\n display: none;\n }\n }\n }\n\n .rdrDayNumber {\n font-weight: ",";\n top: 2px;\n bottom: 2px;\n }\n\n .rdrMonthAndYearWrapper {\n display: none;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"100%":"24.5rem";},function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return theme.styles.textColorOverPrimaryBg;},FONT_WEIGHTS.REGULAR);var templateObject_1$c;var logger$1=new Logger("DatePickerSelector");var stateChangesThatFailWithDatePicker=[Downshift$1.stateChangeTypes.blurInput,Downshift$1.stateChangeTypes.blurButton];var DatePickerSelector=function(props){var _a=__read(React__default.useState({isOpen:false}),2),state=_a[0],setState=_a[1];var value=props.value,emptyState=props.emptyState,minimumDate=props.minimumDate,disabled=props.disabled,disabledDates=props.disabledDates,onChange=props.onChange;var setDropdownState=function(_a){var isOpen=_a.isOpen,type=_a.type;logger$1.writeInfo("Dropdown state changed:",{isOpen:isOpen});if(disabled||isOpen==null||stateChangesThatFailWithDatePicker.includes(type))return;setState({isOpen:isOpen});};var handleCalendarChange=function(d){logger$1.writeInfo("Date selected:",d);onChange(moment(d));closeCalendar();};var closeCalendar=function(){setState({isOpen:false});};return(// @ts-ignore
|
|
14295
14295
|
jsxRuntime.jsx(exports.Dropdown,__assign({},props,{onStateChange:setDropdownState,isOpen:state.isOpen,useRawOptions:true,options:[jsxRuntime.jsx(TinyCalendar,{onChange:handleCalendarChange,minDate:minimumDate,disabledDates:disabledDates},"CalendarPanel")],menuCSS:"width: auto !important;"},{children:jsxRuntime.jsx(Select,__assign({validation:props.validation?props.validation.validation:null,disabled:disabled},{children:value?formatMonthDateYear(moment(value)):emptyState}))})));};DatePickerSelector.COMPONENT_NAME="DatePickerSelector";DatePickerSelector.defaultProps={onChange:DO_NOTHING,emptyState:"Click to select date",disabledDates:[],disabled:false};/**
|
|
14296
14296
|
* Copyright Zendesk, Inc.
|
|
14297
14297
|
*
|
|
14298
14298
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
14299
14299
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
14300
|
-
*/function _extends$1(){_extends$1=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$1.apply(this,arguments);}function _objectWithoutPropertiesLoose(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(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(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;}var SIZE=['small','medium','large'];var _excluded$1=["children"];var COMPONENT_ID$2='tags.avatar';var StyledAvatar=styled__default["default"](function(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded$1);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledAvatar",componentId:"sc-3kdmgt-0"})(["flex-shrink:0;font-size:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2,props);});StyledAvatar.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1='tags.close';var StyledClose=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.53.2','aria-label':'Press delete to remove'}).withConfig({displayName:"StyledClose",componentId:"sc-d6lrpn-0"})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:0.8;border:0;cursor:pointer;padding:0;font-size:0;&:hover{opacity:0.9;}&:focus{outline:none;}",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$1,props);});StyledClose.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID='tags.tag_view';var colorStyles=function colorStyles(props){var backgroundColor;var boxShadowColor;var foregroundColor;var closeColor;if(props.hue){var shade=props.hue==='yellow'?400:600;backgroundColor=getColor$1(props.hue,shade,props.theme);boxShadowColor=getColor$1(props.hue,shade,props.theme,0.35);if(props.hue==='yellow'||props.hue==='lemon'){foregroundColor=getColor$1('yellow',800,props.theme);}else{foregroundColor=readableColor(backgroundColor,props.theme.palette.grey[800],props.theme.palette.white);}}else{backgroundColor=getColor$1('neutralHue',200,props.theme);boxShadowColor=getColor$1('neutralHue',600,props.theme,0.35);foregroundColor=getColor$1('neutralHue',700,props.theme);closeColor=getColor$1('neutralHue',600,props.theme);}return styled.css(["background-color:",";color:",";&:hover{color:",";}&:focus{box-shadow:",";}& ","{color:",";}"],backgroundColor,foregroundColor,foregroundColor,props.theme.shadows.sm(boxShadowColor),StyledClose,closeColor);};var sizeStyles=function sizeStyles(props){var borderRadius;var padding;var height;var fontSize;var minWidth;var avatarSize;if(props.size==='small'){borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base;height=props.theme.space.base*4;fontSize=props.theme.fontSizes.xs;avatarSize=0;}else if(props.size==='large'){borderRadius=props.theme.borderRadii.md;padding=props.theme.space.base*3;height=props.theme.space.base*8;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*6;}else{borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base*2;height=props.theme.space.base*5;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*4;}var avatarBorderRadius=props.size==='large'?math("".concat(borderRadius," - 1")):borderRadius;var avatarMargin=(height-avatarSize)/2;var avatarTextMargin=props.isRound?avatarMargin:avatarMargin*2;if(props.isRound){borderRadius='50%';padding=0;minWidth=height;avatarBorderRadius='50%';}else if(props.isPill){borderRadius='100px';avatarBorderRadius='50%';if(props.size==='small'){padding=props.theme.space.base*1.5;minWidth=props.theme.space.base*6;}else if(props.size==='large'){minWidth=props.theme.space.base*12;}else{minWidth=props.theme.space.base*7.5;}}return styled.css(["border-radius:",";padding:0 ","px;min-width:",";height:","px;line-height:",";font-size:",";& > *{width:100%;min-width:",";}& ","{margin-",":-","px;margin-",":","px;border-radius:",";width:","px;min-width:","px;height:","px;}& ","{margin-",":-","px;border-radius:",";width:","px;height:","px;}"],borderRadius,padding,minWidth?"".concat(minWidth,"px"):"calc(".concat(padding*2,"px + 1ch)"),height,getLineHeight(height,fontSize),fontSize,minWidth?"".concat(minWidth-padding*2,"px"):'1ch',StyledAvatar,props.theme.rtl?'right':'left',padding-avatarMargin,props.theme.rtl?'left':'right',avatarTextMargin,avatarBorderRadius,avatarSize,avatarSize,avatarSize,StyledClose,props.theme.rtl?'left':'right',padding,borderRadius,height,height);};var StyledTag=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTag",componentId:"sc-1jvbe03-0"})(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:",";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:",";direction:",";",";&:hover{cursor:default;text-decoration:none;}&:focus{outline:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}&[data-garden-focus-visible]{text-decoration:none;}",";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:",";}& ","{display:",";}& ","{display:",";}",";"],function(props){return props.isRound&&'center';},function(props){return!props.isRegular&&props.theme.fontWeights.semibold;},function(props){return props.theme.rtl?'rtl':'ltr';},function(props){return sizeStyles(props);},function(props){return colorStyles(props);},function(props){return props.theme.fontWeights.semibold;},StyledAvatar,function(props){return(props.isRound||props.size==='small')&&'none';},StyledClose,function(props){return props.isRound&&'none';},function(props){return retrieveComponentStyles(COMPONENT_ID,props);});StyledTag.defaultProps={size:'medium',theme:DEFAULT_THEME};var _path;function _extends(){_extends=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.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 9l6-6m0 6L3 3"})));};var CloseComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledClose,_extends$1({ref:ref},props),React__default__default["default"].createElement(SvgXStroke,null));});CloseComponent.displayName='Tag.Close';var Close$1=CloseComponent;var AvatarComponent=function AvatarComponent(props){return React__default__default["default"].createElement(StyledAvatar,props);};AvatarComponent.displayName='Tag.Avatar';var Avatar=AvatarComponent;var _excluded=["size","hue"];var TagComponent=React__default.forwardRef(function(_ref,ref){var size=_ref.size,hue=_ref.hue,otherProps=_objectWithoutProperties(_ref,_excluded);return React__default__default["default"].createElement(StyledTag,_extends$1({ref:ref,size:size,hue:hue},otherProps));});TagComponent.displayName='Tag';TagComponent.propTypes={size:propTypes.exports.oneOf(SIZE),hue:propTypes.exports.string,isPill:propTypes.exports.bool,isRound:propTypes.exports.bool,isRegular:propTypes.exports.bool};TagComponent.defaultProps={size:'medium'};var Tag$1=TagComponent;Tag$1.Avatar=Avatar;Tag$1.Close=Close$1;var Close=styled__default["default"](Tag$1.Close)(templateObject_1$
|
|
14300
|
+
*/function _extends$1(){_extends$1=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$1.apply(this,arguments);}function _objectWithoutPropertiesLoose(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(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(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;}var SIZE=['small','medium','large'];var _excluded$1=["children"];var COMPONENT_ID$2='tags.avatar';var StyledAvatar=styled__default["default"](function(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded$1);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledAvatar",componentId:"sc-3kdmgt-0"})(["flex-shrink:0;font-size:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2,props);});StyledAvatar.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1='tags.close';var StyledClose=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.53.2','aria-label':'Press delete to remove'}).withConfig({displayName:"StyledClose",componentId:"sc-d6lrpn-0"})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:0.8;border:0;cursor:pointer;padding:0;font-size:0;&:hover{opacity:0.9;}&:focus{outline:none;}",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$1,props);});StyledClose.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID='tags.tag_view';var colorStyles=function colorStyles(props){var backgroundColor;var boxShadowColor;var foregroundColor;var closeColor;if(props.hue){var shade=props.hue==='yellow'?400:600;backgroundColor=getColor$1(props.hue,shade,props.theme);boxShadowColor=getColor$1(props.hue,shade,props.theme,0.35);if(props.hue==='yellow'||props.hue==='lemon'){foregroundColor=getColor$1('yellow',800,props.theme);}else{foregroundColor=readableColor(backgroundColor,props.theme.palette.grey[800],props.theme.palette.white);}}else{backgroundColor=getColor$1('neutralHue',200,props.theme);boxShadowColor=getColor$1('neutralHue',600,props.theme,0.35);foregroundColor=getColor$1('neutralHue',700,props.theme);closeColor=getColor$1('neutralHue',600,props.theme);}return styled.css(["background-color:",";color:",";&:hover{color:",";}&:focus{box-shadow:",";}& ","{color:",";}"],backgroundColor,foregroundColor,foregroundColor,props.theme.shadows.sm(boxShadowColor),StyledClose,closeColor);};var sizeStyles=function sizeStyles(props){var borderRadius;var padding;var height;var fontSize;var minWidth;var avatarSize;if(props.size==='small'){borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base;height=props.theme.space.base*4;fontSize=props.theme.fontSizes.xs;avatarSize=0;}else if(props.size==='large'){borderRadius=props.theme.borderRadii.md;padding=props.theme.space.base*3;height=props.theme.space.base*8;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*6;}else{borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base*2;height=props.theme.space.base*5;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*4;}var avatarBorderRadius=props.size==='large'?math("".concat(borderRadius," - 1")):borderRadius;var avatarMargin=(height-avatarSize)/2;var avatarTextMargin=props.isRound?avatarMargin:avatarMargin*2;if(props.isRound){borderRadius='50%';padding=0;minWidth=height;avatarBorderRadius='50%';}else if(props.isPill){borderRadius='100px';avatarBorderRadius='50%';if(props.size==='small'){padding=props.theme.space.base*1.5;minWidth=props.theme.space.base*6;}else if(props.size==='large'){minWidth=props.theme.space.base*12;}else{minWidth=props.theme.space.base*7.5;}}return styled.css(["border-radius:",";padding:0 ","px;min-width:",";height:","px;line-height:",";font-size:",";& > *{width:100%;min-width:",";}& ","{margin-",":-","px;margin-",":","px;border-radius:",";width:","px;min-width:","px;height:","px;}& ","{margin-",":-","px;border-radius:",";width:","px;height:","px;}"],borderRadius,padding,minWidth?"".concat(minWidth,"px"):"calc(".concat(padding*2,"px + 1ch)"),height,getLineHeight(height,fontSize),fontSize,minWidth?"".concat(minWidth-padding*2,"px"):'1ch',StyledAvatar,props.theme.rtl?'right':'left',padding-avatarMargin,props.theme.rtl?'left':'right',avatarTextMargin,avatarBorderRadius,avatarSize,avatarSize,avatarSize,StyledClose,props.theme.rtl?'left':'right',padding,borderRadius,height,height);};var StyledTag=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTag",componentId:"sc-1jvbe03-0"})(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:",";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:",";direction:",";",";&:hover{cursor:default;text-decoration:none;}&:focus{outline:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}&[data-garden-focus-visible]{text-decoration:none;}",";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:",";}& ","{display:",";}& ","{display:",";}",";"],function(props){return props.isRound&&'center';},function(props){return!props.isRegular&&props.theme.fontWeights.semibold;},function(props){return props.theme.rtl?'rtl':'ltr';},function(props){return sizeStyles(props);},function(props){return colorStyles(props);},function(props){return props.theme.fontWeights.semibold;},StyledAvatar,function(props){return(props.isRound||props.size==='small')&&'none';},StyledClose,function(props){return props.isRound&&'none';},function(props){return retrieveComponentStyles(COMPONENT_ID,props);});StyledTag.defaultProps={size:'medium',theme:DEFAULT_THEME};var _path;function _extends(){_extends=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.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 9l6-6m0 6L3 3"})));};var CloseComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledClose,_extends$1({ref:ref},props),React__default__default["default"].createElement(SvgXStroke,null));});CloseComponent.displayName='Tag.Close';var Close$1=CloseComponent;var AvatarComponent=function AvatarComponent(props){return React__default__default["default"].createElement(StyledAvatar,props);};AvatarComponent.displayName='Tag.Avatar';var Avatar=AvatarComponent;var _excluded=["size","hue"];var TagComponent=React__default.forwardRef(function(_ref,ref){var size=_ref.size,hue=_ref.hue,otherProps=_objectWithoutProperties(_ref,_excluded);return React__default__default["default"].createElement(StyledTag,_extends$1({ref:ref,size:size,hue:hue},otherProps));});TagComponent.displayName='Tag';TagComponent.propTypes={size:propTypes.exports.oneOf(SIZE),hue:propTypes.exports.string,isPill:propTypes.exports.bool,isRound:propTypes.exports.bool,isRegular:propTypes.exports.bool};TagComponent.defaultProps={size:'medium'};var Tag$1=TagComponent;Tag$1.Avatar=Avatar;Tag$1.Close=Close$1;var Close=styled__default["default"](Tag$1.Close)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n\n"],["\n\n"])));var Tag=styled__default["default"](Tag$1).attrs(function(props){return{hue:finalizeColor$1(props)};})(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n && {\n cursor: ",";\n }\n"],["\n && {\n cursor: ",";\n }\n"])),function(_a){var onClick=_a.onClick;return onClick?"pointer":"initial";});var finalizeColor$1=function(_a){var color=_a.color,success=_a.success,theme=_a.theme;if(success)return theme.styles.colorSuccess;if(color)return color;return undefined;};var templateObject_1$b,templateObject_2$6;var MultiSelector=function(_a){var maxItems=_a.maxItems,props=__rest(_a,["maxItems"]);var keyField=props.keyField,labelField=props.labelField,options=props.options,optionsKeyMap=props.optionsKeyMap,small=props.small,validation=props.validation;if(optionsKeyMap==null&&options!=null){optionsKeyMap=options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});}return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{shouldFilterOptions:true},{children:jsxRuntime.jsx(MultiSelect,{isCompact:small,maxItems:maxItems,validation:validation===null||validation===void 0?void 0:validation.validation,renderItem:function(_a){var _b;var value=_a.value,removeValue=_a.removeValue;return jsxRuntime.jsxs(Tag,{children:[jsxRuntime.jsx("span",{children:(_b=optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap[value])===null||_b===void 0?void 0:_b[labelField]}),jsxRuntime.jsx(Close,{onClick:function(){return removeValue();}})]});}})}));};// @ts-ignore
|
|
14301
14301
|
MultiSelector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE}};var MonthYearSelector=function(props){var _a=__read(React__default.useState({isOpen:false}),2),state=_a[0],setState=_a[1];var value=props.value,emptyState=props.emptyState,disabled=props.disabled;props.onChange;var setDropdownState=function(_a){var isOpen=_a.isOpen;if(disabled||isOpen==null)return;setState({isOpen:isOpen});};return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{// @ts-ignore
|
|
14302
|
-
onStateChange:setDropdownState,isOpen:state.isOpen,useRawOptions:true,options:[],menuCSS:"width: auto !important;"},{children:jsxRuntime.jsx(Select,__assign({validation:props.validation.validation,disabled:disabled},{children:value?value:emptyState}))}));};var ArrayToSelectorOptionsConverter=/** @class */function(){function ArrayToSelectorOptionsConverter(){}ArrayToSelectorOptionsConverter.call=function(list){return list.map(function(o){return{label:o,key:o};});};return ArrayToSelectorOptionsConverter;}();var Hint=styled__default["default"](Hint$2)(templateObject_1$
|
|
14302
|
+
onStateChange:setDropdownState,isOpen:state.isOpen,useRawOptions:true,options:[],menuCSS:"width: auto !important;"},{children:jsxRuntime.jsx(Select,__assign({validation:props.validation.validation,disabled:disabled},{children:value?value:emptyState}))}));};var ArrayToSelectorOptionsConverter=/** @class */function(){function ArrayToSelectorOptionsConverter(){}ArrayToSelectorOptionsConverter.call=function(list){return list.map(function(o){return{label:o,key:o};});};return ArrayToSelectorOptionsConverter;}();var Hint=styled__default["default"](Hint$2)(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;},function(_a){var _css=_a._css;return _css;});var templateObject_1$a;var Field=styled__default["default"](Field$2)(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n width: ",";\n"],["\n width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});exports.TextFieldWrapper=React__default.forwardRef(function(_a,ref){var className=_a.className,compact=_a.compact,emptyState=_a.emptyState,fluid=_a.fluid,hint=_a.hint,label=_a.label,message=_a.message,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","validation","value","WrappedComponent","onChange"]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$3,__assign({className:className,withRows:true,gap:"unset",fluid:fluid},{children:jsxRuntime.jsxs(Field,__assign({compact:compact},{children:[label?jsxRuntime.jsx(Label$1$1,{children:label}):null,hint?jsxRuntime.jsx(Hint,__assign({_css:styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["&&& {font-size: ",";}"],["&&& {font-size: ",";}"])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(WrappedComponent,__assign({placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:onChange})),message?jsxRuntime.jsx(Message$3,__assign({css:"&&& {\n font-size: ".concat(FONT_SIZES.XS,";\n }"),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n"],["\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n"// @ts-ignore
|
|
14303
14303
|
])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});// @ts-ignore
|
|
14304
|
-
exports.TextFieldWrapper=styled__default["default"](exports.TextFieldWrapper)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});exports.TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$3=styled__default["default"](FlexBox)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$
|
|
14304
|
+
exports.TextFieldWrapper=styled__default["default"](exports.TextFieldWrapper)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});exports.TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$3=styled__default["default"](FlexBox)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$9,templateObject_2$5,templateObject_3$3,templateObject_4$1,templateObject_5$1;exports.TextField=React__default.forwardRef(function(_a,ref){var _b;var faux=_a.faux,onChange=_a.onChange,small=_a.small,useNewOnChange=(_b=_a.useNewOnChange,_b===void 0?false:_b),value=_a.value,props=__rest(_a,["faux","onChange","small","useNewOnChange","value"]);// @ts-ignore
|
|
14305
14305
|
props=__assign(__assign({},props),{isCompact:small});var notifyParentOfChange=function(e){if(useNewOnChange===true){onChange(e.target.value,e);return;}onChange(e);};var valueProp=faux?{children:value}:{value:value};return jsxRuntime.jsx(exports.TextFieldWrapper,__assign({},props,valueProp,{ref:ref,onChange:notifyParentOfChange,WrappedComponent:faux?FauxInput:Input}));});// @ts-ignore
|
|
14306
|
-
exports.TextField=styled__default["default"](exports.TextField)(templateObject_1$
|
|
14306
|
+
exports.TextField=styled__default["default"](exports.TextField)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject([""],[""// @ts-ignore
|
|
14307
14307
|
])));// @ts-ignore
|
|
14308
|
-
exports.TextField.COMPONENT_NAME="TextField";var templateObject_1$
|
|
14308
|
+
exports.TextField.COMPONENT_NAME="TextField";var templateObject_1$8;var EmailTextField=function(props){return jsxRuntime.jsx(exports.TextField,__assign({type:"email"},props));};var NumberTextField=function(_a){var onChange=_a.onChange,props=__rest(_a,["onChange"]);var handleChange=function(e){var val=e.target.value||"0";onChange(parseInt(val.replace(/[^0-9.]+/g,"")));};// @ts-ignore
|
|
14309
14309
|
return jsxRuntime.jsx(exports.TextField,__assign({},props,{onChange:handleChange}));};var PasswordTextField=function(_a){var newPassword=_a.newPassword,props=__rest(_a,["newPassword"]);var autoCompleteAttr=newPassword?{autoComplete:"new-password"}:{};return jsxRuntime.jsx(exports.TextField,__assign({},autoCompleteAttr,{type:"password"},props));};var TextArea=function(_a){var _b=_a.autoExpand,autoExpand=_b===void 0?false:_b,characterLimit=_a.characterLimit;_a.hint;var onChange=_a.onChange,resizable=_a.resizable,props=__rest(_a,["autoExpand","characterLimit","hint","onChange","resizable"]);var notifyParentOfChange=React__default.useCallback(function(e){onChange(e.target.value,e);},[onChange]);var validation=function(){var _a,_b;if(!characterLimit)return props.validation;var currentLength=(_b=(_a=props.value)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0;var limitValidationState=currentLength>characterLimit?VALIDATION_STATES.ERROR:VALIDATION_STATES.NONE;return{validation:limitValidationState,message:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["Used ",currentLength," of ",characterLimit," characters."]})};};return jsxRuntime.jsx(exports.TextFieldWrapper,__assign({},props,{validation:validation(),// @ts-ignore
|
|
14310
14310
|
isResizable:resizable,minRows:autoExpand?2:undefined,maxRows:autoExpand?20:undefined,onChange:notifyParentOfChange,WrappedComponent:Textarea}));};// @ts-ignore
|
|
14311
|
-
TextArea.COMPONENT_NAME="TextArea";var CycleButton=function(_a){var options=_a.options,selectedOption=_a.selectedOption,onCycleChanged=_a.onCycleChanged,buttonProps=__rest(_a,["options","selectedOption","onCycleChanged"]);return jsxRuntime.jsx(Button$1,__assign({primary:false},buttonProps,{onClick:function(){var next=cycle(options.map(function(o){return o.value;}),selectedOption);onCycleChanged(next);}},{children:jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",gap:"5px"},{children:options.map(function(o){return jsxRuntime.jsxs(React__default.Fragment,{children:[jsxRuntime.jsx(Label$1,__assign({selected:selectedOption===o.value},{children:o.label})),isNotLastItem(options,o)?jsxRuntime.jsx(Label$1,{children:"/"}):null]},o.label);})}))}));};var Label$1=styled__default["default"].span(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n color: ",";\n font-size: ",";;\n"],["\n color: ",";\n font-size: ",";;\n"])),function(p){return p.selected?"inherit":COLORS.LIGHT_GREY;},function(p){return p.selected?"inherit":FONT_SIZES.XS;});var cycle=function(cycleables,current){return isLastItem(cycleables,current)?cycleables[0]:cycleables[cycleables.indexOf(current)+1];};var templateObject_1$8;var Message=styled__default["default"](Message$3)(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var templateObject_1$7;exports.Checkbox=function(_a){var _b,_c,_d;var checkedProp=(_b=_a.checked,_b===void 0?false:_b);_a.compact;_a.emptyState;var fluid=_a.fluid,hint=_a.hint,indeterminate=_a.indeterminate,label=_a.label,message=_a.message,validation=(_c=_a.validation,_c===void 0?{validation:VALIDATION_STATES.NONE}:_c),onChange=_a.onChange,props=__rest(_a,["checked","compact","emptyState","fluid","hint","indeterminate","label","message","validation","onChange"]);var checked=(_d=__read(React__default.useState(checkedProp),2),_d[0]),setCheckedTo=_d[1];var handleCheck=function(e){var checked=e.target.checked;setCheckedTo(checked);onChange(checked);};React__default.useEffect(function(){setCheckedTo(checkedProp);},[checkedProp]);return jsxRuntime.jsx(Container$2,__assign({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(Checkbox,__assign({checked:checked,indeterminate:indeterminate},props,{onChange:handleCheck},{children:[jsxRuntime.jsx(Label$1$1,__assign({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,{children:hint}):null,message?jsxRuntime.jsx(Message,__assign({validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))})}));};exports.Checkbox=styled__default["default"](exports.Checkbox)(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n }\n"],["\n &&&& {\n font-size: inherit;\n\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});var Container$2=styled__default["default"](FlexBox)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$6,templateObject_2$4;exports.Form=React__default.forwardRef(function(_a,ref){var onSubmit=_a.onSubmit,className=_a.className,children=_a.children,props=__rest(_a,["onSubmit","className","children"]);var handleSubmit=function(e){e.preventDefault();onSubmit();};return jsxRuntime.jsxs(FlexBox,__assign({withRows:true,as:"form",onSubmit:handleSubmit,gap:SPACINGS.SM,className:className,ref:ref},props,{children:[jsxRuntime.jsx(HiddenSubmit,{}),children]}));});var HiddenSubmit=styled__default["default"].input.attrs({type:"submit",tabIndex:-1})(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n"],["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n"])));exports.Form=styled__default["default"](exports.Form)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject([""],[""])));var templateObject_1$5,templateObject_2$3;var Label=styled__default["default"](Label$1$1)(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n && {\n font-size: inherit;\n }\n"],["\n && {\n font-size: inherit;\n }\n"])));var templateObject_1$4;var logger=new Logger("Toggles");exports.Toggle=function(_a){var checked=_a.checked,hint=_a.hint,label=_a.label,onChange=_a.onChange,props=__rest(_a,["checked","hint","label","onChange"]);var handleChange=function(e){logger.writeInfo("handleChange",e.target.checked);onChange(e.target.checked);};return jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(StyledZToggle,__assign({},props,{checked:checked,onChange:handleChange},{children:[jsxRuntime.jsx(Label,__assign({hidden:!label},{children:label})),hint?jsxRuntime.jsx(Hint,{children:hint}):null]}))});};var toggleColor=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n + label:before {\n border-color: ",";\n background-color: ",";\n }\n\n &&& + label:active:before {\n background-color: ",";\n }\n"],["\n + label:before {\n border-color: ",";\n background-color: ",";\n }\n\n &&& + label:active:before {\n background-color: ",";\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorSuccess;},function(_a){var theme=_a.theme;return theme.styles.colorSuccess;},function(_a){var theme=_a.theme;return dark(theme.styles.colorSuccess);});var StyledZToggle=styled__default["default"](Toggle)(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n font-size: inherit;\n\n &&&&& {\n ","\n }\n"],["\n font-size: inherit;\n\n &&&&& {\n ","\n }\n"])),function(_a){var checked=_a.checked;return checked?toggleColor:"";});exports.Toggle=styled__default["default"](exports.Toggle)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject([""],[""])));var templateObject_1$3,templateObject_2$2,templateObject_3$2;// @flow
|
|
14312
|
-
const COMPONENT_NAME="Paragraph";const Paragraph=styled__default["default"](Text).attrs({as:FONT_TAGS.P,"data-component-name":COMPONENT_NAME})`
|
|
14313
|
-
font-weight: ${FONT_WEIGHTS.REGULAR};
|
|
14314
|
-
`;Paragraph.COMPONENT_NAME=COMPONENT_NAME;const XXS=styled__default["default"](Paragraph)`
|
|
14315
|
-
font-size: ${FONT_SIZES.XXS};
|
|
14316
|
-
`;styled__default["default"](Paragraph)`
|
|
14317
|
-
font-size: ${FONT_SIZES.XS};
|
|
14318
|
-
`;styled__default["default"](Paragraph)`
|
|
14319
|
-
font-size: ${FONT_SIZES.MD};
|
|
14320
|
-
`;styled__default["default"](Paragraph)`
|
|
14321
|
-
font-size: ${FONT_SIZES.LG};
|
|
14322
|
-
`;styled__default["default"](Paragraph)`
|
|
14323
|
-
font-size: ${FONT_SIZES.XL};
|
|
14324
|
-
`;var Chip=styled__default["default"](XXS).attrs(function(_a){var danger=_a.danger,primary=_a.primary,success=_a.success,theme=_a.theme;var background;var color;switch(true){case danger:background=light(COLORS.RED,.5);color=COLORS.RED;break;case success:background="#e1ede8";color=COLORS.GREEN;break;case primary:background=theme.styles.colorPrimary;color=theme.styles.getTextColorForBackground({color:theme.styles.colorPrimary,theme:theme});break;default:background=light(COLORS.GREY,.6);color=COLORS.GREY;}return{as:"div",background:background,color:color};})(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n background: ",";\n color: ",";\n padding: 2px 8px;\n border-radius: 8px;\n font-weight: ",";\n width: ",";\n"],["\n background: ",";\n color: ",";\n padding: 2px 8px;\n border-radius: 8px;\n font-weight: ",";\n width: ",";\n"])),function(p){return p.background;},function(p){return p.color;},FONT_WEIGHTS.BOLD,function(p){return p.fluid?"100%":"fit-content";});var templateObject_1$2;var TaggedToggle=function(_a){var active=_a.active,onChange=_a.onChange;return jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Chip,__assign({success:active},{children:active?"Enabled":"Disabled"})),jsxRuntime.jsx(exports.Toggle,{checked:active,onChange:onChange})]});};var TranslucentLoader=function(_a){var _css=_a._css,children=_a.children,className=_a.className,innerAs=_a.innerAs,_b=_a.isLoading,isLoading=_b===void 0?true:_b;var theme=React__default.useContext(styled.ThemeContext);return jsxRuntime.jsxs(Container$1,__assign({as:innerAs,className:className,_css:_css},{children:[children,isLoading?jsxRuntime.jsx(SpinnerContainer,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary})})):null]}));};TranslucentLoader=styled__default["default"](TranslucentLoader)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject([""],[""])));var Container$1=styled__default["default"].div(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),function(_a){var _css=_a._css;return _css?_css:"";});var SpinnerContainer=styled__default["default"](FlexBox)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n background: white;\n opacity: .7;\n top: 0;\n left: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n"],["\n background: white;\n opacity: .7;\n top: 0;\n left: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n"])));var templateObject_1$1,templateObject_2$1,templateObject_3$1;var useLoaderV2=function(){var _a=__read(React__default.useState(false),2),loading=_a[0],setLoading=_a[1];var withLoading=React__default.useMemo(function(){return function(p){return __awaiter(void 0,void 0,void 0,function(){var val;return __generator(this,function(_a){switch(_a.label){case 0:setLoading(true);_a.label=1;case 1:_a.trys.push([1,,3,4]);return[4/*yield*/,p];case 2:val=_a.sent();return[3/*break*/,4];case 3:setLoading(false);return[7/*endfinally*/];case 4:return[2/*return*/,val];}});});};},[]);var Loader=React__default.useMemo(function(){return function(_a){var as=_a.as,props=__rest(_a,["as"]);return jsxRuntime.jsx(TranslucentLoader,__assign({},props,{innerAs:as,isLoading:loading}));};},[loading]);return{isLoading:loading,Loader:Loader,withLoading:withLoading};};var build={exports:{}};(function(module,exports){!function(e,t){module.exports=t();}(commonjsGlobal,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports;}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i});},t.n=function(e){var n=e&&e.__esModule?function(){return e.default;}:function(){return e;};return t.d(n,"a",n),n;},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t);},t.p="",t(t.s=4);}([function(e,t,n){n.d(t,"b",function(){return o;}),n.d(t,"c",function(){return a;});var i=n(1),r=n(7);n.d(t,"a",function(){return r.a;}),n.d(t,"d",function(){return i.b;});var o=i.a.FACING_MODES,a=i.a.IMAGE_TYPES;},function(e,t,n){var i=n(6);n.d(t,"a",function(){return i.a;});var r=n(2);n.d(t,"b",function(){return r.a;});},function(e,t,n){function i(e,t){if(!(t>=0&&t<=1))throw new Error(t+" is invalid imageCompression, choose between: [0, 1]");if(!l.f.includes(e))throw new Error(e+" is invalid imageType, choose between: "+l.f.join(", "));return!0;}function r(e,t){var n={};try{i(e,t),n.imageType=e,n.imageCompression=t;}catch(e){console.error(e),console.error("default value of "+l.c.PNG+" is used"),n.imageType=l.c.PNG,n.imageCompression=null;}return n;}function o(){var e=window.navigator.platform,t=window.navigator.userAgent;return e||t;}function a(){return"ontouchend"in document;}function u(e,t,n){var i=e*parseFloat(n);return{imageWidth:i,imageHeight:t/(e/i)};}function c(e,t,n){return r(t,n).imageType===l.c.JPG?n?e.toDataURL(l.b[l.c.JPG],n):e.toDataURL(l.b[l.c.JPG]):e.toDataURL(l.b[t]);}function s(e,t){return e||t;}function f(){var e=o();if(/iPad|iPhone|iPod/.test(e))return!0;var t=a();return!(!/Mac/.test(e)||!t);}function d(){return{userAgent:window.navigator.userAgent,platform:window.navigator.platform,_getStringWithPlatform:o(),_getHasTouchEvents:a(),getIsIOS:f()};}t.c=u,t.b=c,t.e=s,t.d=f,t.a=d;var l=n(3);},function(e,t,n){function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;}n.d(t,"e",function(){return o;}),n.d(t,"a",function(){return a;}),n.d(t,"f",function(){return u;}),n.d(t,"c",function(){return c;}),n.d(t,"b",function(){return s;}),n.d(t,"d",function(){return f;});var r,o=["user","environment"],a={USER:"user",ENVIRONMENT:"environment"},u=["jpg","png"],c={PNG:"png",JPG:"jpg"},s=(r={},i(r,"jpg","image/jpeg"),i(r,"png","image/png"),r),f={audio:!1,video:!0};},function(e,t,n){e.exports=n(5);},function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);n.d(t,"FACING_MODES",function(){return i.b;}),n.d(t,"IMAGE_TYPES",function(){return i.c;}),n.d(t,"_getDebugPlatformInfo",function(){return i.d;});var r=n(9);n.d(t,"downloadPhoto",function(){return r.a;}),t.default=i.a;},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return u;});var r=n(2),o=n(3),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=function(){function e(){i(this,e);}return a(e,null,[{key:"getDataUri",value:function(e,t){var n=t.sizeFactor,i=t.imageType,o=t.imageCompression,a=t.isImageMirror,u=e.videoWidth,c=e.videoHeight,s=Object(r.c)(u,c,n),f=s.imageWidth,d=s.imageHeight,l=document.createElement("canvas");l.width=f,l.height=d;var v=l.getContext("2d");return a&&v.setTransform(-1,0,0,1,l.width,0),v.drawImage(e,0,0,f,d),Object(r.b)(l,i,o);}},{key:"getWindowURL",value:function(){return window.URL||window.webkitURL||window.mozURL||window.msURL;}},{key:"getNavigatorMediaDevices",value:function(){var e=null,t=!(!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia),n=!(!navigator.mozGetUserMedia&&!navigator.webkitGetUserMedia);if(t)e=navigator.mediaDevices;else if(n){var i=navigator.mozGetUserMedia||navigator.webkitGetUserMedia,r={getUserMedia:function(e){return new Promise(function(t,n){i.call(navigator,e,t,n);});}};e=Object.assign(i,r);}return e;}},{key:"isSupportedFacingMode",value:function(){return e.getNavigatorMediaDevices().getSupportedConstraints().facingMode;}},{key:"getIdealConstraints",value:function(t,n){if(!Object(r.e)(t,n))return o.d;var i=e.getNavigatorMediaDevices().getSupportedConstraints();if(!i.width||!i.height)return console.error("Constraint width or height not supported! fallback to default resolution"),o.d;var a=void 0,u=void 0;if(t){o.e.includes(t)?a=t:u={exact:t};}return{audio:!1,video:{facingMode:a,deviceId:u,width:n&&n.width,height:n&&n.height}};}},{key:"getMaxResolutionConstraints",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments[1];console.warn("getMaxResolutionConstraints() numberOfMaxResolutionTry:",n);var i=[{width:{min:640}},{width:{min:800}},{width:{min:900}},{width:{min:1024}},{width:{min:1080}},{width:{min:1280}},{width:{min:1920}},{width:{min:2560}},{width:{min:3840}}],o=e.getIdealConstraints(t,{});if(0===n){if(Object(r.d)()){console.warn("fallback to iOS constraints");return e.getIdealConstraints(t,{width:{min:640,ideal:3840},height:{min:480,ideal:2160}});}return o.video.advanced=i,o;}if(n<i.length){var a=i.slice(0,-n);return o.video.advanced=a,o;}return null;}},{key:"FACING_MODES",get:function(){return o.a;}},{key:"IMAGE_TYPES",get:function(){return o.c;}}]),e;}();},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return c;});var r=n(1),o=n(8),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=r.a.IMAGE_TYPES.PNG,c=function(){function e(t){i(this,e),this.videoElement=t,this.stream=null,this.numberOfMaxResolutionTry=0,this.settings=null,this.cameras=[],this.windowURL=r.a.getWindowURL(),this.mediaDevices=r.a.getNavigatorMediaDevices();}return a(e,[{key:"_getStreamDevice",value:function(e,t){var n=this;return new Promise(function(i,o){var a=r.a.getIdealConstraints(e,t);n.mediaDevices.getUserMedia(a).then(function(e){n._gotStream(e),i(e);}).catch(function(e){o(e);});});}},{key:"_getStreamDeviceMaxResolution",value:function(e){var t=this,n=r.a.getMaxResolutionConstraints(e,this.numberOfMaxResolutionTry);if(null==n){var i={};return this._getStreamDevice(e,i);}return new Promise(function(i,r){t.mediaDevices.getUserMedia(n).then(function(e){t._gotStream(e),i(e);}).catch(function(n){setTimeout(function(){t.numberOfMaxResolutionTry+=1,t._getStreamDeviceMaxResolution(e).catch(function(){r(n);});},20);});});}},{key:"_setVideoSrc",value:function(e){if("srcObject"in this.videoElement)this.videoElement.srcObject=e;else{var t=this.windowURL.createObjectURL(e);this.videoElement.src=t;}}},{key:"_setSettings",value:function(e){this.settings=null;var t=e&&e.getTracks?e.getTracks():[];t.length>0&&t[0].getSettings&&(this.settings=t[0].getSettings());}},{key:"_enumerateCamerasPromise",value:function(){var e=this;return new Promise(function(t,n){var i=[];e.mediaDevices.enumerateDevices().then(function(e){e.forEach(function(e){"videoinput"===e.kind&&e.deviceId&&i.push(e);}),t(i);}).catch(function(e){n(e);});});}},{key:"_gotStream",value:function(e){this.stream=e,this._setSettings(e),this._setVideoSrc(e);}},{key:"getCameraSettings",value:function(){return this.settings;}},{key:"enumerateCameras",value:function(){var e=this;return this.stream?this._enumerateCamerasPromise():this.stopCamera().then(function(){}).catch(function(){}).then(function(){var t={video:!0};return e.mediaDevices.getUserMedia(t).then(function(e){setTimeout(function(){e.getTracks().forEach(function(e){e.stop();});},20);}).then(function(){}).catch(function(){}).then(function(){return e._enumerateCamerasPromise();});});}},{key:"startCamera",value:function(e,t){var n=this;return this.stopCamera().then(function(){}).catch(function(){}).then(function(){return n._getStreamDevice(e,t);});}},{key:"startCameraMaxResolution",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.numberOfMaxResolutionTry=0,this.stopCamera().then(function(){}).catch(function(){}).then(function(){return e._getStreamDeviceMaxResolution(t);});}},{key:"getDataUri",value:function(e){var t={sizeFactor:void 0===e.sizeFactor?o.c:e.sizeFactor,imageType:void 0===e.imageType?u:e.imageType,imageCompression:void 0===e.imageCompression?o.a:e.imageCompression,isImageMirror:void 0===e.isImageMirror?o.b:e.isImageMirror};return r.a.getDataUri(this.videoElement,t);}},{key:"stopCamera",value:function(){var e=this;return new Promise(function(t,n){e.stream&&(e.stream.getTracks().forEach(function(e){e.stop();}),e.videoElement.src="",e.stream=null,e._setSettings(null),t()),n(Error("no stream to stop!"));});}}]),e;}();},function(e,t,n){n.d(t,"c",function(){return i;}),n.d(t,"a",function(){return r;}),n.d(t,"b",function(){return o;});var i=1,r=null,o=!1;},function(e,t,n){var i=n(10);n.d(t,"a",function(){return i.a;});},function(e,t,n){function i(e){for(var t=atob(e.split(",")[1]),n=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(t.length),r=new Uint8Array(i),o=0;o<t.length;o++)r[o]=t.charCodeAt(o);return new Blob([i],{type:n});}function r(e,t){return e+="",e.length>=t?e:new Array(t-e.length+1).join("0")+e;}function o(e){var t=s.c.PNG;return"image/jpeg"===e&&(t=s.c.JPG),t;}function a(e,t,n){return e+"-"+r(t,4)+"."+o(n);}function u(e,t,n){window.URL=window.webkitURL||window.URL;var i=document.createElement("a");i.download=a(t,n,e.type),i.href=window.URL.createObjectURL(e);var r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),i.dispatchEvent(r);}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"photo",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;u(i(e),t,n);}t.a=c;var s=n(0);}]);});})(build);var CameraPhoto=/*@__PURE__*/getDefaultExportFromCjs(build.exports);var PhotoBooth=function(_a){var _b=_a.onHideCamera,onHideCamera=_b===void 0?DO_NOTHING:_b,_c=_a.onSilentError,onSilentError=_c===void 0?DO_NOTHING:_c,onSubmit=_a.onSubmit,open=_a.open,trigger=_a.trigger;if(lodash.exports.isBoolean(open)&&trigger)throw new Error("PhotoBooth cannot have `open` and a `trigger` set at the same time");var _d=__read(React__default.useState([]),2),cameraIds=_d[0],setCameraIds=_d[1];var _e=__read(React__default.useState(0),2),currentCameraIdIndex=_e[0],setCurrentCameraIdIndex=_e[1];var _f=__read(React__default.useState(false),2),_isCameraVisible=_f[0],setIsCameraVisibleTo=_f[1];var _g=__read(React__default.useState(),2),previewSrc=_g[0],setPreviewSrc=_g[1];var cameraPhoto=React__default.useRef();var canvasRef=React__default.useRef(null);var previewRef=React__default.useRef(null);var viewFinderRef=React__default.useRef(null);var isCameraVisible=React__default.useMemo(function(){return open!==null&&open!==void 0?open:_isCameraVisible;},[_isCameraVisible,open]);var _h=useLoaderV2(),withLoading=_h.withLoading,isLoading=_h.isLoading;var _j=useLoaderV2(),withSubmitLoading=_j.withLoading,isSubmitting=_j.isLoading;var clearPhoto=React__default.useCallback(function(){setPreviewSrc(undefined);},[]);var getDeviceCameraIds=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var cameras,foundIds;return __generator(this,function(_a){switch(_a.label){case 0:if(isNotEmpty(cameraIds))return[2/*return*/];return[4/*yield*/,cameraPhoto.current.enumerateCameras()];case 1:cameras=_a.sent();foundIds=cameras.map(function(c){return c.deviceId;}).reverse();onSilentError(new Error(JSON.stringify(cameras)));if(isEmpty(foundIds))foundIds.concat([build.exports.FACING_MODES.ENVIRONMENT]);setCameraIds(foundIds);return[2/*return*/];}});});},[cameraIds,onSilentError]);var showCamera=React__default.useCallback(function(){setIsCameraVisibleTo(true);},[]);var removeCameraId=React__default.useCallback(function(){setCameraIds(function(prevState){return takeOutItem(prevState,currentCameraIdIndex);});},[currentCameraIdIndex]);var startCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var cameraId,e_1;return __generator(this,function(_a){switch(_a.label){case 0:cameraId=cameraIds[currentCameraIdIndex];_a.label=1;case 1:_a.trys.push([1,3,,4]);// @ts-ignore
|
|
14311
|
+
TextArea.COMPONENT_NAME="TextArea";var CycleButton=function(_a){var options=_a.options,selectedOption=_a.selectedOption,onCycleChanged=_a.onCycleChanged,buttonProps=__rest(_a,["options","selectedOption","onCycleChanged"]);return jsxRuntime.jsx(Button$1,__assign({primary:false},buttonProps,{onClick:function(){var next=cycle(options.map(function(o){return o.value;}),selectedOption);onCycleChanged(next);}},{children:jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",gap:"5px"},{children:options.map(function(o){return jsxRuntime.jsxs(React__default.Fragment,{children:[jsxRuntime.jsx(Label$1,__assign({selected:selectedOption===o.value},{children:o.label})),isNotLastItem(options,o)?jsxRuntime.jsx(Label$1,{children:"/"}):null]},o.label);})}))}));};var Label$1=styled__default["default"].span(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n color: ",";\n font-size: ",";;\n"],["\n color: ",";\n font-size: ",";;\n"])),function(p){return p.selected?"inherit":COLORS.LIGHT_GREY;},function(p){return p.selected?"inherit":FONT_SIZES.XS;});var cycle=function(cycleables,current){return isLastItem(cycleables,current)?cycleables[0]:cycleables[cycleables.indexOf(current)+1];};var templateObject_1$7;var Message=styled__default["default"](Message$3)(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var templateObject_1$6;exports.Checkbox=function(_a){var _b,_c,_d;var checkedProp=(_b=_a.checked,_b===void 0?false:_b);_a.compact;_a.emptyState;var fluid=_a.fluid,hint=_a.hint,indeterminate=_a.indeterminate,label=_a.label,message=_a.message,validation=(_c=_a.validation,_c===void 0?{validation:VALIDATION_STATES.NONE}:_c),onChange=_a.onChange,props=__rest(_a,["checked","compact","emptyState","fluid","hint","indeterminate","label","message","validation","onChange"]);var checked=(_d=__read(React__default.useState(checkedProp),2),_d[0]),setCheckedTo=_d[1];var handleCheck=function(e){var checked=e.target.checked;setCheckedTo(checked);onChange(checked);};React__default.useEffect(function(){setCheckedTo(checkedProp);},[checkedProp]);return jsxRuntime.jsx(Container$2,__assign({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(Checkbox,__assign({checked:checked,indeterminate:indeterminate},props,{onChange:handleCheck},{children:[jsxRuntime.jsx(Label$1$1,__assign({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,{children:hint}):null,message?jsxRuntime.jsx(Message,__assign({validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))})}));};exports.Checkbox=styled__default["default"](exports.Checkbox)(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n }\n"],["\n &&&& {\n font-size: inherit;\n\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});var Container$2=styled__default["default"](FlexBox)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$5,templateObject_2$4;exports.Form=React__default.forwardRef(function(_a,ref){var onSubmit=_a.onSubmit,className=_a.className,children=_a.children,props=__rest(_a,["onSubmit","className","children"]);var handleSubmit=function(e){e.preventDefault();onSubmit();};return jsxRuntime.jsxs(FlexBox,__assign({withRows:true,as:"form",onSubmit:handleSubmit,gap:SPACINGS.SM,className:className,ref:ref},props,{children:[jsxRuntime.jsx(HiddenSubmit,{}),children]}));});var HiddenSubmit=styled__default["default"].input.attrs({type:"submit",tabIndex:-1})(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n"],["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n"])));exports.Form=styled__default["default"](exports.Form)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject([""],[""])));var templateObject_1$4,templateObject_2$3;var Label=styled__default["default"](Label$1$1)(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n && {}\n"],["\n && {}\n"])));var templateObject_1$3;var logger=new Logger("Toggles");exports.Toggle=function(_a){var checked=_a.checked,hint=_a.hint,label=_a.label,onChange=_a.onChange,props=__rest(_a,["checked","hint","label","onChange"]);var handleChange=function(e){logger.writeInfo("handleChange",e.target.checked);onChange(e.target.checked);};return jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(StyledZToggle,__assign({},props,{checked:checked,onChange:handleChange},{children:[jsxRuntime.jsx(Label,__assign({hidden:!label},{children:label})),hint?jsxRuntime.jsx(Hint,{children:hint}):null]}))});};var finalizeColor=function(_a){var color=_a.color,success=_a.success,theme=_a.theme;if(success)return theme.styles.colorSuccess;if(color)return color;return theme.styles.colorPrimary;};var toggleColor=styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n + label:before {\n border-color: ",";\n background-color: ",";\n }\n\n &&& + label:active:before {\n background-color: ",";\n }\n"],["\n + label:before {\n border-color: ",";\n background-color: ",";\n }\n\n &&& + label:active:before {\n background-color: ",";\n }\n"])),function(_a){var color=_a.color;return color;},function(_a){var color=_a.color;return color;},function(_a){var color=_a.color;return dark(color);});var StyledZToggle=styled__default["default"](Toggle).attrs(function(props){return{color:finalizeColor(props)};})(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n font-size: inherit;\n\n &&&&& {\n ","\n }\n"],["\n font-size: inherit;\n\n &&&&& {\n ","\n }\n"])),function(_a){var checked=_a.checked;return checked?toggleColor:"";});exports.Toggle=styled__default["default"](exports.Toggle)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject([""],[""])));var templateObject_1$2,templateObject_2$2,templateObject_3$2;var TaggedToggle=function(_a){var active=_a.active,checked=_a.checked,color=_a.color,activeText=_a.activeText,label=_a.label,inactiveText=_a.inactiveText,onChange=_a.onChange,success=_a.success,toggleColor=_a.toggleColor,props=__rest(_a,["active","checked","color","activeText","label","inactiveText","onChange","success","toggleColor"]);var isActive=checked!==null&&checked!==void 0?checked:active;return jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Label,__assign({hidden:!label},{children:label})),jsxRuntime.jsx(Tag,__assign({color:color,success:success},{children:isActive?activeText!==null&&activeText!==void 0?activeText:"Enabled":inactiveText!==null&&inactiveText!==void 0?inactiveText:"Disabled"})),jsxRuntime.jsx(exports.Toggle,__assign({checked:isActive,color:toggleColor,onChange:onChange,success:success},props))]});};var TranslucentLoader=function(_a){var _css=_a._css,children=_a.children,className=_a.className,innerAs=_a.innerAs,_b=_a.isLoading,isLoading=_b===void 0?true:_b;var theme=React__default.useContext(styled.ThemeContext);return jsxRuntime.jsxs(Container$1,__assign({as:innerAs,className:className,_css:_css},{children:[children,isLoading?jsxRuntime.jsx(SpinnerContainer,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary})})):null]}));};TranslucentLoader=styled__default["default"](TranslucentLoader)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject([""],[""])));var Container$1=styled__default["default"].div(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),function(_a){var _css=_a._css;return _css?_css:"";});var SpinnerContainer=styled__default["default"](FlexBox)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n background: white;\n opacity: .7;\n top: 0;\n left: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n"],["\n background: white;\n opacity: .7;\n top: 0;\n left: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n"])));var templateObject_1$1,templateObject_2$1,templateObject_3$1;var useLoaderV2=function(){var _a=__read(React__default.useState(false),2),loading=_a[0],setLoading=_a[1];var withLoading=React__default.useMemo(function(){return function(p){return __awaiter(void 0,void 0,void 0,function(){var val;return __generator(this,function(_a){switch(_a.label){case 0:setLoading(true);_a.label=1;case 1:_a.trys.push([1,,3,4]);return[4/*yield*/,p];case 2:val=_a.sent();return[3/*break*/,4];case 3:setLoading(false);return[7/*endfinally*/];case 4:return[2/*return*/,val];}});});};},[]);var Loader=React__default.useMemo(function(){return function(_a){var as=_a.as,props=__rest(_a,["as"]);return jsxRuntime.jsx(TranslucentLoader,__assign({},props,{innerAs:as,isLoading:loading}));};},[loading]);return{isLoading:loading,Loader:Loader,withLoading:withLoading};};var build={exports:{}};(function(module,exports){!function(e,t){module.exports=t();}(commonjsGlobal,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports;}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i});},t.n=function(e){var n=e&&e.__esModule?function(){return e.default;}:function(){return e;};return t.d(n,"a",n),n;},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t);},t.p="",t(t.s=4);}([function(e,t,n){n.d(t,"b",function(){return o;}),n.d(t,"c",function(){return a;});var i=n(1),r=n(7);n.d(t,"a",function(){return r.a;}),n.d(t,"d",function(){return i.b;});var o=i.a.FACING_MODES,a=i.a.IMAGE_TYPES;},function(e,t,n){var i=n(6);n.d(t,"a",function(){return i.a;});var r=n(2);n.d(t,"b",function(){return r.a;});},function(e,t,n){function i(e,t){if(!(t>=0&&t<=1))throw new Error(t+" is invalid imageCompression, choose between: [0, 1]");if(!l.f.includes(e))throw new Error(e+" is invalid imageType, choose between: "+l.f.join(", "));return!0;}function r(e,t){var n={};try{i(e,t),n.imageType=e,n.imageCompression=t;}catch(e){console.error(e),console.error("default value of "+l.c.PNG+" is used"),n.imageType=l.c.PNG,n.imageCompression=null;}return n;}function o(){var e=window.navigator.platform,t=window.navigator.userAgent;return e||t;}function a(){return"ontouchend"in document;}function u(e,t,n){var i=e*parseFloat(n);return{imageWidth:i,imageHeight:t/(e/i)};}function c(e,t,n){return r(t,n).imageType===l.c.JPG?n?e.toDataURL(l.b[l.c.JPG],n):e.toDataURL(l.b[l.c.JPG]):e.toDataURL(l.b[t]);}function s(e,t){return e||t;}function f(){var e=o();if(/iPad|iPhone|iPod/.test(e))return!0;var t=a();return!(!/Mac/.test(e)||!t);}function d(){return{userAgent:window.navigator.userAgent,platform:window.navigator.platform,_getStringWithPlatform:o(),_getHasTouchEvents:a(),getIsIOS:f()};}t.c=u,t.b=c,t.e=s,t.d=f,t.a=d;var l=n(3);},function(e,t,n){function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;}n.d(t,"e",function(){return o;}),n.d(t,"a",function(){return a;}),n.d(t,"f",function(){return u;}),n.d(t,"c",function(){return c;}),n.d(t,"b",function(){return s;}),n.d(t,"d",function(){return f;});var r,o=["user","environment"],a={USER:"user",ENVIRONMENT:"environment"},u=["jpg","png"],c={PNG:"png",JPG:"jpg"},s=(r={},i(r,"jpg","image/jpeg"),i(r,"png","image/png"),r),f={audio:!1,video:!0};},function(e,t,n){e.exports=n(5);},function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);n.d(t,"FACING_MODES",function(){return i.b;}),n.d(t,"IMAGE_TYPES",function(){return i.c;}),n.d(t,"_getDebugPlatformInfo",function(){return i.d;});var r=n(9);n.d(t,"downloadPhoto",function(){return r.a;}),t.default=i.a;},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return u;});var r=n(2),o=n(3),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=function(){function e(){i(this,e);}return a(e,null,[{key:"getDataUri",value:function(e,t){var n=t.sizeFactor,i=t.imageType,o=t.imageCompression,a=t.isImageMirror,u=e.videoWidth,c=e.videoHeight,s=Object(r.c)(u,c,n),f=s.imageWidth,d=s.imageHeight,l=document.createElement("canvas");l.width=f,l.height=d;var v=l.getContext("2d");return a&&v.setTransform(-1,0,0,1,l.width,0),v.drawImage(e,0,0,f,d),Object(r.b)(l,i,o);}},{key:"getWindowURL",value:function(){return window.URL||window.webkitURL||window.mozURL||window.msURL;}},{key:"getNavigatorMediaDevices",value:function(){var e=null,t=!(!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia),n=!(!navigator.mozGetUserMedia&&!navigator.webkitGetUserMedia);if(t)e=navigator.mediaDevices;else if(n){var i=navigator.mozGetUserMedia||navigator.webkitGetUserMedia,r={getUserMedia:function(e){return new Promise(function(t,n){i.call(navigator,e,t,n);});}};e=Object.assign(i,r);}return e;}},{key:"isSupportedFacingMode",value:function(){return e.getNavigatorMediaDevices().getSupportedConstraints().facingMode;}},{key:"getIdealConstraints",value:function(t,n){if(!Object(r.e)(t,n))return o.d;var i=e.getNavigatorMediaDevices().getSupportedConstraints();if(!i.width||!i.height)return console.error("Constraint width or height not supported! fallback to default resolution"),o.d;var a=void 0,u=void 0;if(t){o.e.includes(t)?a=t:u={exact:t};}return{audio:!1,video:{facingMode:a,deviceId:u,width:n&&n.width,height:n&&n.height}};}},{key:"getMaxResolutionConstraints",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments[1];console.warn("getMaxResolutionConstraints() numberOfMaxResolutionTry:",n);var i=[{width:{min:640}},{width:{min:800}},{width:{min:900}},{width:{min:1024}},{width:{min:1080}},{width:{min:1280}},{width:{min:1920}},{width:{min:2560}},{width:{min:3840}}],o=e.getIdealConstraints(t,{});if(0===n){if(Object(r.d)()){console.warn("fallback to iOS constraints");return e.getIdealConstraints(t,{width:{min:640,ideal:3840},height:{min:480,ideal:2160}});}return o.video.advanced=i,o;}if(n<i.length){var a=i.slice(0,-n);return o.video.advanced=a,o;}return null;}},{key:"FACING_MODES",get:function(){return o.a;}},{key:"IMAGE_TYPES",get:function(){return o.c;}}]),e;}();},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return c;});var r=n(1),o=n(8),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=r.a.IMAGE_TYPES.PNG,c=function(){function e(t){i(this,e),this.videoElement=t,this.stream=null,this.numberOfMaxResolutionTry=0,this.settings=null,this.cameras=[],this.windowURL=r.a.getWindowURL(),this.mediaDevices=r.a.getNavigatorMediaDevices();}return a(e,[{key:"_getStreamDevice",value:function(e,t){var n=this;return new Promise(function(i,o){var a=r.a.getIdealConstraints(e,t);n.mediaDevices.getUserMedia(a).then(function(e){n._gotStream(e),i(e);}).catch(function(e){o(e);});});}},{key:"_getStreamDeviceMaxResolution",value:function(e){var t=this,n=r.a.getMaxResolutionConstraints(e,this.numberOfMaxResolutionTry);if(null==n){var i={};return this._getStreamDevice(e,i);}return new Promise(function(i,r){t.mediaDevices.getUserMedia(n).then(function(e){t._gotStream(e),i(e);}).catch(function(n){setTimeout(function(){t.numberOfMaxResolutionTry+=1,t._getStreamDeviceMaxResolution(e).catch(function(){r(n);});},20);});});}},{key:"_setVideoSrc",value:function(e){if("srcObject"in this.videoElement)this.videoElement.srcObject=e;else{var t=this.windowURL.createObjectURL(e);this.videoElement.src=t;}}},{key:"_setSettings",value:function(e){this.settings=null;var t=e&&e.getTracks?e.getTracks():[];t.length>0&&t[0].getSettings&&(this.settings=t[0].getSettings());}},{key:"_enumerateCamerasPromise",value:function(){var e=this;return new Promise(function(t,n){var i=[];e.mediaDevices.enumerateDevices().then(function(e){e.forEach(function(e){"videoinput"===e.kind&&e.deviceId&&i.push(e);}),t(i);}).catch(function(e){n(e);});});}},{key:"_gotStream",value:function(e){this.stream=e,this._setSettings(e),this._setVideoSrc(e);}},{key:"getCameraSettings",value:function(){return this.settings;}},{key:"enumerateCameras",value:function(){var e=this;return this.stream?this._enumerateCamerasPromise():this.stopCamera().then(function(){}).catch(function(){}).then(function(){var t={video:!0};return e.mediaDevices.getUserMedia(t).then(function(e){setTimeout(function(){e.getTracks().forEach(function(e){e.stop();});},20);}).then(function(){}).catch(function(){}).then(function(){return e._enumerateCamerasPromise();});});}},{key:"startCamera",value:function(e,t){var n=this;return this.stopCamera().then(function(){}).catch(function(){}).then(function(){return n._getStreamDevice(e,t);});}},{key:"startCameraMaxResolution",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.numberOfMaxResolutionTry=0,this.stopCamera().then(function(){}).catch(function(){}).then(function(){return e._getStreamDeviceMaxResolution(t);});}},{key:"getDataUri",value:function(e){var t={sizeFactor:void 0===e.sizeFactor?o.c:e.sizeFactor,imageType:void 0===e.imageType?u:e.imageType,imageCompression:void 0===e.imageCompression?o.a:e.imageCompression,isImageMirror:void 0===e.isImageMirror?o.b:e.isImageMirror};return r.a.getDataUri(this.videoElement,t);}},{key:"stopCamera",value:function(){var e=this;return new Promise(function(t,n){e.stream&&(e.stream.getTracks().forEach(function(e){e.stop();}),e.videoElement.src="",e.stream=null,e._setSettings(null),t()),n(Error("no stream to stop!"));});}}]),e;}();},function(e,t,n){n.d(t,"c",function(){return i;}),n.d(t,"a",function(){return r;}),n.d(t,"b",function(){return o;});var i=1,r=null,o=!1;},function(e,t,n){var i=n(10);n.d(t,"a",function(){return i.a;});},function(e,t,n){function i(e){for(var t=atob(e.split(",")[1]),n=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(t.length),r=new Uint8Array(i),o=0;o<t.length;o++)r[o]=t.charCodeAt(o);return new Blob([i],{type:n});}function r(e,t){return e+="",e.length>=t?e:new Array(t-e.length+1).join("0")+e;}function o(e){var t=s.c.PNG;return"image/jpeg"===e&&(t=s.c.JPG),t;}function a(e,t,n){return e+"-"+r(t,4)+"."+o(n);}function u(e,t,n){window.URL=window.webkitURL||window.URL;var i=document.createElement("a");i.download=a(t,n,e.type),i.href=window.URL.createObjectURL(e);var r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),i.dispatchEvent(r);}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"photo",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;u(i(e),t,n);}t.a=c;var s=n(0);}]);});})(build);var CameraPhoto=/*@__PURE__*/getDefaultExportFromCjs(build.exports);var PhotoBooth=function(_a){var _b=_a.onHideCamera,onHideCamera=_b===void 0?DO_NOTHING:_b,_c=_a.onSilentError,onSilentError=_c===void 0?DO_NOTHING:_c,onSubmit=_a.onSubmit,open=_a.open,trigger=_a.trigger;if(lodash.exports.isBoolean(open)&&trigger)throw new Error("PhotoBooth cannot have `open` and a `trigger` set at the same time");var _d=__read(React__default.useState([]),2),cameraIds=_d[0],setCameraIds=_d[1];var _e=__read(React__default.useState(0),2),currentCameraIdIndex=_e[0],setCurrentCameraIdIndex=_e[1];var _f=__read(React__default.useState(false),2),_isCameraVisible=_f[0],setIsCameraVisibleTo=_f[1];var _g=__read(React__default.useState(),2),previewSrc=_g[0],setPreviewSrc=_g[1];var cameraPhoto=React__default.useRef();var canvasRef=React__default.useRef(null);var previewRef=React__default.useRef(null);var viewFinderRef=React__default.useRef(null);var isCameraVisible=React__default.useMemo(function(){return open!==null&&open!==void 0?open:_isCameraVisible;},[_isCameraVisible,open]);var _h=useLoaderV2(),withLoading=_h.withLoading,isLoading=_h.isLoading;var _j=useLoaderV2(),withSubmitLoading=_j.withLoading,isSubmitting=_j.isLoading;var clearPhoto=React__default.useCallback(function(){setPreviewSrc(undefined);},[]);var getDeviceCameraIds=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var cameras,foundIds;return __generator(this,function(_a){switch(_a.label){case 0:if(isNotEmpty(cameraIds))return[2/*return*/];return[4/*yield*/,cameraPhoto.current.enumerateCameras()];case 1:cameras=_a.sent();foundIds=cameras.map(function(c){return c.deviceId;}).reverse();onSilentError(new Error(JSON.stringify(cameras)));if(isEmpty(foundIds))foundIds.concat([build.exports.FACING_MODES.ENVIRONMENT]);setCameraIds(foundIds);return[2/*return*/];}});});},[cameraIds,onSilentError]);var showCamera=React__default.useCallback(function(){setIsCameraVisibleTo(true);},[]);var removeCameraId=React__default.useCallback(function(){setCameraIds(function(prevState){return takeOutItem(prevState,currentCameraIdIndex);});},[currentCameraIdIndex]);var startCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var cameraId,e_1;return __generator(this,function(_a){switch(_a.label){case 0:cameraId=cameraIds[currentCameraIdIndex];_a.label=1;case 1:_a.trys.push([1,3,,4]);// @ts-ignore
|
|
14325
14312
|
return[4/*yield*/,withLoading(cameraPhoto.current.startCamera(cameraId))];case 2:// @ts-ignore
|
|
14326
14313
|
_a.sent();return[3/*break*/,4];case 3:e_1=_a.sent();if(!e_1.message.includes("Could not start video source"))throw e_1;onSilentError(new Error("Could not start video source for camera: ".concat(cameraId)));removeCameraId();return[3/*break*/,4];case 4:return[2/*return*/];}});});},[cameraIds,currentCameraIdIndex,onSilentError,removeCameraId,withLoading]);var stopCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var e_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);return[4/*yield*/,withLoading(cameraPhoto.current.stopCamera())];case 1:_a.sent();return[3/*break*/,3];case 2:e_2=_a.sent();if(!e_2.message.includes("no stream to stop"))throw e_2;return[3/*break*/,3];case 3:return[2/*return*/];}});});},[withLoading]);var hideCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:if(!((_a=cameraPhoto.current)===null||_a===void 0?void 0:_a.stream))return[2/*return*/];return[4/*yield*/,stopCamera().then()];case 1:_b.sent();setIsCameraVisibleTo(false);onHideCamera();return[2/*return*/];}});});},[onHideCamera,stopCamera]);var submitPhoto=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var blob,file;return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,fetch(previewSrc)];case 1:return[4/*yield*/,_a.sent().blob()];case 2:blob=_a.sent();file=new File([blob],"image.png");_a.label=3;case 3:_a.trys.push([3,,5,6]);return[4/*yield*/,withSubmitLoading(onSubmit({file:file,dataUri:previewSrc}))];case 4:_a.sent();return[3/*break*/,6];case 5:clearPhoto();hideCamera().then();return[7/*endfinally*/];case 6:return[2/*return*/];}});});},[clearPhoto,hideCamera,onSubmit,previewSrc,withSubmitLoading]);var switchCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var nextIdIndex;return __generator(this,function(_a){nextIdIndex=nextItemIndex(cameraIds,currentCameraIdIndex);setCurrentCameraIdIndex(nextIdIndex);return[2/*return*/];});});},[cameraIds,currentCameraIdIndex]);var takePhoto=React__default.useCallback(function(){var dataUri=cameraPhoto.current.getDataUri({sizeFactor:1,imageType:build.exports.IMAGE_TYPES.PNG,imageCompression:.95,isImageMirror:false});setPreviewSrc(dataUri);},[]);React__default.useEffect(function(){if(!isCameraVisible||!viewFinderRef.current||!canvasRef.current||!previewRef.current)return;if(!cameraPhoto.current)cameraPhoto.current=new CameraPhoto(viewFinderRef.current);if(isEmpty(cameraIds)){getDeviceCameraIds().then();return;}cameraPhoto.current.videoElement=viewFinderRef.current;startCamera().then(DO_NOTHING);},[cameraIds,currentCameraIdIndex,getDeviceCameraIds,hideCamera,isCameraVisible,startCamera]);return jsxRuntime.jsx(TranslucentLoader,__assign({_css:"height: 100%; width: 100%;",isLoading:isLoading},{children:isCameraVisible?jsxRuntime.jsxs(Container,__assign({gap:SPACINGS.XXL,withRows:true},{children:[jsxRuntime.jsx(BackButtonContainer,{children:jsxRuntime.jsx(Button,{color:"#303030",icon:js.mdiArrowLeft,onClick:hideCamera})}),jsxRuntime.jsx(ViewFinder,{autoPlay:true,hidden:!!previewSrc,ref:viewFinderRef}),jsxRuntime.jsx(Canvas,{ref:canvasRef}),jsxRuntime.jsx(Preview,{alt:"preview",hidden:!previewSrc,ref:previewRef,src:previewSrc}),jsxRuntime.jsx(ButtonContainer,__assign({gap:SPACINGS.LG},{children:previewSrc?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FlexBox,{fluid:true}),jsxRuntime.jsx(Button,{_css:styled.css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n border: 4px solid transparent;\n "],["\n border: 4px solid transparent;\n "]))),icon:js.mdiCheck,loading:isSubmitting,onClick:submitPhoto,success:true}),jsxRuntime.jsx(FlexBox,__assign({fluid:true},{children:jsxRuntime.jsx(Button,{color:"#303030",icon:js.mdiCameraRetakeOutline,loading:isSubmitting,onClick:clearPhoto})}))]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FlexBox,{fluid:true}),jsxRuntime.jsx(Button,{_css:styled.css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n background-color: rgba(0, 0, 0, 0.5);\n border: 4px solid ",";\n "],["\n background-color: rgba(0, 0, 0, 0.5);\n border: 4px solid ",";\n "])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;}),flat:true,color:"transparent",icon:js.mdiCircleSlice8,onClick:takePhoto}),jsxRuntime.jsx(FlexBox,__assign({fluid:true},{children:cameraIds.length>1?jsxRuntime.jsx(Button,{color:"#303030",icon:js.mdiCached,onClick:switchCamera}):null}))]})}))]})):trigger?trigger(showCamera):null}));};var Canvas=styled__default["default"].canvas(templateObject_3||(templateObject_3=__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"])));var BackButtonContainer=styled__default["default"](FlexBox)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n position: absolute;\n top: ",";\n left: ",";\n z-index: 10;\n"],["\n position: absolute;\n top: ",";\n left: ",";\n z-index: 10;\n"])),SPACINGS.MD,SPACINGS.MD);var Button=styled__default["default"](IconButton).attrs(function(_a){var _css=_a._css,flat=_a.flat,iconSize=_a.iconSize;return{_css:_css||"",flat:flat!==null&&flat!==void 0?flat:false,iconSize:iconSize!==null&&iconSize!==void 0?iconSize:SPACINGS.LG,primary:!flat};})(templateObject_5||(templateObject_5=__makeTemplateObject(["\n &&&& {\n height: fit-content;\n ","\n }\n"],["\n &&&& {\n height: fit-content;\n ","\n }\n"])),function(_a){var _css=_a._css;return _css;});var ButtonContainer=styled__default["default"](FlexBox)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n position: absolute;\n bottom: ",";\n width: 100%;\n justify-content: center;\n align-items: center;\n"],["\n position: absolute;\n bottom: ",";\n width: 100%;\n justify-content: center;\n align-items: center;\n"])),SPACINGS.MD);var Container=styled__default["default"](FlexBox)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n background: black;\n justify-content: center;\n align-items: center;\n"],["\n height: 100%;\n width: 100%;\n background: black;\n justify-content: center;\n align-items: center;\n"])));var Preview=styled__default["default"].img(templateObject_8||(templateObject_8=__makeTemplateObject(["\n ",";\n width: 100%;\n height: 100%;\n object-fit: contain;\n"],["\n ",";\n width: 100%;\n height: 100%;\n object-fit: contain;\n"])),function(_a){var hidden=_a.hidden;return hidden?"display: none;":"";});var ViewFinder=styled__default["default"].video(templateObject_9||(templateObject_9=__makeTemplateObject(["\n ",";\n width: 100%;\n max-height: 100%;\n"],["\n ",";\n width: 100%;\n max-height: 100%;\n"])),function(_a){var hidden=_a.hidden;return hidden?"display: none;":"";});var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9;exports.ArrayToSelectorOptionsConverter=ArrayToSelectorOptionsConverter;exports.Autocomplete=Autocomplete;exports.BUTTON_SIZES=BUTTON_SIZES;exports.Button=Button$1;exports.CycleButton=CycleButton;exports.DatePickerSelector=DatePickerSelector;exports.EmailTextField=EmailTextField;exports.IconButton=IconButton;exports.MonthYearSelector=MonthYearSelector;exports.MultiSelect=MultiSelect;exports.MultiSelector=MultiSelector;exports.NumberTextField=NumberTextField;exports.PasswordTextField=PasswordTextField;exports.PhotoBooth=PhotoBooth;exports.Select=Select;exports.Selector=Selector;exports.SelectorOptionKeyMap=SelectorOptionKeyMap;exports.TaggedToggle=TaggedToggle;exports.TextArea=TextArea;exports.VALIDATION_STATES=VALIDATION_STATES;
|
|
14327
14314
|
//# sourceMappingURL=forms.js.map
|