@idea-fragments/react-components-zendesk 0.1.55 → 0.1.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/layouts.js
CHANGED
|
@@ -675,7 +675,7 @@ YELLOW:"#ffbe6d",// YELLOW : "#f1bc71",
|
|
|
675
675
|
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)
|
|
676
676
|
// console.log("luminosity old:", Color(c).luminosity())
|
|
677
677
|
// console.log("luminosity new:", Color(newColor).luminosity())
|
|
678
|
-
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$
|
|
678
|
+
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$s||(templateObject_1$s=__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$l||(templateObject_2$l=__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),function(props){return props.color?"color: ".concat(props.theme.styles.getTextColorForBackground({color:props.color,theme:props.theme}),";"):"";});styled.css(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$s,templateObject_2$l,templateObject_3$g,templateObject_4$c;var getInlineStyling=styled.css(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$k||(templateObject_2$k=__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$f||(templateObject_3$f=__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$b||(templateObject_4$b=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n background: ",";\n\n @media (hover: hover) {\n &:hover {\n background: ",";\n }\n }\n\n :active {\n background: ",";\n }\n\n ","\n"],["\n background: ",";\n\n @media (hover: hover) {\n &:hover {\n background: ",";\n }\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$6||(templateObject_6$6=__makeTemplateObject(["\n @media (hover: hover) {\n &:hover {\n color: ",";\n }\n }\n\n :active {\n color: ",";\n }\n"],["\n @media (hover: hover) {\n &:hover {\n color: ",";\n }\n }\n\n :active {\n color: ",";\n }\n"])),function(_a){var color=_a.color;return dark(color);},function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$3||(templateObject_7$3=__makeTemplateObject(["\n @media (hover: hover) {\n &:hover:hover {\n color: ",";\n background-color: unset;\n }\n }\n\n :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"],["\n @media (hover: hover) {\n &:hover:hover {\n color: ",";\n background-color: unset;\n }\n }\n\n :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 lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$r,templateObject_2$k,templateObject_3$f,templateObject_4$b,templateObject_5$7,templateObject_6$6,templateObject_7$3;var lodash={exports:{}};/**
|
|
679
679
|
* @license
|
|
680
680
|
* Lodash <https://lodash.com/>
|
|
681
681
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
|
@@ -10148,7 +10148,7 @@ root._=_;}}).call(commonjsGlobal);})(lodash,lodash.exports);var isEmpty=function
|
|
|
10148
10148
|
var isArray=function(o){return o instanceof Array;};var isNumber=function(o){return typeof o==="number";};var isString=function(o){return typeof o==="string";};var COMPONENT_NAME$3="Icon";var Icon$1=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?1:_b,SVG=_a.svg,title=_a.title,_c=_a.onClick,onClick=_c===void 0?DO_NOTHING:_c;return isArray(SVG)// @ts-ignore
|
|
10149
10149
|
?jsxRuntime.jsx(MIcon.Stack,__assign({onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$3},{children:SVG.map(function(s,i){return jsxRuntime.jsx(MIcon__default["default"],{path:s},i);})})):isString(SVG)?jsxRuntime.jsx(MIcon__default["default"],{path:SVG,// @ts-ignore
|
|
10150
10150
|
onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$3})// @ts-ignore
|
|
10151
|
-
:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$3,height:size,onClick:onClick,width:size,title:title});};Icon$1.COMPONENT_NAME=COMPONENT_NAME$3;var XS$1=".5rem";var SM$2="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$2,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection$1=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$
|
|
10151
|
+
:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$3,height:size,onClick:onClick,width:size,title:title});};Icon$1.COMPONENT_NAME=COMPONENT_NAME$3;var XS$1=".5rem";var SM$2="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$2,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection$1=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$q||(templateObject_1$q=__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$j||(templateObject_2$j=__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$e||(templateObject_3$e=__makeTemplateObject(["\n flex-wrap: wrap;\n"],["\n flex-wrap: wrap;\n"])));var templateObject_1$q,templateObject_2$j,templateObject_3$e;/**
|
|
10152
10152
|
* Copyright Zendesk, Inc.
|
|
10153
10153
|
*
|
|
10154
10154
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -10159,25 +10159,25 @@ onClick:onClick,size:size,title:title,color:color||"currentColor","data-componen
|
|
|
10159
10159
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
10160
10160
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
10161
10161
|
*/function _extends$G(){_extends$G=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$G.apply(this,arguments);}function _objectWithoutPropertiesLoose$d(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$6(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$d(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _slicedToArray$5(arr,i){return _arrayWithHoles$5(arr)||_iterableToArrayLimit$5(arr,i)||_unsupportedIterableToArray$5(arr,i)||_nonIterableRest$5();}function _arrayWithHoles$5(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$5(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _unsupportedIterableToArray$5(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$5(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray$5(o,minLen);}function _arrayLikeToArray$5(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _nonIterableRest$5(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var dotOneKeyframes=styled.keyframes(["0%{transform:translate(0,5px);}3%{transform:translate(1px,-5px);}6%{transform:translate(3px,-15px);}8%{transform:translate(5px,-18px);}9%{transform:translate(7px,-21px);}11%{transform:translate(8px,-22px);}13%{transform:translate(9px,-23px);}16%{transform:translate(12px,-25px);}18%{transform:translate(13px,-26px);}23%{transform:translate(18px,-26px);}24%{transform:translate(19px,-25px);}28%{transform:translate(22px,-23px);}31%{transform:translate(24px,-21px);}33%{transform:translate(26px,-18px);}34%{transform:translate(28px,-14px);}36%{transform:translate(29px,-12px);}38%{transform:translate(30px,-5px);}39%{transform:translate(31px,5px);}54%{transform:translate(31px,3px);}59%{transform:translate(33px);}61%{transform:translate(43px);}63%{transform:translate(48px);}64%{transform:translate(51px);}66%{transform:translate(53px);}68%{transform:translate(55px);}69%{transform:translate(57px);}76%{transform:translate(60px);}81%{transform:translate(61px);}83%,100%{transform:translate(62px);}"]);var dotTwoKeyframes=styled.keyframes(["4%{transform:translate(0);}6%{transform:translate(-1px);}8%{transform:translate(-2px);}9%{transform:translate(-5px);}11%{transform:translate(-7px);}13%{transform:translate(-12px);}14%{transform:translate(-17px);}16%{transform:translate(-19px);}18%{transform:translate(-22px);}19%{transform:translate(-25px);}21%{transform:translate(-26px);}23%{transform:translate(-27px);}24%{transform:translate(-28px);}26%{transform:translate(-29px);}29%{transform:translate(-30px);}33%,89%{transform:translate(-31px);}91%{transform:translate(-31px,1px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,3px);}99%{transform:translate(-31px,4px);}100%{transform:translate(-31px,5px);}"]);var dotThreeKeyframes=styled.keyframes(["39%{transform:translate(0);}44%{transform:translate(0,1px);}46%{transform:translate(0,2px);}48%{transform:translate(0,3px);}49%{transform:translate(0,4px);}51%{transform:translate(0,5px);}53%{transform:translate(-1px,-6px);}54%{transform:translate(-2px,-13px);}56%{transform:translate(-3px,-15px);}58%{transform:translate(-5px,-19px);}59%{transform:translate(-7px,-21px);}61%{transform:translate(-8px,-22px);}63%{transform:translate(-9px,-24px);}64%{transform:translate(-11px,-25px);}66%{transform:translate(-12px,-26px);}74%{transform:translate(-19px,-26px);}76%{transform:translate(-20px,-25px);}78%{transform:translate(-22px,-24px);}81%{transform:translate(-24px,-21px);}83%{transform:translate(-26px,-19px);}84%{transform:translate(-28px,-15px);}86%{transform:translate(-29px,-13px);}88%{transform:translate(-30px,-6px);}89%{transform:translate(-31px,5px);}91%{transform:translate(-31px,4px);}93%{transform:translate(-31px,3px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,1px);}100%{transform:translate(-31px);}"]);var StyledDotsCircle=styled__default["default"].circle.attrs({cy:36,r:9}).withConfig({displayName:"StyledDots__StyledDotsCircle",componentId:"sc-1ltah7e-0"})([""]);StyledDotsCircle.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleOne=styled__default["default"](StyledDotsCircle).attrs({cx:9}).withConfig({displayName:"StyledDots__StyledDotsCircleOne",componentId:"sc-1ltah7e-1"})(["animation:",";"],function(_ref){var duration=_ref.duration;return styled.css([""," ","ms linear infinite"],dotOneKeyframes,duration);});StyledDotsCircleOne.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleTwo=styled__default["default"](StyledDotsCircle).attrs(function(){return{cx:40};}).withConfig({displayName:"StyledDots__StyledDotsCircleTwo",componentId:"sc-1ltah7e-2"})(["animation:",";"],function(_ref2){var duration=_ref2.duration;return styled.css([""," ","ms linear infinite"],dotTwoKeyframes,duration);});StyledDotsCircleTwo.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleThree=styled__default["default"](StyledDotsCircle).attrs(function(){return{cx:71};}).withConfig({displayName:"StyledDots__StyledDotsCircleThree",componentId:"sc-1ltah7e-3"})(["animation:",";"],function(_ref3){var duration=_ref3.duration;return styled.css([""," ","ms linear infinite"],dotThreeKeyframes,duration);});StyledDotsCircleThree.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$5$4='loaders.loading_placeholder';var StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$4,'data-garden-version':'8.53.2',role:'progressbar'}).withConfig({displayName:"StyledLoadingPlaceholder",componentId:"sc-x3bwsx-0"})(["display:inline-block;width:",";height:",";font-size:",";",""],function(props){return props.width||'1em';},function(props){return props.height||'0.9em';},function(props){return props.fontSize;},function(props){return retrieveComponentStyles(COMPONENT_ID$5$4,props);});StyledLoadingPlaceholder.defaultProps={theme:DEFAULT_THEME};var sizeToHeight=function sizeToHeight(size,theme){switch(size){case'small':return theme.space.base/2;case'medium':return theme.space.base*1.5;default:return theme.space.base*3;}};var sizeToBorderRadius=function sizeToBorderRadius(size,theme){return sizeToHeight(size,theme)/2;};var PROGRESS_BACKGROUND_COMPONENT_ID='loaders.progress_background';var StyledProgressBackground=styled__default["default"].div.attrs(function(props){return{'data-garden-id':PROGRESS_BACKGROUND_COMPONENT_ID,'data-garden-version':'8.53.2',borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)};}).withConfig({displayName:"StyledProgress__StyledProgressBackground",componentId:"sc-2g8w4s-0"})(["margin:","px 0;border-radius:","px;background-color:",";color:",";",""],function(props){return props.theme.space.base*2;},function(props){return props.borderRadius;},function(props){return getColor('neutralHue',200,props.theme);},function(props){return props.color||getColor('successHue',600,props.theme);},function(props){return retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props);});StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};var PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';var StyledProgressIndicator=styled__default["default"].div.attrs(function(props){return{'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.53.2',height:props.height||sizeToHeight(props.size,props.theme),borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)};}).withConfig({displayName:"StyledProgress__StyledProgressIndicator",componentId:"sc-2g8w4s-1"})(["transition:width 0.1s ease-in-out;border-radius:","px;background:currentColor;width:","%;height:","px;",""],function(props){return props.borderRadius;},function(props){return props.value;},function(props){return props.height;},function(props){return retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props);});StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$4$4='loaders.skeleton';var fadeInAnimation=styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);var skeletonAnimation=styled.keyframes(["100%{left:100%;}"]);var skeletonRtlAnimation=styled.keyframes(["100%{right:100%;}"]);var retrieveSkeletonBackgroundColor=function retrieveSkeletonBackgroundColor(_ref){var theme=_ref.theme,isLight=_ref.isLight;if(isLight){return styled.css(["background-color:",";"],rgba(theme.colors.background,0.2));}return styled.css(["background-color:",";"],getColor('neutralHue',800,theme,0.1));};var retrieveSkeletonAnimation=function retrieveSkeletonAnimation(_ref2){var theme=_ref2.theme;if(theme.rtl){return styled.css(["right:-1800px;animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["left:-1800px;animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};var retrieveSkeletonGradient=function retrieveSkeletonGradient(_ref3){var theme=_ref3.theme,isLight=_ref3.isLight;return styled.css(["background-image:linear-gradient( ",",transparent,",",transparent );"],theme.rtl?'-45deg':'45deg',isLight?getColor('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};var StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledSkeleton",componentId:"sc-1raozze-0"})(["display:inline-block;position:relative;animation:"," 750ms linear;border-radius:",";width:",";height:",";overflow:hidden;line-height:",";"," &::before{position:absolute;top:0;width:1000px;height:100%;content:'';"," ","}",";"],fadeInAnimation,function(props){return props.theme.borderRadii.md;},function(props){return props.customWidth;},function(props){return props.customHeight;},function(props){return getLineHeight$1(props.theme.fontSizes.sm,props.theme.space.base*5);},retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,function(props){return retrieveComponentStyles(COMPONENT_ID$4$4,props);});StyledSkeleton.defaultProps={theme:DEFAULT_THEME};var StyledSpinnerCircle=styled__default["default"].circle.attrs(function(props){return{cx:40,cy:40,r:34,fill:'none',stroke:'currentColor',strokeLinecap:'round',strokeWidth:props.strokeWidthValue,strokeDasharray:"".concat(props.dasharrayValue," 250"),transform:props.transform};}).withConfig({displayName:"StyledSpinnerCircle",componentId:"sc-o4kd70-0"})([""]);StyledSpinnerCircle.defaultProps={theme:DEFAULT_THEME};var StyledSVG=styled__default["default"].svg.attrs(function(props){return{'data-garden-version':'8.53.2',xmlns:'http://www.w3.org/2000/svg',width:props.width,height:props.height,focusable:'false',viewBox:"0 0 ".concat(props.width," ").concat(props.height),role:'progressbar'};}).withConfig({displayName:"StyledSVG",componentId:"sc-1xtc3kx-0"})(["width:",";height:",";color:",";font-size:",";",";"],function(props){return props.containerWidth||'1em';},function(props){return props.containerHeight||'0.9em';},function(props){return props.color||'inherit';},function(props){return props.fontSize||'inherit';},function(props){return retrieveComponentStyles(props.dataGardenId,props);});StyledSVG.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3$5='loaders.inline';var PULSE_ANIMATION=styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);var StyledCircle=styled__default["default"].circle.attrs({fill:'currentColor',cy:2,r:2}).withConfig({displayName:"StyledInline__StyledCircle",componentId:"sc-fxsb9l-0"})([""]);StyledCircle.defaultProps={theme:DEFAULT_THEME};var StyledInline=styled__default["default"].svg.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3$5,'data-garden-version':'8.53.2',viewBox:'0 0 16 4',width:props.size,height:props.size*0.25};}).withConfig({displayName:"StyledInline",componentId:"sc-fxsb9l-1"})(["color:",";","{opacity:0.2;&:nth-child(1){animation:"," 1s infinite;animation-delay:",";}&:nth-child(2){animation:"," 1s infinite;animation-delay:0.2s;}&:nth-child(3){animation:"," 1s infinite;animation-delay:",";}}",""],function(props){return props.color;},StyledCircle,PULSE_ANIMATION,function(props){return props.theme.rtl?'unset':'0.4s';},PULSE_ANIMATION,PULSE_ANIMATION,function(props){return props.theme.rtl?'0.4s':'unset';},function(props){return retrieveComponentStyles(COMPONENT_ID$3$5,props);});StyledInline.defaultProps={theme:DEFAULT_THEME};var _excluded$4$4=["size","color","duration","delayMS"];var COMPONENT_ID$2$6='loaders.dots';var Dots$1=React__default.forwardRef(function(_ref,ref){var size=_ref.size,color=_ref.color,duration=_ref.duration,delayMS=_ref.delayMS,other=_objectWithoutProperties$6(_ref,_excluded$4$4);var theme=React__default.useContext(styled.ThemeContext);var environment=useDocument(theme);var canTransformSVG=React__default.useRef(null);if(environment&&canTransformSVG.current===null){var svg=environment.createElementNS('http://www.w3.org/2000/svg','svg');canTransformSVG.current='transform'in svg;}var _useSchedule=useSchedule({duration:duration,delayMS:delayMS,loop:true}),delayComplete=_useSchedule.delayComplete;var dotOne=React__default.useRef(null);var dotTwo=React__default.useRef(null);var dotThree=React__default.useRef(null);React__default.useEffect(function(){if(!canTransformSVG.current&&delayComplete){var transforms=[window.getComputedStyle(dotOne.current).getPropertyValue('transform'),window.getComputedStyle(dotTwo.current).getPropertyValue('transform'),window.getComputedStyle(dotThree.current).getPropertyValue('transform')];dotOne.current.setAttribute('transform',transforms[0]);dotTwo.current.setAttribute('transform',transforms[1]);dotThree.current.setAttribute('transform',transforms[2]);}});if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends$G({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$6},other),React__default__default["default"].createElement("g",{fill:"currentColor"},React__default__default["default"].createElement(StyledDotsCircleOne,{duration:duration,ref:dotOne}),React__default__default["default"].createElement(StyledDotsCircleTwo,{duration:duration,ref:dotTwo}),React__default__default["default"].createElement(StyledDotsCircleThree,{duration:duration,ref:dotThree})));});Dots$1.displayName='Dots';Dots$1.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Dots$1.defaultProps={size:'inherit',color:'inherit',duration:1250,delayMS:750};var SIZE$2=['small','medium','large'];var _excluded$3$3=["value","size"];var COMPONENT_ID$1$6='loaders.progress';var Progress=React__default__default["default"].forwardRef(function(_ref,ref){var value=_ref.value,size=_ref.size,other=_objectWithoutProperties$6(_ref,_excluded$3$3);var percentage=Math.max(0,Math.min(100,value));return React__default__default["default"].createElement(StyledProgressBackground,_extends$G({"data-garden-id":COMPONENT_ID$1$6,"data-garden-version":'8.53.2',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref},other),React__default__default["default"].createElement(StyledProgressIndicator,{value:percentage,size:size}));});Progress.displayName='Progress';Progress.propTypes={color:propTypes.exports.string,value:propTypes.exports.number.isRequired,size:propTypes.exports.oneOf(SIZE$2)};Progress.defaultProps={value:0,size:'medium'};var _excluded$2$5=["width","height","isLight"];var Skeleton=React__default.forwardRef(function(_ref,ref){var width=_ref.width,height=_ref.height,isLight=_ref.isLight,other=_objectWithoutProperties$6(_ref,_excluded$2$5);return React__default__default["default"].createElement(StyledSkeleton,_extends$G({ref:ref,isLight:isLight,customWidth:width,customHeight:height},other),"\xA0");});Skeleton.displayName='Skeleton';Skeleton.propTypes={width:propTypes.exports.string,height:propTypes.exports.string,isLight:propTypes.exports.bool};Skeleton.defaultProps={width:'100%',height:'100%'};var STROKE_WIDTH_FRAMES={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6};var ROTATION_FRAMES={0:-90,8:-81,36:-30,41:-18,44:-8,48:0,55:22,63:53,64:62,66:67,68:78,69:90,71:99,73:112,74:129,76:138,78:159,79:180,81:190,83:207,84:221,86:226,88:235,90:243,99:270};var DASHARRAY_FRAMES={0:0,13:2,26:13,53:86,58:90,63:89,64:88,66:86,68:83,69:81,71:76,73:70,74:62,76:58,78:47,79:37,81:31,83:23,84:16,88:10,89:7,98:1,99:0};var _excluded$1$8=["size","duration","color","delayMS"];var COMPONENT_ID$P='loaders.spinner';var TOTAL_FRAMES=100;var computeFrames=function computeFrames(frames,duration){return Object.entries(frames).reduce(function(acc,item,index,arr){var _item=_slicedToArray$5(item,2),frame=_item[0],value=_item[1];var _ref=arr[index+1]||[TOTAL_FRAMES,arr[0][1]],_ref2=_slicedToArray$5(_ref,2),nextFrame=_ref2[0],nextValue=_ref2[1];var diff=parseInt(nextFrame,10)-parseInt(frame,10);var frameHz=1000/60;var subDuration=duration/(TOTAL_FRAMES-1)*diff;var lastValue=value;acc[frame]=value;for(var idx=0;idx<diff;idx++){lastValue=lastValue+(nextValue-lastValue)*(frameHz/subDuration);subDuration=duration/(TOTAL_FRAMES-1)*(diff-idx);acc[parseInt(frame,10)+idx+1]=lastValue;}acc[nextFrame]=nextValue;return acc;},{});};var Spinner=React__default.forwardRef(function(_ref3,ref){var size=_ref3.size,duration=_ref3.duration,color=_ref3.color,delayMS=_ref3.delayMS,other=_objectWithoutProperties$6(_ref3,_excluded$1$8);var strokeWidthValues=computeFrames(STROKE_WIDTH_FRAMES,duration);var rotationValues=computeFrames(ROTATION_FRAMES,duration);var dasharrayValues=computeFrames(DASHARRAY_FRAMES,duration);var _useSchedule=useSchedule({duration:duration,delayMS:delayMS}),elapsed=_useSchedule.elapsed,delayComplete=_useSchedule.delayComplete;var frame=(elapsed*100).toFixed(0);var strokeWidthValue=strokeWidthValues[frame];var rotationValue=rotationValues[frame];var dasharrayValue=dasharrayValues[frame];var WIDTH=80;var HEIGHT=80;if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{width:"1em",height:"1em",fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends$G({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$P,containerHeight:"1em",containerWidth:"1em"},other),React__default__default["default"].createElement(StyledSpinnerCircle,{dasharrayValue:dasharrayValue,strokeWidthValue:strokeWidthValue,transform:"rotate(".concat(rotationValue,", ").concat(WIDTH/2,", ").concat(HEIGHT/2,")")}));});Spinner.displayName='Spinner';Spinner.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Spinner.defaultProps={size:'inherit',duration:1250,color:'inherit',delayMS:750};var _excluded$p=["size","color"];var Inline=React__default.forwardRef(function(_ref,ref){var size=_ref.size,color=_ref.color,other=_objectWithoutProperties$6(_ref,_excluded$p);return React__default__default["default"].createElement(StyledInline,_extends$G({ref:ref,size:size,color:color},other),React__default__default["default"].createElement(StyledCircle,{cx:"14"}),React__default__default["default"].createElement(StyledCircle,{cx:"8"}),React__default__default["default"].createElement(StyledCircle,{cx:"2"}));});Inline.displayName='Inline';Inline.propTypes={size:propTypes.exports.number,color:propTypes.exports.string};Inline.defaultProps={size:16,color:'inherit'};var XXS=".8rem";var XS=".9rem";var SM$1="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
10162
|
-
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM$1,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM$1.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$
|
|
10162
|
+
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM$1,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM$1.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$p||(templateObject_1$p=__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$i||(templateObject_2$i=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n ",";\n border-color: ",";\n\n ",";\n \n @media (hover: hover) {\n &:hover {\n border-color: transparent;\n }\n }\n :active {\n border-color: transparent;\n }\n"],["\n ",";\n border-color: ",";\n\n ",";\n \n @media (hover: hover) {\n &:hover {\n border-color: transparent;\n }\n }\n :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$a||(templateObject_4$a=__makeTemplateObject(["align-self: ",";"],["align-self: ",";"])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["text-transform: ",";"],["text-transform: ",";"])),casing):"";};var baseColor=function(_a){var color=_a.color,danger=_a.danger,neutral=_a.neutral,success=_a.success,theme=_a.theme,warning=_a.warning;if(color)return color;if(danger)return theme.styles.colorDanger;if(neutral)return COLORS.LIGHT_GREY;if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var BUTTON_SIZES={SMALL:"small",LARGE:"large"};var ButtonBase=styled__default["default"](function(_a){var children=_a.children,disabled=_a.disabled;_a.groupKey;var icon=_a.icon,iconSize=_a.iconSize,innerAs=_a.innerAs,innerRef=_a.innerRef,iconPosition=_a.iconPosition,loading=_a.loading,onClick=_a.onClick,pill=_a.pill,props=__rest(_a,["children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill"]);// @ts-ignore
|
|
10163
10163
|
return jsxRuntime.jsx(Button$1,__assign({as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer$1,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{size:FONT_SIZES.MD})})):icon?jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx("span",{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props),primary:props.flat?false:props.primary});})(templateObject_6$5||(templateObject_6$5=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n font-weight: bold;\n ","\n ","\n ","\n ","\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n font-weight: bold;\n ","\n ","\n ","\n ","\n ","\n }\n"])),function(_a){var fluid=_a.fluid;return!fluid?fitContent:fitContainer;},alignment,casing,function(_a){var disabled=_a.disabled;return!disabled?colors:"";},function(_a){var _css=_a._css;return _css;});var Button=styled__default["default"](React__default.forwardRef(function(_a,ref){var _b=_a.autoLoadable,autoLoadable=_b===void 0?false:_b,disabled=_a.disabled,_c=_a.loading,loadingProp=_c===void 0?false:_c,onClick=_a.onClick,props=__rest(_a,["autoLoadable","disabled","loading","onClick"]);var _d=__read(React__default.useState(false),2),isLoading=_d[0],setIsLoadingTo=_d[1];var isMounted=useIsMounted();var computedIsLoading=React__default.useCallback(function(){return autoLoadable?isLoading:loadingProp;},[autoLoadable,isLoading,loadingProp]);var processClick=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:setIsLoadingTo(true);_b.label=1;case 1:_b.trys.push([1,3,,4]);return[4/*yield*/,onClick(e)];case 2:_b.sent();return[3/*break*/,4];case 3:_b.sent();return[3/*break*/,4];case 4:if(isMounted())setIsLoadingTo(false);return[2/*return*/];}});});};return jsxRuntime.jsx(ButtonBase,__assign({},props,{disabled:disabled||computedIsLoading(),innerRef:ref,loading:computedIsLoading(),// @ts-ignore
|
|
10164
10164
|
onClick:autoLoadable?processClick:onClick}));}))(templateObject_7$2||(templateObject_7$2=__makeTemplateObject([""],[""// @ts-ignore
|
|
10165
10165
|
])));// @ts-ignore
|
|
10166
10166
|
Button.COMPONENT_NAME="Button";// @ts-ignore
|
|
10167
|
-
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$
|
|
10167
|
+
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$p,templateObject_2$i,templateObject_3$d,templateObject_4$a,templateObject_5$6,templateObject_6$5,templateObject_7$2,templateObject_8$1;var COMPONENT_NAME$2="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button,__assign({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n && {\n padding: .5em;\n min-width: 0;\n }\n"],["\n && {\n padding: .5em;\n min-width: 0;\n }\n"// @ts-ignore
|
|
10168
10168
|
])));// @ts-ignore
|
|
10169
|
-
IconButton.COMPONENT_NAME=COMPONENT_NAME$2;var templateObject_1$
|
|
10170
|
-
specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var unit$1=function(px){return"".concat(px,"px");};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$
|
|
10169
|
+
IconButton.COMPONENT_NAME=COMPONENT_NAME$2;var templateObject_1$o;/* Size key name represents all devices with a pixel width up to the number
|
|
10170
|
+
specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var unit$1=function(px){return"".concat(px,"px");};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(tabletSize),styles);},forTabletsAndUp:function(styles){return styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(phoneSize+1),styles);},forLargeTabletsAndUp:function(styles){return styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n @media (min-width: ",") {\n ","\n }\n "],["\n @media (min-width: ",") {\n ","\n }\n "])),unit(tabletSize+1),styles);},forSmallComputersAndUp:function(styles){return styled.css(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(largeTabletSize+1),styles);},forLargeComputers:function(styles){return styled.css(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(smallComputerSize+1),styles);}};};var unit=function(px){return"".concat(px,"px");};var templateObject_1$n,templateObject_2$h,templateObject_3$c,templateObject_4$9,templateObject_5$5,templateObject_6$4;var _a=mediaQueries(),forLargeComputers=_a.forLargeComputers,forLargeTabletsAndUp=_a.forLargeTabletsAndUp,forSmallComputersAndUp$1=_a.forSmallComputersAndUp;var _b=breakpoints({wideLayout:false}),tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;var deviceSettings=styled.css(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n ","\n\n ","\n\n ","\n"],["\n ","\n\n ","\n\n ","\n"])),forLargeTabletsAndUp(styled.css(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n width: ",";\n "],["\n width: ",";\n "])),unit(tabletSize+1))),forSmallComputersAndUp$1(styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n width: ",";\n min-width: ",";\n "],["\n width: ",";\n min-width: ",";\n "])),unit(largeTabletSize+1),unit(tabletSize+1))),forLargeComputers(styled.css(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n width: ",";\n "],["\n width: ",";\n "])),unit(smallComputerSize+1))));var Container$7=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n margin: 0 auto;\n flex: 1;\n width: 100%;\n padding: 0 ",";\n\n ","\n"],["\n margin: 0 auto;\n flex: 1;\n width: 100%;\n padding: 0 ",";\n\n ","\n"])),function(_a){var theme=_a.theme;return theme.styles.container.horizontalPadding;},function(_a){var fluid=_a.fluid;return fluid?"":deviceSettings;});var templateObject_1$m,templateObject_2$g,templateObject_3$b,templateObject_4$8,templateObject_5$4;var storesContext;var useStores=function(){return React__default.useContext(storesContext);};var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
|
|
10171
10171
|
var forSmallComputersAndUp=mediaQueries().forSmallComputersAndUp;var SM=SPACINGS.SM;exports.AppBar=function(_a){var _b;var _c=_a.actions,actions=_c===void 0?[]:_c,className=_a.className,fixed=_a.fixed,fluid=_a.fluid,logo=_a.logo,_d=_a.onBackClicked,onBackClicked=_d===void 0?DO_NOTHING:_d,_e=_a.onLogoClicked,onLogoClicked=_e===void 0?DO_NOTHING:_e,_f=_a.showBackButton,showBackButton=_f===void 0?false:_f,title=_a.title;// TODO this should not use MobX...switch to react context
|
|
10172
|
-
var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"padding-bottom: ".concat(SM,";"),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$3,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"cursor: pointer;"},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$
|
|
10172
|
+
var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"padding-bottom: ".concat(SM,";"),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$3,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"cursor: pointer;"},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var fixed=_a.fixed;return fixed?"fixed":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;});var Content$3=styled__default["default"](Container$7).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";});var DesktopNav=styled__default["default"](FlexBox).attrs({as:"nav"})(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n && {\n display: none;\n ","\n }\n"],["\n && {\n display: none;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n display: flex;\n "],["\n display: flex;\n "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height;});var MobileNav=styled__default["default"](IconButton).attrs({flat:true,icon:js.mdiMenu})(templateObject_8||(templateObject_8=__makeTemplateObject(["\n && {\n margin-right: 0;\n ","\n }\n"],["\n && {\n margin-right: 0;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])))));var templateObject_1$l,templateObject_2$f,templateObject_3$a,templateObject_4$7,templateObject_5$3,templateObject_6$3,templateObject_7$1,templateObject_8;var COMPONENT_NAME$1="FlexBlock";var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var getSpacingDirection=function(direction){return direction==="column"?"margin-bottom":"margin-right";};var getDisplay=function(_a){var compact=_a.compact,hidden=_a.hidden;if(hidden)return"none";return compact?"inline-flex":"flex";};var getSpacing=function(_a){var spacing=_a.spacing,props=__rest(_a,["spacing"]);if(!spacing)return"";return"& > *:not(:last-child) {\n margin: 0;\n ".concat(getSpacingDirection(getFlexDirection(props)),": ").concat(spacing,";\n }");};var responsiveStyles=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,justify=props.justify,compactAxis=props.compactAxis,fluid=props.fluid;return mediaQueryFunc("\n display: ".concat(getDisplay(props),";\n justify-content: ").concat(justify||"initial",";\n align-items: ").concat(alignItems?alignItems:"initial","; \n // align-self: ").concat(compactAxis?"initial":"stretch",";\n flex-direction: ").concat(getFlexDirection(props),";\n flex: ").concat(fluid?1:"unset",";\n ").concat(getSpacing(props),"\n ")).join("");});};var FlexBlock=styled__default["default"].div.attrs(function(_a){var spacing=_a.spacing;return{spacing:spacing===undefined?SPACINGS.SM:spacing};})(templateObject_1$k||(templateObject_1$k=__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
|
|
10173
10173
|
])),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
|
|
10174
|
-
FlexBlock.COMPONENT_NAME=COMPONENT_NAME$1;FlexBlock.defaultProps={compactAxis:false,compact:false,withRows:false,responsivePropsList:[]};var PaddedFlexBlock=styled__default["default"](FlexBlock).attrs(function(props){return{};})(templateObject_2$
|
|
10174
|
+
FlexBlock.COMPONENT_NAME=COMPONENT_NAME$1;FlexBlock.defaultProps={compactAxis:false,compact:false,withRows:false,responsivePropsList:[]};var PaddedFlexBlock=styled__default["default"](FlexBlock).attrs(function(props){return{};})(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n padding: ",";\n"],["\n padding: ",";\n"// @ts-ignore
|
|
10175
10175
|
])),SPACINGS.SM);// @ts-ignore
|
|
10176
|
-
PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$
|
|
10176
|
+
PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$k,templateObject_2$e;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",
|
|
10177
10177
|
// "SearchableSelector",
|
|
10178
|
-
]);}var listeners=new Set();var navBar;var scrolledPassedNavBar;var logger$3=new Logger("NavBarScrollWatcher");var checkNavPosition=function(){if(!navBar)return;var bottomPixel=navBar.getBoundingClientRect().height;var isCurrentlyPassedBar=window.scrollY>bottomPixel;logger$3.writeInfo("window.scrollY",window.scrollY,"bottomPixel",bottomPixel,"scrolledPassedNavBar",scrolledPassedNavBar);if(scrolledPassedNavBar==null||!scrolledPassedNavBar&&isCurrentlyPassedBar||scrolledPassedNavBar&&!isCurrentlyPassedBar){notifyListeners(isCurrentlyPassedBar);}scrolledPassedNavBar=isCurrentlyPassedBar;};var notifyListeners=function(b){listeners.forEach(function(f){f(b);});};var NavBarScrollWatcher=/** @class */function(){function NavBarScrollWatcher(){}NavBarScrollWatcher.onScrollPassedNavBar=function(f){listeners.add(f);if(listeners.size===1){window.addEventListener("scroll",checkNavPosition);}return function(){listeners.delete(f);if(listeners.size===0){window.removeEventListener("scroll",checkNavPosition);}};};NavBarScrollWatcher.setNavBar=function(n){navBar=n;};NavBarScrollWatcher.setInitialState=function(){checkNavPosition();};return NavBarScrollWatcher;}();var AppBarLayout=function(_a){var alertView=_a.alertView,appBar=_a.appBar,className=_a.className,content=_a.content,drawerView=_a.drawerView;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var appBarRef=React__default.useRef(null);React__default.useEffect(function(){NavBarScrollWatcher.setNavBar(appBarRef.current);},[]);return jsxRuntime.jsxs(FlexBlock,__assign({"data-component-name":AppBarLayout.COMPONENT_NAME,withRows:true,spacing:null,className:className},{children:[jsxRuntime.jsx("div",__assign({ref:appBarRef},{children:appBar})),jsxRuntime.jsxs(FlexBlock,__assign({css:"min-height: calc(100vh - ".concat(appBarHeight,");"),spacing:null,withRows:true,fluid:true},{children:[content,alertView]})),jsxRuntime.jsx(DrawerWrapper,{children:drawerView})]}));};AppBarLayout.COMPONENT_NAME="AppBarLayout";var DrawerWrapper=styled__default["default"].div(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n z-index: ",";\n"],["\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.zIndex;});var templateObject_1$i;var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;return jsxRuntime.jsxs(Container$5,{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["min-height: calc(100% - ",");"],["min-height: calc(100% - ",");"])),appBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]});};var Container$5=styled__default["default"].div(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$h,templateObject_2$c;var breakpointQueries=function(_a){var _b;var wideLayout=_a.wideLayout;var _c=breakpoints({wideLayout:wideLayout}),phoneSize=_c.phoneSize,tabletSize=_c.tabletSize,largeTabletSize=_c.largeTabletSize,smallComputerSize=_c.smallComputerSize;var phone=DEVICES.phone,tablet=DEVICES.tablet,largeTablet=DEVICES.largeTablet,smallComputer=DEVICES.smallComputer,largeComputer=DEVICES.largeComputer;return _b={},_b[phone]="(max-width: ".concat(unit$1(phoneSize),")"),_b[tablet]="(min-width: ".concat(unit$1(phoneSize+1),") and (max-width: ").concat(unit$1(tabletSize),")"),_b[largeTablet]="(min-width: ".concat(unit$1(tabletSize+1),") and (max-width: ").concat(unit$1(largeTabletSize),")"),_b[smallComputer]="(min-width: ".concat(unit$1(largeTabletSize+1),") and (max-width: ").concat(unit$1(smallComputerSize),")"),_b[largeComputer]="(min-width: ".concat(unit$1(smallComputerSize+1),")"),_b;};var useDeviceSizeWatcher=function(){var _a=__read(React__default.useState(),2),currentSize=_a[0],setCurrentSize=_a[1];var queries=React__default.useMemo(function(){return breakpointQueries({wideLayout:true});},[]);var deviceListeners=React__default.useRef({});var deviceMediaQueryLists=React__default.useMemo(function(){return Object.values(DEVICES).reduce(function(map,size){var _a;return __assign(__assign({},map),(_a={},_a[size]=window.matchMedia(queries[size]),_a));},{});},[queries]);var initChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];var listener=function(e){if(e.matches)setCurrentSize(Number(size));};mql.addEventListener("change",listener);deviceListeners.current[Number(size)]=listener;});},[deviceMediaQueryLists]);var removeChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];mql.removeEventListener("change",deviceListeners.current[Number(size)]);delete deviceListeners.current[Number(size)];});},[deviceMediaQueryLists]);var setInitialSize=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];if(mql.matches)setCurrentSize(Number(size));});},[deviceMediaQueryLists]);React__default.useEffect(function(){setInitialSize();},[setInitialSize]);React__default.useEffect(function(){initChangeWatchers();return removeChangeWatchers;},[initChangeWatchers,removeChangeWatchers]);return React__default.useMemo(function(){var isPhone=currentSize===DEVICES.phone;var isTablet=currentSize===DEVICES.tablet;var isLargeTablet=currentSize===DEVICES.largeTablet;var isSmallComputer=currentSize===DEVICES.smallComputer;var isLargeComputer=currentSize===DEVICES.largeComputer;var isSmallComputerOrLarger=isSmallComputer||isLargeComputer;var isLargeTabletOrLarger=isLargeTablet||isSmallComputerOrLarger;var isLargeTabletOrSmaller=isLargeTablet||isTablet||isPhone;return{isPhone:isPhone,isTablet:isTablet,isLargeTablet:isLargeTablet,isSmallComputer:isSmallComputer,isLargeComputer:isLargeComputer,isSmallComputerOrLarger:isSmallComputerOrLarger,isLargeTabletOrLarger:isLargeTabletOrLarger,isLargeTabletOrSmaller:isLargeTabletOrSmaller};},[currentSize]);};var ComputersOnly=function(_a){var children=_a.children;var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var _b=__read(React__default.useState(isSmallComputerOrLarger),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){setIsVisibleTo(isSmallComputerOrLarger);},[isSmallComputerOrLarger]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};exports.Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};exports.Carousel=styled__default["default"](exports.Carousel)(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n height: auto;\n"],["\n height: auto;\n"])));var templateObject_1$g,templateObject_2$b,templateObject_3$8;var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var closeDrawer=_a.closeDrawer,drawerContent=_a.drawerContent,isOpenProp=_a.isOpen;var backdropRef=React__default.useRef(null);var cachedContent=React__default.useRef();var htmlOverflow=React__default.useRef();var isOpen=(_b=__read(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read(React__default.useState(false),2),_c[0]),setIsClosingTo=_c[1];var theme=useTheme();var body=(_d=drawerContent!==null&&drawerContent!==void 0?drawerContent:{},_d.body),onClose=_d.onClose,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var animateClose=React__default.useCallback(function(){setIsClosingTo(true);setTimeout(function(){logger$2.writeInfo("setting to close");setIsOpenTo(false);setIsClosingTo(false);cachedContent.current=undefined;},ANIMATION_DURATION_MS);},[]);var closeButtonColor=theme.styles.getTextColorForBackground({color:theme.styles.sidebar.background,theme:theme});var handleBackdropClick=function(_a){var target=_a.target,currentTarget=_a.currentTarget;logger$2.writeInfo("backdrop click - target:",target,"current target:",currentTarget);if(target===currentTarget&&target===backdropRef.current)handleClose();};var handleClose=function(){closeDrawer();if(onClose)onClose();};React__default.useEffect(function(){if(isOpenProp)setIsOpenTo(true);},[isOpenProp]);React__default.useEffect(function(){if(isOpenProp||!isOpen)return;animateClose();},[animateClose,isOpen,isOpenProp]);React__default.useEffect(function(){if(!drawerContent||!drawerContent.body)return;cachedContent.current=drawerContent.body;},[drawerContent]);React__default.useEffect(function(){var root=document.querySelector("html");var resetRoot=function(){root.style.overflow=htmlOverflow.current;};if(isOpen){htmlOverflow.current=root.style.overflow;root.style.overflow="hidden";return resetRoot;}if(!isOpen)resetRoot();},[isOpen]);logger$2.writeInfo("isOpen",isOpen);if(!isOpen)return null;if(!drawerContent&&!cachedContent.current)throw new Error("Drawer found null drawer content");return jsxRuntime.jsx(Backdrop,__assign({isClosing:isClosing,onClick:handleBackdropClick,ref:backdropRef},{children:jsxRuntime.jsxs(AbsoluteContainer,__assign({withRows:true,isClosing:isClosing},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:js.mdiClose,color:closeButtonColor,onClick:handleClose,"aria-label":"Close drawer"})]}),jsxRuntime.jsx(Body$1,{children:body!==null&&body!==void 0?body:cachedContent.current}),!withNoActions?jsxRuntime.jsxs(Footer,{children:[withCancelButton?jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,flat:true,onClick:handleClose},{children:"Cancel"})):null,jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,onClick:handleClose},{children:"OK"}))]}):null]}))}));};exports.Drawer=styled__default["default"](exports.Drawer)(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n html {\n overflow: hidden;\n }\n"],["\n html {\n overflow: hidden;\n }\n"// @ts-ignore
|
|
10178
|
+
]);}var listeners=new Set();var navBar;var scrolledPassedNavBar;var logger$3=new Logger("NavBarScrollWatcher");var checkNavPosition=function(){if(!navBar)return;var bottomPixel=navBar.getBoundingClientRect().height;var isCurrentlyPassedBar=window.scrollY>bottomPixel;logger$3.writeInfo("window.scrollY",window.scrollY,"bottomPixel",bottomPixel,"scrolledPassedNavBar",scrolledPassedNavBar);if(scrolledPassedNavBar==null||!scrolledPassedNavBar&&isCurrentlyPassedBar||scrolledPassedNavBar&&!isCurrentlyPassedBar){notifyListeners(isCurrentlyPassedBar);}scrolledPassedNavBar=isCurrentlyPassedBar;};var notifyListeners=function(b){listeners.forEach(function(f){f(b);});};var NavBarScrollWatcher=/** @class */function(){function NavBarScrollWatcher(){}NavBarScrollWatcher.onScrollPassedNavBar=function(f){listeners.add(f);if(listeners.size===1){window.addEventListener("scroll",checkNavPosition);}return function(){listeners.delete(f);if(listeners.size===0){window.removeEventListener("scroll",checkNavPosition);}};};NavBarScrollWatcher.setNavBar=function(n){navBar=n;};NavBarScrollWatcher.setInitialState=function(){checkNavPosition();};return NavBarScrollWatcher;}();var AppBarLayout=function(_a){var alertView=_a.alertView,appBar=_a.appBar,className=_a.className,content=_a.content,drawerView=_a.drawerView;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var appBarRef=React__default.useRef(null);React__default.useEffect(function(){NavBarScrollWatcher.setNavBar(appBarRef.current);},[]);return jsxRuntime.jsxs(FlexBlock,__assign({"data-component-name":AppBarLayout.COMPONENT_NAME,withRows:true,spacing:null,className:className},{children:[jsxRuntime.jsx("div",__assign({ref:appBarRef},{children:appBar})),jsxRuntime.jsxs(FlexBlock,__assign({css:"min-height: calc(100vh - ".concat(appBarHeight,");"),spacing:null,withRows:true,fluid:true},{children:[content,alertView]})),jsxRuntime.jsx(DrawerWrapper,{children:drawerView})]}));};AppBarLayout.COMPONENT_NAME="AppBarLayout";var DrawerWrapper=styled__default["default"].div(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n z-index: ",";\n"],["\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.zIndex;});var templateObject_1$j;var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;return jsxRuntime.jsxs(Container$6,{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["min-height: calc(100% - ",");"],["min-height: calc(100% - ",");"])),appBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]});};var Container$6=styled__default["default"].div(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$i,templateObject_2$d;var breakpointQueries=function(_a){var _b;var wideLayout=_a.wideLayout;var _c=breakpoints({wideLayout:wideLayout}),phoneSize=_c.phoneSize,tabletSize=_c.tabletSize,largeTabletSize=_c.largeTabletSize,smallComputerSize=_c.smallComputerSize;var phone=DEVICES.phone,tablet=DEVICES.tablet,largeTablet=DEVICES.largeTablet,smallComputer=DEVICES.smallComputer,largeComputer=DEVICES.largeComputer;return _b={},_b[phone]="(max-width: ".concat(unit$1(phoneSize),")"),_b[tablet]="(min-width: ".concat(unit$1(phoneSize+1),") and (max-width: ").concat(unit$1(tabletSize),")"),_b[largeTablet]="(min-width: ".concat(unit$1(tabletSize+1),") and (max-width: ").concat(unit$1(largeTabletSize),")"),_b[smallComputer]="(min-width: ".concat(unit$1(largeTabletSize+1),") and (max-width: ").concat(unit$1(smallComputerSize),")"),_b[largeComputer]="(min-width: ".concat(unit$1(smallComputerSize+1),")"),_b;};var useDeviceSizeWatcher=function(){var _a=__read(React__default.useState(),2),currentSize=_a[0],setCurrentSize=_a[1];var queries=React__default.useMemo(function(){return breakpointQueries({wideLayout:true});},[]);var deviceListeners=React__default.useRef({});var deviceMediaQueryLists=React__default.useMemo(function(){return Object.values(DEVICES).reduce(function(map,size){var _a;return __assign(__assign({},map),(_a={},_a[size]=window.matchMedia(queries[size]),_a));},{});},[queries]);var initChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];var listener=function(e){if(e.matches)setCurrentSize(Number(size));};mql.addEventListener("change",listener);deviceListeners.current[Number(size)]=listener;});},[deviceMediaQueryLists]);var removeChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];mql.removeEventListener("change",deviceListeners.current[Number(size)]);delete deviceListeners.current[Number(size)];});},[deviceMediaQueryLists]);var setInitialSize=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];if(mql.matches)setCurrentSize(Number(size));});},[deviceMediaQueryLists]);React__default.useEffect(function(){setInitialSize();},[setInitialSize]);React__default.useEffect(function(){initChangeWatchers();return removeChangeWatchers;},[initChangeWatchers,removeChangeWatchers]);return React__default.useMemo(function(){var isPhone=currentSize===DEVICES.phone;var isTablet=currentSize===DEVICES.tablet;var isLargeTablet=currentSize===DEVICES.largeTablet;var isSmallComputer=currentSize===DEVICES.smallComputer;var isLargeComputer=currentSize===DEVICES.largeComputer;var isSmallComputerOrLarger=isSmallComputer||isLargeComputer;var isLargeTabletOrLarger=isLargeTablet||isSmallComputerOrLarger;var isLargeTabletOrSmaller=isLargeTablet||isTablet||isPhone;return{isPhone:isPhone,isTablet:isTablet,isLargeTablet:isLargeTablet,isSmallComputer:isSmallComputer,isLargeComputer:isLargeComputer,isSmallComputerOrLarger:isSmallComputerOrLarger,isLargeTabletOrLarger:isLargeTabletOrLarger,isLargeTabletOrSmaller:isLargeTabletOrSmaller};},[currentSize]);};var ComputersOnly=function(_a){var children=_a.children;var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var _b=__read(React__default.useState(isSmallComputerOrLarger),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){setIsVisibleTo(isSmallComputerOrLarger);},[isSmallComputerOrLarger]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};exports.Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};exports.Carousel=styled__default["default"](exports.Carousel)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n height: auto;\n"],["\n height: auto;\n"])));var templateObject_1$h,templateObject_2$c,templateObject_3$9;var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var closeDrawer=_a.closeDrawer,drawerContent=_a.drawerContent,isOpenProp=_a.isOpen;var backdropRef=React__default.useRef(null);var cachedContent=React__default.useRef();var htmlOverflow=React__default.useRef();var isOpen=(_b=__read(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read(React__default.useState(false),2),_c[0]),setIsClosingTo=_c[1];var theme=useTheme();var body=(_d=drawerContent!==null&&drawerContent!==void 0?drawerContent:{},_d.body),onClose=_d.onClose,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var animateClose=React__default.useCallback(function(){setIsClosingTo(true);setTimeout(function(){logger$2.writeInfo("setting to close");setIsOpenTo(false);setIsClosingTo(false);cachedContent.current=undefined;},ANIMATION_DURATION_MS);},[]);var closeButtonColor=theme.styles.getTextColorForBackground({color:theme.styles.sidebar.background,theme:theme});var handleBackdropClick=function(_a){var target=_a.target,currentTarget=_a.currentTarget;logger$2.writeInfo("backdrop click - target:",target,"current target:",currentTarget);if(target===currentTarget&&target===backdropRef.current)handleClose();};var handleClose=function(){closeDrawer();if(onClose)onClose();};React__default.useEffect(function(){if(isOpenProp)setIsOpenTo(true);},[isOpenProp]);React__default.useEffect(function(){if(isOpenProp||!isOpen)return;animateClose();},[animateClose,isOpen,isOpenProp]);React__default.useEffect(function(){if(!drawerContent||!drawerContent.body)return;cachedContent.current=drawerContent.body;},[drawerContent]);React__default.useEffect(function(){var root=document.querySelector("html");var resetRoot=function(){root.style.overflow=htmlOverflow.current;};if(isOpen){htmlOverflow.current=root.style.overflow;root.style.overflow="hidden";return resetRoot;}if(!isOpen)resetRoot();},[isOpen]);logger$2.writeInfo("isOpen",isOpen);if(!isOpen)return null;if(!drawerContent&&!cachedContent.current)throw new Error("Drawer found null drawer content");return jsxRuntime.jsx(Backdrop,__assign({isClosing:isClosing,onClick:handleBackdropClick,ref:backdropRef},{children:jsxRuntime.jsxs(AbsoluteContainer,__assign({withRows:true,isClosing:isClosing},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:js.mdiClose,color:closeButtonColor,onClick:handleClose,"aria-label":"Close drawer"})]}),jsxRuntime.jsx(Body$1,{children:body!==null&&body!==void 0?body:cachedContent.current}),!withNoActions?jsxRuntime.jsxs(Footer,{children:[withCancelButton?jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,flat:true,onClick:handleClose},{children:"Cancel"})):null,jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,onClick:handleClose},{children:"OK"}))]}):null]}))}));};exports.Drawer=styled__default["default"](exports.Drawer)(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n html {\n overflow: hidden;\n }\n"],["\n html {\n overflow: hidden;\n }\n"// @ts-ignore
|
|
10179
10179
|
])));// @ts-ignore
|
|
10180
|
-
exports.Drawer.COMPONENT_NAME="Drawer";exports.Drawer.defaultProps={};var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_2$
|
|
10180
|
+
exports.Drawer.COMPONENT_NAME="Drawer";exports.Drawer.defaultProps={};var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n @keyframes DrawerAbsoluteContainerOpen {\n from {right: -380px;}\n to {right: 0;}\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {right: 0;}\n 20% {right: 20px;}\n to {right: -380px;}\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: "," 0 20px 28px 0;\n height: 100vh;\n gap: unset;\n //padding: 1rem;\n position: fixed;\n right: 0;\n top: 0;\n width: min(380px, 90vw);\n z-index: 1000;\n"],["\n @keyframes DrawerAbsoluteContainerOpen {\n from {right: -380px;}\n to {right: 0;}\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {right: 0;}\n 20% {right: 20px;}\n to {right: -380px;}\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: "," 0 20px 28px 0;\n height: 100vh;\n gap: unset;\n //padding: 1rem;\n position: fixed;\n right: 0;\n top: 0;\n width: min(380px, 90vw);\n z-index: 1000;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"DrawerAbsoluteContainerClose":"DrawerAbsoluteContainerOpen";},function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.boxShadow;});var Backdrop=styled__default["default"].div(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n @keyframes ModalBackdropOpen {\n from {opacity: 0;}\n to {opacity: 100%;}\n }\n\n @keyframes ModalBackdropClose {\n 0% {opacity: 100%;}\n 50% {opacity: 100%;}\n to {opacity: 0;}\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background-color: ",";\n display: flex;\n inset: 0;\n overflow: auto;\n position: fixed;\n z-index: 400;\n"],["\n @keyframes ModalBackdropOpen {\n from {opacity: 0;}\n to {opacity: 100%;}\n }\n\n @keyframes ModalBackdropClose {\n 0% {opacity: 100%;}\n 50% {opacity: 100%;}\n to {opacity: 0;}\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background-color: ",";\n display: flex;\n inset: 0;\n overflow: auto;\n position: fixed;\n z-index: 400;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"ModalBackdropClose":"ModalBackdropOpen";},function(p){return p.theme.styles.modal.backdrop.background;});var Body$1=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n flex: 1;\n overflow: auto;\n padding: ",";\n"],["\n flex: 1;\n overflow: auto;\n padding: ",";\n"])),MARGIN_SIZE);var Footer=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n border-top: 1px solid ",";\n justify-content: flex-end;\n padding: ",";\n"],["\n border-top: 1px solid ",";\n justify-content: flex-end;\n padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Header=styled__default["default"](FlexBox)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n align-items: center;\n border-bottom: 1px solid ",";\n padding: ",";\n"],["\n align-items: center;\n border-bottom: 1px solid ",";\n padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Title$1=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n flex: 1;\n font-weight: ",";\n"],["\n flex: 1;\n font-weight: ",";\n"])),FONT_WEIGHTS.BOLD);var templateObject_1$g,templateObject_2$b,templateObject_3$8,templateObject_4$6,templateObject_5$2,templateObject_6$2,templateObject_7;var FullScreen=styled__default["default"](function(_a){var children=_a.children,className=_a.className,fluidContent=_a.fluidContent,onCloseClicked=_a.onCloseClicked,_b=_a.visible,visible=_b===void 0?false:_b;return jsxRuntime.jsxs(Container$5,__assign({className:className,fluidContent:fluidContent,hidden:!visible,withRows:true},{children:[jsxRuntime.jsx(Button,{_css:styled.css(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n align-self: flex-end;\n padding: .5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1"],["\n align-self: flex-end;\n padding: .5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1"])),fluidContent?"absolute":"relative",fluidContent?"2rem":"1rem",fluidContent?"2rem":"0"),color:COLORS.WHITE,icon:js.mdiClose,iconSize:"1.5rem",onClick:onCloseClicked,pill:true}),jsxRuntime.jsx(Content$2,{children:visible?children:null})]}));})(templateObject_2$a||(templateObject_2$a=__makeTemplateObject([""],[""])));var Container$5=styled__default["default"](FlexBox)(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n background: ",";\n position: fixed;\n height: 100vh;\n width: 100vw;\n top: ",";\n left: 0;\n z-index: ",";\n padding: ",";\n transition: top .5s ease-in-out;\n"],["\n background: ",";\n position: fixed;\n height: 100vh;\n width: 100vw;\n top: ",";\n left: 0;\n z-index: ",";\n padding: ",";\n transition: top .5s ease-in-out;\n"])),COLORS.BLACK,function(_a){var hidden=_a.hidden;return hidden?"100vh":"0";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex+1;},function(_a){var fluidContent=_a.fluidContent;return fluidContent?"0":SPACINGS.SM;});var Content$2=styled__default["default"].div(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n"],["\n height: 100%;\n width: 100%;\n"])));var templateObject_1$f,templateObject_2$a,templateObject_3$7,templateObject_4$5;function mergeRefs(refs){return function(value){refs.forEach(function(ref){if(typeof ref==="function"){ref(value);}else if(ref!=null){ref.current=value;}});};}/**
|
|
10181
10181
|
* generates a UID factory
|
|
10182
10182
|
* @internal
|
|
10183
10183
|
* @example
|
|
@@ -11248,8 +11248,8 @@ if(prevState.placement!==this.state.placement){this.scheduleUpdate();}};_proto.c
|
|
|
11248
11248
|
*
|
|
11249
11249
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11250
11250
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11251
|
-
*/function _extends$z(){_extends$z=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$z.apply(this,arguments);}function _objectWithoutPropertiesLoose$8(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$4(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$8(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$4(arr,i){return _arrayWithHoles$4(arr)||_iterableToArrayLimit$4(arr,i)||_unsupportedIterableToArray$4(arr,i)||_nonIterableRest$4();}function _arrayWithHoles$4(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$4(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$4(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$4(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$4(o,minLen);}function _arrayLikeToArray$4(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$4(){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 ALIGN_ITEMS=['start','end','center','baseline','stretch'];var ALIGN_SELF=['auto'].concat(ALIGN_ITEMS);var JUSTIFY_CONTENT=['start','end','center','between','around'];var TEXT_ALIGN=['start','end','center','justify'];var SPACE=[false,'xxs','xs','sm','md','lg','xl','xxl'];var WRAP=['nowrap','wrap','wrap-reverse'];var ORIENTATION=['top','bottom','start','end'];var COMPONENT_ID$6$3='grid.col';var colorStyles$4$1=function colorStyles(props){var backgroundColor=getColor('primaryHue',600,props.theme,0.1);return styled.css(["background-clip:content-box;background-color:",";"],backgroundColor);};var flexStyles$1=function flexStyles(size,alignSelf,textAlign,offset,order,props){var margin=offset&&"".concat(math("".concat(offset," / ").concat(props.columns," * 100")),"%");var flexBasis;var flexGrow;var maxWidth;var width;if(typeof size==='boolean'){flexBasis=0;flexGrow=1;maxWidth='100%';}else if(size==='auto'){flexBasis='auto';flexGrow=0;maxWidth='100%';width='auto';}else if(size!==undefined){flexBasis="".concat(math("".concat(size," / ").concat(props.columns," * 100")),"%");flexGrow=0;maxWidth=flexBasis;}var horizontalAlign;if(textAlign==='start'){horizontalAlign=props.theme.rtl?'right':'left';}else if(textAlign==='end'){horizontalAlign=props.theme.rtl?'left':'right';}else{horizontalAlign=textAlign;}var flexOrder;if(order==='first'){flexOrder=-1;}else if(order==='last'){flexOrder=math("".concat(props.columns," + 1"));}else{flexOrder=order;}return styled.css(["flex-basis:",";flex-grow:",";flex-shrink:",";align-self:",";order:",";margin-",":",";width:",";max-width:",";text-align:",";"],flexBasis,flexGrow,size&&0,alignSelf==='start'||alignSelf==='end'?"flex-".concat(alignSelf):alignSelf,flexOrder,props.theme.rtl?'right':'left',margin,width,maxWidth,horizontalAlign);};var mediaStyles$1=function mediaStyles(minWidth,size,alignSelf,textAlign,offset,order,props){return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles$1(size,alignSelf,textAlign,offset,order,props));};var sizeStyles$4$1=function sizeStyles(props){var padding=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};var StyledCol=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$6$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledCol",componentId:"sc-inuw62-0"})(["box-sizing:border-box;width:100%;",";",";",";",";",";",";",";",";",";"],function(props){return flexStyles$1(!props.sizeAll&&(props.xs||props.sm||props.md||props.lg||props.xl)?undefined:props.sizeAll||false,props.alignSelf,props.textAlign,props.offset,props.order,props);},function(props){return sizeStyles$4$1(props);},function(props){return props.debug&&colorStyles$4$1(props);},function(props){return mediaStyles$1(props.theme.breakpoints.xs,props.xs,props.alignSelfXs,props.textAlignXs,props.offsetXs,props.orderXs,props);},function(props){return mediaStyles$1(props.theme.breakpoints.sm,props.sm,props.alignSelfSm,props.textAlignSm,props.offsetSm,props.orderSm,props);},function(props){return mediaStyles$1(props.theme.breakpoints.md,props.md,props.alignSelfMd,props.textAlignMd,props.offsetMd,props.orderMd,props);},function(props){return mediaStyles$1(props.theme.breakpoints.lg,props.lg,props.alignSelfLg,props.textAlignLg,props.offsetLg,props.orderLg,props);},function(props){return mediaStyles$1(props.theme.breakpoints.xl,props.xl,props.alignSelfXl,props.textAlignXl,props.offsetXl,props.orderXl,props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6$3,props);});StyledCol.defaultProps={columns:12,theme:DEFAULT_THEME};var COMPONENT_ID$5$3='grid.grid';var colorStyles$3$1=function colorStyles(props){var borderColor=getColor(props.theme.palette.crimson,400,props.theme,0.5);var borderWidth=math("".concat(props.theme.borderWidths.sm," * 2"));return styled.css(["box-shadow:-"," 0 0 0 ",","," 0 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};var sizeStyles$3$1=function sizeStyles(props){var padding=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};var StyledGrid=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledGrid",componentId:"sc-oxgg5i-0"})(["direction:",";margin-right:auto;margin-left:auto;width:100%;box-sizing:border-box;",";",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return sizeStyles$3$1(props);},function(props){return props.debug&&colorStyles$3$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$5$3,props);});StyledGrid.defaultProps={gutters:'md',theme:DEFAULT_THEME};var COMPONENT_ID$4$3='grid.row';var colorStyles$2$1=function colorStyles(props){var borderColor=getColor(props.theme.palette.mint,600,props.theme,0.5);var borderWidth=props.theme.borderWidths.sm;return styled.css(["box-shadow:inset 0 "," 0 0 ",",inset 0 -"," 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};var flexStyles=function flexStyles(alignItems,justifyContent,wrap){var flexAlignItems;var flexJustifyContent;if(alignItems==='start'||alignItems==='end'){flexAlignItems="flex-".concat(alignItems);}else{flexAlignItems=alignItems;}if(justifyContent==='start'||justifyContent==='end'){flexJustifyContent="flex-".concat(justifyContent);}else if(justifyContent==='between'||justifyContent==='around'){flexJustifyContent="space-".concat(justifyContent);}else{flexJustifyContent=justifyContent;}return styled.css(["flex-wrap:",";align-items:",";justify-content:",";"],wrap,flexAlignItems,flexJustifyContent);};var mediaStyles=function mediaStyles(minWidth,alignItems,justifyContent,wrap){return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles(alignItems,justifyContent,wrap));};var sizeStyles$2$1=function sizeStyles(props){var margin=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["margin-right:-",";margin-left:-",";"],margin,margin);};var StyledRow$1=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledRow",componentId:"sc-xjsdg1-0"})(["display:flex;box-sizing:border-box;"," ",";",";",";",";",";",";",";",";"],function(props){return flexStyles(props.alignItems,props.justifyContent,props.wrapAll);},function(props){return sizeStyles$2$1(props);},function(props){return props.debug&&colorStyles$2$1(props);},function(props){return mediaStyles(props.theme.breakpoints.xs,props.alignItemsXs,props.justifyContentXs,props.wrapXs);},function(props){return mediaStyles(props.theme.breakpoints.sm,props.alignItemsSm,props.justifyContentSm,props.wrapSm);},function(props){return mediaStyles(props.theme.breakpoints.md,props.alignItemsMd,props.justifyContentMd,props.wrapMd);},function(props){return mediaStyles(props.theme.breakpoints.lg,props.alignItemsLg,props.justifyContentLg,props.wrapLg);},function(props){return mediaStyles(props.theme.breakpoints.xl,props.alignItemsXl,props.justifyContentXl,props.wrapXl);},function(props){return retrieveComponentStyles(COMPONENT_ID$4$3,props);});StyledRow$1.defaultProps={wrapAll:'wrap',theme:DEFAULT_THEME};var COMPONENT_ID$3$4='pane';var StyledPane=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$3$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPane",componentId:"sc-1ltjst7-0"})(["position:relative;min-width:0;min-height:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$3$4,props);});StyledPane.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$4='pane.content';var StyledPaneContent=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPaneContent",componentId:"sc-1b38mbh-0"})(["height:100%;overflow:auto;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2$4,props);});StyledPaneContent.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$4='pane.splitter';var colorStyles$1$2=function colorStyles(props){var color=getColor('neutralHue',300,props.theme);var hoverColor=getColor('primaryHue',600,props.theme);var activeColor=getColor('primaryHue',800,props.theme);var boxShadow=props.theme.shadows.md(rgba(hoverColor,0.35));return styled.css(["&::before{background-color:",";}&:hover::before{background-color:",";}&[data-garden-focus-visible]::before{box-shadow:",";background-color:",";}&:active::before{background-color:",";}"],color,props.isHovered&&hoverColor,boxShadow,hoverColor,props.isHovered&&activeColor);};var sizeStyles$1$3=function sizeStyles(props){var size=math("".concat(props.theme.shadowWidths.md," * 2"));var separatorSize=math("".concat(props.theme.borderWidths.sm," * 2"));var offset=math("-".concat(size," / 2"));var cursor;var top;var right;var left;var bottom;var width;var height;var separatorWidth;var separatorHeight;switch(props.orientation){case'top':cursor='row-resize';top=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'end':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){left=offset;}else{right=offset;}break;case'bottom':cursor='row-resize';bottom=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'start':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){right=offset;}else{left=offset;}break;}var dimensionProperty=width==='100%'?'height':'width';return styled.css(["top:",";right:",";bottom:",";left:",";cursor:",";width:",";height:",";&::before{width:",";height:",";}&:hover::before{",":",";}&[data-garden-focus-visible]::before,&:focus::before{",":",";}&[data-garden-focus-visible]::before{border-radius:",";}"],top,right,bottom,left,cursor,width,height,separatorWidth,separatorHeight,dimensionProperty,props.isHovered&&separatorSize,dimensionProperty,separatorSize,props.theme.borderRadii.md);};var StyledPaneSplitter=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPaneSplitter",componentId:"sc-jylemn-0"})(["display:flex;position:absolute;align-items:center;justify-content:center;z-index:1;user-select:none;",";&:focus{outline:none;}&::before{position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:-1;content:'';}",";",";"],sizeStyles$1$3,colorStyles$1$2,function(props){return retrieveComponentStyles(COMPONENT_ID$1$4,props);});StyledPaneSplitter.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$N='pane.splitter_button';var transformStyles=function transformStyles(props){var degrees=0;if(props.isRotated){degrees=props.theme.rtl?-180:180;}if(props.orientation==='end'){degrees+=props.theme.rtl?-90:90;}else if(props.orientation==='start'){degrees+=props.theme.rtl?90:-90;}else if(props.orientation==='bottom'){degrees+=180;}return styled.css(["& > svg{transform:rotate(","deg);}"],degrees);};var colorStyles$e=function colorStyles(_ref){var theme=_ref.theme;var boxShadow=theme.shadows.lg("".concat(theme.space.base,"px"),"".concat(theme.space.base*2,"px"),getColor('chromeHue',600,theme,0.15));var focusBoxShadow=theme.shadows.md(getColor('primaryHue',600,theme,0.35));return styled.css(["box-shadow:",";&[data-garden-focus-visible]{box-shadow:",",",";}"],boxShadow,focusBoxShadow,boxShadow);};var sizeStyles$i=function sizeStyles(props){var size="".concat(props.theme.space.base*6,"px");var display=props.splitterSize<=stripUnit(math("".concat(props.theme.shadowWidths.md," * 2 + ").concat(size)))&&'none';var isVertical=props.orientation==='start'||props.orientation==='end';var top;var left;var right;var bottom;if(props.splitterSize>=stripUnit(math("".concat(size," * 3")))){if(props.placement==='start'){if(isVertical){top=size;}else if(props.theme.rtl){right=size;}else{left=size;}}else if(props.placement==='end'){if(isVertical){bottom=size;}else if(props.theme.rtl){left=size;}else{right=size;}}}return styled.css(["display:",";top:",";right:",";bottom:",";left:",";width:",";min-width:",";height:",";"],display,top,right,bottom,left,size,size,size);};var StyledPaneSplitterButton=styled__default["default"](ChevronButton).attrs({'data-garden-id':COMPONENT_ID$N,'data-garden-version':'8.53.2',isBasic:true,isPill:true,size:'small'}).withConfig({displayName:"StyledPaneSplitterButton",componentId:"sc-zh032e-0"})(["position:absolute;transition:background-color 0.25s ease-in-out,opacity 0.25s ease-in-out 0.1s;opacity:0;&[data-garden-focus-visible],",":hover &,","[data-garden-focus-visible] &{opacity:1;}",";",";",";&::before{position:absolute;z-index:-1;background-color:",";width:100%;height:100%;content:'';}",";"],StyledPaneSplitter,StyledPaneSplitter,sizeStyles$i,transformStyles,colorStyles$e,function(props){return props.theme.colors.background;},function(props){return retrieveComponentStyles(COMPONENT_ID$N,props);});StyledPaneSplitterButton.defaultProps={theme:DEFAULT_THEME};var GridContext=React__default.createContext({gutters:'md'});var useGridContext=function useGridContext(){return React__default.useContext(GridContext);};var _excluded$4$3=["size"];var Col$1=React__default__default["default"].forwardRef(function(_ref,ref){var size=_ref.size,props=_objectWithoutProperties$4(_ref,_excluded$4$3);var _useGridContext=useGridContext(),columns=_useGridContext.columns,gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledCol,_extends$z({sizeAll:size,columns:columns,gutters:gutters,debug:debug,ref:ref},props));});Col$1.displayName='Col';Col$1.propTypes={size:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),xs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),sm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),md:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),lg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),xl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),alignSelf:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXs:propTypes.exports.oneOf(ALIGN_SELF),alignSelfSm:propTypes.exports.oneOf(ALIGN_SELF),alignSelfMd:propTypes.exports.oneOf(ALIGN_SELF),alignSelfLg:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXl:propTypes.exports.oneOf(ALIGN_SELF),textAlign:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXs:propTypes.exports.oneOf(TEXT_ALIGN),textAlignSm:propTypes.exports.oneOf(TEXT_ALIGN),textAlignMd:propTypes.exports.oneOf(TEXT_ALIGN),textAlignLg:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXl:propTypes.exports.oneOf(TEXT_ALIGN),offset:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),order:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string])};var _excluded$3$2=["columns","debug"];var Grid$1=React__default__default["default"].forwardRef(function(_ref,ref){var columns=_ref.columns,debug=_ref.debug,props=_objectWithoutProperties$4(_ref,_excluded$3$2);var value=React__default.useMemo(function(){return{columns:columns,gutters:props.gutters,debug:debug};},[columns,props.gutters,debug]);return React__default__default["default"].createElement(GridContext.Provider,{value:value},React__default__default["default"].createElement(StyledGrid,_extends$z({debug:debug,ref:ref},props)));});Grid$1.displayName='Grid';Grid$1.propTypes={columns:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),gutters:propTypes.exports.oneOf(SPACE),debug:propTypes.exports.bool};Grid$1.defaultProps={columns:12,gutters:'md'};var _excluded$2$4=["wrap"];var Row$2=React__default__default["default"].forwardRef(function(_ref,ref){var wrap=_ref.wrap,props=_objectWithoutProperties$4(_ref,_excluded$2$4);var _useGridContext=useGridContext(),gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledRow$1,_extends$z({gutters:gutters,debug:debug,wrapAll:wrap,ref:ref},props));});Row$2.displayName='Row';Row$2.propTypes={alignItems:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXs:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsSm:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsMd:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsLg:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXl:propTypes.exports.oneOf(ALIGN_ITEMS),justifyContent:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXs:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentSm:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentMd:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentLg:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXl:propTypes.exports.oneOf(JUSTIFY_CONTENT),wrap:propTypes.exports.oneOf(WRAP),wrapXs:propTypes.exports.oneOf(WRAP),wrapSm:propTypes.exports.oneOf(WRAP),wrapMd:propTypes.exports.oneOf(WRAP),wrapLg:propTypes.exports.oneOf(WRAP),wrapXl:propTypes.exports.oneOf(WRAP)};var PaneProviderContext=React__default.createContext({});var usePaneProviderContextData=function usePaneProviderContextData(providerId){var context=React__default.useContext(PaneProviderContext);var id=providerId||context.providerId;return id&&context.contextData?context.contextData[id]:undefined;};({id:propTypes.exports.string,totalPanesWidth:propTypes.exports.number.isRequired,totalPanesHeight:propTypes.exports.number.isRequired,defaultRowValues:propTypes.exports.object,defaultColumnValues:propTypes.exports.object,rowValues:propTypes.exports.object,columnValues:propTypes.exports.object,onChange:propTypes.exports.func,children:propTypes.exports.func});var PaneContext=React__default.createContext({setId:function setId(){return undefined;}});var usePaneContext=function usePaneContext(){return React__default.useContext(PaneContext);};var PaneSplitterContext=React__default.createContext({orientation:'start',min:0,max:0,layoutKey:'',valueNow:0,size:0,isRow:false});var usePaneSplitterContext=function usePaneSplitterContext(){return React__default.useContext(PaneSplitterContext);};var _excluded$1$5=["providerId","layoutKey","min","max","orientation"];var orientationToPosition={start:SplitterPosition.LEADS,end:SplitterPosition.TRAILS,top:SplitterPosition.LEADS,bottom:SplitterPosition.TRAILS};var paneToSplitterOrientation={start:SplitterOrientation.VERTICAL,end:SplitterOrientation.VERTICAL,top:SplitterOrientation.HORIZONTAL,bottom:SplitterOrientation.HORIZONTAL};var orientationToDimension={start:'columns',end:'columns',top:'rows',bottom:'rows'};var SplitterComponent=React__default.forwardRef(function(_ref,ref){var _separatorProps$ref$c,_separatorProps$ref$c2;var providerId=_ref.providerId,layoutKey=_ref.layoutKey,min=_ref.min,max=_ref.max,orientation=_ref.orientation,props=_objectWithoutProperties$4(_ref,_excluded$1$5);var paneProviderContext=usePaneProviderContextData(providerId);var paneContext=usePaneContext();var themeContext=React__default.useContext(styled.ThemeContext);var _useState=React__default.useState(false),_useState2=_slicedToArray$4(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var position=orientationToPosition[orientation];var isRow=orientationToDimension[orientation]==='rows';var splitterOrientation=paneToSplitterOrientation[orientation];var pixelsPerFr=paneProviderContext?paneProviderContext.pixelsPerFr[orientationToDimension[orientation]]:0;var value=isRow?paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getRowValue(layoutKey,true):paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getColumnValue(layoutKey,true);var valueInFr=isRow?paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getRowValue(layoutKey):paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getColumnValue(layoutKey);var _useSplitter=useSplitter({type:SplitterType.VARIABLE,orientation:splitterOrientation,position:position,min:min*pixelsPerFr,max:max*pixelsPerFr,rtl:themeContext.rtl,environment:window,onChange:function onChange(valueNow){if(isRow){return paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.setRowValue(orientation==='top',layoutKey,valueNow/pixelsPerFr);}return paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.setColumnValue(orientation==='start',layoutKey,valueNow/pixelsPerFr);},valueNow:value}),getSeparatorProps=_useSplitter.getSeparatorProps,getPrimaryPaneProps=_useSplitter.getPrimaryPaneProps;React__default.useEffect(function(){if(!paneContext.id){paneContext.setId(getPrimaryPaneProps().id);}},[paneContext,getPrimaryPaneProps]);var separatorProps=getSeparatorProps({'aria-controls':paneContext.id});var size=isRow?(_separatorProps$ref$c=separatorProps.ref.current)===null||_separatorProps$ref$c===void 0?void 0:_separatorProps$ref$c.clientWidth:(_separatorProps$ref$c2=separatorProps.ref.current)===null||_separatorProps$ref$c2===void 0?void 0:_separatorProps$ref$c2.clientHeight;var onMouseOver=React__default.useMemo(function(){return composeEventHandlers$2(props.onMouseOver,function(event){return setIsHovered(event.target===separatorProps.ref.current);});},[props.onMouseOver,separatorProps.ref]);return React__default__default["default"].createElement(PaneSplitterContext.Provider,{value:React__default.useMemo(function(){return{orientation:orientation,layoutKey:layoutKey,min:min,max:max,valueNow:valueInFr,size:size,isRow:isRow};},[orientation,layoutKey,min,max,valueInFr,size,isRow])},React__default__default["default"].createElement(StyledPaneSplitter,_extends$z({isHovered:isHovered,orientation:orientation},separatorProps,props,{onMouseOver:onMouseOver,ref:mergeRefs([separatorProps.ref,ref])})));});SplitterComponent.displayName='Pane.Splitter';SplitterComponent.propTypes={layoutKey:propTypes.exports.string.isRequired,min:propTypes.exports.number.isRequired,max:propTypes.exports.number.isRequired,orientation:propTypes.exports.oneOf(ORIENTATION)};SplitterComponent.defaultProps={orientation:'end'};var Splitter=SplitterComponent;var ContentComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledPaneContent,_extends$z({ref:ref},props));});ContentComponent.displayName='Pane.Content';var Content$1=ContentComponent;var SplitterButtonComponent=React__default.forwardRef(function(props,ref){var label=props.label,defaultPlacement=props.placement;var _usePaneSplitterConte=usePaneSplitterContext(),orientation=_usePaneSplitterConte.orientation,layoutKey=_usePaneSplitterConte.layoutKey,min=_usePaneSplitterConte.min,max=_usePaneSplitterConte.max,isRow=_usePaneSplitterConte.isRow,valueNow=_usePaneSplitterConte.valueNow,size=_usePaneSplitterConte.size,providerId=_usePaneSplitterConte.providerId;var paneProviderContext=usePaneProviderContextData(providerId);var isTop=orientation==='top';var isStart=orientation==='start';var isMin=valueNow===min;var placement=defaultPlacement;if(!defaultPlacement){if(isRow){placement='center';}else{placement='start';}}var setValue=React__default.useCallback(function(value){if(isRow){paneProviderContext.setRowValue(isTop,layoutKey,value);}else{paneProviderContext.setColumnValue(isStart,layoutKey,value);}},[isRow,isTop,isStart,layoutKey,paneProviderContext]);var onClick=composeEventHandlers$2(props.onClick,function(){if(isMin){setValue(max);}else{setValue(min);}});var onKeyDown=composeEventHandlers$2(props.onKeyDown,function(event){return event.stopPropagation();});var onMouseDown=composeEventHandlers$2(props.onMouseDown,function(event){return event.stopPropagation();});return React__default__default["default"].createElement(Tooltip,{content:label,style:{cursor:'default'},onMouseDown:function onMouseDown(e){return e.stopPropagation();}},React__default__default["default"].createElement(StyledPaneSplitterButton,_extends$z({"aria-label":label},props,{placement:placement,orientation:orientation,isRotated:isMin,splitterSize:size||0,ref:ref,onClick:onClick,onKeyDown:onKeyDown,onMouseDown:onMouseDown})));});SplitterButtonComponent.displayName='Pane.SplitterButton';var SplitterButton=SplitterButtonComponent;var _excluded$n=["children"];var PaneComponent=React__default.forwardRef(function(_ref,ref){var children=_ref.children,props=_objectWithoutProperties$4(_ref,_excluded$n);var _useState=React__default.useState(),_useState2=_slicedToArray$4(_useState,2),paneId=_useState2[0],setPaneId=_useState2[1];var paneContext=React__default.useMemo(function(){return{id:paneId,setId:function setId(id){return setPaneId(id);}};},[paneId]);return React__default__default["default"].createElement(PaneContext.Provider,{value:paneContext},React__default__default["default"].createElement(StyledPane,_extends$z({id:paneId,ref:ref},props),children));});PaneComponent.displayName='Pane';var Pane=PaneComponent;Pane.Content=Content$1;Pane.Splitter=Splitter;Pane.SplitterButton=SplitterButton;var Grid=styled__default["default"](Grid$1)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n && {\n padding: 0;\n }\n"],["\n && {\n padding: 0;\n }\n"])));var Row$1=styled__default["default"](Row$2)(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Col=styled__default["default"](Col$1)(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n && {\n margin-top: ",";\n margin-bottom: ",";\n }\n"],["\n && {\n margin-top: ",";\n margin-bottom: ",";\n }\n"])),SPACINGS.XS,SPACINGS.XS);var templateObject_1$d,templateObject_2$8,templateObject_3$5;var ButtonLink=React__default.forwardRef(function(_a,ref){var LinkComponent=_a.LinkComponent,external=_a.external,flat=_a.flat,otherProps=__rest(_a,["LinkComponent","external","flat"]);return jsxRuntime.jsx(Button,__assign({ref:ref},otherProps,{flat:flat!=null?flat:!otherProps.inline,// @ts-ignore
|
|
11252
|
-
innerAs:LinkComponent},external?{target:"_blank"}:{}));});ButtonLink.defaultProps={primary:false,onClick:DO_NOTHING,LinkComponent:"a",external:false,iconPosition:"left"};exports.IconAppBar=function(_a){var _b=_a.actions,actions=_b===void 0?[]:_b,actionIconSize=_a.actionIconSize,activeAction=_a.activeAction,_c=_a.bordered,bordered=_c===void 0?false:_c;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var createActionButtons=function(actions){return actions.map(function(_a){var as=_a.as,a=__rest(_a,["as"]);var props={active:a.label===activeAction,as:as,_css:actionButtonStyles$1,compact:true,icon:a.icon,iconPosition:"left",iconSize:actionIconSize,key:a.label,primary:true,flat:false};return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props)):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props));});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FixedPlaceHolder,{height:"".concat(appBarHeight)}),jsxRuntime.jsx(BarWrapper,__assign({bordered:bordered},{children:jsxRuntime.jsx(Content,__assign({height:appBarHeight},{children:jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,justifyContent:"space-between"},{children:createActionButtons(actions)}))}))}))]});};exports.IconAppBar=styled__default["default"](exports.IconAppBar)(templateObject_1$
|
|
11251
|
+
*/function _extends$z(){_extends$z=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$z.apply(this,arguments);}function _objectWithoutPropertiesLoose$8(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$4(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$8(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$4(arr,i){return _arrayWithHoles$4(arr)||_iterableToArrayLimit$4(arr,i)||_unsupportedIterableToArray$4(arr,i)||_nonIterableRest$4();}function _arrayWithHoles$4(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$4(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$4(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$4(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$4(o,minLen);}function _arrayLikeToArray$4(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$4(){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 ALIGN_ITEMS=['start','end','center','baseline','stretch'];var ALIGN_SELF=['auto'].concat(ALIGN_ITEMS);var JUSTIFY_CONTENT=['start','end','center','between','around'];var TEXT_ALIGN=['start','end','center','justify'];var SPACE=[false,'xxs','xs','sm','md','lg','xl','xxl'];var WRAP=['nowrap','wrap','wrap-reverse'];var ORIENTATION=['top','bottom','start','end'];var COMPONENT_ID$6$3='grid.col';var colorStyles$4$1=function colorStyles(props){var backgroundColor=getColor('primaryHue',600,props.theme,0.1);return styled.css(["background-clip:content-box;background-color:",";"],backgroundColor);};var flexStyles$1=function flexStyles(size,alignSelf,textAlign,offset,order,props){var margin=offset&&"".concat(math("".concat(offset," / ").concat(props.columns," * 100")),"%");var flexBasis;var flexGrow;var maxWidth;var width;if(typeof size==='boolean'){flexBasis=0;flexGrow=1;maxWidth='100%';}else if(size==='auto'){flexBasis='auto';flexGrow=0;maxWidth='100%';width='auto';}else if(size!==undefined){flexBasis="".concat(math("".concat(size," / ").concat(props.columns," * 100")),"%");flexGrow=0;maxWidth=flexBasis;}var horizontalAlign;if(textAlign==='start'){horizontalAlign=props.theme.rtl?'right':'left';}else if(textAlign==='end'){horizontalAlign=props.theme.rtl?'left':'right';}else{horizontalAlign=textAlign;}var flexOrder;if(order==='first'){flexOrder=-1;}else if(order==='last'){flexOrder=math("".concat(props.columns," + 1"));}else{flexOrder=order;}return styled.css(["flex-basis:",";flex-grow:",";flex-shrink:",";align-self:",";order:",";margin-",":",";width:",";max-width:",";text-align:",";"],flexBasis,flexGrow,size&&0,alignSelf==='start'||alignSelf==='end'?"flex-".concat(alignSelf):alignSelf,flexOrder,props.theme.rtl?'right':'left',margin,width,maxWidth,horizontalAlign);};var mediaStyles$1=function mediaStyles(minWidth,size,alignSelf,textAlign,offset,order,props){return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles$1(size,alignSelf,textAlign,offset,order,props));};var sizeStyles$4$1=function sizeStyles(props){var padding=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};var StyledCol=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$6$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledCol",componentId:"sc-inuw62-0"})(["box-sizing:border-box;width:100%;",";",";",";",";",";",";",";",";",";"],function(props){return flexStyles$1(!props.sizeAll&&(props.xs||props.sm||props.md||props.lg||props.xl)?undefined:props.sizeAll||false,props.alignSelf,props.textAlign,props.offset,props.order,props);},function(props){return sizeStyles$4$1(props);},function(props){return props.debug&&colorStyles$4$1(props);},function(props){return mediaStyles$1(props.theme.breakpoints.xs,props.xs,props.alignSelfXs,props.textAlignXs,props.offsetXs,props.orderXs,props);},function(props){return mediaStyles$1(props.theme.breakpoints.sm,props.sm,props.alignSelfSm,props.textAlignSm,props.offsetSm,props.orderSm,props);},function(props){return mediaStyles$1(props.theme.breakpoints.md,props.md,props.alignSelfMd,props.textAlignMd,props.offsetMd,props.orderMd,props);},function(props){return mediaStyles$1(props.theme.breakpoints.lg,props.lg,props.alignSelfLg,props.textAlignLg,props.offsetLg,props.orderLg,props);},function(props){return mediaStyles$1(props.theme.breakpoints.xl,props.xl,props.alignSelfXl,props.textAlignXl,props.offsetXl,props.orderXl,props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6$3,props);});StyledCol.defaultProps={columns:12,theme:DEFAULT_THEME};var COMPONENT_ID$5$3='grid.grid';var colorStyles$3$1=function colorStyles(props){var borderColor=getColor(props.theme.palette.crimson,400,props.theme,0.5);var borderWidth=math("".concat(props.theme.borderWidths.sm," * 2"));return styled.css(["box-shadow:-"," 0 0 0 ",","," 0 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};var sizeStyles$3$1=function sizeStyles(props){var padding=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};var StyledGrid=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledGrid",componentId:"sc-oxgg5i-0"})(["direction:",";margin-right:auto;margin-left:auto;width:100%;box-sizing:border-box;",";",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return sizeStyles$3$1(props);},function(props){return props.debug&&colorStyles$3$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$5$3,props);});StyledGrid.defaultProps={gutters:'md',theme:DEFAULT_THEME};var COMPONENT_ID$4$3='grid.row';var colorStyles$2$1=function colorStyles(props){var borderColor=getColor(props.theme.palette.mint,600,props.theme,0.5);var borderWidth=props.theme.borderWidths.sm;return styled.css(["box-shadow:inset 0 "," 0 0 ",",inset 0 -"," 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};var flexStyles=function flexStyles(alignItems,justifyContent,wrap){var flexAlignItems;var flexJustifyContent;if(alignItems==='start'||alignItems==='end'){flexAlignItems="flex-".concat(alignItems);}else{flexAlignItems=alignItems;}if(justifyContent==='start'||justifyContent==='end'){flexJustifyContent="flex-".concat(justifyContent);}else if(justifyContent==='between'||justifyContent==='around'){flexJustifyContent="space-".concat(justifyContent);}else{flexJustifyContent=justifyContent;}return styled.css(["flex-wrap:",";align-items:",";justify-content:",";"],wrap,flexAlignItems,flexJustifyContent);};var mediaStyles=function mediaStyles(minWidth,alignItems,justifyContent,wrap){return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles(alignItems,justifyContent,wrap));};var sizeStyles$2$1=function sizeStyles(props){var margin=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["margin-right:-",";margin-left:-",";"],margin,margin);};var StyledRow$1=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledRow",componentId:"sc-xjsdg1-0"})(["display:flex;box-sizing:border-box;"," ",";",";",";",";",";",";",";",";"],function(props){return flexStyles(props.alignItems,props.justifyContent,props.wrapAll);},function(props){return sizeStyles$2$1(props);},function(props){return props.debug&&colorStyles$2$1(props);},function(props){return mediaStyles(props.theme.breakpoints.xs,props.alignItemsXs,props.justifyContentXs,props.wrapXs);},function(props){return mediaStyles(props.theme.breakpoints.sm,props.alignItemsSm,props.justifyContentSm,props.wrapSm);},function(props){return mediaStyles(props.theme.breakpoints.md,props.alignItemsMd,props.justifyContentMd,props.wrapMd);},function(props){return mediaStyles(props.theme.breakpoints.lg,props.alignItemsLg,props.justifyContentLg,props.wrapLg);},function(props){return mediaStyles(props.theme.breakpoints.xl,props.alignItemsXl,props.justifyContentXl,props.wrapXl);},function(props){return retrieveComponentStyles(COMPONENT_ID$4$3,props);});StyledRow$1.defaultProps={wrapAll:'wrap',theme:DEFAULT_THEME};var COMPONENT_ID$3$4='pane';var StyledPane=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$3$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPane",componentId:"sc-1ltjst7-0"})(["position:relative;min-width:0;min-height:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$3$4,props);});StyledPane.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$4='pane.content';var StyledPaneContent=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPaneContent",componentId:"sc-1b38mbh-0"})(["height:100%;overflow:auto;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2$4,props);});StyledPaneContent.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$4='pane.splitter';var colorStyles$1$2=function colorStyles(props){var color=getColor('neutralHue',300,props.theme);var hoverColor=getColor('primaryHue',600,props.theme);var activeColor=getColor('primaryHue',800,props.theme);var boxShadow=props.theme.shadows.md(rgba(hoverColor,0.35));return styled.css(["&::before{background-color:",";}&:hover::before{background-color:",";}&[data-garden-focus-visible]::before{box-shadow:",";background-color:",";}&:active::before{background-color:",";}"],color,props.isHovered&&hoverColor,boxShadow,hoverColor,props.isHovered&&activeColor);};var sizeStyles$1$3=function sizeStyles(props){var size=math("".concat(props.theme.shadowWidths.md," * 2"));var separatorSize=math("".concat(props.theme.borderWidths.sm," * 2"));var offset=math("-".concat(size," / 2"));var cursor;var top;var right;var left;var bottom;var width;var height;var separatorWidth;var separatorHeight;switch(props.orientation){case'top':cursor='row-resize';top=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'end':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){left=offset;}else{right=offset;}break;case'bottom':cursor='row-resize';bottom=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'start':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){right=offset;}else{left=offset;}break;}var dimensionProperty=width==='100%'?'height':'width';return styled.css(["top:",";right:",";bottom:",";left:",";cursor:",";width:",";height:",";&::before{width:",";height:",";}&:hover::before{",":",";}&[data-garden-focus-visible]::before,&:focus::before{",":",";}&[data-garden-focus-visible]::before{border-radius:",";}"],top,right,bottom,left,cursor,width,height,separatorWidth,separatorHeight,dimensionProperty,props.isHovered&&separatorSize,dimensionProperty,separatorSize,props.theme.borderRadii.md);};var StyledPaneSplitter=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPaneSplitter",componentId:"sc-jylemn-0"})(["display:flex;position:absolute;align-items:center;justify-content:center;z-index:1;user-select:none;",";&:focus{outline:none;}&::before{position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:-1;content:'';}",";",";"],sizeStyles$1$3,colorStyles$1$2,function(props){return retrieveComponentStyles(COMPONENT_ID$1$4,props);});StyledPaneSplitter.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$N='pane.splitter_button';var transformStyles=function transformStyles(props){var degrees=0;if(props.isRotated){degrees=props.theme.rtl?-180:180;}if(props.orientation==='end'){degrees+=props.theme.rtl?-90:90;}else if(props.orientation==='start'){degrees+=props.theme.rtl?90:-90;}else if(props.orientation==='bottom'){degrees+=180;}return styled.css(["& > svg{transform:rotate(","deg);}"],degrees);};var colorStyles$e=function colorStyles(_ref){var theme=_ref.theme;var boxShadow=theme.shadows.lg("".concat(theme.space.base,"px"),"".concat(theme.space.base*2,"px"),getColor('chromeHue',600,theme,0.15));var focusBoxShadow=theme.shadows.md(getColor('primaryHue',600,theme,0.35));return styled.css(["box-shadow:",";&[data-garden-focus-visible]{box-shadow:",",",";}"],boxShadow,focusBoxShadow,boxShadow);};var sizeStyles$i=function sizeStyles(props){var size="".concat(props.theme.space.base*6,"px");var display=props.splitterSize<=stripUnit(math("".concat(props.theme.shadowWidths.md," * 2 + ").concat(size)))&&'none';var isVertical=props.orientation==='start'||props.orientation==='end';var top;var left;var right;var bottom;if(props.splitterSize>=stripUnit(math("".concat(size," * 3")))){if(props.placement==='start'){if(isVertical){top=size;}else if(props.theme.rtl){right=size;}else{left=size;}}else if(props.placement==='end'){if(isVertical){bottom=size;}else if(props.theme.rtl){left=size;}else{right=size;}}}return styled.css(["display:",";top:",";right:",";bottom:",";left:",";width:",";min-width:",";height:",";"],display,top,right,bottom,left,size,size,size);};var StyledPaneSplitterButton=styled__default["default"](ChevronButton).attrs({'data-garden-id':COMPONENT_ID$N,'data-garden-version':'8.53.2',isBasic:true,isPill:true,size:'small'}).withConfig({displayName:"StyledPaneSplitterButton",componentId:"sc-zh032e-0"})(["position:absolute;transition:background-color 0.25s ease-in-out,opacity 0.25s ease-in-out 0.1s;opacity:0;&[data-garden-focus-visible],",":hover &,","[data-garden-focus-visible] &{opacity:1;}",";",";",";&::before{position:absolute;z-index:-1;background-color:",";width:100%;height:100%;content:'';}",";"],StyledPaneSplitter,StyledPaneSplitter,sizeStyles$i,transformStyles,colorStyles$e,function(props){return props.theme.colors.background;},function(props){return retrieveComponentStyles(COMPONENT_ID$N,props);});StyledPaneSplitterButton.defaultProps={theme:DEFAULT_THEME};var GridContext=React__default.createContext({gutters:'md'});var useGridContext=function useGridContext(){return React__default.useContext(GridContext);};var _excluded$4$3=["size"];var Col$1=React__default__default["default"].forwardRef(function(_ref,ref){var size=_ref.size,props=_objectWithoutProperties$4(_ref,_excluded$4$3);var _useGridContext=useGridContext(),columns=_useGridContext.columns,gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledCol,_extends$z({sizeAll:size,columns:columns,gutters:gutters,debug:debug,ref:ref},props));});Col$1.displayName='Col';Col$1.propTypes={size:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),xs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),sm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),md:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),lg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),xl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),alignSelf:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXs:propTypes.exports.oneOf(ALIGN_SELF),alignSelfSm:propTypes.exports.oneOf(ALIGN_SELF),alignSelfMd:propTypes.exports.oneOf(ALIGN_SELF),alignSelfLg:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXl:propTypes.exports.oneOf(ALIGN_SELF),textAlign:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXs:propTypes.exports.oneOf(TEXT_ALIGN),textAlignSm:propTypes.exports.oneOf(TEXT_ALIGN),textAlignMd:propTypes.exports.oneOf(TEXT_ALIGN),textAlignLg:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXl:propTypes.exports.oneOf(TEXT_ALIGN),offset:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),order:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string])};var _excluded$3$2=["columns","debug"];var Grid$1=React__default__default["default"].forwardRef(function(_ref,ref){var columns=_ref.columns,debug=_ref.debug,props=_objectWithoutProperties$4(_ref,_excluded$3$2);var value=React__default.useMemo(function(){return{columns:columns,gutters:props.gutters,debug:debug};},[columns,props.gutters,debug]);return React__default__default["default"].createElement(GridContext.Provider,{value:value},React__default__default["default"].createElement(StyledGrid,_extends$z({debug:debug,ref:ref},props)));});Grid$1.displayName='Grid';Grid$1.propTypes={columns:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),gutters:propTypes.exports.oneOf(SPACE),debug:propTypes.exports.bool};Grid$1.defaultProps={columns:12,gutters:'md'};var _excluded$2$4=["wrap"];var Row$2=React__default__default["default"].forwardRef(function(_ref,ref){var wrap=_ref.wrap,props=_objectWithoutProperties$4(_ref,_excluded$2$4);var _useGridContext=useGridContext(),gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledRow$1,_extends$z({gutters:gutters,debug:debug,wrapAll:wrap,ref:ref},props));});Row$2.displayName='Row';Row$2.propTypes={alignItems:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXs:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsSm:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsMd:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsLg:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXl:propTypes.exports.oneOf(ALIGN_ITEMS),justifyContent:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXs:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentSm:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentMd:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentLg:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXl:propTypes.exports.oneOf(JUSTIFY_CONTENT),wrap:propTypes.exports.oneOf(WRAP),wrapXs:propTypes.exports.oneOf(WRAP),wrapSm:propTypes.exports.oneOf(WRAP),wrapMd:propTypes.exports.oneOf(WRAP),wrapLg:propTypes.exports.oneOf(WRAP),wrapXl:propTypes.exports.oneOf(WRAP)};var PaneProviderContext=React__default.createContext({});var usePaneProviderContextData=function usePaneProviderContextData(providerId){var context=React__default.useContext(PaneProviderContext);var id=providerId||context.providerId;return id&&context.contextData?context.contextData[id]:undefined;};({id:propTypes.exports.string,totalPanesWidth:propTypes.exports.number.isRequired,totalPanesHeight:propTypes.exports.number.isRequired,defaultRowValues:propTypes.exports.object,defaultColumnValues:propTypes.exports.object,rowValues:propTypes.exports.object,columnValues:propTypes.exports.object,onChange:propTypes.exports.func,children:propTypes.exports.func});var PaneContext=React__default.createContext({setId:function setId(){return undefined;}});var usePaneContext=function usePaneContext(){return React__default.useContext(PaneContext);};var PaneSplitterContext=React__default.createContext({orientation:'start',min:0,max:0,layoutKey:'',valueNow:0,size:0,isRow:false});var usePaneSplitterContext=function usePaneSplitterContext(){return React__default.useContext(PaneSplitterContext);};var _excluded$1$5=["providerId","layoutKey","min","max","orientation"];var orientationToPosition={start:SplitterPosition.LEADS,end:SplitterPosition.TRAILS,top:SplitterPosition.LEADS,bottom:SplitterPosition.TRAILS};var paneToSplitterOrientation={start:SplitterOrientation.VERTICAL,end:SplitterOrientation.VERTICAL,top:SplitterOrientation.HORIZONTAL,bottom:SplitterOrientation.HORIZONTAL};var orientationToDimension={start:'columns',end:'columns',top:'rows',bottom:'rows'};var SplitterComponent=React__default.forwardRef(function(_ref,ref){var _separatorProps$ref$c,_separatorProps$ref$c2;var providerId=_ref.providerId,layoutKey=_ref.layoutKey,min=_ref.min,max=_ref.max,orientation=_ref.orientation,props=_objectWithoutProperties$4(_ref,_excluded$1$5);var paneProviderContext=usePaneProviderContextData(providerId);var paneContext=usePaneContext();var themeContext=React__default.useContext(styled.ThemeContext);var _useState=React__default.useState(false),_useState2=_slicedToArray$4(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var position=orientationToPosition[orientation];var isRow=orientationToDimension[orientation]==='rows';var splitterOrientation=paneToSplitterOrientation[orientation];var pixelsPerFr=paneProviderContext?paneProviderContext.pixelsPerFr[orientationToDimension[orientation]]:0;var value=isRow?paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getRowValue(layoutKey,true):paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getColumnValue(layoutKey,true);var valueInFr=isRow?paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getRowValue(layoutKey):paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getColumnValue(layoutKey);var _useSplitter=useSplitter({type:SplitterType.VARIABLE,orientation:splitterOrientation,position:position,min:min*pixelsPerFr,max:max*pixelsPerFr,rtl:themeContext.rtl,environment:window,onChange:function onChange(valueNow){if(isRow){return paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.setRowValue(orientation==='top',layoutKey,valueNow/pixelsPerFr);}return paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.setColumnValue(orientation==='start',layoutKey,valueNow/pixelsPerFr);},valueNow:value}),getSeparatorProps=_useSplitter.getSeparatorProps,getPrimaryPaneProps=_useSplitter.getPrimaryPaneProps;React__default.useEffect(function(){if(!paneContext.id){paneContext.setId(getPrimaryPaneProps().id);}},[paneContext,getPrimaryPaneProps]);var separatorProps=getSeparatorProps({'aria-controls':paneContext.id});var size=isRow?(_separatorProps$ref$c=separatorProps.ref.current)===null||_separatorProps$ref$c===void 0?void 0:_separatorProps$ref$c.clientWidth:(_separatorProps$ref$c2=separatorProps.ref.current)===null||_separatorProps$ref$c2===void 0?void 0:_separatorProps$ref$c2.clientHeight;var onMouseOver=React__default.useMemo(function(){return composeEventHandlers$2(props.onMouseOver,function(event){return setIsHovered(event.target===separatorProps.ref.current);});},[props.onMouseOver,separatorProps.ref]);return React__default__default["default"].createElement(PaneSplitterContext.Provider,{value:React__default.useMemo(function(){return{orientation:orientation,layoutKey:layoutKey,min:min,max:max,valueNow:valueInFr,size:size,isRow:isRow};},[orientation,layoutKey,min,max,valueInFr,size,isRow])},React__default__default["default"].createElement(StyledPaneSplitter,_extends$z({isHovered:isHovered,orientation:orientation},separatorProps,props,{onMouseOver:onMouseOver,ref:mergeRefs([separatorProps.ref,ref])})));});SplitterComponent.displayName='Pane.Splitter';SplitterComponent.propTypes={layoutKey:propTypes.exports.string.isRequired,min:propTypes.exports.number.isRequired,max:propTypes.exports.number.isRequired,orientation:propTypes.exports.oneOf(ORIENTATION)};SplitterComponent.defaultProps={orientation:'end'};var Splitter=SplitterComponent;var ContentComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledPaneContent,_extends$z({ref:ref},props));});ContentComponent.displayName='Pane.Content';var Content$1=ContentComponent;var SplitterButtonComponent=React__default.forwardRef(function(props,ref){var label=props.label,defaultPlacement=props.placement;var _usePaneSplitterConte=usePaneSplitterContext(),orientation=_usePaneSplitterConte.orientation,layoutKey=_usePaneSplitterConte.layoutKey,min=_usePaneSplitterConte.min,max=_usePaneSplitterConte.max,isRow=_usePaneSplitterConte.isRow,valueNow=_usePaneSplitterConte.valueNow,size=_usePaneSplitterConte.size,providerId=_usePaneSplitterConte.providerId;var paneProviderContext=usePaneProviderContextData(providerId);var isTop=orientation==='top';var isStart=orientation==='start';var isMin=valueNow===min;var placement=defaultPlacement;if(!defaultPlacement){if(isRow){placement='center';}else{placement='start';}}var setValue=React__default.useCallback(function(value){if(isRow){paneProviderContext.setRowValue(isTop,layoutKey,value);}else{paneProviderContext.setColumnValue(isStart,layoutKey,value);}},[isRow,isTop,isStart,layoutKey,paneProviderContext]);var onClick=composeEventHandlers$2(props.onClick,function(){if(isMin){setValue(max);}else{setValue(min);}});var onKeyDown=composeEventHandlers$2(props.onKeyDown,function(event){return event.stopPropagation();});var onMouseDown=composeEventHandlers$2(props.onMouseDown,function(event){return event.stopPropagation();});return React__default__default["default"].createElement(Tooltip,{content:label,style:{cursor:'default'},onMouseDown:function onMouseDown(e){return e.stopPropagation();}},React__default__default["default"].createElement(StyledPaneSplitterButton,_extends$z({"aria-label":label},props,{placement:placement,orientation:orientation,isRotated:isMin,splitterSize:size||0,ref:ref,onClick:onClick,onKeyDown:onKeyDown,onMouseDown:onMouseDown})));});SplitterButtonComponent.displayName='Pane.SplitterButton';var SplitterButton=SplitterButtonComponent;var _excluded$n=["children"];var PaneComponent=React__default.forwardRef(function(_ref,ref){var children=_ref.children,props=_objectWithoutProperties$4(_ref,_excluded$n);var _useState=React__default.useState(),_useState2=_slicedToArray$4(_useState,2),paneId=_useState2[0],setPaneId=_useState2[1];var paneContext=React__default.useMemo(function(){return{id:paneId,setId:function setId(id){return setPaneId(id);}};},[paneId]);return React__default__default["default"].createElement(PaneContext.Provider,{value:paneContext},React__default__default["default"].createElement(StyledPane,_extends$z({id:paneId,ref:ref},props),children));});PaneComponent.displayName='Pane';var Pane=PaneComponent;Pane.Content=Content$1;Pane.Splitter=Splitter;Pane.SplitterButton=SplitterButton;var Grid=styled__default["default"](Grid$1)(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n && {\n padding: 0;\n }\n"],["\n && {\n padding: 0;\n }\n"])));var Row$1=styled__default["default"](Row$2)(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Col=styled__default["default"](Col$1)(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n && {\n margin-top: ",";\n margin-bottom: ",";\n }\n"],["\n && {\n margin-top: ",";\n margin-bottom: ",";\n }\n"])),SPACINGS.XS,SPACINGS.XS);var templateObject_1$e,templateObject_2$9,templateObject_3$6;var ButtonLink=React__default.forwardRef(function(_a,ref){var LinkComponent=_a.LinkComponent,external=_a.external,flat=_a.flat,otherProps=__rest(_a,["LinkComponent","external","flat"]);return jsxRuntime.jsx(Button,__assign({ref:ref},otherProps,{flat:flat!=null?flat:!otherProps.inline,// @ts-ignore
|
|
11252
|
+
innerAs:LinkComponent},external?{target:"_blank"}:{}));});ButtonLink.defaultProps={primary:false,onClick:DO_NOTHING,LinkComponent:"a",external:false,iconPosition:"left"};exports.IconAppBar=function(_a){var _b=_a.actions,actions=_b===void 0?[]:_b,actionIconSize=_a.actionIconSize,activeAction=_a.activeAction,_c=_a.bordered,bordered=_c===void 0?false:_c;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var createActionButtons=function(actions){return actions.map(function(_a){var as=_a.as,a=__rest(_a,["as"]);var props={active:a.label===activeAction,as:as,_css:actionButtonStyles$1,compact:true,icon:a.icon,iconPosition:"left",iconSize:actionIconSize,key:a.label,primary:true,flat:false};return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props)):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props));});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FixedPlaceHolder,{height:"".concat(appBarHeight)}),jsxRuntime.jsx(BarWrapper,__assign({bordered:bordered},{children:jsxRuntime.jsx(Content,__assign({height:appBarHeight},{children:jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,justifyContent:"space-between"},{children:createActionButtons(actions)}))}))}))]});};exports.IconAppBar=styled__default["default"](exports.IconAppBar)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject([""],[""])));var actionButtonStyles$1=styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n \n @media (hover: hover) {\n :hover {\n color: ",";\n }\n }\n }\n"],["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n \n @media (hover: hover) {\n :hover {\n color: ",";\n }\n }\n }\n"])),function(_a){var theme=_a.theme;return"calc(".concat(theme.styles.sidebar.actionButton.borderRadius," + 10px)");},function(_a){var active=_a.active,theme=_a.theme;return!active?"background: transparent; color: ".concat(fade(theme.styles.textColorPrimary,.2),";"):"";},function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var barBorder=styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var BarWrapper=styled__default["default"].header(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var theme=_a.theme;return theme.styles.appBar.screenPosition==="top"?"top: 0;":"bottom: 0;";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;},function(_a){var bordered=_a.bordered;return bordered?barBorder:"";});var Content=styled__default["default"](FlexBox).attrs({alignItems:"center",as:"nav"})(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n height: ",";\n padding: 0 ",";\n"],["\n height: ",";\n padding: 0 ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";},SPACINGS.LG);var FixedPlaceHolder=styled__default["default"].div(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n height: ",";\n flex-shrink: 0;\n"],["\n height: ",";\n flex-shrink: 0;\n"])),function(_a){var height=_a.height;return height;});var templateObject_1$d,templateObject_2$8,templateObject_3$5,templateObject_4$4,templateObject_5$1,templateObject_6$1;var Line=styled__default["default"].hr(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n background: ",";\n height: 2px;\n border: none;\n margin: unset;\n"],["\n background: ",";\n height: 2px;\n border: none;\n margin: unset;\n"])),function(_a){var color=_a.color;return color?color:COLORS.LIGHT_GREY;});var templateObject_1$c;var OpacityTransition=styled__default["default"].div(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n opacity: ",";\n transition: opacity .25s ease-in-out;\n"],["\n opacity: ",";\n transition: opacity .25s ease-in-out;\n"])),function(_a){var _b=_a.opacity,opacity=_b===void 0?1:_b;return opacity;});var templateObject_1$b;/**
|
|
11253
11253
|
* Copyright Zendesk, Inc.
|
|
11254
11254
|
*
|
|
11255
11255
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -11764,7 +11764,7 @@ timerId=setTimeout(timerExpired,wait);return invokeFunc(lastCallTime);}}if(timer
|
|
|
11764
11764
|
*
|
|
11765
11765
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11766
11766
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11767
|
-
*/function ownKeys$1(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$1(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys$1(Object(source),!0).forEach(function(key){_defineProperty$1(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$1(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty$1(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$5(){_extends$5=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$5.apply(this,arguments);}function _objectWithoutPropertiesLoose$2(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$2(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$1(arr,i){return _arrayWithHoles$1(arr)||_iterableToArrayLimit$1(arr,i)||_unsupportedIterableToArray$1(arr,i)||_nonIterableRest$1();}function _arrayWithHoles$1(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$1(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$1(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$1(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$1(o,minLen);}function _arrayLikeToArray$1(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$1(){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 DropdownContext=React__default__default["default"].createContext(undefined);var useDropdownContext=function useDropdownContext(){var dropdownContext=React__default.useContext(DropdownContext);if(!dropdownContext){throw new Error('This component must be rendered within a `Dropdown` component.');}return dropdownContext;};var _excluded$c=["onKeyDown"],_excluded2$6=["getInputProps","getToggleButtonProps"];var REMOVE_ITEM_STATE_TYPE='REMOVE_ITEM';var Dropdown$1=function Dropdown(props){var children=props.children,isOpen=props.isOpen,selectedItem=props.selectedItem,selectedItems=props.selectedItems,highlightedIndex=props.highlightedIndex,inputValue=props.inputValue,onSelect=props.onSelect,_onStateChange=props.onStateChange,_onInputValueChange=props.onInputValueChange,downshiftProps=props.downshiftProps;var itemIndexRef=React__default.useRef(0);var previousItemRef=React__default.useRef(undefined);var previousIndexRef=React__default.useRef(undefined);var nextItemsHashRef=React__default.useRef({});var containsMultiselectRef=React__default.useRef(false);var itemSearchRegistry=React__default.useRef([]);var _useState=React__default.useState(''),_useState2=_slicedToArray$1(_useState,2),dropdownType=_useState2[0],setDropdownType=_useState2[1];var themeContext=React__default.useContext(styled.ThemeContext);var hasMenuRef=React__default.useRef(false);var popperReferenceElementRef=React__default.useRef(null);var customGetInputProps=function customGetInputProps(_ref,downshift,rtl){var onKeyDown=_ref.onKeyDown,other=_objectWithoutProperties$1(_ref,_excluded$c);return _objectSpread2$1({onKeyDown:composeEventHandlers(onKeyDown,function(e){var PREVIOUS_KEY=rtl?KEY_CODES.RIGHT:KEY_CODES.LEFT;var NEXT_KEY=rtl?KEY_CODES.LEFT:KEY_CODES.RIGHT;if(downshift.isOpen){if(e.keyCode===PREVIOUS_KEY&&previousIndexRef.current!==null&&previousIndexRef.current!==undefined&&!downshift.inputValue){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(previousIndexRef.current);}if(e.keyCode===NEXT_KEY){var nextItemIndexes=Object.values(nextItemsHashRef.current);if(nextItemIndexes.includes(downshift.highlightedIndex)){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(downshift.highlightedIndex);}}}else if((e.keyCode===KEY_CODES.ENTER||e.keyCode===KEY_CODES.SPACE)&&!downshift.isOpen&&dropdownType!=='combobox'){e.preventDefault();e.stopPropagation();downshift.openMenu();}})},other);};var transformDownshift=function transformDownshift(_ref2){var _getInputProps=_ref2.getInputProps,_getToggleButtonProps=_ref2.getToggleButtonProps,downshift=_objectWithoutProperties$1(_ref2,_excluded2$6);return _objectSpread2$1({getInputProps:function getInputProps(p){return _getInputProps(customGetInputProps(p,downshift,themeContext.rtl));},getToggleButtonProps:function getToggleButtonProps(p){return _getToggleButtonProps(_objectSpread2$1({'aria-label':undefined},p));}},downshift);};return React__default__default["default"].createElement(Manager,null,React__default__default["default"].createElement(Downshift$1,_extends$5({suppressRefError:true,isOpen:isOpen,highlightedIndex:highlightedIndex,selectedItem:selectedItem||null,inputValue:inputValue,onInputValueChange:function onInputValueChange(inputVal,stateAndHelpers){if(_onInputValueChange){if(stateAndHelpers.isOpen){_onInputValueChange(inputVal,stateAndHelpers);}else if(dropdownType==='multiselect'){_onInputValueChange('',stateAndHelpers);}}},onStateChange:function onStateChange(changes,stateAndHelpers){if(dropdownType==='autocomplete'&&changes.isOpen===false&&!changes.selectedItem){onSelect&&onSelect(selectedItem,stateAndHelpers);}if(Object.prototype.hasOwnProperty.call(changes,'selectedItem')&&changes.selectedItem!==null){if(selectedItems){var itemToString=stateAndHelpers.itemToString;var existingItemIndex=selectedItems.findIndex(function(item){return itemToString(item)===itemToString(changes.selectedItem);});var updatedSelectedItems=Array.from(selectedItems);if(existingItemIndex===-1){updatedSelectedItems.splice(updatedSelectedItems.length,0,changes.selectedItem);}else{updatedSelectedItems.splice(existingItemIndex,1);}changes.selectedItems=updatedSelectedItems;delete changes.selectedItem;onSelect&&onSelect(updatedSelectedItems,stateAndHelpers);}else{onSelect&&onSelect(changes.selectedItem,stateAndHelpers);}if(dropdownType==='multiselect'){stateAndHelpers.setState({inputValue:''});}}_onStateChange&&_onStateChange(changes,stateAndHelpers);},stateReducer:function stateReducer(_state,changes){switch(changes.type){case Downshift$1.stateChangeTypes.changeInput:if(changes.inputValue===''&&dropdownType==='combobox'){return _objectSpread2$1(_objectSpread2$1({},changes),{},{isOpen:false});}return changes;default:return changes;}}},downshiftProps),function(downshift){return React__default__default["default"].createElement(DropdownContext.Provider,{value:{hasMenuRef:hasMenuRef,itemIndexRef:itemIndexRef,previousItemRef:previousItemRef,previousIndexRef:previousIndexRef,nextItemsHashRef:nextItemsHashRef,popperReferenceElementRef:popperReferenceElementRef,selectedItems:selectedItems,downshift:transformDownshift(downshift),containsMultiselectRef:containsMultiselectRef,itemSearchRegistry:itemSearchRegistry,setDropdownType:setDropdownType}},children);}));};Dropdown$1.propTypes={isOpen:propTypes.exports.bool,selectedItem:propTypes.exports.any,selectedItems:propTypes.exports.arrayOf(propTypes.exports.any),highlightedIndex:propTypes.exports.number,inputValue:propTypes.exports.string,onSelect:propTypes.exports.func,onStateChange:propTypes.exports.func,downshiftProps:propTypes.exports.object};function getPopperPlacement(gardenPlacement){switch(gardenPlacement){case'end':return'right';case'end-top':return'right-start';case'end-bottom':return'right-end';case'start':return'left';case'start-top':return'left-start';case'start-bottom':return'left-end';default:return gardenPlacement;}}function getRtlPopperPlacement(gardenPlacement){var popperPlacement=getPopperPlacement(gardenPlacement);switch(popperPlacement){case'left':return'right';case'left-start':return'right-start';case'left-end':return'right-end';case'top-start':return'top-end';case'top-end':return'top-start';case'right':return'left';case'right-start':return'left-start';case'right-end':return'left-end';case'bottom-start':return'bottom-end';case'bottom-end':return'bottom-start';default:return popperPlacement;}}function getArrowPosition(popperPlacement){var arrowPositionMappings={auto:'top',top:'bottom','top-start':'bottom-left','top-end':'bottom-right',right:'left','right-start':'left-top','right-end':'left-bottom',bottom:'top','bottom-start':'top-left','bottom-end':'top-right',left:'right','left-start':'right-top','left-end':'right-bottom'};return popperPlacement?arrowPositionMappings[popperPlacement]:'top';}function getMenuPosition(popperPlacement){if(popperPlacement==='auto'){return'bottom';}return popperPlacement?popperPlacement.split('-')[0]:'bottom';}var COMPONENT_ID$m='dropdowns.menu';var StyledMenu$1=styled__default["default"].ul.attrs(function(props){return{'data-garden-id':COMPONENT_ID$m,'data-garden-version':'8.53.2',className:props.isAnimated&&'is-animated'};}).withConfig({displayName:"StyledMenu",componentId:"sc-1vpttfd-0"})(["position:static !important;max-height:",";overflow-y:auto;",";",";"],function(props){return props.maxHeight;},function(props){return props.hasArrow&&arrowStyles(getArrowPosition(props.placement),{size:"".concat(props.theme.space.base*2,"px"),inset:'2px',animationModifier:props.isAnimated?'.is-animated':undefined});},function(props){return retrieveComponentStyles(COMPONENT_ID$m,props);});StyledMenu$1.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$l='dropdowns.menu_wrapper';var StyledMenuWrapper=styled__default["default"].div.attrs(function(props){return{'data-garden-id':COMPONENT_ID$l,'data-garden-version':'8.53.2',className:props.isAnimated&&'is-animated'};}).withConfig({displayName:"StyledMenuWrapper",componentId:"sc-tiwdxz-0"})(["",";",";"],function(props){return menuStyles(getMenuPosition(props.placement),{theme:props.theme,hidden:props.isHidden,margin:"".concat(props.theme.space.base*(props.hasArrow?2:1),"px"),zIndex:props.zIndex,animationModifier:props.isAnimated?'.is-animated':undefined});},function(props){return retrieveComponentStyles(COMPONENT_ID$l,props);});StyledMenuWrapper.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$k='dropdowns.separator';var StyledSeparator=styled__default["default"].li.attrs({'data-garden-id':COMPONENT_ID$k,'data-garden-version':'8.53.2',role:'separator'}).withConfig({displayName:"StyledSeparator",componentId:"sc-1mrnp18-0"})(["display:block;margin:","px 0;border-bottom:",";",";"],function(props){return props.theme.space.base;},function(props){return"".concat(props.theme.borders.sm," ").concat(getColor('neutralHue',200,props.theme));},function(props){return retrieveComponentStyles(COMPONENT_ID$k,props);});StyledSeparator.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$j='dropdowns.item';var getItemPaddingVertical=function getItemPaddingVertical(props){if(props.isCompact){return"".concat(props.theme.space.base,"px");}return"".concat(props.theme.space.base*2,"px");};var getColorStyles=function getColorStyles(props){var foregroundColor;var backgroundColor;if(props.disabled){foregroundColor=getColor('neutralHue',400,props.theme);}else if(props.isDanger){foregroundColor=getColor('dangerHue',600,props.theme);backgroundColor=props.isFocused?rgba(foregroundColor,0.08):'inherit';}else{foregroundColor=props.theme.colors.foreground;backgroundColor=props.isFocused?getColor('primaryHue',600,props.theme,0.08):'inherit';}return styled.css(["background-color:",";color:",";& a,& a:hover,& a:focus,& a:active{color:inherit;}"],backgroundColor,foregroundColor);};var StyledItem=styled__default["default"].li.attrs(function(props){return{'data-garden-id':COMPONENT_ID$j,'data-garden-version':'8.53.2','aria-disabled':props.disabled};}).withConfig({displayName:"StyledItem",componentId:"sc-1xeog7q-0"})(["display:block;position:relative;z-index:0;cursor:",";padding:"," ","px;text-decoration:none;line-height:","px;word-wrap:break-word;user-select:none;&:first-child{margin-top:","px;}&:last-child{margin-bottom:","px;}&:focus{outline:none;}& a,& a:hover,& a:focus,& a:active{text-decoration:none;}",";",";"],function(props){return props.disabled?'default':'pointer';},function(props){return getItemPaddingVertical(props);},function(props){return props.theme.space.base*9;},function(props){return props.theme.space.base*5;},function(props){return props.theme.space.base;},function(props){return props.theme.space.base;},function(props){return getColorStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$j,props);});StyledItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$i='dropdowns.add_item';var StyledAddItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$i,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledAddItem",componentId:"sc-ekqk50-0"})(["color:",";",";"],function(props){return!props.disabled&&getColor('primaryHue',600,props.theme);},function(props){return retrieveComponentStyles(COMPONENT_ID$i,props);});StyledAddItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$h='dropdowns.item_meta';var StyledItemMeta=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$h,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledItemMeta",componentId:"sc-k6xy28-0"})(["display:block;line-height:","px;color:",";font-size:",";",";"],function(props){return props.theme.space.base*(props.isCompact?3:4);},function(props){return getColor('neutralHue',props.isDisabled?400:600,props.theme);},function(props){return props.theme.fontSizes.sm;},function(props){return retrieveComponentStyles(COMPONENT_ID$h,props);});StyledItemMeta.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$g='dropdowns.item_icon';var getSizeStyles=function getSizeStyles(props){return styled.css(["width:",";height:calc(","px + ",");"],props.theme.iconSizes.md,props.theme.space.base*5,math("".concat(getItemPaddingVertical(props)," * 2")));};var StyledItemIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$g,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledItemIcon",componentId:"sc-1v0ty11-0"})(["display:flex;position:absolute;top:0;",":","px;align-items:center;justify-content:center;transition:opacity 0.1s ease-in-out;opacity:",";color:",";",";& > *{width:",";height:",";}"],function(props){return props.theme.rtl?'right':'left';},function(props){return props.theme.space.base*3;},function(props){return props.isVisible?'1':'0';},function(props){return props.isDisabled?'inherit':getColor('primaryHue',600,props.theme);},function(props){return getSizeStyles(props);},function(props){return props.theme.iconSizes.md;},function(props){return props.theme.iconSizes.md;});StyledItemIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$f='dropdowns.next_item';var StyledNextItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$f,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledNextItem",componentId:"sc-1bcygn5-0"})(["","{right:",";left:",";}",";"],StyledItemIcon,function(props){return props.theme.rtl?'auto':"".concat(props.theme.space.base*3,"px");},function(props){return props.theme.rtl?"".concat(props.theme.space.base*3,"px"):'auto';},function(props){return retrieveComponentStyles(COMPONENT_ID$f,props);});StyledNextItem.defaultProps={theme:DEFAULT_THEME};var _path$4;function _extends$4(){_extends$4=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$4.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4||(_path$4=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"})));};var COMPONENT_ID$e='dropdowns.next_item_icon';var NextIconComponent=function NextIconComponent(_ref){var className=_ref.className;return React__default__default["default"].createElement(SvgChevronRightStroke,{"data-garden-id":COMPONENT_ID$e,"data-garden-version":'8.53.2',className:className});};var StyledNextIcon=styled__default["default"](NextIconComponent).withConfig({displayName:"StyledNextIcon",componentId:"sc-1rinki2-0"})(["transform:",";color:",";",";"],function(props){return props.theme.rtl&&'rotate(180deg)';},function(props){return props.isDisabled?'inherit':getColor('neutralHue',600,props.theme);},function(props){return retrieveComponentStyles(COMPONENT_ID$e,props);});StyledNextIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$d='dropdowns.previous_item';var StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPreviousItem",componentId:"sc-1nmdds9-0"})(["font-weight:",";",";"],function(props){return props.theme.fontWeights.semibold;},function(props){return retrieveComponentStyles(COMPONENT_ID$d,props);});StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;function _extends$3(){_extends$3=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$3.apply(this,arguments);}var SvgChevronLeftStroke=function SvgChevronLeftStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$3||(_path$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"})));};var COMPONENT_ID$c='dropdowns.previous_item_icon';var PreviousIconComponent=function PreviousIconComponent(_ref){var className=_ref.className;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c,"data-garden-version":'8.53.2',className:className});};var StyledPreviousIcon=styled__default["default"](PreviousIconComponent).withConfig({displayName:"StyledPreviousIcon",componentId:"sc-czfwj7-0"})(["transform:",";color:",";",";"],function(props){return props.theme.rtl&&'rotate(180deg)';},function(props){return props.isDisabled?'inherit':getColor('neutralHue',600,props.theme);},function(props){return retrieveComponentStyles(COMPONENT_ID$c,props);});StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$b='dropdowns.header_icon';var StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledHeaderIcon",componentId:"sc-1fl6nsz-0"})(["display:flex;position:absolute;top:0;bottom:0;align-items:center;justify-content:center;",":","px;color:",";& > *{width:",";height:",";}",";"],function(props){return props.theme.rtl?'right':'left';},function(props){return props.theme.space.base*3;},function(props){return getColor('neutralHue',600,props.theme);},function(props){return props.theme.iconSizes.md;},function(props){return props.theme.iconSizes.md;},function(props){return retrieveComponentStyles(COMPONENT_ID$b,props);});StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$a='dropdowns.header_item';var getHorizontalPadding=function getHorizontalPadding(props){if(props.hasIcon){return undefined;}return"".concat(props.theme.space.base*3,"px");};var StyledHeaderItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$a,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledHeaderItem",componentId:"sc-137filx-0"})(["cursor:default;padding-right:",";padding-left:",";font-weight:",";",";"],function(props){return getHorizontalPadding(props);},function(props){return getHorizontalPadding(props);},function(props){return props.theme.fontWeights.semibold;},function(props){return retrieveComponentStyles(COMPONENT_ID$a,props);});StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$9='dropdowns.media_body';var StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMediaBody",componentId:"sc-36j7ef-0"})(["display:block;overflow:hidden;padding-",":","px;",";"],function(props){return props.theme.rtl?'right':'left';},function(props){return props.theme.space.base*2;},function(props){return retrieveComponentStyles(COMPONENT_ID$9,props);});StyledMediaBody.defaultProps={theme:DEFAULT_THEME};var _excluded$b=["children","isCompact","theme"];var COMPONENT_ID$8='dropdowns.media_figure';var StyledMediaFigure=styled__default["default"](function(_ref){var children=_ref.children;_ref.isCompact;_ref.theme;var props=_objectWithoutProperties$1(_ref,_excluded$b);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMediaFigure",componentId:"sc-2f2x8x-0"})(["float:",";margin-top:","px !important;width:",";height:",";",";"],function(props){return props.theme.rtl?'right':'left';},function(props){return props.theme.space.base*0.5;},function(props){return props.theme.iconSizes.md;},function(props){return props.theme.iconSizes.md;},function(props){return retrieveComponentStyles(COMPONENT_ID$8,props);});StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$7='dropdowns.media_item';var StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$7,props);});StyledMediaItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='dropdowns.faux_input';var StyledFauxInput=styled__default["default"](FauxInput).attrs(function(props){return{'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2',mediaLayout:true,theme:props.theme};}).withConfig({displayName:"StyledFauxInput",componentId:"sc-1l592ed-0"})(["cursor:",";min-width:","px;",";"],function(props){return!props.disabled&&'pointer';},function(props){return props.theme.space.base*(props.isCompact?25:36);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledFauxInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$5='dropdowns.input';var hiddenStyling=styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);var StyledInput=styled__default["default"](Input).attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.53.2',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],function(props){return props.isHidden&&hiddenStyling;},function(props){return retrieveComponentStyles(COMPONENT_ID$5,props);});StyledInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$4='dropdowns.select';var StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledSelect",componentId:"sc-xifmwj-0"})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$4,props);});StyledSelect.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3$1='dropdowns.multiselect_input';var visibleStyling=function visibleStyling(props){var margin=props.isVisible?"".concat(props.theme.space.base/2,"px"):0;var minWidth=props.isVisible?"".concat(props.theme.space.base*15,"px"):0;var height='0';if(props.isVisible){height="".concat(props.theme.space.base*(props.isCompact?5:8),"px");}return styled.css(["opacity:",";margin:",";width:",";min-width:",";height:",";"],!props.isVisible&&0,margin,!props.isVisible&&0,minWidth,height);};var StyledMultiselectInput=styled__default["default"](StyledInput).attrs({'data-garden-id':COMPONENT_ID$3$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMultiselectInput",componentId:"sc-1avnf6f-0"})(["flex-basis:","px;flex-grow:1;align-self:center;min-height:0;",";",";"],function(props){return props.theme.space.base*15;},function(props){return visibleStyling(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$3$1,props);});StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='dropdowns.multiselect_items_container';var sizeStyles$1=function sizeStyles(props){var margin;var padding;if(!props.isBare){var marginVertical=props.isCompact?"-".concat(props.theme.space.base*1.5,"px"):"-".concat(props.theme.space.base*2.5,"px");margin="".concat(marginVertical," 0");var paddingVertical=props.isCompact?'3px':'1px';var paddingEnd="".concat(props.theme.space.base,"px");padding="".concat(paddingVertical," ").concat(props.theme.rtl?0:paddingEnd," ").concat(paddingVertical," ").concat(props.theme.rtl?paddingEnd:0);}return styled.css(["margin:",";padding:",";"],margin,padding);};var StyledMultiselectItemsContainer=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMultiselectItemsContainer",componentId:"sc-1jzhet8-0"})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;",";",";"],function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$1='dropdowns.multiselect_item_wrapper';var StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMultiselectItemWrapper",componentId:"sc-1rb2bye-0"})(["display:inline-flex;align-items:center;margin:","px;max-width:100%;",";"],function(props){return props.theme.space.base/2;},function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$n='dropdowns.multiselect_more_anchor';var StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$n,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMultiselectMoreAnchor",componentId:"sc-1m9v46e-0"})(["display:inline-block;cursor:",";padding:","px 0;overflow:hidden;user-select:none;text-overflow:ellipsis;line-height:",";white-space:nowrap;color:",";:hover{text-decoration:",";}",";"],function(props){return props.isDisabled?'default':'pointer';},function(props){return props.theme.space.base*(props.isCompact?0.75:1.5);},function(props){return props.isCompact?'1em':getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md);},function(props){return props.isDisabled?getColor('neutralHue',400,props.theme):getColor('primaryHue',600,props.theme);},function(props){return!props.isDisabled&&'underline';},function(props){return retrieveComponentStyles(COMPONENT_ID$n,props);});StyledMultiselectMoreAnchor.defaultProps={theme:DEFAULT_THEME};var _excluded$a=["children","refKey"],_excluded2$5=["ref"];var Trigger=function Trigger(_ref){var children=_ref.children,refKey=_ref.refKey,triggerProps=_objectWithoutProperties$1(_ref,_excluded$a);var _useDropdownContext=useDropdownContext(),hasMenuRef=_useDropdownContext.hasMenuRef,itemSearchRegistry=_useDropdownContext.itemSearchRegistry,_useDropdownContext$d=_useDropdownContext.downshift,getRootProps=_useDropdownContext$d.getRootProps,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getInputProps=_useDropdownContext$d.getInputProps,isOpen=_useDropdownContext$d.isOpen,highlightedIndex=_useDropdownContext$d.highlightedIndex,selectItemAtIndex=_useDropdownContext$d.selectItemAtIndex,setHighlightedIndex=_useDropdownContext$d.setHighlightedIndex;var hiddenInputRef=React__default.useRef(null);var triggerRef=React__default.useRef(null);var previousIsOpenRef=React__default.useRef(undefined);var _useState=React__default.useState(''),_useState2=_slicedToArray$1(_useState,2),searchString=_useState2[0],setSearchString=_useState2[1];var searchTimeoutRef=React__default.useRef();var currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(function(){if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,hasMenuRef]);React__default.useEffect(function(){if(hasMenuRef.current===false){hasMenuRef.current=true;}},[hasMenuRef]);React__default.useEffect(function(){if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(function(){setSearchString('');},500);return function(){clearTimeout(searchTimeoutRef.current);};},[searchString]);var searchItems=React__default.useCallback(function(searchValue,startIndex,endIndex){for(var index=startIndex;index<endIndex;index++){var itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);var onInputKeyDown=React__default.useCallback(function(e){if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}var character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}var newSearchString=searchString+character;setSearchString(newSearchString);var matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,setHighlightedIndex]);var renderChildren=function renderChildren(popperRef){var _getRootProps=getRootProps(),rootPropsRefCallback=_getRootProps.ref,rootProps=_objectWithoutProperties$1(_getRootProps,_excluded2$5);var listboxToggleProps=getToggleButtonProps(_objectSpread2$1(_objectSpread2$1(_objectSpread2$1({},rootProps),{},{role:null,'aria-labelledby':undefined},triggerProps),children.props));var menuToggleProps=_objectSpread2$1(_objectSpread2$1({},listboxToggleProps),{},{'aria-haspopup':'true','aria-controls':listboxToggleProps['aria-owns'],'aria-owns':null});var toggleButtonProps=hasMenuRef.current?menuToggleProps:listboxToggleProps;return React__default__default["default"].cloneElement(React__default__default["default"].Children.only(children),_objectSpread2$1(_objectSpread2$1({},toggleButtonProps),{},_defineProperty$1({},refKey,function(childRef){popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);})));};return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(React__default__default["default"].Fragment,null,renderChildren(popperReference),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:function onClick(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})));});};Trigger.propTypes={children:propTypes.exports.any,refKey:propTypes.exports.string};Trigger.defaultProps={refKey:'ref'};var _path$2;function _extends$2(){_extends$2=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.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2({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 FieldContext=React__default__default["default"].createContext(undefined);var useFieldContext=function useFieldContext(){var fieldContext=React__default.useContext(FieldContext);if(!fieldContext){throw new Error('This component must be rendered within a `Field` component.');}return fieldContext;};var _excluded$9=["children","inputRef","start"],_excluded2$4=["type"];var Autocomplete=React__default.forwardRef(function(_ref,_ref3){var children=_ref.children,controlledInputRef=_ref.inputRef,start=_ref.start,props=_objectWithoutProperties$1(_ref,_excluded$9);var _useDropdownContext=useDropdownContext(),popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,_useDropdownContext$d=_useDropdownContext.downshift,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getInputProps=_useDropdownContext$d.getInputProps,getRootProps=_useDropdownContext$d.getRootProps,isOpen=_useDropdownContext$d.isOpen,setDropdownType=_useDropdownContext.setDropdownType;var _useFieldContext=useFieldContext(),isLabelHovered=_useFieldContext.isLabelHovered;var inputRef=React__default.useRef();var triggerRef=React__default.useRef();var previousIsOpenRef=React__default.useRef(isOpen);var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$1(_useState3,2),isFocused=_useState4[0],setIsFocused=_useState4[1];React__default.useEffect(function(){if(inputRef.current&&isOpen!==previousIsOpenRef.current){inputRef.current.focus();}previousIsOpenRef.current=isOpen;},[inputRef,isOpen]);var _getToggleButtonProps=getToggleButtonProps(getRootProps(_objectSpread2$1(_objectSpread2$1({role:null},props),{},{onKeyDown:composeEventHandlers(props.onKeyDown,function(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}}),onMouseEnter:composeEventHandlers(props.onMouseEnter,function(){return setIsHovered(true);}),onMouseLeave:composeEventHandlers(props.onMouseLeave,function(){return setIsHovered(false);})})));_getToggleButtonProps.type;var selectProps=_objectWithoutProperties$1(_getToggleButtonProps,_excluded2$4);var isContainerHovered=isLabelHovered&&!isOpen;var isContainerFocused=isOpen||isFocused;React__default.useEffect(function(){setDropdownType('autocomplete');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused,tabIndex:null},selectProps,{ref:function ref(selectRef){popperReference(selectRef);mergeRefs([triggerRef,_ref3])(selectRef);popperReferenceElementRef.current=selectRef;}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),!isOpen&&React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({isHidden:!isOpen,disabled:props.disabled,onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);},onClick:function onClick(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},role:'combobox',ref:mergeRefs([inputRef,controlledInputRef||null])})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Autocomplete.displayName='Autocomplete';Autocomplete.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};var _excluded$8=["isCompact","isBare","disabled","focusInset","placeholder","validation","inputRef","start","end"];var Combobox=React__default.forwardRef(function(_ref,ref){var isCompact=_ref.isCompact,isBare=_ref.isBare,disabled=_ref.disabled,focusInset=_ref.focusInset,placeholder=_ref.placeholder,validation=_ref.validation,_ref$inputRef=_ref.inputRef,inputRefProp=_ref$inputRef===void 0?null:_ref$inputRef,start=_ref.start,end=_ref.end,props=_objectWithoutProperties$1(_ref,_excluded$8);var _useDropdownContext=useDropdownContext(),popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,_useDropdownContext$d=_useDropdownContext.downshift,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getInputProps=_useDropdownContext$d.getInputProps,getRootProps=_useDropdownContext$d.getRootProps,isOpen=_useDropdownContext$d.isOpen,setDropdownType=_useDropdownContext.setDropdownType;var wrapperRef=React__default.useRef();var inputRef=React__default.useRef();var isOpenRef=React__default.useRef(isOpen);var wrapperProps=getToggleButtonProps(getRootProps(_objectSpread2$1({role:null,type:null,onClick:function onClick(event){event.nativeEvent.preventDownshiftDefault=true;}},props)));var inputProps=getInputProps({isCompact:isCompact,isBare:isBare,disabled:disabled,focusInset:focusInset,placeholder:placeholder,validation:validation,start:start,end:end,role:'combobox',onKeyDown:function onKeyDown(event){if(event.keyCode===KEY_CODES.SPACE||!isOpen&&[KEY_CODES.DOWN,KEY_CODES.UP].includes(event.keyCode)){event.nativeEvent.preventDownshiftDefault=true;}},onClick:function onClick(event){event.nativeEvent.preventDownshiftDefault=true;}});React__default.useEffect(function(){if(inputRef.current&&isOpen!==isOpenRef.current){inputRef.current.focus();}isOpenRef.current=isOpen;},[inputRef,isOpen]);React__default.useEffect(function(){setDropdownType('combobox');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;var wrapperRefProp=function wrapperRefProp(element){popperReference(element);mergeRefs([wrapperRef,ref])(element);popperReferenceElementRef.current=element;};return React__default__default["default"].createElement(MediaInput,_extends$5({},inputProps,{wrapperProps:wrapperProps,wrapperRef:wrapperRefProp,ref:mergeRefs([inputRef,inputRefProp])}));});});Combobox.displayName='Combobox';Combobox.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,placeholder:propTypes.exports.string,validation:propTypes.exports.oneOf(VALIDATION)};var _excluded$7=["renderItem","placeholder","maxItems","renderShowMore","inputRef","start","onKeyDown"],_excluded2$3=["type"];var Multiselect=React__default__default["default"].forwardRef(function(_ref,_ref3){var renderItem=_ref.renderItem,placeholder=_ref.placeholder,maxItems=_ref.maxItems,renderShowMore=_ref.renderShowMore,_ref$inputRef=_ref.inputRef,externalInputRef=_ref$inputRef===void 0?null:_ref$inputRef,start=_ref.start,onKeyDown=_ref.onKeyDown,props=_objectWithoutProperties$1(_ref,_excluded$7);var _useDropdownContext=useDropdownContext(),popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,_useDropdownContext$s=_useDropdownContext.selectedItems,selectedItems=_useDropdownContext$s===void 0?[]:_useDropdownContext$s,containsMultiselectRef=_useDropdownContext.containsMultiselectRef,previousIndexRef=_useDropdownContext.previousIndexRef,_useDropdownContext$d=_useDropdownContext.downshift,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getRootProps=_useDropdownContext$d.getRootProps,getInputProps=_useDropdownContext$d.getInputProps,isOpen=_useDropdownContext$d.isOpen,closeMenu=_useDropdownContext$d.closeMenu,inputValue=_useDropdownContext$d.inputValue,setDownshiftState=_useDropdownContext$d.setState,itemToString=_useDropdownContext$d.itemToString,setDropdownType=_useDropdownContext.setDropdownType;var _useFieldContext=useFieldContext(),isLabelHovered=_useFieldContext.isLabelHovered;var inputRef=React__default.useRef();var triggerRef=React__default.useRef();var blurTimeoutRef=React__default.useRef();var previousIsOpenRef=React__default.useRef(undefined);var previousIsFocusedRef=React__default.useRef(undefined);var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$1(_useState3,2),isFocused=_useState4[0],setIsFocused=_useState4[1];var _useState5=React__default.useState(undefined),_useState6=_slicedToArray$1(_useState5,2),focusedItem=_useState6[0],setFocusedItem=_useState6[1];var themeContext=React__default.useContext(styled.ThemeContext);var environment=useDocument(themeContext);var _useSelection=useSelection({rtl:themeContext.rtl,focusedItem:focusedItem,selectedItem:undefined,onFocus:function onFocus(item){setFocusedItem(item);}}),getContainerProps=_useSelection.getContainerProps,getItemProps=_useSelection.getItemProps;React__default.useEffect(function(){containsMultiselectRef.current=true;var tempRef=blurTimeoutRef;return function(){clearTimeout(tempRef.current);};},[]);React__default.useEffect(function(){if(inputRef.current){if(isOpen&&!previousIsOpenRef.current){inputRef.current.focus();}else if(isFocused&&!previousIsFocusedRef.current&&focusedItem===undefined){inputRef.current.focus();}}previousIsOpenRef.current=isOpen;previousIsFocusedRef.current=isFocused;},[isOpen,inputRef,isFocused,focusedItem]);React__default.useEffect(function(){if(focusedItem!==undefined&&isOpen){closeMenu();}},[focusedItem,isOpen,closeMenu]);var _getToggleButtonProps=getToggleButtonProps(getRootProps(_objectSpread2$1({tabIndex:props.disabled?undefined:-1,onKeyDown:composeEventHandlers(onKeyDown,function(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}else if(!inputValue&&e.keyCode===KEY_CODES.HOME){setFocusedItem(selectedItems[0]);e.preventDefault();}}),onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(e){var currentTarget=e.currentTarget;blurTimeoutRef.current=setTimeout(function(){if(environment&&!currentTarget.contains(environment.activeElement)){setIsFocused(false);}},0);},onMouseEnter:composeEventHandlers(props.onMouseEnter,function(){return setIsHovered(true);}),onMouseLeave:composeEventHandlers(props.onMouseLeave,function(){return setIsHovered(false);}),role:null},props)));_getToggleButtonProps.type;var selectProps=_objectWithoutProperties$1(_getToggleButtonProps,_excluded2$3);var renderSelectableItem=React__default.useCallback(function(item,index){var removeValue=function removeValue(){setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:item});inputRef.current&&inputRef.current.focus();};var renderedItem=renderItem({value:item,removeValue:removeValue});var focusRef=React__default__default["default"].createRef();var clonedChild=React__default__default["default"].cloneElement(renderedItem,_objectSpread2$1(_objectSpread2$1({},getItemProps({item:item,focusRef:focusRef,onKeyDown:function onKeyDown(e){if(e.keyCode===KEY_CODES.DELETE||e.keyCode===KEY_CODES.BACKSPACE){e.preventDefault();removeValue();}if(e.keyCode===KEY_CODES.END&&!inputValue){inputRef.current&&inputRef.current.focus();e.preventDefault();}if(themeContext.rtl){if(e.keyCode===KEY_CODES.RIGHT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.LEFT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}else{if(e.keyCode===KEY_CODES.LEFT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.RIGHT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}},onClick:function onClick(e){e.nativeEvent.preventDownshiftDefault=true;},tabIndex:-1})),{},{size:props.isCompact?'medium':'large'}));var key="".concat(itemToString(item),"-").concat(index);return React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:key},clonedChild);},[getItemProps,inputValue,renderItem,setDownshiftState,itemToString,selectedItems,props,inputRef,themeContext.rtl]);var items=React__default.useMemo(function(){var itemValues=selectedItems||[];var output=[];for(var x=0;x<itemValues.length;x++){var item=itemValues[x];if(x<maxItems){if(props.disabled){var renderedItem=React__default__default["default"].cloneElement(renderItem({value:item,removeValue:function removeValue(){return undefined;}}),{size:props.isCompact?'medium':'large'});output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:x},renderedItem));}else{output.push(renderSelectableItem(item,x));}}else if(!isFocused&&!inputValue||props.disabled){output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:"more-anchor"},React__default__default["default"].createElement(StyledMultiselectMoreAnchor,{isCompact:props.isCompact,isDisabled:props.disabled},renderShowMore?renderShowMore(itemValues.length-x):"+ ".concat(itemValues.length-x," more"))));break;}else{output.push(renderSelectableItem(item,x));}}return output;},[isFocused,props.disabled,renderSelectableItem,selectedItems,renderItem,inputValue,maxItems,renderShowMore,props.isCompact]);var isContainerHovered=isLabelHovered&&!isOpen;var isContainerFocused=isOpen||isFocused;React__default.useEffect(function(){setDropdownType('multiselect');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(StyledFauxInput,getContainerProps(_objectSpread2$1(_objectSpread2$1({},selectProps),{},{isHovered:isContainerHovered,isFocused:isContainerFocused,ref:function ref(selectRef){popperReference(selectRef);mergeRefs([triggerRef,popperReferenceElementRef,_ref3])(selectRef);}})),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledMultiselectItemsContainer,{isBare:props.isBare,isCompact:props.isCompact},items,React__default__default["default"].createElement(StyledMultiselectInput,getInputProps({disabled:props.disabled,onFocus:function onFocus(){setFocusedItem(undefined);},onClick:function onClick(e){if(inputValue&&inputValue.length>0&&isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:function onKeyDown(e){if(!inputValue){if(themeContext.rtl&&e.keyCode===KEY_CODES.RIGHT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(!themeContext.rtl&&e.keyCode===KEY_CODES.LEFT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(e.keyCode===KEY_CODES.BACKSPACE&&selectedItems.length>0){setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:selectedItems[selectedItems.length-1]});e.nativeEvent.preventDownshiftDefault=true;e.preventDefault();e.stopPropagation();}}},isVisible:isFocused||inputValue||selectedItems.length===0,isCompact:props.isCompact,role:'combobox',ref:mergeRefs([inputRef,externalInputRef]),placeholder:selectedItems.length===0?placeholder:undefined}))),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Multiselect.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,renderItem:propTypes.exports.func.isRequired,maxItems:propTypes.exports.number,validation:propTypes.exports.oneOf(['success','warning','error'])};Multiselect.defaultProps={maxItems:4};Multiselect.displayName='Multiselect';var _excluded$6=["children","start"],_excluded2$2=["type"];var Select=React__default__default["default"].forwardRef(function(_ref,_ref3){var children=_ref.children,start=_ref.start,props=_objectWithoutProperties$1(_ref,_excluded$6);var _useDropdownContext=useDropdownContext(),popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,itemSearchRegistry=_useDropdownContext.itemSearchRegistry,_useDropdownContext$d=_useDropdownContext.downshift,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getInputProps=_useDropdownContext$d.getInputProps,isOpen=_useDropdownContext$d.isOpen,highlightedIndex=_useDropdownContext$d.highlightedIndex,setHighlightedIndex=_useDropdownContext$d.setHighlightedIndex,selectItemAtIndex=_useDropdownContext$d.selectItemAtIndex,closeMenu=_useDropdownContext$d.closeMenu;var _useFieldContext=useFieldContext(),isLabelHovered=_useFieldContext.isLabelHovered;var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$1(_useState3,2),isFocused=_useState4[0],setIsFocused=_useState4[1];var hiddenInputRef=React__default.useRef();var triggerRef=React__default.useRef();var previousIsOpenRef=React__default.useRef(undefined);var _useState5=React__default.useState(''),_useState6=_slicedToArray$1(_useState5,2),searchString=_useState6[0],setSearchString=_useState6[1];var searchTimeoutRef=React__default.useRef();var currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(function(){if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,triggerRef]);React__default.useEffect(function(){if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(function(){setSearchString('');},500);return function(){clearTimeout(searchTimeoutRef.current);};},[searchString]);var searchItems=React__default.useCallback(function(searchValue,startIndex,endIndex){for(var index=startIndex;index<endIndex;index++){var itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);var onInputKeyDown=React__default.useCallback(function(e){if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);closeMenu();}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}var character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}var newSearchString=searchString+character;setSearchString(newSearchString);var matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,closeMenu,setHighlightedIndex]);var _getToggleButtonProps=getToggleButtonProps(_objectSpread2$1({tabIndex:props.disabled?undefined:0,onMouseEnter:composeEventHandlers(props.onMouseEnter,function(){return setIsHovered(true);}),onMouseLeave:composeEventHandlers(props.onMouseLeave,function(){return setIsHovered(false);}),onFocus:composeEventHandlers(props.onFocus,function(){return setIsFocused(true);}),onBlur:composeEventHandlers(props.onBlur,function(){return setIsFocused(false);})},props));_getToggleButtonProps.type;var selectProps=_objectWithoutProperties$1(_getToggleButtonProps,_excluded2$2);var isContainerHovered=isLabelHovered&&!isOpen;var isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused},selectProps,{ref:function ref(selectRef){popperReference(selectRef);mergeRefs([triggerRef,_ref3,popperReferenceElementRef])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:function onClick(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Select.displayName='Select';Select.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.any};var Field=React__default.forwardRef(function(props,fieldRef){var _useDropdownContext=useDropdownContext(),getRootProps=_useDropdownContext.downshift.getRootProps;var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_useState,2),isLabelHovered=_useState2[0],setIsLabelHovered=_useState2[1];var _getRootProps=getRootProps(),ref=_getRootProps.ref;var value=React__default.useMemo(function(){return{isLabelHovered:isLabelHovered,setIsLabelHovered:setIsLabelHovered};},[isLabelHovered,setIsLabelHovered]);return React__default__default["default"].createElement(FieldContext.Provider,{value:value},React__default__default["default"].createElement(Field$1,_extends$5({ref:mergeRefs([ref,fieldRef])},props)));});Field.displayName='Field';var Hint=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Hint$1,_extends$5({ref:ref},props));});Hint.displayName='Hint';var _excluded$5=["onMouseEnter","onMouseLeave"];var Label$1=React__default__default["default"].forwardRef(function(_ref,ref){var onMouseEnter=_ref.onMouseEnter,onMouseLeave=_ref.onMouseLeave,other=_objectWithoutProperties$1(_ref,_excluded$5);var _useDropdownContext=useDropdownContext(),getLabelProps=_useDropdownContext.downshift.getLabelProps;var _useFieldContext=useFieldContext(),setIsLabelHovered=_useFieldContext.setIsLabelHovered;var labelProps=getLabelProps(_objectSpread2$1({onMouseEnter:composeEventHandlers(onMouseEnter,function(){setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers(onMouseLeave,function(){setIsLabelHovered(false);})},other));return React__default__default["default"].createElement(Label$1$1,_extends$5({ref:ref},labelProps));});Label$1.displayName='Label';Label$1.propTypes={isRegular:propTypes.exports.bool};var Message$1=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Message$2,_extends$5({ref:ref},props));});Message$1.displayName='Message';Message$1.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};var SHARED_PLACEMENT=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];var PLACEMENT=[].concat(SHARED_PLACEMENT,['end','end-top','end-bottom','start','start-top','start-bottom']);var MenuContext=React__default__default["default"].createContext(undefined);var useMenuContext=function useMenuContext(){var menuContext=React__default.useContext(MenuContext);if(!menuContext){throw new Error('This component must be rendered within a `Menu` component.');}return menuContext;};var _excluded$4=["placement","popperModifiers","eventsEnabled","isAnimated","maxHeight","style","zIndex","isCompact","children","appendToNode"];var Menu=React__default.forwardRef(function(props,menuRef){var placement=props.placement,popperModifiers=props.popperModifiers,eventsEnabled=props.eventsEnabled,isAnimated=props.isAnimated,maxHeight=props.maxHeight,menuStyle=props.style,zIndex=props.zIndex,isCompact=props.isCompact,children=props.children,appendToNode=props.appendToNode,otherProps=_objectWithoutProperties$1(props,_excluded$4);var _useDropdownContext=useDropdownContext(),hasMenuRef=_useDropdownContext.hasMenuRef,itemIndexRef=_useDropdownContext.itemIndexRef,previousIndexRef=_useDropdownContext.previousIndexRef,nextItemsHashRef=_useDropdownContext.nextItemsHashRef,popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,itemSearchRegistry=_useDropdownContext.itemSearchRegistry,_useDropdownContext$d=_useDropdownContext.downshift,isOpen=_useDropdownContext$d.isOpen,getMenuProps=_useDropdownContext$d.getMenuProps;var scheduleUpdateRef=React__default.useRef(undefined);React__default.useEffect(function(){if(scheduleUpdateRef.current&&isOpen){scheduleUpdateRef.current();}});var _useState=React__default.useState(isOpen),_useState2=_slicedToArray$1(_useState,2),isVisible=_useState2[0],setIsVisible=_useState2[1];React__default.useEffect(function(){var timeout;if(isOpen){setIsVisible(true);}else if(isAnimated){timeout=setTimeout(function(){return setIsVisible(false);},200);}else{setIsVisible(false);}return function(){return clearTimeout(timeout);};},[isOpen,isAnimated]);var themeContext=React__default.useContext(styled.ThemeContext);itemIndexRef.current=0;nextItemsHashRef.current={};previousIndexRef.current=undefined;itemSearchRegistry.current=[];var popperPlacement=themeContext.rtl?getRtlPopperPlacement(placement):getPopperPlacement(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef:itemIndexRef,isCompact:isCompact}},React__default__default["default"].createElement(Popper,{placement:popperPlacement,modifiers:popperModifiers,eventsEnabled:isOpen&&eventsEnabled},function(_ref){var ref=_ref.ref,style=_ref.style,scheduleUpdate=_ref.scheduleUpdate,currentPlacement=_ref.placement;var computedStyle=menuStyle;scheduleUpdateRef.current=scheduleUpdate;if((isOpen||isVisible)&&popperReferenceElementRef.current&&popperReferenceElementRef.current.getBoundingClientRect){computedStyle=_objectSpread2$1({width:popperReferenceElementRef.current.getBoundingClientRect().width},menuStyle);}var menuProps=getMenuProps(_objectSpread2$1({role:hasMenuRef.current?'menu':'listbox',placement:currentPlacement,isAnimated:isAnimated&&(isOpen||isVisible)},otherProps));var menu=React__default__default["default"].createElement(StyledMenuWrapper,{ref:isOpen?ref:undefined,hasArrow:menuProps.hasArrow,placement:menuProps.placement,style:style,isHidden:!isOpen,isAnimated:menuProps.isAnimated,zIndex:zIndex},React__default__default["default"].createElement(StyledMenu$1,_extends$5({ref:menuRef,isCompact:isCompact,maxHeight:maxHeight,style:computedStyle},menuProps),(isOpen||isVisible)&&children));return appendToNode?reactDom.createPortal(menu,appendToNode):menu;}));});Menu.displayName='Menu';Menu.propTypes={popperModifiers:propTypes.exports.any,eventsEnabled:propTypes.exports.bool,zIndex:propTypes.exports.number,style:propTypes.exports.object,placement:propTypes.exports.oneOf(PLACEMENT),isAnimated:propTypes.exports.bool,isCompact:propTypes.exports.bool,hasArrow:propTypes.exports.bool,maxHeight:propTypes.exports.string};Menu.defaultProps={placement:'bottom-start',isAnimated:true,eventsEnabled:true,maxHeight:'400px',zIndex:1000};var Separator=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledSeparator,_extends$5({ref:ref},props));});Separator.displayName='Separator';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 SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path;function _extends$6(){_extends$6=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$6.apply(this,arguments);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$6({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};var ItemContext=React__default__default["default"].createContext(undefined);var useItemContext=function useItemContext(){var context=React__default.useContext(ItemContext);if(!context){throw new Error('This component must be rendered within an `Item` component.');}return context;};var _excluded$3=["value","disabled","isDanger","component","children"];var Item$1=React__default__default["default"].forwardRef(function(_ref,forwardRef){var value=_ref.value,disabled=_ref.disabled,isDanger=_ref.isDanger,_ref$component=_ref.component,component=_ref$component===void 0?StyledItem:_ref$component,children=_ref.children,props=_objectWithoutProperties$1(_ref,_excluded$3);var _useDropdownContext=useDropdownContext(),selectedItems=_useDropdownContext.selectedItems,hasMenuRef=_useDropdownContext.hasMenuRef,itemSearchRegistry=_useDropdownContext.itemSearchRegistry,_useDropdownContext$d=_useDropdownContext.downshift,isOpen=_useDropdownContext$d.isOpen,selectedItem=_useDropdownContext$d.selectedItem,highlightedIndex=_useDropdownContext$d.highlightedIndex,getItemProps=_useDropdownContext$d.getItemProps,setHighlightedIndex=_useDropdownContext$d.setHighlightedIndex,itemToString=_useDropdownContext$d.itemToString;var _useMenuContext=useMenuContext(),itemIndexRef=_useMenuContext.itemIndexRef,isCompact=_useMenuContext.isCompact;var itemRef=React__default.useRef();var Component=component;if((value===undefined||value===null)&&!disabled){throw new Error('All Item components require a `value` prop');}var currentIndex=itemIndexRef.current;var isFocused=highlightedIndex===currentIndex;var isSelected;React__default.useEffect(function(){if(!disabled&&itemRef.current){var itemTextValue=itemRef.current.innerText;if(itemTextValue){itemSearchRegistry.current[currentIndex]=itemTextValue;}}});if(value){if(selectedItems){isSelected=selectedItems.some(function(item){return itemToString(item)===itemToString(value);});}else{isSelected=itemToString(selectedItem)===itemToString(value);}}else{isSelected=false;}React__default.useEffect(function(){if(isOpen&&!disabled&&!selectedItems&&isSelected){setHighlightedIndex(currentIndex);}},[currentIndex,disabled,isOpen,isSelected,selectedItems,setHighlightedIndex]);var contextValue=React__default.useMemo(function(){return{isDisabled:disabled};},[disabled]);var ref=mergeRefs([itemRef,forwardRef]);if(disabled){return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,_extends$5({ref:ref,disabled:disabled,isDanger:isDanger,isCompact:isCompact},props),isSelected&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected,isDisabled:disabled},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));}itemIndexRef.current++;return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,getItemProps(_objectSpread2$1(_objectSpread2$1({item:value,isFocused:isFocused,ref:ref,isCompact:isCompact,isDanger:isDanger},hasMenuRef.current&&{role:'menuitem','aria-selected':null}),props)),isSelected&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));});Item$1.displayName='Item';Item$1.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var _excluded$2$1=["children","disabled"];var AddItemComponent=React__default__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,disabled=_ref.disabled,props=_objectWithoutProperties$1(_ref,_excluded$2$1);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledAddItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:true,isDisabled:disabled},React__default__default["default"].createElement(SvgPlusStroke,null)),children);});var AddItem=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Item$1,_extends$5({component:AddItemComponent,ref:ref},props));});AddItem.displayName='AddItem';AddItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var HeaderIcon=React__default__default["default"].forwardRef(function(props,ref){var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledHeaderIcon,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderIcon.displayName='HeaderIcon';var HeaderItem=React__default__default["default"].forwardRef(function(props,ref){var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledHeaderItem,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderItem.displayName='HeaderItem';var ItemMeta=React__default__default["default"].forwardRef(function(props,ref){var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;var _useItemContext=useItemContext(),isDisabled=_useItemContext.isDisabled;return React__default__default["default"].createElement(StyledItemMeta,_extends$5({ref:ref,isCompact:isCompact,isDisabled:isDisabled},props));});ItemMeta.displayName='ItemMeta';var MediaBody=React__default__default["default"].forwardRef(function(props,ref){var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledMediaBody,_extends$5({ref:ref,isCompact:isCompact},props));});MediaBody.displayName='MediaBody';var MediaItem=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Item$1,_extends$5({component:StyledMediaItem,ref:ref},props));});MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var _excluded$1$2=["children","disabled"],_excluded2$1=["value","disabled"];var NextItemComponent=React__default__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,disabled=_ref.disabled,props=_objectWithoutProperties$1(_ref,_excluded$1$2);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledNextItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledNextIcon,{isDisabled:disabled})),children);});var NextItem=React__default__default["default"].forwardRef(function(_ref2,ref){var value=_ref2.value,disabled=_ref2.disabled,props=_objectWithoutProperties$1(_ref2,_excluded2$1);var _useDropdownContext=useDropdownContext(),nextItemsHashRef=_useDropdownContext.nextItemsHashRef,itemToString=_useDropdownContext.downshift.itemToString;var _useMenuContext2=useMenuContext(),itemIndexRef=_useMenuContext2.itemIndexRef;if(!disabled){nextItemsHashRef.current[itemToString(value)]=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:NextItemComponent,"aria-expanded":true,disabled:disabled,value:value,ref:ref},props));});NextItem.displayName='NextItem';NextItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var _excluded$d=["children","disabled"],_excluded2$7=["value","disabled"];var PreviousItemComponent=React__default__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,disabled=_ref.disabled,props=_objectWithoutProperties$1(_ref,_excluded$d);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledPreviousItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledPreviousIcon,{isDisabled:disabled})),children);});var PreviousItem=React__default__default["default"].forwardRef(function(_ref2,ref){var value=_ref2.value,disabled=_ref2.disabled,props=_objectWithoutProperties$1(_ref2,_excluded2$7);var _useDropdownContext=useDropdownContext(),previousIndexRef=_useDropdownContext.previousIndexRef;var _useMenuContext2=useMenuContext(),itemIndexRef=_useMenuContext2.itemIndexRef;if(!disabled){previousIndexRef.current=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:PreviousItemComponent,"aria-expanded":true,value:value,disabled:disabled},props,{ref:ref}));});PreviousItem.displayName='PreviousItem';PreviousItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme,props=__rest(_a,["danger","theme"]);if(!danger)return __assign({color:theme.styles.textColorPrimary,primary:false},props);return __assign({color:theme.styles.colorDanger,primary:true},props);})(templateObject_2$6||(templateObject_2$6=__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 ",";\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"])),function(_a){var disabled=_a.disabled;if(disabled)return"";return styled.css(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n ",";\n "],["\n ",";\n "])),buttonLikeHoverable);},FONT_SIZES.SM,SPACINGS.XS,textColorForButton,function(_a){var _css=_a._css;return _css;});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$9,templateObject_2$6;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};var logger$1=new Logger("Loadable");var Container$3=styled__default["default"](FlexBox)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer=styled__default["default"](FlexBox)(templateObject_2$5||(templateObject_2$5=__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$3||(templateObject_3$3=__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$1.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$1.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$3,__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,__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$3||(templateObject_4$3=__makeTemplateObject([""],[""])));var templateObject_1$8,templateObject_2$5,templateObject_3$3,templateObject_4$3;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger=new Logger("Dropdown");var Dropdown=function(props){var _a,_b,_c,_d;var _e;var state=(_a=__read(React__default.useState({isOpen:false}),2),_a[0]),setState=_a[1];var controlledState=__assign(__assign({},state),props);var filteringOptions=(_b=__read(React__default.useState(false),2),_b[0]),setFilteringOptionsTo=_b[1];var searchFilter=(_c=__read(React__default.useState(""),2),_c[0]),setSearchFilter=_c[1];var filteredOptions=(_d=__read(React__default.useState(props.options),2),_d[0]),setFilteredOptions=_d[1];var appendMenuToNode=props.appendMenuToNode,async=props.async,children=props.children,className=props.className,clearable=props.clearable,shouldFilterOptions=props.shouldFilterOptions,hint=props.hint,keyField=props.keyField,label=props.label,labelField=props.labelField,maxMenuHeight=props.maxMenuHeight,menuCSS=props.menuCSS,menuItemComponent=props.menuItemComponent,menuPopperModifiers=props.menuPopperModifiers,options=props.options,placement=props.placement,returnItemOnChange=props.returnItemOnChange,small=props.small,trigger=props.trigger,useRawOptions=props.useRawOptions,validation=props.validation,onChange=props.onChange,onStateChange=props.onStateChange;var selectedKey=props.selectedKey;var selectedKeys=props.selectedKeys;// TODO see if this function needs to be removed if we're also filtering
|
|
11767
|
+
*/function ownKeys$1(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$1(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys$1(Object(source),!0).forEach(function(key){_defineProperty$1(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$1(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty$1(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$5(){_extends$5=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$5.apply(this,arguments);}function _objectWithoutPropertiesLoose$2(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$2(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$1(arr,i){return _arrayWithHoles$1(arr)||_iterableToArrayLimit$1(arr,i)||_unsupportedIterableToArray$1(arr,i)||_nonIterableRest$1();}function _arrayWithHoles$1(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$1(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$1(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$1(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$1(o,minLen);}function _arrayLikeToArray$1(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$1(){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 DropdownContext=React__default__default["default"].createContext(undefined);var useDropdownContext=function useDropdownContext(){var dropdownContext=React__default.useContext(DropdownContext);if(!dropdownContext){throw new Error('This component must be rendered within a `Dropdown` component.');}return dropdownContext;};var _excluded$c=["onKeyDown"],_excluded2$6=["getInputProps","getToggleButtonProps"];var REMOVE_ITEM_STATE_TYPE='REMOVE_ITEM';var Dropdown$1=function Dropdown(props){var children=props.children,isOpen=props.isOpen,selectedItem=props.selectedItem,selectedItems=props.selectedItems,highlightedIndex=props.highlightedIndex,inputValue=props.inputValue,onSelect=props.onSelect,_onStateChange=props.onStateChange,_onInputValueChange=props.onInputValueChange,downshiftProps=props.downshiftProps;var itemIndexRef=React__default.useRef(0);var previousItemRef=React__default.useRef(undefined);var previousIndexRef=React__default.useRef(undefined);var nextItemsHashRef=React__default.useRef({});var containsMultiselectRef=React__default.useRef(false);var itemSearchRegistry=React__default.useRef([]);var _useState=React__default.useState(''),_useState2=_slicedToArray$1(_useState,2),dropdownType=_useState2[0],setDropdownType=_useState2[1];var themeContext=React__default.useContext(styled.ThemeContext);var hasMenuRef=React__default.useRef(false);var popperReferenceElementRef=React__default.useRef(null);var customGetInputProps=function customGetInputProps(_ref,downshift,rtl){var onKeyDown=_ref.onKeyDown,other=_objectWithoutProperties$1(_ref,_excluded$c);return _objectSpread2$1({onKeyDown:composeEventHandlers(onKeyDown,function(e){var PREVIOUS_KEY=rtl?KEY_CODES.RIGHT:KEY_CODES.LEFT;var NEXT_KEY=rtl?KEY_CODES.LEFT:KEY_CODES.RIGHT;if(downshift.isOpen){if(e.keyCode===PREVIOUS_KEY&&previousIndexRef.current!==null&&previousIndexRef.current!==undefined&&!downshift.inputValue){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(previousIndexRef.current);}if(e.keyCode===NEXT_KEY){var nextItemIndexes=Object.values(nextItemsHashRef.current);if(nextItemIndexes.includes(downshift.highlightedIndex)){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(downshift.highlightedIndex);}}}else if((e.keyCode===KEY_CODES.ENTER||e.keyCode===KEY_CODES.SPACE)&&!downshift.isOpen&&dropdownType!=='combobox'){e.preventDefault();e.stopPropagation();downshift.openMenu();}})},other);};var transformDownshift=function transformDownshift(_ref2){var _getInputProps=_ref2.getInputProps,_getToggleButtonProps=_ref2.getToggleButtonProps,downshift=_objectWithoutProperties$1(_ref2,_excluded2$6);return _objectSpread2$1({getInputProps:function getInputProps(p){return _getInputProps(customGetInputProps(p,downshift,themeContext.rtl));},getToggleButtonProps:function getToggleButtonProps(p){return _getToggleButtonProps(_objectSpread2$1({'aria-label':undefined},p));}},downshift);};return React__default__default["default"].createElement(Manager,null,React__default__default["default"].createElement(Downshift$1,_extends$5({suppressRefError:true,isOpen:isOpen,highlightedIndex:highlightedIndex,selectedItem:selectedItem||null,inputValue:inputValue,onInputValueChange:function onInputValueChange(inputVal,stateAndHelpers){if(_onInputValueChange){if(stateAndHelpers.isOpen){_onInputValueChange(inputVal,stateAndHelpers);}else if(dropdownType==='multiselect'){_onInputValueChange('',stateAndHelpers);}}},onStateChange:function onStateChange(changes,stateAndHelpers){if(dropdownType==='autocomplete'&&changes.isOpen===false&&!changes.selectedItem){onSelect&&onSelect(selectedItem,stateAndHelpers);}if(Object.prototype.hasOwnProperty.call(changes,'selectedItem')&&changes.selectedItem!==null){if(selectedItems){var itemToString=stateAndHelpers.itemToString;var existingItemIndex=selectedItems.findIndex(function(item){return itemToString(item)===itemToString(changes.selectedItem);});var updatedSelectedItems=Array.from(selectedItems);if(existingItemIndex===-1){updatedSelectedItems.splice(updatedSelectedItems.length,0,changes.selectedItem);}else{updatedSelectedItems.splice(existingItemIndex,1);}changes.selectedItems=updatedSelectedItems;delete changes.selectedItem;onSelect&&onSelect(updatedSelectedItems,stateAndHelpers);}else{onSelect&&onSelect(changes.selectedItem,stateAndHelpers);}if(dropdownType==='multiselect'){stateAndHelpers.setState({inputValue:''});}}_onStateChange&&_onStateChange(changes,stateAndHelpers);},stateReducer:function stateReducer(_state,changes){switch(changes.type){case Downshift$1.stateChangeTypes.changeInput:if(changes.inputValue===''&&dropdownType==='combobox'){return _objectSpread2$1(_objectSpread2$1({},changes),{},{isOpen:false});}return changes;default:return changes;}}},downshiftProps),function(downshift){return React__default__default["default"].createElement(DropdownContext.Provider,{value:{hasMenuRef:hasMenuRef,itemIndexRef:itemIndexRef,previousItemRef:previousItemRef,previousIndexRef:previousIndexRef,nextItemsHashRef:nextItemsHashRef,popperReferenceElementRef:popperReferenceElementRef,selectedItems:selectedItems,downshift:transformDownshift(downshift),containsMultiselectRef:containsMultiselectRef,itemSearchRegistry:itemSearchRegistry,setDropdownType:setDropdownType}},children);}));};Dropdown$1.propTypes={isOpen:propTypes.exports.bool,selectedItem:propTypes.exports.any,selectedItems:propTypes.exports.arrayOf(propTypes.exports.any),highlightedIndex:propTypes.exports.number,inputValue:propTypes.exports.string,onSelect:propTypes.exports.func,onStateChange:propTypes.exports.func,downshiftProps:propTypes.exports.object};function getPopperPlacement(gardenPlacement){switch(gardenPlacement){case'end':return'right';case'end-top':return'right-start';case'end-bottom':return'right-end';case'start':return'left';case'start-top':return'left-start';case'start-bottom':return'left-end';default:return gardenPlacement;}}function getRtlPopperPlacement(gardenPlacement){var popperPlacement=getPopperPlacement(gardenPlacement);switch(popperPlacement){case'left':return'right';case'left-start':return'right-start';case'left-end':return'right-end';case'top-start':return'top-end';case'top-end':return'top-start';case'right':return'left';case'right-start':return'left-start';case'right-end':return'left-end';case'bottom-start':return'bottom-end';case'bottom-end':return'bottom-start';default:return popperPlacement;}}function getArrowPosition(popperPlacement){var arrowPositionMappings={auto:'top',top:'bottom','top-start':'bottom-left','top-end':'bottom-right',right:'left','right-start':'left-top','right-end':'left-bottom',bottom:'top','bottom-start':'top-left','bottom-end':'top-right',left:'right','left-start':'right-top','left-end':'right-bottom'};return popperPlacement?arrowPositionMappings[popperPlacement]:'top';}function getMenuPosition(popperPlacement){if(popperPlacement==='auto'){return'bottom';}return popperPlacement?popperPlacement.split('-')[0]:'bottom';}var COMPONENT_ID$m='dropdowns.menu';var StyledMenu$1=styled__default["default"].ul.attrs(function(props){return{'data-garden-id':COMPONENT_ID$m,'data-garden-version':'8.53.2',className:props.isAnimated&&'is-animated'};}).withConfig({displayName:"StyledMenu",componentId:"sc-1vpttfd-0"})(["position:static !important;max-height:",";overflow-y:auto;",";",";"],function(props){return props.maxHeight;},function(props){return props.hasArrow&&arrowStyles(getArrowPosition(props.placement),{size:"".concat(props.theme.space.base*2,"px"),inset:'2px',animationModifier:props.isAnimated?'.is-animated':undefined});},function(props){return retrieveComponentStyles(COMPONENT_ID$m,props);});StyledMenu$1.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$l='dropdowns.menu_wrapper';var StyledMenuWrapper=styled__default["default"].div.attrs(function(props){return{'data-garden-id':COMPONENT_ID$l,'data-garden-version':'8.53.2',className:props.isAnimated&&'is-animated'};}).withConfig({displayName:"StyledMenuWrapper",componentId:"sc-tiwdxz-0"})(["",";",";"],function(props){return menuStyles(getMenuPosition(props.placement),{theme:props.theme,hidden:props.isHidden,margin:"".concat(props.theme.space.base*(props.hasArrow?2:1),"px"),zIndex:props.zIndex,animationModifier:props.isAnimated?'.is-animated':undefined});},function(props){return retrieveComponentStyles(COMPONENT_ID$l,props);});StyledMenuWrapper.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$k='dropdowns.separator';var StyledSeparator=styled__default["default"].li.attrs({'data-garden-id':COMPONENT_ID$k,'data-garden-version':'8.53.2',role:'separator'}).withConfig({displayName:"StyledSeparator",componentId:"sc-1mrnp18-0"})(["display:block;margin:","px 0;border-bottom:",";",";"],function(props){return props.theme.space.base;},function(props){return"".concat(props.theme.borders.sm," ").concat(getColor('neutralHue',200,props.theme));},function(props){return retrieveComponentStyles(COMPONENT_ID$k,props);});StyledSeparator.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$j='dropdowns.item';var getItemPaddingVertical=function getItemPaddingVertical(props){if(props.isCompact){return"".concat(props.theme.space.base,"px");}return"".concat(props.theme.space.base*2,"px");};var getColorStyles=function getColorStyles(props){var foregroundColor;var backgroundColor;if(props.disabled){foregroundColor=getColor('neutralHue',400,props.theme);}else if(props.isDanger){foregroundColor=getColor('dangerHue',600,props.theme);backgroundColor=props.isFocused?rgba(foregroundColor,0.08):'inherit';}else{foregroundColor=props.theme.colors.foreground;backgroundColor=props.isFocused?getColor('primaryHue',600,props.theme,0.08):'inherit';}return styled.css(["background-color:",";color:",";& a,& a:hover,& a:focus,& a:active{color:inherit;}"],backgroundColor,foregroundColor);};var StyledItem=styled__default["default"].li.attrs(function(props){return{'data-garden-id':COMPONENT_ID$j,'data-garden-version':'8.53.2','aria-disabled':props.disabled};}).withConfig({displayName:"StyledItem",componentId:"sc-1xeog7q-0"})(["display:block;position:relative;z-index:0;cursor:",";padding:"," ","px;text-decoration:none;line-height:","px;word-wrap:break-word;user-select:none;&:first-child{margin-top:","px;}&:last-child{margin-bottom:","px;}&:focus{outline:none;}& a,& a:hover,& a:focus,& a:active{text-decoration:none;}",";",";"],function(props){return props.disabled?'default':'pointer';},function(props){return getItemPaddingVertical(props);},function(props){return props.theme.space.base*9;},function(props){return props.theme.space.base*5;},function(props){return props.theme.space.base;},function(props){return props.theme.space.base;},function(props){return getColorStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$j,props);});StyledItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$i='dropdowns.add_item';var StyledAddItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$i,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledAddItem",componentId:"sc-ekqk50-0"})(["color:",";",";"],function(props){return!props.disabled&&getColor('primaryHue',600,props.theme);},function(props){return retrieveComponentStyles(COMPONENT_ID$i,props);});StyledAddItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$h='dropdowns.item_meta';var StyledItemMeta=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$h,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledItemMeta",componentId:"sc-k6xy28-0"})(["display:block;line-height:","px;color:",";font-size:",";",";"],function(props){return props.theme.space.base*(props.isCompact?3:4);},function(props){return getColor('neutralHue',props.isDisabled?400:600,props.theme);},function(props){return props.theme.fontSizes.sm;},function(props){return retrieveComponentStyles(COMPONENT_ID$h,props);});StyledItemMeta.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$g='dropdowns.item_icon';var getSizeStyles=function getSizeStyles(props){return styled.css(["width:",";height:calc(","px + ",");"],props.theme.iconSizes.md,props.theme.space.base*5,math("".concat(getItemPaddingVertical(props)," * 2")));};var StyledItemIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$g,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledItemIcon",componentId:"sc-1v0ty11-0"})(["display:flex;position:absolute;top:0;",":","px;align-items:center;justify-content:center;transition:opacity 0.1s ease-in-out;opacity:",";color:",";",";& > *{width:",";height:",";}"],function(props){return props.theme.rtl?'right':'left';},function(props){return props.theme.space.base*3;},function(props){return props.isVisible?'1':'0';},function(props){return props.isDisabled?'inherit':getColor('primaryHue',600,props.theme);},function(props){return getSizeStyles(props);},function(props){return props.theme.iconSizes.md;},function(props){return props.theme.iconSizes.md;});StyledItemIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$f='dropdowns.next_item';var StyledNextItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$f,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledNextItem",componentId:"sc-1bcygn5-0"})(["","{right:",";left:",";}",";"],StyledItemIcon,function(props){return props.theme.rtl?'auto':"".concat(props.theme.space.base*3,"px");},function(props){return props.theme.rtl?"".concat(props.theme.space.base*3,"px"):'auto';},function(props){return retrieveComponentStyles(COMPONENT_ID$f,props);});StyledNextItem.defaultProps={theme:DEFAULT_THEME};var _path$4;function _extends$4(){_extends$4=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$4.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4||(_path$4=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"})));};var COMPONENT_ID$e='dropdowns.next_item_icon';var NextIconComponent=function NextIconComponent(_ref){var className=_ref.className;return React__default__default["default"].createElement(SvgChevronRightStroke,{"data-garden-id":COMPONENT_ID$e,"data-garden-version":'8.53.2',className:className});};var StyledNextIcon=styled__default["default"](NextIconComponent).withConfig({displayName:"StyledNextIcon",componentId:"sc-1rinki2-0"})(["transform:",";color:",";",";"],function(props){return props.theme.rtl&&'rotate(180deg)';},function(props){return props.isDisabled?'inherit':getColor('neutralHue',600,props.theme);},function(props){return retrieveComponentStyles(COMPONENT_ID$e,props);});StyledNextIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$d='dropdowns.previous_item';var StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPreviousItem",componentId:"sc-1nmdds9-0"})(["font-weight:",";",";"],function(props){return props.theme.fontWeights.semibold;},function(props){return retrieveComponentStyles(COMPONENT_ID$d,props);});StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;function _extends$3(){_extends$3=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$3.apply(this,arguments);}var SvgChevronLeftStroke=function SvgChevronLeftStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$3||(_path$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"})));};var COMPONENT_ID$c='dropdowns.previous_item_icon';var PreviousIconComponent=function PreviousIconComponent(_ref){var className=_ref.className;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c,"data-garden-version":'8.53.2',className:className});};var StyledPreviousIcon=styled__default["default"](PreviousIconComponent).withConfig({displayName:"StyledPreviousIcon",componentId:"sc-czfwj7-0"})(["transform:",";color:",";",";"],function(props){return props.theme.rtl&&'rotate(180deg)';},function(props){return props.isDisabled?'inherit':getColor('neutralHue',600,props.theme);},function(props){return retrieveComponentStyles(COMPONENT_ID$c,props);});StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$b='dropdowns.header_icon';var StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledHeaderIcon",componentId:"sc-1fl6nsz-0"})(["display:flex;position:absolute;top:0;bottom:0;align-items:center;justify-content:center;",":","px;color:",";& > *{width:",";height:",";}",";"],function(props){return props.theme.rtl?'right':'left';},function(props){return props.theme.space.base*3;},function(props){return getColor('neutralHue',600,props.theme);},function(props){return props.theme.iconSizes.md;},function(props){return props.theme.iconSizes.md;},function(props){return retrieveComponentStyles(COMPONENT_ID$b,props);});StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$a='dropdowns.header_item';var getHorizontalPadding=function getHorizontalPadding(props){if(props.hasIcon){return undefined;}return"".concat(props.theme.space.base*3,"px");};var StyledHeaderItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$a,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledHeaderItem",componentId:"sc-137filx-0"})(["cursor:default;padding-right:",";padding-left:",";font-weight:",";",";"],function(props){return getHorizontalPadding(props);},function(props){return getHorizontalPadding(props);},function(props){return props.theme.fontWeights.semibold;},function(props){return retrieveComponentStyles(COMPONENT_ID$a,props);});StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$9='dropdowns.media_body';var StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMediaBody",componentId:"sc-36j7ef-0"})(["display:block;overflow:hidden;padding-",":","px;",";"],function(props){return props.theme.rtl?'right':'left';},function(props){return props.theme.space.base*2;},function(props){return retrieveComponentStyles(COMPONENT_ID$9,props);});StyledMediaBody.defaultProps={theme:DEFAULT_THEME};var _excluded$b=["children","isCompact","theme"];var COMPONENT_ID$8='dropdowns.media_figure';var StyledMediaFigure=styled__default["default"](function(_ref){var children=_ref.children;_ref.isCompact;_ref.theme;var props=_objectWithoutProperties$1(_ref,_excluded$b);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMediaFigure",componentId:"sc-2f2x8x-0"})(["float:",";margin-top:","px !important;width:",";height:",";",";"],function(props){return props.theme.rtl?'right':'left';},function(props){return props.theme.space.base*0.5;},function(props){return props.theme.iconSizes.md;},function(props){return props.theme.iconSizes.md;},function(props){return retrieveComponentStyles(COMPONENT_ID$8,props);});StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$7='dropdowns.media_item';var StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$7,props);});StyledMediaItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='dropdowns.faux_input';var StyledFauxInput=styled__default["default"](FauxInput).attrs(function(props){return{'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2',mediaLayout:true,theme:props.theme};}).withConfig({displayName:"StyledFauxInput",componentId:"sc-1l592ed-0"})(["cursor:",";min-width:","px;",";"],function(props){return!props.disabled&&'pointer';},function(props){return props.theme.space.base*(props.isCompact?25:36);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledFauxInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$5='dropdowns.input';var hiddenStyling=styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);var StyledInput=styled__default["default"](Input).attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.53.2',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],function(props){return props.isHidden&&hiddenStyling;},function(props){return retrieveComponentStyles(COMPONENT_ID$5,props);});StyledInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$4='dropdowns.select';var StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledSelect",componentId:"sc-xifmwj-0"})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$4,props);});StyledSelect.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3$1='dropdowns.multiselect_input';var visibleStyling=function visibleStyling(props){var margin=props.isVisible?"".concat(props.theme.space.base/2,"px"):0;var minWidth=props.isVisible?"".concat(props.theme.space.base*15,"px"):0;var height='0';if(props.isVisible){height="".concat(props.theme.space.base*(props.isCompact?5:8),"px");}return styled.css(["opacity:",";margin:",";width:",";min-width:",";height:",";"],!props.isVisible&&0,margin,!props.isVisible&&0,minWidth,height);};var StyledMultiselectInput=styled__default["default"](StyledInput).attrs({'data-garden-id':COMPONENT_ID$3$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMultiselectInput",componentId:"sc-1avnf6f-0"})(["flex-basis:","px;flex-grow:1;align-self:center;min-height:0;",";",";"],function(props){return props.theme.space.base*15;},function(props){return visibleStyling(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$3$1,props);});StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='dropdowns.multiselect_items_container';var sizeStyles$1=function sizeStyles(props){var margin;var padding;if(!props.isBare){var marginVertical=props.isCompact?"-".concat(props.theme.space.base*1.5,"px"):"-".concat(props.theme.space.base*2.5,"px");margin="".concat(marginVertical," 0");var paddingVertical=props.isCompact?'3px':'1px';var paddingEnd="".concat(props.theme.space.base,"px");padding="".concat(paddingVertical," ").concat(props.theme.rtl?0:paddingEnd," ").concat(paddingVertical," ").concat(props.theme.rtl?paddingEnd:0);}return styled.css(["margin:",";padding:",";"],margin,padding);};var StyledMultiselectItemsContainer=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMultiselectItemsContainer",componentId:"sc-1jzhet8-0"})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;",";",";"],function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$1='dropdowns.multiselect_item_wrapper';var StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMultiselectItemWrapper",componentId:"sc-1rb2bye-0"})(["display:inline-flex;align-items:center;margin:","px;max-width:100%;",";"],function(props){return props.theme.space.base/2;},function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$n='dropdowns.multiselect_more_anchor';var StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$n,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMultiselectMoreAnchor",componentId:"sc-1m9v46e-0"})(["display:inline-block;cursor:",";padding:","px 0;overflow:hidden;user-select:none;text-overflow:ellipsis;line-height:",";white-space:nowrap;color:",";:hover{text-decoration:",";}",";"],function(props){return props.isDisabled?'default':'pointer';},function(props){return props.theme.space.base*(props.isCompact?0.75:1.5);},function(props){return props.isCompact?'1em':getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md);},function(props){return props.isDisabled?getColor('neutralHue',400,props.theme):getColor('primaryHue',600,props.theme);},function(props){return!props.isDisabled&&'underline';},function(props){return retrieveComponentStyles(COMPONENT_ID$n,props);});StyledMultiselectMoreAnchor.defaultProps={theme:DEFAULT_THEME};var _excluded$a=["children","refKey"],_excluded2$5=["ref"];var Trigger=function Trigger(_ref){var children=_ref.children,refKey=_ref.refKey,triggerProps=_objectWithoutProperties$1(_ref,_excluded$a);var _useDropdownContext=useDropdownContext(),hasMenuRef=_useDropdownContext.hasMenuRef,itemSearchRegistry=_useDropdownContext.itemSearchRegistry,_useDropdownContext$d=_useDropdownContext.downshift,getRootProps=_useDropdownContext$d.getRootProps,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getInputProps=_useDropdownContext$d.getInputProps,isOpen=_useDropdownContext$d.isOpen,highlightedIndex=_useDropdownContext$d.highlightedIndex,selectItemAtIndex=_useDropdownContext$d.selectItemAtIndex,setHighlightedIndex=_useDropdownContext$d.setHighlightedIndex;var hiddenInputRef=React__default.useRef(null);var triggerRef=React__default.useRef(null);var previousIsOpenRef=React__default.useRef(undefined);var _useState=React__default.useState(''),_useState2=_slicedToArray$1(_useState,2),searchString=_useState2[0],setSearchString=_useState2[1];var searchTimeoutRef=React__default.useRef();var currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(function(){if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,hasMenuRef]);React__default.useEffect(function(){if(hasMenuRef.current===false){hasMenuRef.current=true;}},[hasMenuRef]);React__default.useEffect(function(){if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(function(){setSearchString('');},500);return function(){clearTimeout(searchTimeoutRef.current);};},[searchString]);var searchItems=React__default.useCallback(function(searchValue,startIndex,endIndex){for(var index=startIndex;index<endIndex;index++){var itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);var onInputKeyDown=React__default.useCallback(function(e){if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}var character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}var newSearchString=searchString+character;setSearchString(newSearchString);var matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,setHighlightedIndex]);var renderChildren=function renderChildren(popperRef){var _getRootProps=getRootProps(),rootPropsRefCallback=_getRootProps.ref,rootProps=_objectWithoutProperties$1(_getRootProps,_excluded2$5);var listboxToggleProps=getToggleButtonProps(_objectSpread2$1(_objectSpread2$1(_objectSpread2$1({},rootProps),{},{role:null,'aria-labelledby':undefined},triggerProps),children.props));var menuToggleProps=_objectSpread2$1(_objectSpread2$1({},listboxToggleProps),{},{'aria-haspopup':'true','aria-controls':listboxToggleProps['aria-owns'],'aria-owns':null});var toggleButtonProps=hasMenuRef.current?menuToggleProps:listboxToggleProps;return React__default__default["default"].cloneElement(React__default__default["default"].Children.only(children),_objectSpread2$1(_objectSpread2$1({},toggleButtonProps),{},_defineProperty$1({},refKey,function(childRef){popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);})));};return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(React__default__default["default"].Fragment,null,renderChildren(popperReference),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:function onClick(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})));});};Trigger.propTypes={children:propTypes.exports.any,refKey:propTypes.exports.string};Trigger.defaultProps={refKey:'ref'};var _path$2;function _extends$2(){_extends$2=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.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2({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 FieldContext=React__default__default["default"].createContext(undefined);var useFieldContext=function useFieldContext(){var fieldContext=React__default.useContext(FieldContext);if(!fieldContext){throw new Error('This component must be rendered within a `Field` component.');}return fieldContext;};var _excluded$9=["children","inputRef","start"],_excluded2$4=["type"];var Autocomplete=React__default.forwardRef(function(_ref,_ref3){var children=_ref.children,controlledInputRef=_ref.inputRef,start=_ref.start,props=_objectWithoutProperties$1(_ref,_excluded$9);var _useDropdownContext=useDropdownContext(),popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,_useDropdownContext$d=_useDropdownContext.downshift,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getInputProps=_useDropdownContext$d.getInputProps,getRootProps=_useDropdownContext$d.getRootProps,isOpen=_useDropdownContext$d.isOpen,setDropdownType=_useDropdownContext.setDropdownType;var _useFieldContext=useFieldContext(),isLabelHovered=_useFieldContext.isLabelHovered;var inputRef=React__default.useRef();var triggerRef=React__default.useRef();var previousIsOpenRef=React__default.useRef(isOpen);var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$1(_useState3,2),isFocused=_useState4[0],setIsFocused=_useState4[1];React__default.useEffect(function(){if(inputRef.current&&isOpen!==previousIsOpenRef.current){inputRef.current.focus();}previousIsOpenRef.current=isOpen;},[inputRef,isOpen]);var _getToggleButtonProps=getToggleButtonProps(getRootProps(_objectSpread2$1(_objectSpread2$1({role:null},props),{},{onKeyDown:composeEventHandlers(props.onKeyDown,function(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}}),onMouseEnter:composeEventHandlers(props.onMouseEnter,function(){return setIsHovered(true);}),onMouseLeave:composeEventHandlers(props.onMouseLeave,function(){return setIsHovered(false);})})));_getToggleButtonProps.type;var selectProps=_objectWithoutProperties$1(_getToggleButtonProps,_excluded2$4);var isContainerHovered=isLabelHovered&&!isOpen;var isContainerFocused=isOpen||isFocused;React__default.useEffect(function(){setDropdownType('autocomplete');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused,tabIndex:null},selectProps,{ref:function ref(selectRef){popperReference(selectRef);mergeRefs([triggerRef,_ref3])(selectRef);popperReferenceElementRef.current=selectRef;}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),!isOpen&&React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({isHidden:!isOpen,disabled:props.disabled,onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);},onClick:function onClick(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},role:'combobox',ref:mergeRefs([inputRef,controlledInputRef||null])})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Autocomplete.displayName='Autocomplete';Autocomplete.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};var _excluded$8=["isCompact","isBare","disabled","focusInset","placeholder","validation","inputRef","start","end"];var Combobox=React__default.forwardRef(function(_ref,ref){var isCompact=_ref.isCompact,isBare=_ref.isBare,disabled=_ref.disabled,focusInset=_ref.focusInset,placeholder=_ref.placeholder,validation=_ref.validation,_ref$inputRef=_ref.inputRef,inputRefProp=_ref$inputRef===void 0?null:_ref$inputRef,start=_ref.start,end=_ref.end,props=_objectWithoutProperties$1(_ref,_excluded$8);var _useDropdownContext=useDropdownContext(),popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,_useDropdownContext$d=_useDropdownContext.downshift,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getInputProps=_useDropdownContext$d.getInputProps,getRootProps=_useDropdownContext$d.getRootProps,isOpen=_useDropdownContext$d.isOpen,setDropdownType=_useDropdownContext.setDropdownType;var wrapperRef=React__default.useRef();var inputRef=React__default.useRef();var isOpenRef=React__default.useRef(isOpen);var wrapperProps=getToggleButtonProps(getRootProps(_objectSpread2$1({role:null,type:null,onClick:function onClick(event){event.nativeEvent.preventDownshiftDefault=true;}},props)));var inputProps=getInputProps({isCompact:isCompact,isBare:isBare,disabled:disabled,focusInset:focusInset,placeholder:placeholder,validation:validation,start:start,end:end,role:'combobox',onKeyDown:function onKeyDown(event){if(event.keyCode===KEY_CODES.SPACE||!isOpen&&[KEY_CODES.DOWN,KEY_CODES.UP].includes(event.keyCode)){event.nativeEvent.preventDownshiftDefault=true;}},onClick:function onClick(event){event.nativeEvent.preventDownshiftDefault=true;}});React__default.useEffect(function(){if(inputRef.current&&isOpen!==isOpenRef.current){inputRef.current.focus();}isOpenRef.current=isOpen;},[inputRef,isOpen]);React__default.useEffect(function(){setDropdownType('combobox');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;var wrapperRefProp=function wrapperRefProp(element){popperReference(element);mergeRefs([wrapperRef,ref])(element);popperReferenceElementRef.current=element;};return React__default__default["default"].createElement(MediaInput,_extends$5({},inputProps,{wrapperProps:wrapperProps,wrapperRef:wrapperRefProp,ref:mergeRefs([inputRef,inputRefProp])}));});});Combobox.displayName='Combobox';Combobox.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,placeholder:propTypes.exports.string,validation:propTypes.exports.oneOf(VALIDATION)};var _excluded$7=["renderItem","placeholder","maxItems","renderShowMore","inputRef","start","onKeyDown"],_excluded2$3=["type"];var Multiselect=React__default__default["default"].forwardRef(function(_ref,_ref3){var renderItem=_ref.renderItem,placeholder=_ref.placeholder,maxItems=_ref.maxItems,renderShowMore=_ref.renderShowMore,_ref$inputRef=_ref.inputRef,externalInputRef=_ref$inputRef===void 0?null:_ref$inputRef,start=_ref.start,onKeyDown=_ref.onKeyDown,props=_objectWithoutProperties$1(_ref,_excluded$7);var _useDropdownContext=useDropdownContext(),popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,_useDropdownContext$s=_useDropdownContext.selectedItems,selectedItems=_useDropdownContext$s===void 0?[]:_useDropdownContext$s,containsMultiselectRef=_useDropdownContext.containsMultiselectRef,previousIndexRef=_useDropdownContext.previousIndexRef,_useDropdownContext$d=_useDropdownContext.downshift,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getRootProps=_useDropdownContext$d.getRootProps,getInputProps=_useDropdownContext$d.getInputProps,isOpen=_useDropdownContext$d.isOpen,closeMenu=_useDropdownContext$d.closeMenu,inputValue=_useDropdownContext$d.inputValue,setDownshiftState=_useDropdownContext$d.setState,itemToString=_useDropdownContext$d.itemToString,setDropdownType=_useDropdownContext.setDropdownType;var _useFieldContext=useFieldContext(),isLabelHovered=_useFieldContext.isLabelHovered;var inputRef=React__default.useRef();var triggerRef=React__default.useRef();var blurTimeoutRef=React__default.useRef();var previousIsOpenRef=React__default.useRef(undefined);var previousIsFocusedRef=React__default.useRef(undefined);var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$1(_useState3,2),isFocused=_useState4[0],setIsFocused=_useState4[1];var _useState5=React__default.useState(undefined),_useState6=_slicedToArray$1(_useState5,2),focusedItem=_useState6[0],setFocusedItem=_useState6[1];var themeContext=React__default.useContext(styled.ThemeContext);var environment=useDocument(themeContext);var _useSelection=useSelection({rtl:themeContext.rtl,focusedItem:focusedItem,selectedItem:undefined,onFocus:function onFocus(item){setFocusedItem(item);}}),getContainerProps=_useSelection.getContainerProps,getItemProps=_useSelection.getItemProps;React__default.useEffect(function(){containsMultiselectRef.current=true;var tempRef=blurTimeoutRef;return function(){clearTimeout(tempRef.current);};},[]);React__default.useEffect(function(){if(inputRef.current){if(isOpen&&!previousIsOpenRef.current){inputRef.current.focus();}else if(isFocused&&!previousIsFocusedRef.current&&focusedItem===undefined){inputRef.current.focus();}}previousIsOpenRef.current=isOpen;previousIsFocusedRef.current=isFocused;},[isOpen,inputRef,isFocused,focusedItem]);React__default.useEffect(function(){if(focusedItem!==undefined&&isOpen){closeMenu();}},[focusedItem,isOpen,closeMenu]);var _getToggleButtonProps=getToggleButtonProps(getRootProps(_objectSpread2$1({tabIndex:props.disabled?undefined:-1,onKeyDown:composeEventHandlers(onKeyDown,function(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}else if(!inputValue&&e.keyCode===KEY_CODES.HOME){setFocusedItem(selectedItems[0]);e.preventDefault();}}),onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(e){var currentTarget=e.currentTarget;blurTimeoutRef.current=setTimeout(function(){if(environment&&!currentTarget.contains(environment.activeElement)){setIsFocused(false);}},0);},onMouseEnter:composeEventHandlers(props.onMouseEnter,function(){return setIsHovered(true);}),onMouseLeave:composeEventHandlers(props.onMouseLeave,function(){return setIsHovered(false);}),role:null},props)));_getToggleButtonProps.type;var selectProps=_objectWithoutProperties$1(_getToggleButtonProps,_excluded2$3);var renderSelectableItem=React__default.useCallback(function(item,index){var removeValue=function removeValue(){setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:item});inputRef.current&&inputRef.current.focus();};var renderedItem=renderItem({value:item,removeValue:removeValue});var focusRef=React__default__default["default"].createRef();var clonedChild=React__default__default["default"].cloneElement(renderedItem,_objectSpread2$1(_objectSpread2$1({},getItemProps({item:item,focusRef:focusRef,onKeyDown:function onKeyDown(e){if(e.keyCode===KEY_CODES.DELETE||e.keyCode===KEY_CODES.BACKSPACE){e.preventDefault();removeValue();}if(e.keyCode===KEY_CODES.END&&!inputValue){inputRef.current&&inputRef.current.focus();e.preventDefault();}if(themeContext.rtl){if(e.keyCode===KEY_CODES.RIGHT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.LEFT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}else{if(e.keyCode===KEY_CODES.LEFT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.RIGHT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}},onClick:function onClick(e){e.nativeEvent.preventDownshiftDefault=true;},tabIndex:-1})),{},{size:props.isCompact?'medium':'large'}));var key="".concat(itemToString(item),"-").concat(index);return React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:key},clonedChild);},[getItemProps,inputValue,renderItem,setDownshiftState,itemToString,selectedItems,props,inputRef,themeContext.rtl]);var items=React__default.useMemo(function(){var itemValues=selectedItems||[];var output=[];for(var x=0;x<itemValues.length;x++){var item=itemValues[x];if(x<maxItems){if(props.disabled){var renderedItem=React__default__default["default"].cloneElement(renderItem({value:item,removeValue:function removeValue(){return undefined;}}),{size:props.isCompact?'medium':'large'});output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:x},renderedItem));}else{output.push(renderSelectableItem(item,x));}}else if(!isFocused&&!inputValue||props.disabled){output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:"more-anchor"},React__default__default["default"].createElement(StyledMultiselectMoreAnchor,{isCompact:props.isCompact,isDisabled:props.disabled},renderShowMore?renderShowMore(itemValues.length-x):"+ ".concat(itemValues.length-x," more"))));break;}else{output.push(renderSelectableItem(item,x));}}return output;},[isFocused,props.disabled,renderSelectableItem,selectedItems,renderItem,inputValue,maxItems,renderShowMore,props.isCompact]);var isContainerHovered=isLabelHovered&&!isOpen;var isContainerFocused=isOpen||isFocused;React__default.useEffect(function(){setDropdownType('multiselect');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(StyledFauxInput,getContainerProps(_objectSpread2$1(_objectSpread2$1({},selectProps),{},{isHovered:isContainerHovered,isFocused:isContainerFocused,ref:function ref(selectRef){popperReference(selectRef);mergeRefs([triggerRef,popperReferenceElementRef,_ref3])(selectRef);}})),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledMultiselectItemsContainer,{isBare:props.isBare,isCompact:props.isCompact},items,React__default__default["default"].createElement(StyledMultiselectInput,getInputProps({disabled:props.disabled,onFocus:function onFocus(){setFocusedItem(undefined);},onClick:function onClick(e){if(inputValue&&inputValue.length>0&&isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:function onKeyDown(e){if(!inputValue){if(themeContext.rtl&&e.keyCode===KEY_CODES.RIGHT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(!themeContext.rtl&&e.keyCode===KEY_CODES.LEFT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(e.keyCode===KEY_CODES.BACKSPACE&&selectedItems.length>0){setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:selectedItems[selectedItems.length-1]});e.nativeEvent.preventDownshiftDefault=true;e.preventDefault();e.stopPropagation();}}},isVisible:isFocused||inputValue||selectedItems.length===0,isCompact:props.isCompact,role:'combobox',ref:mergeRefs([inputRef,externalInputRef]),placeholder:selectedItems.length===0?placeholder:undefined}))),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Multiselect.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,renderItem:propTypes.exports.func.isRequired,maxItems:propTypes.exports.number,validation:propTypes.exports.oneOf(['success','warning','error'])};Multiselect.defaultProps={maxItems:4};Multiselect.displayName='Multiselect';var _excluded$6=["children","start"],_excluded2$2=["type"];var Select=React__default__default["default"].forwardRef(function(_ref,_ref3){var children=_ref.children,start=_ref.start,props=_objectWithoutProperties$1(_ref,_excluded$6);var _useDropdownContext=useDropdownContext(),popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,itemSearchRegistry=_useDropdownContext.itemSearchRegistry,_useDropdownContext$d=_useDropdownContext.downshift,getToggleButtonProps=_useDropdownContext$d.getToggleButtonProps,getInputProps=_useDropdownContext$d.getInputProps,isOpen=_useDropdownContext$d.isOpen,highlightedIndex=_useDropdownContext$d.highlightedIndex,setHighlightedIndex=_useDropdownContext$d.setHighlightedIndex,selectItemAtIndex=_useDropdownContext$d.selectItemAtIndex,closeMenu=_useDropdownContext$d.closeMenu;var _useFieldContext=useFieldContext(),isLabelHovered=_useFieldContext.isLabelHovered;var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$1(_useState3,2),isFocused=_useState4[0],setIsFocused=_useState4[1];var hiddenInputRef=React__default.useRef();var triggerRef=React__default.useRef();var previousIsOpenRef=React__default.useRef(undefined);var _useState5=React__default.useState(''),_useState6=_slicedToArray$1(_useState5,2),searchString=_useState6[0],setSearchString=_useState6[1];var searchTimeoutRef=React__default.useRef();var currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(function(){if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,triggerRef]);React__default.useEffect(function(){if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(function(){setSearchString('');},500);return function(){clearTimeout(searchTimeoutRef.current);};},[searchString]);var searchItems=React__default.useCallback(function(searchValue,startIndex,endIndex){for(var index=startIndex;index<endIndex;index++){var itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);var onInputKeyDown=React__default.useCallback(function(e){if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);closeMenu();}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}var character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}var newSearchString=searchString+character;setSearchString(newSearchString);var matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,closeMenu,setHighlightedIndex]);var _getToggleButtonProps=getToggleButtonProps(_objectSpread2$1({tabIndex:props.disabled?undefined:0,onMouseEnter:composeEventHandlers(props.onMouseEnter,function(){return setIsHovered(true);}),onMouseLeave:composeEventHandlers(props.onMouseLeave,function(){return setIsHovered(false);}),onFocus:composeEventHandlers(props.onFocus,function(){return setIsFocused(true);}),onBlur:composeEventHandlers(props.onBlur,function(){return setIsFocused(false);})},props));_getToggleButtonProps.type;var selectProps=_objectWithoutProperties$1(_getToggleButtonProps,_excluded2$2);var isContainerHovered=isLabelHovered&&!isOpen;var isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused},selectProps,{ref:function ref(selectRef){popperReference(selectRef);mergeRefs([triggerRef,_ref3,popperReferenceElementRef])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:function onClick(e){if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Select.displayName='Select';Select.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.any};var Field=React__default.forwardRef(function(props,fieldRef){var _useDropdownContext=useDropdownContext(),getRootProps=_useDropdownContext.downshift.getRootProps;var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_useState,2),isLabelHovered=_useState2[0],setIsLabelHovered=_useState2[1];var _getRootProps=getRootProps(),ref=_getRootProps.ref;var value=React__default.useMemo(function(){return{isLabelHovered:isLabelHovered,setIsLabelHovered:setIsLabelHovered};},[isLabelHovered,setIsLabelHovered]);return React__default__default["default"].createElement(FieldContext.Provider,{value:value},React__default__default["default"].createElement(Field$1,_extends$5({ref:mergeRefs([ref,fieldRef])},props)));});Field.displayName='Field';var Hint=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Hint$1,_extends$5({ref:ref},props));});Hint.displayName='Hint';var _excluded$5=["onMouseEnter","onMouseLeave"];var Label$1=React__default__default["default"].forwardRef(function(_ref,ref){var onMouseEnter=_ref.onMouseEnter,onMouseLeave=_ref.onMouseLeave,other=_objectWithoutProperties$1(_ref,_excluded$5);var _useDropdownContext=useDropdownContext(),getLabelProps=_useDropdownContext.downshift.getLabelProps;var _useFieldContext=useFieldContext(),setIsLabelHovered=_useFieldContext.setIsLabelHovered;var labelProps=getLabelProps(_objectSpread2$1({onMouseEnter:composeEventHandlers(onMouseEnter,function(){setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers(onMouseLeave,function(){setIsLabelHovered(false);})},other));return React__default__default["default"].createElement(Label$1$1,_extends$5({ref:ref},labelProps));});Label$1.displayName='Label';Label$1.propTypes={isRegular:propTypes.exports.bool};var Message$1=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Message$2,_extends$5({ref:ref},props));});Message$1.displayName='Message';Message$1.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};var SHARED_PLACEMENT=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];var PLACEMENT=[].concat(SHARED_PLACEMENT,['end','end-top','end-bottom','start','start-top','start-bottom']);var MenuContext=React__default__default["default"].createContext(undefined);var useMenuContext=function useMenuContext(){var menuContext=React__default.useContext(MenuContext);if(!menuContext){throw new Error('This component must be rendered within a `Menu` component.');}return menuContext;};var _excluded$4=["placement","popperModifiers","eventsEnabled","isAnimated","maxHeight","style","zIndex","isCompact","children","appendToNode"];var Menu=React__default.forwardRef(function(props,menuRef){var placement=props.placement,popperModifiers=props.popperModifiers,eventsEnabled=props.eventsEnabled,isAnimated=props.isAnimated,maxHeight=props.maxHeight,menuStyle=props.style,zIndex=props.zIndex,isCompact=props.isCompact,children=props.children,appendToNode=props.appendToNode,otherProps=_objectWithoutProperties$1(props,_excluded$4);var _useDropdownContext=useDropdownContext(),hasMenuRef=_useDropdownContext.hasMenuRef,itemIndexRef=_useDropdownContext.itemIndexRef,previousIndexRef=_useDropdownContext.previousIndexRef,nextItemsHashRef=_useDropdownContext.nextItemsHashRef,popperReferenceElementRef=_useDropdownContext.popperReferenceElementRef,itemSearchRegistry=_useDropdownContext.itemSearchRegistry,_useDropdownContext$d=_useDropdownContext.downshift,isOpen=_useDropdownContext$d.isOpen,getMenuProps=_useDropdownContext$d.getMenuProps;var scheduleUpdateRef=React__default.useRef(undefined);React__default.useEffect(function(){if(scheduleUpdateRef.current&&isOpen){scheduleUpdateRef.current();}});var _useState=React__default.useState(isOpen),_useState2=_slicedToArray$1(_useState,2),isVisible=_useState2[0],setIsVisible=_useState2[1];React__default.useEffect(function(){var timeout;if(isOpen){setIsVisible(true);}else if(isAnimated){timeout=setTimeout(function(){return setIsVisible(false);},200);}else{setIsVisible(false);}return function(){return clearTimeout(timeout);};},[isOpen,isAnimated]);var themeContext=React__default.useContext(styled.ThemeContext);itemIndexRef.current=0;nextItemsHashRef.current={};previousIndexRef.current=undefined;itemSearchRegistry.current=[];var popperPlacement=themeContext.rtl?getRtlPopperPlacement(placement):getPopperPlacement(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef:itemIndexRef,isCompact:isCompact}},React__default__default["default"].createElement(Popper,{placement:popperPlacement,modifiers:popperModifiers,eventsEnabled:isOpen&&eventsEnabled},function(_ref){var ref=_ref.ref,style=_ref.style,scheduleUpdate=_ref.scheduleUpdate,currentPlacement=_ref.placement;var computedStyle=menuStyle;scheduleUpdateRef.current=scheduleUpdate;if((isOpen||isVisible)&&popperReferenceElementRef.current&&popperReferenceElementRef.current.getBoundingClientRect){computedStyle=_objectSpread2$1({width:popperReferenceElementRef.current.getBoundingClientRect().width},menuStyle);}var menuProps=getMenuProps(_objectSpread2$1({role:hasMenuRef.current?'menu':'listbox',placement:currentPlacement,isAnimated:isAnimated&&(isOpen||isVisible)},otherProps));var menu=React__default__default["default"].createElement(StyledMenuWrapper,{ref:isOpen?ref:undefined,hasArrow:menuProps.hasArrow,placement:menuProps.placement,style:style,isHidden:!isOpen,isAnimated:menuProps.isAnimated,zIndex:zIndex},React__default__default["default"].createElement(StyledMenu$1,_extends$5({ref:menuRef,isCompact:isCompact,maxHeight:maxHeight,style:computedStyle},menuProps),(isOpen||isVisible)&&children));return appendToNode?reactDom.createPortal(menu,appendToNode):menu;}));});Menu.displayName='Menu';Menu.propTypes={popperModifiers:propTypes.exports.any,eventsEnabled:propTypes.exports.bool,zIndex:propTypes.exports.number,style:propTypes.exports.object,placement:propTypes.exports.oneOf(PLACEMENT),isAnimated:propTypes.exports.bool,isCompact:propTypes.exports.bool,hasArrow:propTypes.exports.bool,maxHeight:propTypes.exports.string};Menu.defaultProps={placement:'bottom-start',isAnimated:true,eventsEnabled:true,maxHeight:'400px',zIndex:1000};var Separator=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledSeparator,_extends$5({ref:ref},props));});Separator.displayName='Separator';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 SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path;function _extends$6(){_extends$6=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$6.apply(this,arguments);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$6({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};var ItemContext=React__default__default["default"].createContext(undefined);var useItemContext=function useItemContext(){var context=React__default.useContext(ItemContext);if(!context){throw new Error('This component must be rendered within an `Item` component.');}return context;};var _excluded$3=["value","disabled","isDanger","component","children"];var Item$1=React__default__default["default"].forwardRef(function(_ref,forwardRef){var value=_ref.value,disabled=_ref.disabled,isDanger=_ref.isDanger,_ref$component=_ref.component,component=_ref$component===void 0?StyledItem:_ref$component,children=_ref.children,props=_objectWithoutProperties$1(_ref,_excluded$3);var _useDropdownContext=useDropdownContext(),selectedItems=_useDropdownContext.selectedItems,hasMenuRef=_useDropdownContext.hasMenuRef,itemSearchRegistry=_useDropdownContext.itemSearchRegistry,_useDropdownContext$d=_useDropdownContext.downshift,isOpen=_useDropdownContext$d.isOpen,selectedItem=_useDropdownContext$d.selectedItem,highlightedIndex=_useDropdownContext$d.highlightedIndex,getItemProps=_useDropdownContext$d.getItemProps,setHighlightedIndex=_useDropdownContext$d.setHighlightedIndex,itemToString=_useDropdownContext$d.itemToString;var _useMenuContext=useMenuContext(),itemIndexRef=_useMenuContext.itemIndexRef,isCompact=_useMenuContext.isCompact;var itemRef=React__default.useRef();var Component=component;if((value===undefined||value===null)&&!disabled){throw new Error('All Item components require a `value` prop');}var currentIndex=itemIndexRef.current;var isFocused=highlightedIndex===currentIndex;var isSelected;React__default.useEffect(function(){if(!disabled&&itemRef.current){var itemTextValue=itemRef.current.innerText;if(itemTextValue){itemSearchRegistry.current[currentIndex]=itemTextValue;}}});if(value){if(selectedItems){isSelected=selectedItems.some(function(item){return itemToString(item)===itemToString(value);});}else{isSelected=itemToString(selectedItem)===itemToString(value);}}else{isSelected=false;}React__default.useEffect(function(){if(isOpen&&!disabled&&!selectedItems&&isSelected){setHighlightedIndex(currentIndex);}},[currentIndex,disabled,isOpen,isSelected,selectedItems,setHighlightedIndex]);var contextValue=React__default.useMemo(function(){return{isDisabled:disabled};},[disabled]);var ref=mergeRefs([itemRef,forwardRef]);if(disabled){return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,_extends$5({ref:ref,disabled:disabled,isDanger:isDanger,isCompact:isCompact},props),isSelected&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected,isDisabled:disabled},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));}itemIndexRef.current++;return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,getItemProps(_objectSpread2$1(_objectSpread2$1({item:value,isFocused:isFocused,ref:ref,isCompact:isCompact,isDanger:isDanger},hasMenuRef.current&&{role:'menuitem','aria-selected':null}),props)),isSelected&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));});Item$1.displayName='Item';Item$1.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var _excluded$2$1=["children","disabled"];var AddItemComponent=React__default__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,disabled=_ref.disabled,props=_objectWithoutProperties$1(_ref,_excluded$2$1);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledAddItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:true,isDisabled:disabled},React__default__default["default"].createElement(SvgPlusStroke,null)),children);});var AddItem=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Item$1,_extends$5({component:AddItemComponent,ref:ref},props));});AddItem.displayName='AddItem';AddItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var HeaderIcon=React__default__default["default"].forwardRef(function(props,ref){var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledHeaderIcon,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderIcon.displayName='HeaderIcon';var HeaderItem=React__default__default["default"].forwardRef(function(props,ref){var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledHeaderItem,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderItem.displayName='HeaderItem';var ItemMeta=React__default__default["default"].forwardRef(function(props,ref){var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;var _useItemContext=useItemContext(),isDisabled=_useItemContext.isDisabled;return React__default__default["default"].createElement(StyledItemMeta,_extends$5({ref:ref,isCompact:isCompact,isDisabled:isDisabled},props));});ItemMeta.displayName='ItemMeta';var MediaBody=React__default__default["default"].forwardRef(function(props,ref){var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledMediaBody,_extends$5({ref:ref,isCompact:isCompact},props));});MediaBody.displayName='MediaBody';var MediaItem=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Item$1,_extends$5({component:StyledMediaItem,ref:ref},props));});MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var _excluded$1$2=["children","disabled"],_excluded2$1=["value","disabled"];var NextItemComponent=React__default__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,disabled=_ref.disabled,props=_objectWithoutProperties$1(_ref,_excluded$1$2);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledNextItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledNextIcon,{isDisabled:disabled})),children);});var NextItem=React__default__default["default"].forwardRef(function(_ref2,ref){var value=_ref2.value,disabled=_ref2.disabled,props=_objectWithoutProperties$1(_ref2,_excluded2$1);var _useDropdownContext=useDropdownContext(),nextItemsHashRef=_useDropdownContext.nextItemsHashRef,itemToString=_useDropdownContext.downshift.itemToString;var _useMenuContext2=useMenuContext(),itemIndexRef=_useMenuContext2.itemIndexRef;if(!disabled){nextItemsHashRef.current[itemToString(value)]=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:NextItemComponent,"aria-expanded":true,disabled:disabled,value:value,ref:ref},props));});NextItem.displayName='NextItem';NextItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var _excluded$d=["children","disabled"],_excluded2$7=["value","disabled"];var PreviousItemComponent=React__default__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,disabled=_ref.disabled,props=_objectWithoutProperties$1(_ref,_excluded$d);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledPreviousItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledPreviousIcon,{isDisabled:disabled})),children);});var PreviousItem=React__default__default["default"].forwardRef(function(_ref2,ref){var value=_ref2.value,disabled=_ref2.disabled,props=_objectWithoutProperties$1(_ref2,_excluded2$7);var _useDropdownContext=useDropdownContext(),previousIndexRef=_useDropdownContext.previousIndexRef;var _useMenuContext2=useMenuContext(),itemIndexRef=_useMenuContext2.itemIndexRef;if(!disabled){previousIndexRef.current=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:PreviousItemComponent,"aria-expanded":true,value:value,disabled:disabled},props,{ref:ref}));});PreviousItem.displayName='PreviousItem';PreviousItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme,props=__rest(_a,["danger","theme"]);if(!danger)return __assign({color:theme.styles.textColorPrimary,primary:false},props);return __assign({color:theme.styles.colorDanger,primary:true},props);})(templateObject_2$7||(templateObject_2$7=__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 ",";\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"])),function(_a){var disabled=_a.disabled;if(disabled)return"";return styled.css(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n ",";\n "],["\n ",";\n "])),buttonLikeHoverable);},FONT_SIZES.SM,SPACINGS.XS,textColorForButton,function(_a){var _css=_a._css;return _css;});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$a,templateObject_2$7;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};var logger$1=new Logger("Loadable");var Container$4=styled__default["default"](FlexBox)(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer=styled__default["default"](FlexBox)(templateObject_2$6||(templateObject_2$6=__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$4||(templateObject_3$4=__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$1.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$1.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$4,__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,__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$3||(templateObject_4$3=__makeTemplateObject([""],[""])));var templateObject_1$9,templateObject_2$6,templateObject_3$4,templateObject_4$3;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger=new Logger("Dropdown");var Dropdown=function(props){var _a,_b,_c,_d;var _e;var state=(_a=__read(React__default.useState({isOpen:false}),2),_a[0]),setState=_a[1];var controlledState=__assign(__assign({},state),props);var filteringOptions=(_b=__read(React__default.useState(false),2),_b[0]),setFilteringOptionsTo=_b[1];var searchFilter=(_c=__read(React__default.useState(""),2),_c[0]),setSearchFilter=_c[1];var filteredOptions=(_d=__read(React__default.useState(props.options),2),_d[0]),setFilteredOptions=_d[1];var appendMenuToNode=props.appendMenuToNode,async=props.async,children=props.children,className=props.className,clearable=props.clearable,shouldFilterOptions=props.shouldFilterOptions,hint=props.hint,keyField=props.keyField,label=props.label,labelField=props.labelField,maxMenuHeight=props.maxMenuHeight,menuCSS=props.menuCSS,menuItemComponent=props.menuItemComponent,menuPopperModifiers=props.menuPopperModifiers,options=props.options,placement=props.placement,returnItemOnChange=props.returnItemOnChange,small=props.small,trigger=props.trigger,useRawOptions=props.useRawOptions,validation=props.validation,onChange=props.onChange,onStateChange=props.onStateChange;var selectedKey=props.selectedKey;var selectedKeys=props.selectedKeys;// TODO see if this function needs to be removed if we're also filtering
|
|
11768
11768
|
// in the SearchableSelector component
|
|
11769
11769
|
var filterFunc=React__default.useCallback(function(value){var searchText=value.trim().toLowerCase();var matchingOptions=options;if(searchText!==""){matchingOptions=options.filter(function(option){return option[labelField].trim().toLowerCase().indexOf(value.trim().toLowerCase())!==-1;});}setFilteredOptions(matchingOptions);setFilteringOptionsTo(false);},[options,labelField]);var filterMatchingOptionsRef=React__default.useRef(lodash.exports.debounce(filterFunc,300));React__default.useEffect(function(){if(!shouldFilterOptions)return;filterMatchingOptionsRef.current=lodash.exports.debounce(filterFunc,300);setFilteredOptions(options);setSearchFilter("");},[filterFunc,shouldFilterOptions,options]);React__default.useEffect(function(){if(!shouldFilterOptions)return;setFilteringOptionsTo(true);filterMatchingOptionsRef.current(searchFilter);},[searchFilter,shouldFilterOptions]);var message=props.message;var optionNodes=useRawOptions?options:createOptions(shouldFilterOptions?filteredOptions:options,keyField,labelField,menuItemComponent,filteringOptions,clearable);message=(_e=validation===null||validation===void 0?void 0:validation.message)!==null&&_e!==void 0?_e:message;var messageNode=message?jsxRuntime.jsx(Message,__assign({validation:validation.validation},{children:message})):null;var hintNode=hint?jsxRuntime.jsx(Hint,{children:hint}):null;var labelNode=label?jsxRuntime.jsx(Label,{children:label}):null;var handleChange=function(item){logger.writeInfo("selection made",item);setSearchFilter("");if(item===null||item===void 0?void 0:item.isClearingItem){onChange(null);return;}if(isArray(item)){handleMultiSelectChange(item);return;}if(useRawOptions||returnItemOnChange){// @ts-ignore
|
|
11770
11770
|
onChange(item);return;}if(!item||isString(item)||isNumber(item)){logger.writeInfo("Received SelectorItemKey from downshift");// @ts-ignore
|
|
@@ -11780,11 +11780,11 @@ onChange(__spreadArray([],__read(new Set(changes)),false));};var handleStateChan
|
|
|
11780
11780
|
};var optionsLoaded=optionNodes&&isNotEmpty(optionNodes);return(// @ts-ignore
|
|
11781
11781
|
jsxRuntime.jsxs(Dropdown$1,__assign({inputValue:searchFilter,selectedItem:selectedKey,selectedItems:selectedKeys?__spreadArray([],__read(new Set(selectedKeys)),false):undefined,isOpen:controlledState.isOpen,onInputValueChange:function(val){logger.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,__assign({className:className},{children:[labelNode,hintNode,children,messageNode]})),controlledState.isOpen?// @ts-ignore
|
|
11782
11782
|
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
|
|
11783
|
-
Dropdown=styled__default["default"](Dropdown)(templateObject_1$
|
|
11784
|
-
onChange:DO_NOTHING,onStateChange:DO_NOTHING};styled__default["default"](Multiselect)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n && {\n div { max-width: 100%; }\n }\n"],["\n && {\n div { max-width: 100%; }\n }\n"])));var Label=styled__default["default"](Label$1)(templateObject_6||(templateObject_6=__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 Component=o.Component,componentProps=o.componentProps,itemProps=o.itemProps,attrs=__rest(o,["Component","componentProps","itemProps"]);var ItemType=getItemType(attrs);return jsxRuntime.jsx(ItemType,__assign({value:o},itemProps,{children:Component?jsxRuntime.jsx(Component,__assign({},componentProps,{children:attrs[label]})):attrs[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$
|
|
11783
|
+
Dropdown=styled__default["default"](Dropdown)(templateObject_1$8||(templateObject_1$8=__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=styled__default["default"](Message$1)(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n && {\n font-size: ",";\n }\n"],["\n && {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$3||(templateObject_3$3=__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$2||(templateObject_4$2=__makeTemplateObject(["\n flex-direction: column;\n min-height: 50px;\n"],["\n flex-direction: column;\n min-height: 50px;\n"])));Dropdown.defaultProps={async:false,useRawOptions:false,returnItemOnChange:false,validation:{validation:VALIDATION_STATES.NONE},// maxMenuHeight: "20rem",
|
|
11784
|
+
onChange:DO_NOTHING,onStateChange:DO_NOTHING};styled__default["default"](Multiselect)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n && {\n div { max-width: 100%; }\n }\n"],["\n && {\n div { max-width: 100%; }\n }\n"])));var Label=styled__default["default"](Label$1)(templateObject_6||(templateObject_6=__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 Component=o.Component,componentProps=o.componentProps,itemProps=o.itemProps,attrs=__rest(o,["Component","componentProps","itemProps"]);var ItemType=getItemType(attrs);return jsxRuntime.jsx(ItemType,__assign({value:o},itemProps,{children:Component?jsxRuntime.jsx(Component,__assign({},componentProps,{children:attrs[label]})):attrs[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$8,templateObject_2$5,templateObject_3$3,templateObject_4$2,templateObject_5,templateObject_6;var COMPONENT_NAME="OverflowMenu";var OverflowButton=styled__default["default"](OverflowButton$1).attrs(function(_a){var theme=_a.theme;return{icon:js.mdiDotsVertical,"data-component-name":COMPONENT_NAME,compact:true,color:lightness(theme.styles.textColorPrimary,95),"aria-label":"Row actions",size:"small",primary:true,iconSize:"1.2rem",as:Button// color: darker(COLORS.GREY),
|
|
11785
11785
|
// pill: true,
|
|
11786
|
-
};})(templateObject_1$
|
|
11787
|
-
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton,{})});};var templateObject_1$
|
|
11786
|
+
};})(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n &&&& {\n margin-top: 4px;\n padding: 0 4px;\n }\n"],["\n &&&& {\n margin-top: 4px;\n padding: 0 4px;\n }\n"])));var OverflowMenu=function(_a){var actions=_a.actions,appendToNode=_a.appendToNode,placement=_a.placement;return jsxRuntime.jsx(Dropdown,{appendMenuToNode:appendToNode,keyField:"label",labelField:"label",// @ts-ignore
|
|
11787
|
+
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton,{})});};var templateObject_1$7;var PhonesOnly=function(_a){var children=_a.children;var isPhone=useDeviceSizeWatcher().isPhone;return isPhone?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesAndTabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isPhone=_b.isPhone,isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isPhone||isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var boxShadow=styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var roundBorder=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder$2=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n \n ",";\n ",";\n ",";\n ",";\n "," //& > section {\n // padding-bottom: 0;\n //}\n\n //& + section {\n // padding-top: 0;\n //}\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n \n ",";\n ",";\n ",";\n ",";\n "," //& > section {\n // padding-bottom: 0;\n //}\n\n //& + section {\n // padding-top: 0;\n //}\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";},function(_a){var color=_a.color;return color?textColorForBackground:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$6,templateObject_2$4,templateObject_3$2,templateObject_4$1;var removeHorizontalPadding=styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n padding: ",";\n ",";\n ","\n\n\n & > :first-child {\n margin-top: 0;\n }\n \n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n padding: ",";\n ",";\n ","\n\n\n & > :first-child {\n margin-top: 0;\n }\n \n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var theme=_a.theme;return theme.styles.section.body.padding;},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$5,templateObject_2$3;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className;return jsxRuntime.jsx(Container$3,__assign({bordered:bordered,className:className,justifyContent:"flex-end"},{children:actions}));})(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$3=styled__default["default"](FlexBox)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n width: 100%;\n padding: ",";\n ",";\n"],["\n width: 100%;\n padding: ",";\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.section.header.padding;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var templateObject_1$4,templateObject_2$2,templateObject_3$1;var SectionHeader=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.title,title=_c===void 0?children:_c;return jsxRuntime.jsxs(Container$2,__assign({bordered:bordered,className:className,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text,{children:caption}):null]}));})(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder=styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$2=styled__default["default"](FlexBox)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n width: 100%;\n padding: ",";\n ",";\n"],["\n width: 100%;\n padding: ",";\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.section.header.padding;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";});var Text=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n\n"])));var templateObject_1$3,templateObject_2$1,templateObject_3,templateObject_4;var Sidebar=function(_a){var actions=_a.actions,actionIconSize=_a.actionIconSize,activeAction=_a.activeAction,logo=_a.logo,lowerActions=_a.lowerActions;var createActionButtons=function(actions){return actions.map(function(a){var as=a.as,icon=a.icon,label=a.label;var props={active:label===activeAction,as:as,_css:actionButtonStyles,fluid:true,icon:icon,iconPosition:"left",iconSize:actionIconSize,key:label,size:BUTTON_SIZES.SMALL};return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props,{children:a.label})):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props,{children:a.label}));});};return jsxRuntime.jsxs(Container$1,__assign({gap:SPACINGS.XXXL,withRows:true},{children:[logo,jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,withRows:true},{children:createActionButtons(actions)})),jsxRuntime.jsx(FlexBox,__assign({gap:SPACINGS.XS,withRows:true},{children:lowerActions?createActionButtons(lowerActions):null}))]}));};var actionButtonStyles=styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n &&&&& {\n border-radius: ",";\n justify-content: flex-start;\n background: ",";\n color: ",";\n\n :hover {\n color: ",";\n }\n }\n"],["\n &&&&& {\n border-radius: ",";\n justify-content: flex-start;\n background: ",";\n color: ",";\n\n :hover {\n color: ",";\n }\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.actionButton.borderRadius;},function(_a){var active=_a.active,theme=_a.theme;return active?theme.styles.sidebar.actionButton.color:"transparent";},function(_a){var active=_a.active,theme=_a.theme;return active?theme.styles.textColorPrimary:fade(theme.styles.textColorPrimary,.2);},function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var Container$1=styled__default["default"](FlexBox)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n background: ",";\n height: 100%;\n padding: ",";\n width: ",";\n flex-shrink: 0;\n"],["\n background: ",";\n height: 100%;\n padding: ",";\n width: ",";\n flex-shrink: 0;\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.padding;},function(_a){var theme=_a.theme;return theme.styles.sidebar.width;});var templateObject_1$2,templateObject_2;var SidebarLayout=function(_a){var sidebar=_a.sidebar,mainContent=_a.mainContent;return jsxRuntime.jsxs(Container,__assign({gap:"unset"},{children:[sidebar,mainContent]}));};var Container=styled__default["default"](FlexBox)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n"])));var templateObject_1$1;var TabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};function canUseDOM(){return!!(typeof window!=="undefined"&&window.document&&window.document.createElement);}/**
|
|
11788
11788
|
* React currently throws a warning when using useLayoutEffect on the server. To
|
|
11789
11789
|
* get around it, we can conditionally useEffect on the server (no-op) and
|
|
11790
11790
|
* useLayoutEffect in the browser. We occasionally need useLayoutEffect to
|
|
@@ -11905,5 +11905,5 @@ serverHandoffComplete=true;}},[]);return(_ref=providedId!=null?providedId:id)!=n
|
|
|
11905
11905
|
*
|
|
11906
11906
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11907
11907
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11908
|
-
*/function ownKeys(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(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(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(){_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);}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;}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(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(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(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(o,minLen);}function _arrayLikeToArray(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 COMPONENT_ID$3='tabs.tab';var colorStyles=function colorStyles(_ref){var theme=_ref.theme,isSelected=_ref.isSelected;var selectedColor=getColor('primaryHue',600,theme);return styled.css(["border-color:",";color:",";&:hover{color:",";}&:active{border-color:currentColor;color:",";}&[data-garden-focus-visible]{color:",";}&[data-garden-focus-visible]::before{box-shadow:inset ",";}&[aria-disabled='true']{border-color:transparent;color:",";}"],isSelected&&'currentColor !important',isSelected?selectedColor:'inherit',selectedColor,selectedColor,selectedColor,theme.shadows.sm(getColor('primaryHue',600,theme,0.35)),function(props){return getColor('neutralHue',400,props.theme);});};var sizeStyles=function sizeStyles(_ref2){var theme=_ref2.theme;var paddingTop=theme.space.base*2.5;var paddingHorizontal=theme.space.base*7;var paddingBottom=paddingTop-stripUnit(theme.borderWidths.md)-stripUnit(theme.borderWidths.sm);return styled.css(["padding:","px ","px ","px;"],paddingTop,paddingHorizontal,paddingBottom);};var StyledTab=styled__default["default"].div.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.53.2','aria-disabled':props.disabled};}).withConfig({displayName:"StyledTab",componentId:"sc-x2pbow-0"})(["display:inline-block;position:relative;transition:color 0.25s ease-in-out;border-bottom:"," transparent;border-width:",";cursor:pointer;overflow:hidden;vertical-align:top;user-select:none;text-align:center;text-decoration:none;text-overflow:ellipsis;"," "," &:focus{outline:none;text-decoration:none;}&[data-garden-focus-visible]::before{position:absolute;top:","px;right:","px;left:","px;border-radius:",";height:","px;pointer-events:none;}&::before{transition:box-shadow 0.1s ease-in-out;content:'';}&:active::before{box-shadow:none;}&[aria-disabled='true']{cursor:default;}",";"],function(props){return props.theme.borderStyles.solid;},function(props){return props.theme.borderWidths.md;},sizeStyles,colorStyles,function(props){return props.theme.space.base*2.5;},function(props){return props.theme.space.base*6;},function(props){return props.theme.space.base*6;},function(props){return props.theme.borderRadii.md;},function(props){return props.theme.space.base*5;},function(props){return retrieveComponentStyles(COMPONENT_ID$3,props);});StyledTab.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2='tabs.tablist';var StyledTabList=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTabList",componentId:"sc-wa5aaj-0"})(["display:block;margin-top:0;margin-bottom:","px;border-bottom:"," "," ",";padding:0;line-height:","px;white-space:nowrap;color:",";font-size:",";",";"],function(props){return props.theme.space.base*5;},function(props){return props.theme.borderWidths.sm;},function(props){return props.theme.borderStyles.solid;},function(props){return getColor('neutralHue',300,props.theme);},function(props){return props.theme.space.base*5;},function(props){return getColor('neutralHue',600,props.theme);},function(props){return props.theme.fontSizes.md;},function(props){return retrieveComponentStyles(COMPONENT_ID$2,props);});StyledTabList.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1='tabs.tabpanel';var StyledTabPanel=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTabPanel",componentId:"sc-7lhrmp-0"})(["display:block;&[aria-hidden='true']{display:none;}",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$1,props);});StyledTabPanel.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID='tabs.tabs';var verticalStyling=function verticalStyling(_ref){var theme=_ref.theme;return styled.css(["display:table;","{display:table-cell;margin-bottom:0;border-bottom:none;vertical-align:top;}","{display:block;margin-bottom:","px;margin-left:",";border-left:",";border-bottom-style:none;border-","-style:",";border-","-color:transparent;padding:","px ","px;text-align:",";&:last-of-type{margin-bottom:0;}&[data-garden-focus-visible]::before{top:","px;right:","px;left:","px;}}","{margin-",":","px;vertical-align:top;}"],StyledTabList,StyledTab,theme.space.base*5,theme.rtl&&'0',theme.rtl&&'0',theme.rtl?'right':'left',theme.borderStyles.solid,theme.rtl?'right':'left',theme.space.base,theme.space.base*2,theme.rtl?'right':'left',theme.space.base,theme.space.base,theme.space.base,StyledTabPanel,theme.rtl?'right':'left',theme.space.base*8);};var StyledTabs=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTabs",componentId:"sc-1qaor65-0"})(["display:block;overflow:hidden;direction:",";",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return props.isVertical&&verticalStyling(props);},function(props){return retrieveComponentStyles(COMPONENT_ID,props);});StyledTabs.defaultProps={theme:DEFAULT_THEME};var TabsContext=React__default.createContext(undefined);var useTabsContext=function useTabsContext(){return React__default.useContext(TabsContext);};var _excluded$2=["disabled","item"];var Tab=React__default__default["default"].forwardRef(function(_ref,ref){var disabled=_ref.disabled,item=_ref.item,otherProps=_objectWithoutProperties(_ref,_excluded$2);var tabsPropGetters=useTabsContext();var tabRef=React__default__default["default"].createRef();if(disabled||!tabsPropGetters){return React__default__default["default"].createElement(StyledTab,_extends({disabled:disabled,ref:mergeRefs([tabRef,ref])},otherProps));}var tabProps=tabsPropGetters.getTabProps({item:item,focusRef:tabRef,index:tabsPropGetters.tabIndexRef.current++});return React__default__default["default"].createElement(StyledTab,_extends({isSelected:item===tabsPropGetters.selectedItem},tabProps,otherProps,{ref:mergeRefs([tabRef,ref])}));});Tab.displayName='Tab';Tab.propTypes={disabled:propTypes.exports.bool,item:propTypes.exports.any};var TabList=React__default__default["default"].forwardRef(function(props,ref){var tabsPropGetters=useTabsContext();if(!tabsPropGetters){return React__default__default["default"].createElement(StyledTabList,_extends({ref:ref},props));}var tabListProps=tabsPropGetters.getTabListProps();return React__default__default["default"].createElement(StyledTabList,_extends({},tabListProps,props,{ref:ref}));});TabList.displayName='TabList';var _excluded$1=["item"];var TabPanel$1=React__default__default["default"].forwardRef(function(_ref,ref){var item=_ref.item,otherProps=_objectWithoutProperties(_ref,_excluded$1);var tabsPropGetters=useTabsContext();if(!tabsPropGetters){return React__default__default["default"].createElement(StyledTabPanel,_extends({ref:ref},otherProps));}var tabPanelProps=tabsPropGetters.getTabPanelProps({item:item,index:tabsPropGetters.tabPanelIndexRef.current++});return React__default__default["default"].createElement(StyledTabPanel,_extends({"aria-hidden":tabsPropGetters.selectedItem!==item},tabPanelProps,otherProps,{ref:ref}));});TabPanel$1.displayName='TabPanel';TabPanel$1.propTypes={item:propTypes.exports.any};var _excluded=["isVertical","children","onChange","selectedItem"];var Tabs$1=React__default.forwardRef(function(_ref,ref){var isVertical=_ref.isVertical,children=_ref.children,onChange=_ref.onChange,controlledSelectedItem=_ref.selectedItem,otherProps=_objectWithoutProperties(_ref,_excluded);var theme=React__default.useContext(styled.ThemeContext)||DEFAULT_THEME;var _useState=React__default.useState(),_useState2=_slicedToArray(_useState,2),internalSelectedItem=_useState2[0],setInternalSelectedItem=_useState2[1];var tabIndexRef=React__default.useRef(0);var tabPanelIndexRef=React__default.useRef(0);var selectedItem=getControlledValue(controlledSelectedItem,internalSelectedItem);var tabPropGetters=useTabs({rtl:theme.rtl,orientation:isVertical?'vertical':'horizontal',selectedItem:selectedItem,defaultSelectedIndex:0,onSelect:function onSelect(item){if(onChange){onChange(item);}else{setInternalSelectedItem(item);}}});var tabsContextValue=React__default.useMemo(function(){return _objectSpread2(_objectSpread2({},tabPropGetters),{},{tabIndexRef:tabIndexRef,tabPanelIndexRef:tabPanelIndexRef});},[tabPropGetters]);return React__default__default["default"].createElement(TabsContext.Provider,{value:tabsContextValue},React__default__default["default"].createElement(StyledTabs,_extends({isVertical:isVertical},otherProps,{ref:ref}),children));});Tabs$1.propTypes={isVertical:propTypes.exports.bool,selectedItem:propTypes.exports.any,onChange:propTypes.exports.func};Tabs$1.defaultProps={isVertical:false};Tabs$1.displayName='Tabs';var Tabs=styled__default["default"](Tabs$1)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n &&& {\n //overflow: unset;\n\n *[data-garden-id=\"tabs.tab\"], *[data-garden-id=\"tabs.tablist\"] {\n font-size: inherit;\n }\n\n *[data-garden-id=\"tabs.tablist\"] {\n //border-bottom: none;\n overflow-x: auto;\n }\n\n *[data-garden-id=\"tabs.tab\"] {\n padding: 10px 15px 6px;\n\n &[aria-selected=\"true\"] {\n font-weight: ",";\n }\n\n :hover:not(&[aria-selected=\"true\"]) {\n color: ",";\n border-bottom: 3px solid ",";\n }\n\n :focus, &[aria-selected=\"true\"] {\n color: "," !important;\n }\n }\n }\n"],["\n &&& {\n //overflow: unset;\n\n *[data-garden-id=\"tabs.tab\"], *[data-garden-id=\"tabs.tablist\"] {\n font-size: inherit;\n }\n\n *[data-garden-id=\"tabs.tablist\"] {\n //border-bottom: none;\n overflow-x: auto;\n }\n\n *[data-garden-id=\"tabs.tab\"] {\n padding: 10px 15px 6px;\n\n &[aria-selected=\"true\"] {\n font-weight: ",";\n }\n\n :hover:not(&[aria-selected=\"true\"]) {\n color: ",";\n border-bottom: 3px solid ",";\n }\n\n :focus, &[aria-selected=\"true\"] {\n color: "," !important;\n }\n }\n }\n"])),FONT_WEIGHTS.BOLD,function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;},COLORS.LIGHT_GREY,function(_a){var theme=_a.theme;return theme.styles.colorPrimary;});var TabPanel=TabPanel$1;var templateObject_1;exports.AppBarLayout=AppBarLayout;exports.AppBarLayoutV2=AppBarLayoutV2;exports.Col=Col;exports.ComputersOnly=ComputersOnly;exports.Container=Container$6;exports.FlexBlock=FlexBlock;exports.FlexBox=FlexBox;exports.FullScreen=FullScreen;exports.Grid=Grid;exports.Line=Line;exports.OpacityTransition=OpacityTransition;exports.OverflowButton=OverflowButton;exports.OverflowMenu=OverflowMenu;exports.PaddedFlexBlock=PaddedFlexBlock;exports.PhonesAndTabletsOnly=PhonesAndTabletsOnly;exports.PhonesOnly=PhonesOnly;exports.Row=Row$1;exports.Section=Section;exports.SectionBody=SectionBody;exports.SectionHeader=SectionHeader;exports.Sidebar=Sidebar;exports.SidebarLayout=SidebarLayout;exports.TabPanel=TabPanel;exports.TabletsOnly=TabletsOnly;exports.Tabs=Tabs;
|
|
11908
|
+
*/function ownKeys(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(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(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(){_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);}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;}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(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(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(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(o,minLen);}function _arrayLikeToArray(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 COMPONENT_ID$3='tabs.tab';var colorStyles=function colorStyles(_ref){var theme=_ref.theme,isSelected=_ref.isSelected;var selectedColor=getColor('primaryHue',600,theme);return styled.css(["border-color:",";color:",";&:hover{color:",";}&:active{border-color:currentColor;color:",";}&[data-garden-focus-visible]{color:",";}&[data-garden-focus-visible]::before{box-shadow:inset ",";}&[aria-disabled='true']{border-color:transparent;color:",";}"],isSelected&&'currentColor !important',isSelected?selectedColor:'inherit',selectedColor,selectedColor,selectedColor,theme.shadows.sm(getColor('primaryHue',600,theme,0.35)),function(props){return getColor('neutralHue',400,props.theme);});};var sizeStyles=function sizeStyles(_ref2){var theme=_ref2.theme;var paddingTop=theme.space.base*2.5;var paddingHorizontal=theme.space.base*7;var paddingBottom=paddingTop-stripUnit(theme.borderWidths.md)-stripUnit(theme.borderWidths.sm);return styled.css(["padding:","px ","px ","px;"],paddingTop,paddingHorizontal,paddingBottom);};var StyledTab=styled__default["default"].div.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.53.2','aria-disabled':props.disabled};}).withConfig({displayName:"StyledTab",componentId:"sc-x2pbow-0"})(["display:inline-block;position:relative;transition:color 0.25s ease-in-out;border-bottom:"," transparent;border-width:",";cursor:pointer;overflow:hidden;vertical-align:top;user-select:none;text-align:center;text-decoration:none;text-overflow:ellipsis;"," "," &:focus{outline:none;text-decoration:none;}&[data-garden-focus-visible]::before{position:absolute;top:","px;right:","px;left:","px;border-radius:",";height:","px;pointer-events:none;}&::before{transition:box-shadow 0.1s ease-in-out;content:'';}&:active::before{box-shadow:none;}&[aria-disabled='true']{cursor:default;}",";"],function(props){return props.theme.borderStyles.solid;},function(props){return props.theme.borderWidths.md;},sizeStyles,colorStyles,function(props){return props.theme.space.base*2.5;},function(props){return props.theme.space.base*6;},function(props){return props.theme.space.base*6;},function(props){return props.theme.borderRadii.md;},function(props){return props.theme.space.base*5;},function(props){return retrieveComponentStyles(COMPONENT_ID$3,props);});StyledTab.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2='tabs.tablist';var StyledTabList=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTabList",componentId:"sc-wa5aaj-0"})(["display:block;margin-top:0;margin-bottom:","px;border-bottom:"," "," ",";padding:0;line-height:","px;white-space:nowrap;color:",";font-size:",";",";"],function(props){return props.theme.space.base*5;},function(props){return props.theme.borderWidths.sm;},function(props){return props.theme.borderStyles.solid;},function(props){return getColor('neutralHue',300,props.theme);},function(props){return props.theme.space.base*5;},function(props){return getColor('neutralHue',600,props.theme);},function(props){return props.theme.fontSizes.md;},function(props){return retrieveComponentStyles(COMPONENT_ID$2,props);});StyledTabList.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1='tabs.tabpanel';var StyledTabPanel=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTabPanel",componentId:"sc-7lhrmp-0"})(["display:block;&[aria-hidden='true']{display:none;}",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$1,props);});StyledTabPanel.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID='tabs.tabs';var verticalStyling=function verticalStyling(_ref){var theme=_ref.theme;return styled.css(["display:table;","{display:table-cell;margin-bottom:0;border-bottom:none;vertical-align:top;}","{display:block;margin-bottom:","px;margin-left:",";border-left:",";border-bottom-style:none;border-","-style:",";border-","-color:transparent;padding:","px ","px;text-align:",";&:last-of-type{margin-bottom:0;}&[data-garden-focus-visible]::before{top:","px;right:","px;left:","px;}}","{margin-",":","px;vertical-align:top;}"],StyledTabList,StyledTab,theme.space.base*5,theme.rtl&&'0',theme.rtl&&'0',theme.rtl?'right':'left',theme.borderStyles.solid,theme.rtl?'right':'left',theme.space.base,theme.space.base*2,theme.rtl?'right':'left',theme.space.base,theme.space.base,theme.space.base,StyledTabPanel,theme.rtl?'right':'left',theme.space.base*8);};var StyledTabs=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTabs",componentId:"sc-1qaor65-0"})(["display:block;overflow:hidden;direction:",";",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return props.isVertical&&verticalStyling(props);},function(props){return retrieveComponentStyles(COMPONENT_ID,props);});StyledTabs.defaultProps={theme:DEFAULT_THEME};var TabsContext=React__default.createContext(undefined);var useTabsContext=function useTabsContext(){return React__default.useContext(TabsContext);};var _excluded$2=["disabled","item"];var Tab=React__default__default["default"].forwardRef(function(_ref,ref){var disabled=_ref.disabled,item=_ref.item,otherProps=_objectWithoutProperties(_ref,_excluded$2);var tabsPropGetters=useTabsContext();var tabRef=React__default__default["default"].createRef();if(disabled||!tabsPropGetters){return React__default__default["default"].createElement(StyledTab,_extends({disabled:disabled,ref:mergeRefs([tabRef,ref])},otherProps));}var tabProps=tabsPropGetters.getTabProps({item:item,focusRef:tabRef,index:tabsPropGetters.tabIndexRef.current++});return React__default__default["default"].createElement(StyledTab,_extends({isSelected:item===tabsPropGetters.selectedItem},tabProps,otherProps,{ref:mergeRefs([tabRef,ref])}));});Tab.displayName='Tab';Tab.propTypes={disabled:propTypes.exports.bool,item:propTypes.exports.any};var TabList=React__default__default["default"].forwardRef(function(props,ref){var tabsPropGetters=useTabsContext();if(!tabsPropGetters){return React__default__default["default"].createElement(StyledTabList,_extends({ref:ref},props));}var tabListProps=tabsPropGetters.getTabListProps();return React__default__default["default"].createElement(StyledTabList,_extends({},tabListProps,props,{ref:ref}));});TabList.displayName='TabList';var _excluded$1=["item"];var TabPanel$1=React__default__default["default"].forwardRef(function(_ref,ref){var item=_ref.item,otherProps=_objectWithoutProperties(_ref,_excluded$1);var tabsPropGetters=useTabsContext();if(!tabsPropGetters){return React__default__default["default"].createElement(StyledTabPanel,_extends({ref:ref},otherProps));}var tabPanelProps=tabsPropGetters.getTabPanelProps({item:item,index:tabsPropGetters.tabPanelIndexRef.current++});return React__default__default["default"].createElement(StyledTabPanel,_extends({"aria-hidden":tabsPropGetters.selectedItem!==item},tabPanelProps,otherProps,{ref:ref}));});TabPanel$1.displayName='TabPanel';TabPanel$1.propTypes={item:propTypes.exports.any};var _excluded=["isVertical","children","onChange","selectedItem"];var Tabs$1=React__default.forwardRef(function(_ref,ref){var isVertical=_ref.isVertical,children=_ref.children,onChange=_ref.onChange,controlledSelectedItem=_ref.selectedItem,otherProps=_objectWithoutProperties(_ref,_excluded);var theme=React__default.useContext(styled.ThemeContext)||DEFAULT_THEME;var _useState=React__default.useState(),_useState2=_slicedToArray(_useState,2),internalSelectedItem=_useState2[0],setInternalSelectedItem=_useState2[1];var tabIndexRef=React__default.useRef(0);var tabPanelIndexRef=React__default.useRef(0);var selectedItem=getControlledValue(controlledSelectedItem,internalSelectedItem);var tabPropGetters=useTabs({rtl:theme.rtl,orientation:isVertical?'vertical':'horizontal',selectedItem:selectedItem,defaultSelectedIndex:0,onSelect:function onSelect(item){if(onChange){onChange(item);}else{setInternalSelectedItem(item);}}});var tabsContextValue=React__default.useMemo(function(){return _objectSpread2(_objectSpread2({},tabPropGetters),{},{tabIndexRef:tabIndexRef,tabPanelIndexRef:tabPanelIndexRef});},[tabPropGetters]);return React__default__default["default"].createElement(TabsContext.Provider,{value:tabsContextValue},React__default__default["default"].createElement(StyledTabs,_extends({isVertical:isVertical},otherProps,{ref:ref}),children));});Tabs$1.propTypes={isVertical:propTypes.exports.bool,selectedItem:propTypes.exports.any,onChange:propTypes.exports.func};Tabs$1.defaultProps={isVertical:false};Tabs$1.displayName='Tabs';var Tabs=styled__default["default"](Tabs$1)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n &&& {\n //overflow: unset;\n\n *[data-garden-id=\"tabs.tab\"], *[data-garden-id=\"tabs.tablist\"] {\n font-size: inherit;\n }\n\n *[data-garden-id=\"tabs.tablist\"] {\n //border-bottom: none;\n overflow-x: auto;\n }\n\n *[data-garden-id=\"tabs.tab\"] {\n padding: 10px 15px 6px;\n\n &[aria-selected=\"true\"] {\n font-weight: ",";\n }\n\n :hover:not(&[aria-selected=\"true\"]) {\n color: ",";\n border-bottom: 3px solid ",";\n }\n\n :focus, &[aria-selected=\"true\"] {\n color: "," !important;\n }\n }\n }\n"],["\n &&& {\n //overflow: unset;\n\n *[data-garden-id=\"tabs.tab\"], *[data-garden-id=\"tabs.tablist\"] {\n font-size: inherit;\n }\n\n *[data-garden-id=\"tabs.tablist\"] {\n //border-bottom: none;\n overflow-x: auto;\n }\n\n *[data-garden-id=\"tabs.tab\"] {\n padding: 10px 15px 6px;\n\n &[aria-selected=\"true\"] {\n font-weight: ",";\n }\n\n :hover:not(&[aria-selected=\"true\"]) {\n color: ",";\n border-bottom: 3px solid ",";\n }\n\n :focus, &[aria-selected=\"true\"] {\n color: "," !important;\n }\n }\n }\n"])),FONT_WEIGHTS.BOLD,function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;},COLORS.LIGHT_GREY,function(_a){var theme=_a.theme;return theme.styles.colorPrimary;});var TabPanel=TabPanel$1;var templateObject_1;exports.AppBarLayout=AppBarLayout;exports.AppBarLayoutV2=AppBarLayoutV2;exports.Col=Col;exports.ComputersOnly=ComputersOnly;exports.Container=Container$7;exports.FlexBlock=FlexBlock;exports.FlexBox=FlexBox;exports.FullScreen=FullScreen;exports.Grid=Grid;exports.Line=Line;exports.OpacityTransition=OpacityTransition;exports.OverflowButton=OverflowButton;exports.OverflowMenu=OverflowMenu;exports.PaddedFlexBlock=PaddedFlexBlock;exports.PhonesAndTabletsOnly=PhonesAndTabletsOnly;exports.PhonesOnly=PhonesOnly;exports.Row=Row$1;exports.Section=Section;exports.SectionBody=SectionBody;exports.SectionFooter=SectionFooter;exports.SectionHeader=SectionHeader;exports.Sidebar=Sidebar;exports.SidebarLayout=SidebarLayout;exports.TabPanel=TabPanel;exports.TabletsOnly=TabletsOnly;exports.Tabs=Tabs;
|
|
11909
11909
|
//# sourceMappingURL=layouts.js.map
|