@idea-fragments/react-components-zendesk 0.1.27 → 0.1.29
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/tables.js +18 -18
- package/dist/tables.js.map +1 -1
- package/dist/types/components/tables/NiceTable.d.ts.map +1 -1
- package/dist/types/components/tables/Table.d.ts +3 -5
- package/dist/types/components/tables/Table.d.ts.map +1 -1
- package/dist/types/components/tables/Table.stories.d.ts.map +1 -1
- package/dist/types/components/tables/blocks/TableFilter.d.ts +2 -2
- package/dist/types/components/tables/blocks/TableFilter.d.ts.map +1 -1
- package/dist/types/components/tables/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/tables.js
CHANGED
|
@@ -733,7 +733,7 @@ YELLOW:"#ffbe6d",// YELLOW : "#f1bc71",
|
|
|
733
733
|
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)
|
|
734
734
|
// console.log("luminosity old:", Color(c).luminosity())
|
|
735
735
|
// console.log("luminosity new:", Color(newColor).luminosity())
|
|
736
|
-
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var veryLight=function(c){return light(c,0.7);};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$
|
|
736
|
+
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var veryLight=function(c){return light(c,0.7);};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$u,templateObject_2$i,templateObject_3$e,templateObject_4$8;var getInlineStyling=styled.css(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"],["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$d||(templateObject_3$d=__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$7||(templateObject_4$7=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"],["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n :hover, :active {\n color: ",";\n }\n"],["\n :hover, :active {\n color: ",";\n }\n"])),function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"],["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"])),function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$t,templateObject_2$h,templateObject_3$d,templateObject_4$7,templateObject_5$5,templateObject_6$4,templateObject_7$2;var lodash={exports:{}};/**
|
|
737
737
|
* @license
|
|
738
738
|
* Lodash <https://lodash.com/>
|
|
739
739
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
|
@@ -10207,7 +10207,7 @@ var arr=[];for(var i=0;i<n;i++){arr.push(0);}return arr;};var isEmpty=function(a
|
|
|
10207
10207
|
var isArray=function(o){return o instanceof Array;};var isFunction$2=function(o){return typeof o==="function";};var isNumber=function(o){return typeof o==="number";};var isString=function(o){return typeof o==="string";};var COMPONENT_NAME$2="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
|
|
10208
10208
|
?jsxRuntime.jsx(MIcon.Stack,__assign({onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$2},{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
|
|
10209
10209
|
onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$2})// @ts-ignore
|
|
10210
|
-
:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$2,height:size,onClick:onClick,width:size,title:title});};Icon$1.COMPONENT_NAME=COMPONENT_NAME$2;var XS$1=".5rem";var SM$1="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$1,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$s||(templateObject_1$s=__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,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(p):"";},function(p){return p._css;});FlexBox.defaultProps={withRows:false};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,gap=props.gap,inline=props.inline,justifyContent=props.justifyContent,fluid=props.fluid,wrapped=props.wrapped;return mediaQueryFunc(styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "])),alignItems?alignItems:"initial",inline?"inline-flex":"flex",fluid?1:"unset",getFlexDirection(props),gap?gap:SPACINGS.SM,justifyContent||"initial",wrapped?wrappedStyling:"")).join("");});};var wrappedStyling=styled.css(templateObject_3$
|
|
10210
|
+
:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$2,height:size,onClick:onClick,width:size,title:title});};Icon$1.COMPONENT_NAME=COMPONENT_NAME$2;var XS$1=".5rem";var SM$1="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$1,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$s||(templateObject_1$s=__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,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(p):"";},function(p){return p._css;});FlexBox.defaultProps={withRows:false};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,gap=props.gap,inline=props.inline,justifyContent=props.justifyContent,fluid=props.fluid,wrapped=props.wrapped;return mediaQueryFunc(styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "])),alignItems?alignItems:"initial",inline?"inline-flex":"flex",fluid?1:"unset",getFlexDirection(props),gap?gap:SPACINGS.SM,justifyContent||"initial",wrapped?wrappedStyling:"")).join("");});};var wrappedStyling=styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n flex-wrap: wrap;\n"],["\n flex-wrap: wrap;\n"])));var templateObject_1$s,templateObject_2$g,templateObject_3$c;/**
|
|
10211
10211
|
* Copyright Zendesk, Inc.
|
|
10212
10212
|
*
|
|
10213
10213
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -10218,20 +10218,20 @@ onClick:onClick,size:size,title:title,color:color||"currentColor","data-componen
|
|
|
10218
10218
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
10219
10219
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
10220
10220
|
*/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$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$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 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$1('neutralHue',200,props.theme);},function(props){return props.color||getColor$1('successHue',600,props.theme);},function(props){return retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props);});StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};var PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';var StyledProgressIndicator=styled__default["default"].div.attrs(function(props){return{'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.53.2',height:props.height||sizeToHeight(props.size,props.theme),borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)};}).withConfig({displayName:"StyledProgress__StyledProgressIndicator",componentId:"sc-2g8w4s-1"})(["transition:width 0.1s ease-in-out;border-radius:","px;background:currentColor;width:","%;height:","px;",""],function(props){return props.borderRadius;},function(props){return props.value;},function(props){return props.height;},function(props){return retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props);});StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$4$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$1('neutralHue',800,theme,0.1));};var retrieveSkeletonAnimation=function retrieveSkeletonAnimation(_ref2){var theme=_ref2.theme;if(theme.rtl){return styled.css(["right:-1800px;animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["left:-1800px;animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};var retrieveSkeletonGradient=function retrieveSkeletonGradient(_ref3){var theme=_ref3.theme,isLight=_ref3.isLight;return styled.css(["background-image:linear-gradient( ",",transparent,",",transparent );"],theme.rtl?'-45deg':'45deg',isLight?getColor$1('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};var StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$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$4='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$4,'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$4,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$z({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$3=['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$z({"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$3)};Progress.defaultProps={value:0,size:'medium'};var _excluded$2$4=["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$4);return React__default__default["default"].createElement(StyledSkeleton,_extends$z({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$M='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$4(item,2),frame=_item[0],value=_item[1];var _ref=arr[index+1]||[TOTAL_FRAMES,arr[0][1]],_ref2=_slicedToArray$4(_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$z({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$M,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$m=["size","color"];var Inline=React__default.forwardRef(function(_ref,ref){var size=_ref.size,color=_ref.color,other=_objectWithoutProperties$6(_ref,_excluded$m);return React__default__default["default"].createElement(StyledInline,_extends$z({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="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
10221
|
-
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 H1$1="h1";var H2$1="h2";var H3$1="h3";var H4$1="h4";var H5$1="h5";var H6$1="h6";var P="p";var SPAN="span";var DIV="div";var FONT_TAGS={H1:H1$1,H2:H2$1,H3:H3$1,H4:H4$1,H5:H5$1,H6:H6$1,P:P,SPAN:SPAN,DIV:DIV};var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};var FONT_SIZES_EM=Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var 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$r||(templateObject_1$r=__makeTemplateObject(["\n width: fit-content;\n ","\n"],["\n width: fit-content;\n ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$
|
|
10221
|
+
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 H1$1="h1";var H2$1="h2";var H3$1="h3";var H4$1="h4";var H5$1="h5";var H6$1="h6";var P="p";var SPAN="span";var DIV="div";var FONT_TAGS={H1:H1$1,H2:H2$1,H3:H3$1,H4:H4$1,H5:H5$1,H6:H6$1,P:P,SPAN:SPAN,DIV:DIV};var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};var FONT_SIZES_EM=Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var 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$r||(templateObject_1$r=__makeTemplateObject(["\n width: fit-content;\n ","\n"],["\n width: fit-content;\n ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n ",";\n border-color: ",";\n\n ","\n :hover, :active {\n border-color: transparent;\n }\n"],["\n ",";\n border-color: ",";\n\n ","\n :hover, :active {\n border-color: transparent;\n }\n"])),buttonLikeHoverable,function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return!flat&&!primary&&!inline?color:"transparent";},getInlineStyling);var alignment=function(_a){var alignSelf=_a.alignSelf;return alignSelf?styled.css(templateObject_4$6||(templateObject_4$6=__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$4||(templateObject_5$4=__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
|
|
10222
10222
|
return jsxRuntime.jsx(Button$1,__assign({as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer$1,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{size:FONT_SIZES.MD})})):icon?jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx("span",{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props)});})(templateObject_6$3||(templateObject_6$3=__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
|
|
10223
10223
|
onClick:autoLoadable?processClick:onClick}));}))(templateObject_7$1||(templateObject_7$1=__makeTemplateObject([""],[""// @ts-ignore
|
|
10224
10224
|
])));// @ts-ignore
|
|
10225
10225
|
Button.COMPONENT_NAME="Button";// @ts-ignore
|
|
10226
|
-
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$r,templateObject_2$f,templateObject_3$
|
|
10226
|
+
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$r,templateObject_2$f,templateObject_3$b,templateObject_4$6,templateObject_5$4,templateObject_6$3,templateObject_7$1,templateObject_8$1;var getColor=styled.css(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"// const subTextStyling = css`
|
|
10227
10227
|
// margin-top: 0;
|
|
10228
10228
|
// `
|
|
10229
10229
|
])),function(_a){var color=_a.color;return color;});// const subTextStyling = css`
|
|
10230
10230
|
// margin-top: 0;
|
|
10231
10231
|
// `
|
|
10232
|
-
var subTextStyling=styled.css(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"],["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"])));var Text=styled__default["default"].div(templateObject_3$
|
|
10232
|
+
var subTextStyling=styled.css(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"],["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"])));var Text=styled__default["default"].div(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n text-align: ",";\n width: ",";\n ","\n ","\n ","\n"],["\n text-align: ",";\n width: ",";\n ","\n ","\n ","\n"// @ts-ignore
|
|
10233
10233
|
])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},function(_a){var color=_a.color;return color?getColor:"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},function(_a){var _css=_a._css;return _css;});// @ts-ignore
|
|
10234
|
-
Text.COMPONENT_NAME="Text";var templateObject_1$q,templateObject_2$e,templateObject_3$
|
|
10234
|
+
Text.COMPONENT_NAME="Text";var templateObject_1$q,templateObject_2$e,templateObject_3$a;// @flow
|
|
10235
10235
|
var HelpText=styled__default["default"](Text)(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES.XS);var templateObject_1$p;// @flow
|
|
10236
10236
|
const H1=styled__default["default"](Text).attrs({as:FONT_TAGS.H1})`
|
|
10237
10237
|
font-weight: ${FONT_WEIGHTS.BOLD};
|
|
@@ -11800,7 +11800,7 @@ timerId=setTimeout(timerExpired,wait);return invokeFunc(lastCallTime);}}if(timer
|
|
|
11800
11800
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11801
11801
|
*/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$2(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$2(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$1(){_extends$5$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$5$1.apply(this,arguments);}function _objectWithoutPropertiesLoose$7(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$7(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$2(arr,i){return _arrayWithHoles$2(arr)||_iterableToArrayLimit$2(arr,i)||_unsupportedIterableToArray$2(arr,i)||_nonIterableRest$2();}function _arrayWithHoles$2(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$2(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _unsupportedIterableToArray$2(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$2(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray$2(o,minLen);}function _arrayLikeToArray$2(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _nonIterableRest$2(){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$2(_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$4(_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$4(_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$1,null,React__default__default["default"].createElement(Downshift$1,_extends$5$1({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$1(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$1(gardenPlacement){var popperPlacement=getPopperPlacement$1(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$1(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$1(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$1('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$1('neutralHue',400,props.theme);}else if(props.isDanger){foregroundColor=getColor$1('dangerHue',600,props.theme);backgroundColor=props.isFocused?rgba(foregroundColor,0.08):'inherit';}else{foregroundColor=props.theme.colors.foreground;backgroundColor=props.isFocused?getColor$1('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$1('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$1('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$1('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$1(){_extends$4$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$4$1.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4$1({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$1('neutralHue',600,props.theme);},function(props){return retrieveComponentStyles(COMPONENT_ID$e,props);});StyledNextIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$d$1='dropdowns.previous_item';var StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d$1,'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$1,props);});StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;function _extends$3$1(){_extends$3$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$3$1.apply(this,arguments);}var SvgChevronLeftStroke=function SvgChevronLeftStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3$1({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$1='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$1,"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$1('neutralHue',600,props.theme);},function(props){return retrieveComponentStyles(COMPONENT_ID$c$1,props);});StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$b$1='dropdowns.header_icon';var StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b$1,'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$1('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$1,props);});StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$a$1='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$1,'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$1,props);});StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$9$1='dropdowns.media_body';var StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9$1,'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$1,props);});StyledMediaBody.defaultProps={theme:DEFAULT_THEME};var _excluded$b=["children","isCompact","theme"];var COMPONENT_ID$8$1='dropdowns.media_figure';var StyledMediaFigure=styled__default["default"](function(_ref){var children=_ref.children;_ref.isCompact;_ref.theme;var props=_objectWithoutProperties$4(_ref,_excluded$b);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8$1,'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$1,props);});StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$7$1='dropdowns.media_item';var StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$7$1,props);});StyledMediaItem.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6$2='dropdowns.faux_input';var StyledFauxInput=styled__default["default"](FauxInput).attrs(function(props){return{'data-garden-id':COMPONENT_ID$6$2,'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$2,props);});StyledFauxInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$5$2='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$2,'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$2,props);});StyledInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$4$2='dropdowns.select';var StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$2,'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$2,props);});StyledSelect.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3$2='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$2,'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$2,props);});StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$4='dropdowns.multiselect_items_container';var sizeStyles$8=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$4,'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$8(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$2$4,props);});StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$4='dropdowns.multiselect_item_wrapper';var StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$4,'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$4,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$1('neutralHue',400,props.theme):getColor$1('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$4(_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$2(_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$4(_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$2({},refKey,function(childRef){popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);})));};return React__default__default["default"].createElement(Reference$1,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$1;function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2$1||(_path$2$1=/*#__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$1=React__default.forwardRef(function(_ref,_ref3){var children=_ref.children,controlledInputRef=_ref.inputRef,start=_ref.start,props=_objectWithoutProperties$4(_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$2(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$2(_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$4(_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$1,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(StyledFauxInput,_extends$5$1({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$1.displayName='Autocomplete';Autocomplete$1.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$4(_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$1,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$1({},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$1=["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$4(_ref,_excluded$7$1);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$2(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$2(_useState3,2),isFocused=_useState4[0],setIsFocused=_useState4[1];var _useState5=React__default.useState(undefined),_useState6=_slicedToArray$2(_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$4(_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$1,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$1=["children","start"],_excluded2$2=["type"];var Select$1=React__default__default["default"].forwardRef(function(_ref,_ref3){var children=_ref.children,start=_ref.start,props=_objectWithoutProperties$4(_ref,_excluded$6$1);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$2(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var _useState3=React__default.useState(false),_useState4=_slicedToArray$2(_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$2(_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$4(_getToggleButtonProps,_excluded2$2);var isContainerHovered=isLabelHovered&&!isOpen;var isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference$1,null,function(_ref2){var popperReference=_ref2.ref;return React__default__default["default"].createElement(StyledFauxInput,_extends$5$1({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$1.displayName='Select';Select$1.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$1=React__default.forwardRef(function(props,fieldRef){var _useDropdownContext=useDropdownContext(),getRootProps=_useDropdownContext.downshift.getRootProps;var _useState=React__default.useState(false),_useState2=_slicedToArray$2(_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$2,_extends$5$1({ref:mergeRefs([ref,fieldRef])},props)));});Field$1.displayName='Field';var Hint$1=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Hint$2,_extends$5$1({ref:ref},props));});Hint$1.displayName='Hint';var _excluded$5$1=["onMouseEnter","onMouseLeave"];var Label$1=React__default__default["default"].forwardRef(function(_ref,ref){var onMouseEnter=_ref.onMouseEnter,onMouseLeave=_ref.onMouseLeave,other=_objectWithoutProperties$4(_ref,_excluded$5$1);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$1({ref:ref},labelProps));});Label$1.displayName='Label';Label$1.propTypes={isRegular:propTypes.exports.bool};var Message$2=React__default__default["default"].forwardRef(function(props,ref){return React__default__default["default"].createElement(Message$3,_extends$5$1({ref:ref},props));});Message$2.displayName='Message';Message$2.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};var SHARED_PLACEMENT$1=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];var PLACEMENT$1=[].concat(SHARED_PLACEMENT$1,['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$1=["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$4(props,_excluded$4$1);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$2(_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$1(placement):getPopperPlacement$1(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef:itemIndexRef,isCompact:isCompact}},React__default__default["default"].createElement(Popper$1,{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$1({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$1),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$1({ref:ref},props));});Separator.displayName='Separator';var _path$1$1;function _extends$1$2(){_extends$1$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$1$2.apply(this,arguments);}var SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1$1||(_path$1$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path$5;function _extends$b(){_extends$b=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$b.apply(this,arguments);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$b({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5||(_path$5=/*#__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$1=["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$4(_ref,_excluded$3$1);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$1({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$2=["children","disabled"];var AddItemComponent=React__default__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,disabled=_ref.disabled,props=_objectWithoutProperties$4(_ref,_excluded$2$2);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledAddItem,_extends$5$1({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$1({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$1({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$1({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$1({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$1({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$1({component:StyledMediaItem,ref:ref},props));});MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var _excluded$1$5=["children","disabled"],_excluded2$1$1=["value","disabled"];var NextItemComponent=React__default__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,disabled=_ref.disabled,props=_objectWithoutProperties$4(_ref,_excluded$1$5);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledNextItem,_extends$5$1({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$4(_ref2,_excluded2$1$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$1({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$4(_ref,_excluded$d);var _useMenuContext=useMenuContext(),isCompact=_useMenuContext.isCompact;return React__default__default["default"].createElement(StyledPreviousItem,_extends$5$1({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$4(_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$1({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;if(!danger)return{color:theme.styles.colorPrimary,primary:false};return{color:theme.styles.colorDanger,primary:true};})(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n &&&& {\n ",";\n \n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n }\n"],["\n &&&& {\n ",";\n \n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n }\n"])),function(_a){var disabled=_a.disabled;if(disabled)return"";return styled.css(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n ",";\n color: ",";\n "],["\n ",";\n color: ",";\n "])),buttonLikeHoverable,function(props){return props.theme.styles.textColorPrimary;});},FONT_SIZES.SM,SPACINGS.XS,textColorForButton);var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$n,templateObject_2$d;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};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",
|
|
11802
11802
|
// "SearchableSelector",
|
|
11803
|
-
]);}var logger$4=new Logger("Loadable");var Container$4=styled__default["default"](FlexBox)(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer=styled__default["default"](FlexBox)(templateObject_2$c||(templateObject_2$c=__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$
|
|
11803
|
+
]);}var logger$4=new Logger("Loadable");var Container$4=styled__default["default"](FlexBox)(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer=styled__default["default"](FlexBox)(templateObject_2$c||(templateObject_2$c=__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$9||(templateObject_3$9=__makeTemplateObject(["\n width: 100%;\n opacity: ",";\n"],["\n width: 100%;\n opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$4.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$4.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$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$5||(templateObject_4$5=__makeTemplateObject([""],[""])));var templateObject_1$m,templateObject_2$c,templateObject_3$9,templateObject_4$5;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger$3=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
|
|
11804
11804
|
// in the SearchableSelector component
|
|
11805
11805
|
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$1,__assign({validation:validation.validation},{children:message})):null;var hintNode=hint?jsxRuntime.jsx(Hint$1,{children:hint}):null;var labelNode=label?jsxRuntime.jsx(Label,{children:label}):null;var handleChange=function(item){logger$3.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
|
|
11806
11806
|
onChange(item);return;}if(!item||isString(item)||isNumber(item)){logger$3.writeInfo("Received SelectorItemKey from downshift");// @ts-ignore
|
|
@@ -11816,8 +11816,8 @@ onChange(__spreadArray([],__read(new Set(changes)),false));};var handleStateChan
|
|
|
11816
11816
|
};var optionsLoaded=optionNodes&&isNotEmpty(optionNodes);return(// @ts-ignore
|
|
11817
11817
|
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$3.writeInfo("Input value change",val);setSearchFilter(val);},onSelect:handleChange,onStateChange:handleStateChange,downshiftProps:{itemToString:function(item){if(keyField&&item&&item.hasOwnProperty(keyField)){return item[keyField];}return item;}}},{children:[trigger?jsxRuntime.jsx(Trigger,{children:trigger}):jsxRuntime.jsxs(Field$1,__assign({className:className},{children:[labelNode,hintNode,children,messageNode]})),controlledState.isOpen?// @ts-ignore
|
|
11818
11818
|
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
|
|
11819
|
-
Dropdown=styled__default["default"](Dropdown)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n &&, && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"],["\n &&, && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";},function(_a){var _css=_a._css;return _css;});var Message$1=styled__default["default"](Message$2)(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n && {\n font-size: ",";\n }\n"],["\n && {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$
|
|
11820
|
-
onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n && {\n div { max-width: 100%; }\n }\n"],["\n && {\n div { max-width: 100%; }\n }\n"])));var Label=styled__default["default"](Label$1)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n && { color: ","; }\n"],["\n && { color: ","; }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var _a;var ItemType=getItemType(o);var Component=menuItemComponent;return jsxRuntime.jsx(ItemType,__assign({value:o,disabled:(_a=o.disabled)!==null&&_a!==void 0?_a:false,danger:o.danger},{children:Component?jsxRuntime.jsx(Component,__assign({},o)):o[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$l,templateObject_2$b,templateObject_3$
|
|
11819
|
+
Dropdown=styled__default["default"](Dropdown)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n &&, && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"],["\n &&, && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";},function(_a){var _css=_a._css;return _css;});var Message$1=styled__default["default"](Message$2)(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n && {\n font-size: ",";\n }\n"],["\n && {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$8||(templateObject_3$8=__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$4||(templateObject_4$4=__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",
|
|
11820
|
+
onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n && {\n div { max-width: 100%; }\n }\n"],["\n && {\n div { max-width: 100%; }\n }\n"])));var Label=styled__default["default"](Label$1)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n && { color: ","; }\n"],["\n && { color: ","; }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var _a;var ItemType=getItemType(o);var Component=menuItemComponent;return jsxRuntime.jsx(ItemType,__assign({value:o,disabled:(_a=o.disabled)!==null&&_a!==void 0?_a:false,danger:o.danger},{children:Component?jsxRuntime.jsx(Component,__assign({},o)):o[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$l,templateObject_2$b,templateObject_3$8,templateObject_4$4,templateObject_5$3,templateObject_6$2;/**
|
|
11821
11821
|
* Copyright Zendesk, Inc.
|
|
11822
11822
|
*
|
|
11823
11823
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -11835,16 +11835,16 @@ onChange(k);}};logger$2.writeInfo("matchingOptions",matchingOptions);return jsxR
|
|
|
11835
11835
|
// VALIDATION_RESULTS.ERROR : validation
|
|
11836
11836
|
// )
|
|
11837
11837
|
return jsxRuntime.jsx(Dropdown,__assign({},props,{children:jsxRuntime.jsx(Select,__assign({isCompact:small,disabled:disabled,validation:validation===null||validation===void 0?void 0:validation.validation},{children:selectedKey&&(optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap.hasOwnProperty(selectedKey))?optionsKeyMap[selectedKey][labelField]:jsxRuntime.jsx(SelectorEmptyState,{children:emptyState})}))}));};// @ts-ignore
|
|
11838
|
-
Selector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE},optionNodes:[]};var Hint=styled__default["default"](Hint$2)(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;},function(_a){var _css=_a._css;return _css;});var templateObject_1$h;var Field=styled__default["default"](Field$2)(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n width: ",";\n"],["\n width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});var TextFieldWrapper=React__default.forwardRef(function(_a,ref){var className=_a.className,compact=_a.compact,emptyState=_a.emptyState,fluid=_a.fluid,hint=_a.hint,label=_a.label,message=_a.message,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","validation","value","WrappedComponent","onChange"]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$3,__assign({className:className,withRows:true,gap:"unset",fluid:fluid},{children:jsxRuntime.jsxs(Field,__assign({compact:compact},{children:[label?jsxRuntime.jsx(Label$1$1,{children:label}):null,hint?jsxRuntime.jsx(Hint,__assign({_css:styled.css(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["&&& {font-size: ",";}"],["&&& {font-size: ",";}"])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(WrappedComponent,__assign({placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:onChange})),message?jsxRuntime.jsx(Message$3,__assign({css:"&&& {\n font-size: ".concat(FONT_SIZES.XS,";\n }"),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_3$
|
|
11838
|
+
Selector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE},optionNodes:[]};var Hint=styled__default["default"](Hint$2)(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;},function(_a){var _css=_a._css;return _css;});var templateObject_1$h;var Field=styled__default["default"](Field$2)(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n width: ",";\n"],["\n width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});var TextFieldWrapper=React__default.forwardRef(function(_a,ref){var className=_a.className,compact=_a.compact,emptyState=_a.emptyState,fluid=_a.fluid,hint=_a.hint,label=_a.label,message=_a.message,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","validation","value","WrappedComponent","onChange"]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$3,__assign({className:className,withRows:true,gap:"unset",fluid:fluid},{children:jsxRuntime.jsxs(Field,__assign({compact:compact},{children:[label?jsxRuntime.jsx(Label$1$1,{children:label}):null,hint?jsxRuntime.jsx(Hint,__assign({_css:styled.css(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["&&& {font-size: ",";}"],["&&& {font-size: ",";}"])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(WrappedComponent,__assign({placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:onChange})),message?jsxRuntime.jsx(Message$3,__assign({css:"&&& {\n font-size: ".concat(FONT_SIZES.XS,";\n }"),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n"],["\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n"// @ts-ignore
|
|
11839
11839
|
])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});// @ts-ignore
|
|
11840
|
-
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$3=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$g,templateObject_2$9,templateObject_3$
|
|
11840
|
+
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$3=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$g,templateObject_2$9,templateObject_3$7,templateObject_4$3,templateObject_5$2;var TextField=React__default.forwardRef(function(_a,ref){var _b;var faux=_a.faux,onChange=_a.onChange,small=_a.small,useNewOnChange=(_b=_a.useNewOnChange,_b===void 0?false:_b),value=_a.value,props=__rest(_a,["faux","onChange","small","useNewOnChange","value"]);// @ts-ignore
|
|
11841
11841
|
props=__assign(__assign({},props),{isCompact:small});var notifyParentOfChange=function(e){if(useNewOnChange===true){onChange(e.target.value,e);return;}onChange(e);};var valueProp=faux?{children:value}:{value:value};return jsxRuntime.jsx(TextFieldWrapper,__assign({},props,valueProp,{ref:ref,onChange:notifyParentOfChange,WrappedComponent:faux?FauxInput:Input}));});// @ts-ignore
|
|
11842
11842
|
TextField=styled__default["default"](TextField)(templateObject_1$f||(templateObject_1$f=__makeTemplateObject([""],[""// @ts-ignore
|
|
11843
11843
|
])));// @ts-ignore
|
|
11844
|
-
TextField.COMPONENT_NAME="TextField";var templateObject_1$f;var logger$1=new Logger("TableFilter");var TableFilter=function(_a){var _b,_c;var
|
|
11845
|
-
var SelectorComponent=React__default.useMemo(function(){if(type==="multi-select")return MultiSelector;if(type==="select")return Selector;if(type==="searchable-select")return SearchableSelector;return undefined;},[type]);var selectorEmptyState=function(){if(type==="multi-select")return"Select one or more";if(type==="searchable-select")return"Type to search";if(type==="select")return"Select one";return"";};if(SelectorComponent){return jsxRuntime.jsx(SelectorComponent,__assign({appendMenuToNode:document.body,clearable:true,emptyState:selectorEmptyState(),keyField:"value",label:
|
|
11846
|
-
onChange:sendChanges,options:options,placement:"bottom"},type==="multi-select"?{selectedKeys:(_b=value)!==null&&_b!==void 0?_b:[],maxItems:2}:{selectedKey:value},{small:true}));}return jsxRuntime.jsx(TextField,{label:
|
|
11847
|
-
jsxRuntime.jsx(TableFilter,{
|
|
11844
|
+
TextField.COMPONENT_NAME="TextField";var templateObject_1$f;var logger$1=new Logger("TableFilter");var TableFilter=function(_a){var _b,_c;var fieldName=_a.fieldName,label=_a.label,onChange=_a.onChange,options=_a.options,type=_a.type,value=_a.value;logger$1.writeInfo("render",fieldName,value);var sendChanges=React__default.useCallback(function(v){onChange(fieldName,v);},[fieldName,onChange]);// @ts-ignore
|
|
11845
|
+
var SelectorComponent=React__default.useMemo(function(){if(type==="multi-select")return MultiSelector;if(type==="select")return Selector;if(type==="searchable-select")return SearchableSelector;return undefined;},[type]);var selectorEmptyState=function(){if(type==="multi-select")return"Select one or more";if(type==="searchable-select")return"Type to search";if(type==="select")return"Select one";return"";};if(SelectorComponent){return jsxRuntime.jsx(SelectorComponent,__assign({appendMenuToNode:document.body,clearable:true,emptyState:selectorEmptyState(),keyField:"value",label:label,labelField:"label",maxMenuHeight:"200px",menuPopperModifiers:[{name:"flip",enabled:true}],// @ts-ignore
|
|
11846
|
+
onChange:sendChanges,options:options,placement:"bottom"},type==="multi-select"?{selectedKeys:(_b=value)!==null&&_b!==void 0?_b:[],maxItems:2}:{selectedKey:value},{small:true}));}return jsxRuntime.jsx(TextField,{label:label,emptyState:label,onChange:sendChanges,small:true,useNewOnChange:true,value:(_c=value)!==null&&_c!==void 0?_c:""});};var Filters=function(_a){var columnConfigs=_a.columnConfigs,filterState=_a.filterState,onFiltersChange=_a.onFiltersChange;var _b=__read(React__default.useState(filterState!==null&&filterState!==void 0?filterState:{}),2),state=_b[0],setState=_b[1];var filters=React__default.useMemo(function(){return columnConfigs.filter(function(c){return c.filter;}).map(function(c){return c.filter;});},[columnConfigs]);var applyFilters=React__default.useCallback(function(){onFiltersChange(state);},[onFiltersChange,state]);var trackChanges=React__default.useCallback(function(fieldName,value){setState(function(prev){var _a;return __assign(__assign({},prev),(_a={},_a[fieldName]=value,_a));});},[]);if(isEmpty(filters))return null;return jsxRuntime.jsx(FlexBox,{children:jsxRuntime.jsx(Dropdown,{appendMenuToNode:document.body,menuCSS:styled.css(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["&& { font-size: ","; }"],["&& { font-size: ","; }"])),function(_a){var theme=_a.theme;return theme.styles.font.size;}),options:[jsxRuntime.jsxs(FlexBox,__assign({as:"li",_css:styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["padding: ","; width: 300px; max-width: 100%; max-height: 100%;"],["padding: ","; width: 300px; max-width: 100%; max-height: 100%;"])),SPACINGS.SM),withRows:true},{children:[filters.map(function(f){return(// @ts-ignore
|
|
11847
|
+
jsxRuntime.jsx(TableFilter,{fieldName:f.fieldName,label:f.label,onChange:trackChanges,options:f.options,type:f.type,value:state[f.fieldName]},f.fieldName));}),jsxRuntime.jsx(Button,__assign({_css:styled.css(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["margin-top: ",";"],["margin-top: ",";"])),SPACINGS.SM),fluid:true,onClick:applyFilters},{children:"Apply"}))]}),"table_filters_menu")],trigger:jsxRuntime.jsx(Button,__assign({icon:js.mdiFilterVariant,onClick:DO_NOTHING,primary:false},{children:"Filter"})),useRawOptions:true})});};var templateObject_1$e,templateObject_2$8,templateObject_3$6;var Message=styled__default["default"](Message$3)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var templateObject_1$d;var Checkbox=function(_a){var _b,_c,_d;var checkedProp=(_b=_a.checked,_b===void 0?false:_b);_a.compact;_a.emptyState;var fluid=_a.fluid,hint=_a.hint,indeterminate=_a.indeterminate,label=_a.label,message=_a.message,validation=(_c=_a.validation,_c===void 0?{validation:VALIDATION_STATES.NONE}:_c),onChange=_a.onChange,props=__rest(_a,["checked","compact","emptyState","fluid","hint","indeterminate","label","message","validation","onChange"]);var checked=(_d=__read(React__default.useState(checkedProp),2),_d[0]),setCheckedTo=_d[1];var handleCheck=function(e){var checked=e.target.checked;setCheckedTo(checked);onChange(checked);};React__default.useEffect(function(){setCheckedTo(checkedProp);},[checkedProp]);return jsxRuntime.jsx(Container$2,__assign({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(Checkbox$1,__assign({checked:checked,indeterminate:indeterminate},props,{onChange:handleCheck},{children:[jsxRuntime.jsx(Label$1$1,__assign({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,{children:hint}):null,message?jsxRuntime.jsx(Message,__assign({validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))})}));};Checkbox=styled__default["default"](Checkbox)(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n }\n"],["\n &&&& {\n font-size: inherit;\n\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});var Container$2=styled__default["default"](FlexBox)(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$c,templateObject_2$7;/**
|
|
11848
11848
|
* Copyright Zendesk, Inc.
|
|
11849
11849
|
*
|
|
11850
11850
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -11883,7 +11883,7 @@ if(prevState.placement!==this.state.placement){this.scheduleUpdate();}};_proto.c
|
|
|
11883
11883
|
*
|
|
11884
11884
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11885
11885
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11886
|
-
*/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);}function _objectWithoutPropertiesLoose$1(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$1(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$1(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}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 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$1='grid.col';var colorStyles$4=function colorStyles(props){var backgroundColor=getColor$1('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=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$1,'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(props);},function(props){return props.debug&&colorStyles$4(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$1,props);});StyledCol.defaultProps={columns:12,theme:DEFAULT_THEME};var COMPONENT_ID$5$1='grid.grid';var colorStyles$3=function colorStyles(props){var borderColor=getColor$1(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=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$1,'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(props);},function(props){return props.debug&&colorStyles$3(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$5$1,props);});StyledGrid.defaultProps={gutters:'md',theme:DEFAULT_THEME};var COMPONENT_ID$4$1='grid.row';var colorStyles$2=function colorStyles(props){var borderColor=getColor$1(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=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$1,'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(props);},function(props){return props.debug&&colorStyles$2(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$1,props);});StyledRow$1.defaultProps={wrapAll:'wrap',theme:DEFAULT_THEME};var COMPONENT_ID$3$1='pane';var StyledPane=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$3$1,'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$1,props);});StyledPane.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='pane.content';var StyledPaneContent=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPaneContent",componentId:"sc-1b38mbh-0"})(["height:100%;overflow:auto;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledPaneContent.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$1='pane.splitter';var colorStyles$1$1=function colorStyles(props){var color=getColor$1('neutralHue',300,props.theme);var hoverColor=getColor$1('primaryHue',600,props.theme);var activeColor=getColor$1('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$1=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$1,'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$1,colorStyles$1$1,function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledPaneSplitter.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$b='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$5=function colorStyles(_ref){var theme=_ref.theme;var boxShadow=theme.shadows.lg("".concat(theme.space.base,"px"),"".concat(theme.space.base*2,"px"),getColor$1('chromeHue',600,theme,0.15));var focusBoxShadow=theme.shadows.md(getColor$1('primaryHue',600,theme,0.35));return styled.css(["box-shadow:",";&[data-garden-focus-visible]{box-shadow:",",",";}"],boxShadow,focusBoxShadow,boxShadow);};var sizeStyles$5=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$b,'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$5,transformStyles,colorStyles$5,function(props){return props.theme.colors.background;},function(props){return retrieveComponentStyles(COMPONENT_ID$b,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=["size"];var Col$1=React__default__default["default"].forwardRef(function(_ref,ref){var size=_ref.size,props=_objectWithoutProperties$1(_ref,_excluded$4);var _useGridContext=useGridContext(),columns=_useGridContext.columns,gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledCol,_extends$4({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=["columns","debug"];var Grid$1=React__default__default["default"].forwardRef(function(_ref,ref){var columns=_ref.columns,debug=_ref.debug,props=_objectWithoutProperties$1(_ref,_excluded$3);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$4({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$1=["wrap"];var Row$5=React__default__default["default"].forwardRef(function(_ref,ref){var wrap=_ref.wrap,props=_objectWithoutProperties$1(_ref,_excluded$2$1);var _useGridContext=useGridContext(),gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledRow$1,_extends$4({gutters:gutters,debug:debug,wrapAll:wrap,ref:ref},props));});Row$5.displayName='Row';Row$5.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$1=["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$1(_ref,_excluded$1$1);var paneProviderContext=usePaneProviderContextData(providerId);var paneContext=usePaneContext();var themeContext=React__default.useContext(styled.ThemeContext);var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_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$1(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$4({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$4({ref:ref},props));});ContentComponent.displayName='Pane.Content';var Content=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$1(props.onClick,function(){if(isMin){setValue(max);}else{setValue(min);}});var onKeyDown=composeEventHandlers$1(props.onKeyDown,function(event){return event.stopPropagation();});var onMouseDown=composeEventHandlers$1(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$4({"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$5=["children"];var PaneComponent=React__default.forwardRef(function(_ref,ref){var children=_ref.children,props=_objectWithoutProperties$1(_ref,_excluded$5);var _useState=React__default.useState(),_useState2=_slicedToArray$1(_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$4({id:paneId,ref:ref},props),children));});PaneComponent.displayName='Pane';var Pane=PaneComponent;Pane.Content=Content;Pane.Splitter=Splitter;Pane.SplitterButton=SplitterButton;var Grid=styled__default["default"](Grid$1)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n && {\n padding: 0;\n }\n"],["\n && {\n padding: 0;\n }\n"])));var Row$4=styled__default["default"](Row$5)(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Col=styled__default["default"](Col$1)(templateObject_3$4||(templateObject_3$4=__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$b,templateObject_2$6,templateObject_3$4;/**
|
|
11886
|
+
*/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);}function _objectWithoutPropertiesLoose$1(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$1(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$1(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}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 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$1='grid.col';var colorStyles$4=function colorStyles(props){var backgroundColor=getColor$1('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=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$1,'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(props);},function(props){return props.debug&&colorStyles$4(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$1,props);});StyledCol.defaultProps={columns:12,theme:DEFAULT_THEME};var COMPONENT_ID$5$1='grid.grid';var colorStyles$3=function colorStyles(props){var borderColor=getColor$1(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=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$1,'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(props);},function(props){return props.debug&&colorStyles$3(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$5$1,props);});StyledGrid.defaultProps={gutters:'md',theme:DEFAULT_THEME};var COMPONENT_ID$4$1='grid.row';var colorStyles$2=function colorStyles(props){var borderColor=getColor$1(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=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$1,'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(props);},function(props){return props.debug&&colorStyles$2(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$1,props);});StyledRow$1.defaultProps={wrapAll:'wrap',theme:DEFAULT_THEME};var COMPONENT_ID$3$1='pane';var StyledPane=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$3$1,'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$1,props);});StyledPane.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='pane.content';var StyledPaneContent=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPaneContent",componentId:"sc-1b38mbh-0"})(["height:100%;overflow:auto;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledPaneContent.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$1='pane.splitter';var colorStyles$1$1=function colorStyles(props){var color=getColor$1('neutralHue',300,props.theme);var hoverColor=getColor$1('primaryHue',600,props.theme);var activeColor=getColor$1('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$1=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$1,'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$1,colorStyles$1$1,function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledPaneSplitter.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$b='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$5=function colorStyles(_ref){var theme=_ref.theme;var boxShadow=theme.shadows.lg("".concat(theme.space.base,"px"),"".concat(theme.space.base*2,"px"),getColor$1('chromeHue',600,theme,0.15));var focusBoxShadow=theme.shadows.md(getColor$1('primaryHue',600,theme,0.35));return styled.css(["box-shadow:",";&[data-garden-focus-visible]{box-shadow:",",",";}"],boxShadow,focusBoxShadow,boxShadow);};var sizeStyles$5=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$b,'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$5,transformStyles,colorStyles$5,function(props){return props.theme.colors.background;},function(props){return retrieveComponentStyles(COMPONENT_ID$b,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=["size"];var Col$1=React__default__default["default"].forwardRef(function(_ref,ref){var size=_ref.size,props=_objectWithoutProperties$1(_ref,_excluded$4);var _useGridContext=useGridContext(),columns=_useGridContext.columns,gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledCol,_extends$4({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=["columns","debug"];var Grid$1=React__default__default["default"].forwardRef(function(_ref,ref){var columns=_ref.columns,debug=_ref.debug,props=_objectWithoutProperties$1(_ref,_excluded$3);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$4({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$1=["wrap"];var Row$5=React__default__default["default"].forwardRef(function(_ref,ref){var wrap=_ref.wrap,props=_objectWithoutProperties$1(_ref,_excluded$2$1);var _useGridContext=useGridContext(),gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledRow$1,_extends$4({gutters:gutters,debug:debug,wrapAll:wrap,ref:ref},props));});Row$5.displayName='Row';Row$5.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$1=["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$1(_ref,_excluded$1$1);var paneProviderContext=usePaneProviderContextData(providerId);var paneContext=usePaneContext();var themeContext=React__default.useContext(styled.ThemeContext);var _useState=React__default.useState(false),_useState2=_slicedToArray$1(_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$1(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$4({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$4({ref:ref},props));});ContentComponent.displayName='Pane.Content';var Content=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$1(props.onClick,function(){if(isMin){setValue(max);}else{setValue(min);}});var onKeyDown=composeEventHandlers$1(props.onKeyDown,function(event){return event.stopPropagation();});var onMouseDown=composeEventHandlers$1(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$4({"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$5=["children"];var PaneComponent=React__default.forwardRef(function(_ref,ref){var children=_ref.children,props=_objectWithoutProperties$1(_ref,_excluded$5);var _useState=React__default.useState(),_useState2=_slicedToArray$1(_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$4({id:paneId,ref:ref},props),children));});PaneComponent.displayName='Pane';var Pane=PaneComponent;Pane.Content=Content;Pane.Splitter=Splitter;Pane.SplitterButton=SplitterButton;var Grid=styled__default["default"](Grid$1)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n && {\n padding: 0;\n }\n"],["\n && {\n padding: 0;\n }\n"])));var Row$4=styled__default["default"](Row$5)(templateObject_2$6||(templateObject_2$6=__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$b,templateObject_2$6,templateObject_3$5;/**
|
|
11887
11887
|
* Copyright Zendesk, Inc.
|
|
11888
11888
|
*
|
|
11889
11889
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -11891,8 +11891,8 @@ if(prevState.placement!==this.state.placement){this.scheduleUpdate();}};_proto.c
|
|
|
11891
11891
|
*/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);}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$a='tables.body';var StyledBody=styled__default["default"].tbody.attrs({'data-garden-id':COMPONENT_ID$a,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledBody",componentId:"sc-14ud6y-0"})(["",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$a,props);});StyledBody.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$9='tables.caption';var StyledCaption=styled__default["default"].caption.attrs({'data-garden-id':COMPONENT_ID$9,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledCaption",componentId:"sc-113y327-0"})(["display:table-caption;text-align:",";",";"],function(props){return props.theme.rtl?'right':'left';},function(props){return retrieveComponentStyles(COMPONENT_ID$9,props);});StyledCaption.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$8='tables.table';var getLineHeight=function getLineHeight(props){return"".concat(props.theme.space.base*5,"px");};var StyledTable=styled__default["default"].table.attrs({'data-garden-id':COMPONENT_ID$8,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTable",componentId:"sc-gje7na-0"})(["display:table;border:none;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;line-height:",";color:",";font-size:",";direction:",";",";"],function(props){return getLineHeight(props);},function(props){return props.theme.colors.foreground;},function(props){return props.theme.fontSizes.md;},function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$8,props);});StyledTable.defaultProps={theme:DEFAULT_THEME};var getRowHeight=function getRowHeight(props){if(props.size==='large'){return"".concat(props.theme.space.base*16,"px");}else if(props.size==='small'){return"".concat(props.theme.space.base*8,"px");}return"".concat(props.theme.space.base*10,"px");};var COMPONENT_ID$7='tables.cell';var truncatedStyling$1=styled.css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);var sizeStyling=function sizeStyling(props){var boxSizing='border-box';var padding;var width=props.width;var height;if(props.hasOverflow){boxSizing='content-box';width='2em';height='inherit';padding=props.theme.rtl?"0 0 0 ".concat(props.theme.space.base,"px"):"0 ".concat(props.theme.space.base,"px 0 0");}else{var paddingVertical=math("(".concat(getRowHeight(props)," - ").concat(getLineHeight(props),") / 2"));var paddingHorizontal="".concat(props.theme.space.base*3,"px");padding="".concat(paddingVertical," ").concat(paddingHorizontal);}if(props.isMinimum){boxSizing='content-box';width='1em';}return styled.css(["box-sizing:",";padding:",";width:",";height:",";"],boxSizing,padding,width,height);};var StyledCell=styled__default["default"].td.attrs({'data-garden-id':COMPONENT_ID$7,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledCell",componentId:"sc-8hpncx-0"})(["display:table-cell;transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out;",";",";",";"],function(props){return sizeStyling(props);},function(props){return props.isTruncated&&truncatedStyling$1;},function(props){return retrieveComponentStyles(COMPONENT_ID$7,props);});StyledCell.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='tables.overflow_button';var OVERFLOW_BUTTON_SIZE='2em';var colorStyles$1=function colorStyles(props){var boxShadow=props.theme.shadows.md(getColor$1('primaryHue',600,props.theme,0.35));var hoverBackgroundColor=getColor$1('primaryHue',600,props.theme,0.08);var hoverForegroundColor=getColor$1('neutralHue',700,props.theme);var activeBackgroundColor=getColor$1('primaryHue',600,props.theme,0.2);var activeForegroundColor=getColor$1('neutralHue',800,props.theme);var foregroundColor;if(props.isHovered){foregroundColor=hoverForegroundColor;}else if(props.isActive){foregroundColor=activeForegroundColor;}else{foregroundColor=getColor$1('neutralHue',600,props.theme);}return styled.css(["color:",";&:hover{background-color:",";color:",";}&:active{background-color:",";color:",";}&:focus{outline:none;}&[data-garden-focus-visible]{box-shadow:inset ",";}"],foregroundColor,hoverBackgroundColor,hoverForegroundColor,activeBackgroundColor,activeForegroundColor,boxShadow);};var StyledOverflowButton=styled__default["default"].button.attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2',type:'button'}).withConfig({displayName:"StyledOverflowButton",componentId:"sc-1eba2ml-0"})(["display:block;transition:opacity 0.25s ease-in-out,background-color 0.1s ease-in-out;opacity:",";z-index:",";margin-top:calc("," - 1em);border:none;border-radius:50%;background-color:transparent;cursor:pointer;padding:0;width:100%;height:",";text-decoration:none;font-size:inherit;"," &[aria-expanded='true']{opacity:1;}",";"],function(props){return props.isHovered||props.isFocused||props.isActive?'1':'0';},function(props){return props.isActive?'1':'0';},function(props){return math("".concat(getRowHeight(props)," / 2"));},OVERFLOW_BUTTON_SIZE,function(props){return colorStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledOverflowButton.defaultProps={theme:DEFAULT_THEME};var StyledOverflowButtonIconWrapper=styled__default["default"].div.withConfig({displayName:"StyledOverflowButton__StyledOverflowButtonIconWrapper",componentId:"sc-1eba2ml-1"})(["display:flex;align-items:center;justify-content:center;transform:rotate(90deg);transition:opacity 0.25s ease-in-out,background-color 0.1s ease-in-out;width:",";height:",";&:hover{opacity:1;}"],OVERFLOW_BUTTON_SIZE,OVERFLOW_BUTTON_SIZE);StyledOverflowButtonIconWrapper.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$5='tables.row';var StyledBaseRow=styled__default["default"].tr.withConfig({displayName:"StyledRow__StyledBaseRow",componentId:"sc-ek66ow-0"})(["display:table-row;transition:background-color 0.1s ease-in-out;border-bottom:",";background-color:",";vertical-align:top;box-sizing:border-box;"],function(props){return"".concat(props.theme.borders.sm," ").concat(getColor$1('neutralHue',200,props.theme));},function(props){return props.isStriped&&getColor$1('neutralHue',100,props.theme);});StyledBaseRow.defaultProps={theme:DEFAULT_THEME};var colorStyles=function colorStyles(props){var boxShadow="inset ".concat(props.theme.rtl?'-':'').concat(props.theme.shadowWidths.md," 0 0 0 ").concat(getColor$1('primaryHue',600,props.theme));var hoveredBackgroundColor=getColor$1('primaryHue',600,props.theme,0.08);var hoveredBorderColor=getColor$1('primaryHue',200,props.theme);var selectedBackgroundColor=getColor$1('primaryHue',600,props.theme,0.2);var selectedBorderColor=getColor$1('primaryHue',300,props.theme);var hoveredSelectedBackgroundColor=getColor$1('primaryHue',600,props.theme,0.28);var backgroundColor=undefined;var borderColor=undefined;var hoverBorderBottomColor=undefined;var hoverBackgroundColor=undefined;if(props.isSelected){if(props.isHovered){backgroundColor=hoveredSelectedBackgroundColor;}else{backgroundColor=selectedBackgroundColor;}borderColor=selectedBorderColor;hoverBorderBottomColor=selectedBorderColor;hoverBackgroundColor=hoveredSelectedBackgroundColor;}else if(props.isHovered){backgroundColor=hoveredBackgroundColor;borderColor=hoveredBorderColor;}else if(!props.isReadOnly){hoverBorderBottomColor=hoveredBorderColor;hoverBackgroundColor=hoveredBackgroundColor;}return styled.css(["border-bottom-color:",";background-color:",";&:hover{border-bottom-color:",";background-color:",";","{opacity:1;}}&:focus{outline:none;}",":first-of-type{box-shadow:",";&:focus{box-shadow:",";}}"],borderColor,backgroundColor,hoverBorderBottomColor,hoverBackgroundColor,StyledOverflowButton,StyledCell,props.isFocused&&boxShadow,boxShadow);};var StyledRow=styled__default["default"](StyledBaseRow).attrs(function(props){return{'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.53.2',tabIndex:props.isReadOnly?undefined:-1};}).withConfig({displayName:"StyledRow",componentId:"sc-ek66ow-1"})(["height:",";"," ",";"],getRowHeight,function(props){return colorStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$5,props);});StyledRow.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$4='tables.header_row';var getHeaderRowHeight=function getHeaderRowHeight(props){if(props.size==='large'){return"".concat(props.theme.space.base*18,"px");}else if(props.size==='small'){return"".concat(props.theme.space.base*10,"px");}return"".concat(props.theme.space.base*12,"px");};var StyledHeaderRow=styled__default["default"](StyledBaseRow).attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledHeaderRow",componentId:"sc-16ogvdx-0"})(["border-bottom-color:",";height:",";vertical-align:bottom;font-weight:",";","{opacity:1;margin-top:0;margin-bottom:calc("," - 1em);}",";"],function(props){return getColor$1('neutralHue',300,props.theme);},getHeaderRowHeight,function(props){return props.theme.fontWeights.semibold;},StyledOverflowButton,function(props){return math("".concat(getHeaderRowHeight(props)," / 2"));},function(props){return retrieveComponentStyles(COMPONENT_ID$4,props);});StyledHeaderRow.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3='tables.head';var StyledHead=styled__default["default"].thead.attrs({'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledHead",componentId:"sc-spf23a-0"})(["",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$3,props);});StyledHead.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2='tables.group_row';var sizeStyles$1=function sizeStyles(props){var height="".concat(props.theme.space.base*8,"px");var lineHeight=getLineHeight(props);return styled.css(["height:",";line-height:",";font-size:",";","{padding:"," ","px;}"],height,lineHeight,props.theme.fontSizes.sm,StyledCell,math("(".concat(height," - ").concat(lineHeight,") / 2")),props.theme.space.base*3);};var StyledGroupRow=styled__default["default"](StyledBaseRow).attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledGroupRow",componentId:"sc-mpd0r8-0"})(["background-color:",";"," ",";"],function(props){return getColor$1('neutralHue',100,props.theme);},function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$2,props);});StyledGroupRow.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1='tables.sortable';var StyledBaseIconWrapper=styled__default["default"].div.withConfig({displayName:"StyledSortableButton__StyledBaseIconWrapper",componentId:"sc-2s1dli-0"})(["display:flex;position:absolute;top:0;",":0;align-items:center;justify-content:center;opacity:0;width:",";height:100%;color:inherit;fill:inherit;"],function(props){return props.theme.rtl?'left':'right';},function(props){return props.theme.iconSizes.sm;});StyledBaseIconWrapper.defaultProps={theme:DEFAULT_THEME};var StyledSortableStrokeIconWrapper=styled__default["default"](StyledBaseIconWrapper).withConfig({displayName:"StyledSortableButton__StyledSortableStrokeIconWrapper",componentId:"sc-2s1dli-1"})([""]);StyledSortableStrokeIconWrapper.defaultProps={theme:DEFAULT_THEME};var StyledSortableFillIconWrapper=styled__default["default"](StyledBaseIconWrapper).withConfig({displayName:"StyledSortableButton__StyledSortableFillIconWrapper",componentId:"sc-2s1dli-2"})([""]);StyledSortableFillIconWrapper.defaultProps={theme:DEFAULT_THEME};var StyledSortableButton=styled__default["default"].button.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.53.2',type:'button'}).withConfig({displayName:"StyledSortableButton",componentId:"sc-2s1dli-3"})(["position:relative;border:none;background-color:transparent;cursor:pointer;padding:0;padding-",":",";width:",";text-decoration:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:",";","{opacity:",";}","{opacity:",";color:",";fill:",";}&:hover,&[data-garden-focus-visible]{text-decoration:none;color:",";",";"," ","}&:focus{outline:none;}",";"],function(props){return props.theme.rtl?'left':'right';},function(props){return math("".concat(props.theme.space.base," + ").concat(props.theme.iconSizes.sm));},function(props){return props.width;},function(props){return props.theme.fontWeights.semibold;},StyledSortableStrokeIconWrapper,function(props){return props.sort===undefined&&1;},StyledSortableFillIconWrapper,function(props){return props.sort!==undefined&&1;},function(props){if(props.sort==='asc'){return getColor$1('neutralHue',600,props.theme);}else if(props.sort==='desc'){return getColor$1('neutralHue',400,props.theme);}return undefined;},function(props){if(props.sort==='asc'){return getColor$1('neutralHue',400,props.theme);}else if(props.sort==='desc'){return getColor$1('neutralHue',600,props.theme);}return undefined;},function(props){return getColor$1('primaryHue',600,props.theme);},function(props){return props.sort===undefined&&"\n ".concat(StyledSortableFillIconWrapper," {\n opacity: 1;\n color: ").concat(getColor$1('primaryHue',600,props.theme),";\n fill: ").concat(getColor$1('primaryHue',600,props.theme),";\n }\n\n ").concat(StyledSortableStrokeIconWrapper," {\n opacity: 0;\n }\n ");},function(props){return props.sort==='asc'&&"\n ".concat(StyledSortableFillIconWrapper," {\n color: ").concat(getColor$1('primaryHue',600,props.theme),";\n fill: ").concat(getColor$1('primaryHue',600,props.theme,0.25),";\n }\n ");},function(props){return props.sort==='desc'&&"\n ".concat(StyledSortableFillIconWrapper," {\n color: ").concat(getColor$1('primaryHue',600,props.theme,0.25),";\n fill: ").concat(getColor$1('primaryHue',600,props.theme),";\n }\n ");},function(props){return retrieveComponentStyles(COMPONENT_ID$1,props);});StyledSortableButton.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID='tables.header_cell';var truncatedStyling=styled.css(["","{max-width:100%;overflow:hidden;text-overflow:ellipsis;}"],StyledSortableButton);var sizeStyles=function sizeStyles(props){var paddingVertical=undefined;if(!props.hasOverflow){paddingVertical=math("(".concat(getRowHeight(props)," - ").concat(getLineHeight(props),") / 2"));}return styled.css(["padding-top:",";padding-bottom:",";"],paddingVertical,paddingVertical);};var StyledHeaderCell=styled__default["default"](StyledCell).attrs({as:'th','data-garden-id':COMPONENT_ID,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledHeaderCell",componentId:"sc-fzagoe-0"})(["text-align:",";font-weight:inherit;"," "," ",";"],function(props){if(!props.hasOverflow){if(props.theme.rtl){return'right';}return'left';}return undefined;},function(props){return sizeStyles(props);},function(props){return props.isTruncated&&truncatedStyling;},function(props){return retrieveComponentStyles(COMPONENT_ID,props);});StyledHeaderCell.defaultProps={theme:DEFAULT_THEME};var Body$1=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledBody,_extends$3({ref:ref},props));});Body$1.displayName='Body';var Caption=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledCaption,_extends$3({ref:ref},props));});Caption.displayName='Caption';var TableContext=React__default__default["default"].createContext({size:'medium',isReadOnly:false});var useTableContext=function useTableContext(){return React__default.useContext(TableContext);};var Cell$1=React__default__default["default"].forwardRef(function(props,ref){var _useTableContext=useTableContext(),size=_useTableContext.size;return React__default__default["default"].createElement(StyledCell,_extends$3({ref:ref,size:size},props));});Cell$1.displayName='Cell';Cell$1.propTypes={isMinimum:propTypes.exports.bool,isTruncated:propTypes.exports.bool,hasOverflow:propTypes.exports.bool,width:propTypes.exports.oneOfType([propTypes.exports.string,propTypes.exports.number])};var GroupRow=React__default.forwardRef(function(props,ref){var _useTableContext=useTableContext(),size=_useTableContext.size;return React__default__default["default"].createElement(StyledGroupRow,_extends$3({ref:ref,size:size},props));});GroupRow.displayName='GroupRow';var Head$1=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledHead,_extends$3({ref:ref},props));});Head$1.displayName='Head';var HeaderCell$1=React__default.forwardRef(function(props,ref){var _useTableContext=useTableContext(),size=_useTableContext.size;return React__default__default["default"].createElement(StyledHeaderCell,_extends$3({ref:ref,size:size},props));});HeaderCell$1.displayName='HeaderCell';HeaderCell$1.propTypes=Cell$1.propTypes;var HeaderRow$1=React__default__default["default"].forwardRef(function(props,ref){var _useTableContext=useTableContext(),size=_useTableContext.size;return React__default__default["default"].createElement(StyledHeaderRow,_extends$3({ref:ref,size:size},props));});HeaderRow$1.displayName='HeaderRow';var _g;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 SvgOverflowStroke=function SvgOverflowStroke(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),_g||(_g=/*#__PURE__*/React__default__namespace.createElement("g",{fill:"currentColor"},/*#__PURE__*/React__default__namespace.createElement("circle",{cx:2.5,cy:8,r:1.5}),/*#__PURE__*/React__default__namespace.createElement("circle",{cx:8,cy:8,r:1.5}),/*#__PURE__*/React__default__namespace.createElement("circle",{cx:13.5,cy:8,r:1.5}))));};var _excluded$2=["onFocus","onBlur","isFocused"];var OverflowButton$2=React__default.forwardRef(function(_ref,ref){var onFocus=_ref.onFocus,onBlur=_ref.onBlur,focused=_ref.isFocused,other=_objectWithoutProperties(_ref,_excluded$2);var _useState=React__default.useState(false),_useState2=_slicedToArray(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var _useTableContext=useTableContext(),size=_useTableContext.size;return React__default__default["default"].createElement(StyledOverflowButton,_extends$3({onFocus:composeEventHandlers$1(onFocus,function(){setIsFocused(true);}),onBlur:composeEventHandlers$1(onBlur,function(){setIsFocused(false);}),size:size,isFocused:typeof focused==='undefined'?isFocused:focused,ref:ref},other),React__default__default["default"].createElement(StyledOverflowButtonIconWrapper,null,React__default__default["default"].createElement(SvgOverflowStroke,null)));});OverflowButton$2.displayName='OverflowButton';OverflowButton$2.propTypes={isHovered:propTypes.exports.bool,isActive:propTypes.exports.bool,isFocused:propTypes.exports.bool};var _excluded$1=["onFocus","onBlur","isFocused"];var Row$3=React__default.forwardRef(function(_ref,ref){var onFocus=_ref.onFocus,onBlur=_ref.onBlur,focused=_ref.isFocused,otherProps=_objectWithoutProperties(_ref,_excluded$1);var _useState=React__default.useState(false),_useState2=_slicedToArray(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var _useTableContext=useTableContext(),size=_useTableContext.size,isReadOnly=_useTableContext.isReadOnly;var computedFocused=React__default.useMemo(function(){if(typeof focused!=='undefined'){return focused;}if(isReadOnly){return false;}return isFocused;},[focused,isFocused,isReadOnly]);var onFocusCallback=React__default.useMemo(function(){return composeEventHandlers$1(onFocus,function(){setIsFocused(true);});},[onFocus,setIsFocused]);var onBlurCallback=React__default.useMemo(function(){return composeEventHandlers$1(onBlur,function(){setIsFocused(false);});},[onBlur,setIsFocused]);return React__default__default["default"].createElement(StyledRow,_extends$3({onFocus:onFocusCallback,onBlur:onBlurCallback,size:size,isReadOnly:isReadOnly,isFocused:computedFocused,ref:ref},otherProps));});Row$3.displayName='Row';Row$3.propTypes={isStriped:propTypes.exports.bool,isFocused:propTypes.exports.bool,isHovered:propTypes.exports.bool,isSelected:propTypes.exports.bool};var _path$1;function _extends$1(){_extends$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1.apply(this,arguments);}var SvgSortStroke=function SvgSortStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M2.5 4L5.6.9c.2-.2.5-.2.7 0L9.5 4m-7 4l3.1 3.1c.2.2.5.2.7 0L9.5 8"})));};var _path,_path2;function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}var SvgSortFill=function SvgSortFill(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10 5H2a.5.5 0 01-.46-.31.47.47 0 01.11-.54L5.29.5A1 1 0 016.7.5l3.65 3.65a.49.49 0 01.11.54A.51.51 0 0110 5z"})),_path2||(_path2=/*#__PURE__*/React__default__namespace.createElement("path",{d:"M2 7a.5.5 0 00-.46.31.47.47 0 00.11.54L5.3 11.5a1 1 0 001.41 0l3.65-3.65a.49.49 0 00.11-.54A.53.53 0 0010 7z"})));};var SIZE=['small','medium','large'];var SORT=['asc','desc'];var _excluded=["sort","cellProps","width","children"];var SortableCell=React__default.forwardRef(function(_ref,ref){var sort=_ref.sort,cellProps=_ref.cellProps,width=_ref.width,children=_ref.children,otherProps=_objectWithoutProperties(_ref,_excluded);var ariaSortValue='none';if(sort==='asc'){ariaSortValue='ascending';}else if(sort==='desc'){ariaSortValue='descending';}var SortIcon=sort===undefined?SvgSortStroke:SvgSortFill;return React__default__default["default"].createElement(StyledHeaderCell,_extends$3({"aria-sort":ariaSortValue,width:width},cellProps),React__default__default["default"].createElement(StyledSortableButton,_extends$3({sort:sort,ref:ref},otherProps),children,React__default__default["default"].createElement(StyledSortableStrokeIconWrapper,null,React__default__default["default"].createElement(SortIcon,null)),React__default__default["default"].createElement(StyledSortableFillIconWrapper,null,React__default__default["default"].createElement(SvgSortFill,null))));});SortableCell.displayName='SortableCell';SortableCell.propTypes={sort:propTypes.exports.oneOf(SORT),cellProps:propTypes.exports.any,width:propTypes.exports.oneOfType([propTypes.exports.string,propTypes.exports.number])};var Table$1=React__default__default["default"].forwardRef(function(props,ref){var tableContextValue=React__default.useMemo(function(){return{size:props.size,isReadOnly:props.isReadOnly};},[props.size,props.isReadOnly]);return React__default__default["default"].createElement(TableContext.Provider,{value:tableContextValue},React__default__default["default"].createElement(StyledTable,_extends$3({ref:ref},props)));});Table$1.displayName='Table';Table$1.defaultProps={size:'medium'};Table$1.propTypes={size:propTypes.exports.oneOf(SIZE),isReadOnly:propTypes.exports.bool};var COMPONENT_NAME$1="OverflowMenu";var OverflowButton$1=styled__default["default"](OverflowButton$2).attrs(function(_a){var theme=_a.theme;return{icon:js.mdiDotsVertical,"data-component-name":COMPONENT_NAME$1,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),
|
|
11892
11892
|
// pill: true,
|
|
11893
11893
|
};})(templateObject_1$a||(templateObject_1$a=__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
|
|
11894
|
-
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton$1,{})});};var templateObject_1$a;var Row$2=function(_a){var checkable=_a.checkable,checked=_a.checked,checkDisabled=_a.checkDisabled,columnConfigs=_a.columnConfigs,item=_a.item,onCheck=_a.onCheck,onClick=_a.onClick;var _b=__read(React__default.useState(true),2),isCollapsed=_b[0],setCollapsedState=_b[1];var key=item.key,containerStyles=item.containerStyles,actions=item.actions;var createGridRow=function(_a){var name=_a.name,important=_a.important;return jsxRuntime.jsxs(ColumnRow,__assign({collapsible:!important,isCollapsed:isCollapsed},{children:[jsxRuntime.jsx(Col,__assign({md:5,sm:12},{children:jsxRuntime.jsxs(Text,__assign({_css:styled.css(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";"],["\n font-weight: ",";\n font-size: ",";"])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))})),jsxRuntime.jsx(Col,__assign({md:7,sm:12},{children:jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";"],["\n font-weight: ",";\n font-size: ",";"])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))]}),"".concat(key,"-").concat(name));};var _c=__read(columnConfigs.reduce(function(acc,column){column.important?acc[0].push(column):acc[1].push(column);return acc;},[[],[]]),2),importantColumns=_c[0],collapsibleColumns=_c[1];var handleCheckChange=function(isChecked){onCheck===null||onCheck===void 0?void 0:onCheck(key,isChecked);};var toggleCollapse=function(){setCollapsedState(!isCollapsed);};return jsxRuntime.jsx(Container$1,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);}},{children:jsxRuntime.jsxs(FlexBox,__assign({fluid:true},{children:[checkable?jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange}):null,jsxRuntime.jsxs(FlexBox,__assign({withRows:true,fluid:true},{children:[jsxRuntime.jsxs(Grid,{children:[importantColumns.map(createGridRow),!isCollapsed?jsxRuntime.jsx(FlexBox,{_css:styled.css(templateObject_3$
|
|
11895
|
-
Row$2.COMPONENT_NAME="Row";Row$2.defaultProps={};var Container$1=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n background: ",";\n border-bottom: 1px solid ",";\n padding: ",";\n"],["\n background: ",";\n border-bottom: 1px solid ",";\n padding: ",";\n"])),COLORS.WHITE,veryLight(COLORS.GREY),SPACINGS.SM);var ColumnRow=styled__default["default"](Row$4)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n display: ",";\n padding: .1em;\n border-radius: 10px;\n"],["\n display: ",";\n padding: .1em;\n border-radius: 10px;\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"flex";});var templateObject_1$9,templateObject_2$5,templateObject_3$3,templateObject_4$2,templateObject_5$1,templateObject_6$1;var MobileTable=function(_a){var _b;var actions=_a.actions,checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,filterState=_a.filterState;_a.hasRowActions;var helpText=_a.helpText,items=_a.items,title=_a.title,onFiltersChange=_a.onFiltersChange,onItemClick=_a.onItemClick,onItemChecked=_a.onItemChecked,onSelectAllToggle=_a.onSelectAllToggle;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:"flex-wrap: wrap;",justifyContent:"space-between",withRows:true},{children:[jsxRuntime.jsxs(Title$1,{children:[title,jsxRuntime.jsx(HelpText,__assign({size:FONT_SIZES.XS},{children:helpText}))]}),jsxRuntime.jsxs(FlexBox,__assign({justifyContent:"space-between",wrapped:true},{children:[checkable?jsxRuntime.jsxs(Button,__assign({compact:true,neutral:true,onClick:function(){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(!allSelected);}},{children:[allSelected?"Deselect":"Select"," All"]})):undefined,(_b=actions===null||actions===void 0?void 0:actions({checkedItems:checkedItems}))===null||_b===void 0?void 0:_b.map(function(a,i){return jsxRuntime.jsx(React__default.Fragment,{children:a},i);}),onFiltersChange?jsxRuntime.jsx(Filters,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange}):null]}))]})),jsxRuntime.jsx(Container,__assign({gap:SPACINGS.XS,withRows:true},{children:items.map(function(item){return jsxRuntime.jsx(Row$2,{item:item,columnConfigs:columnConfigs,onClick:onItemClick,checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),onCheck:onItemChecked},item.key);})}))]}));};var Container=styled__default["default"](FlexBox)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n background: ",";\n border-color: ",";\n border-style: solid;\n border-width: ",";\n"],["\n background: ",";\n border-color: ",";\n border-style: solid;\n border-width: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderSize;});var templateObject_1$8;var overflowCellStyles=styled.css(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: 5em;\n background: white;\n ::before {\n position: absolute;\n top: 0;\n left: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n"],["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: 5em;\n background: white;\n ::before {\n position: absolute;\n top: 0;\n left: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n"])));var Table=styled__default["default"](Table$1)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n && {\n color: inherit;\n border-radius: 6px;\n }\n"],["\n && {\n color: inherit;\n border-radius: 6px;\n }\n"])));var Head=styled__default["default"](Head$1)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"],["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"])),veryLight(COLORS.GREY),COLORS.WHITE);var HeaderRow=styled__default["default"](HeaderRow$1)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n font-size: ",";\n font-weight: ",";\n border: none !important;\n height: auto !important;\n"],["\n font-size: ",";\n font-weight: ",";\n border: none !important;\n height: auto !important;\n"])),FONT_SIZES_EM.XS,FONT_WEIGHTS.BOLD);var HeaderCell=styled__default["default"](HeaderCell$1)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n vertical-align: top;\n // background: ",";\n ",";\n ","\n"],["\n vertical-align: top;\n // background: ",";\n ",";\n ","\n"])),veryLight(COLORS.GREY),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var Body=styled__default["default"](Body$1)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES_EM.SM);var Cell=styled__default["default"](Cell$1)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n &&&& {\n //background: white;\n box-shadow: none;\n ",";\n ","\n }\n"],["\n &&&& {\n //background: white;\n box-shadow: none;\n ",";\n ","\n }\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var OverflowButton=styled__default["default"](OverflowButton$2)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n"],["\n"])));styled.css(templateObject_9||(templateObject_9=__makeTemplateObject(["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,function(p){return p.theme.styles.colorPrimary;},function(p){return fade(p.theme.styles.colorPrimary,.8);});styled.css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,COLORS.WHITE);var Row$1=styled__default["default"](Row$3)(templateObject_11||(templateObject_11=__makeTemplateObject(["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"],["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"])),veryLight(COLORS.GREY),light(COLORS.GREY,.72),function(_a){var _css=_a._css;return _css;});Object.assign(Table,{Head:Head,HeaderRow:HeaderRow,HeaderCell:HeaderCell,OverflowButton:OverflowButton,Body:Body,Row:Row$1,Cell:Cell});var templateObject_1$7,templateObject_2$4,templateObject_3$2,templateObject_4$1,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;var calculateStickyPosition=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true,width:"37.6px"});var _b=__read(splitArray(configs,index),1),left=_b[0];var widths=left.map(function(c){return c.width;});return styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["left: calc(",");"],["left: calc(",");"])),widths.join(" + "));};var calculateStickyShadow=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true});var _b=__read(splitArray(configs,index),2),rest=_b[1];if(isNotEmpty(rest))rest.shift();var notLastSticky=rest.some(function(c){return c.important;});if(notLastSticky)return"";return styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "],["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "])));};var columnContainerStyles=function(c){return c.important?stickyStyles:nonStickyStyles;};var columnWidth=function(size){return"".concat(100/size,"%");};var nonStickyStyles=styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var stickyStyles=styled.css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"],["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"])),calculateStickyShadow,calculateStickyPosition);var templateObject_1$6,templateObject_2$3,templateObject_3$1,templateObject_4;var Header=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,hasRowActions=_a.hasRowActions,items=_a.items,onSelectAllToggle=_a.onSelectAllToggle;columnWidth(columnConfigs.length);var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=function(checked){if(!!onSelectAllToggle)onSelectAllToggle(checked);};return jsxRuntime.jsx(Head,{children:jsxRuntime.jsxs(HeaderRow,{children:[checkable?jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,important=c.important,name=c.name,width=c.width;index=checkable?index+1:index;var color=function(p){return important?p.theme.styles.colorPrimary:"unset";};var textNode=jsxRuntime.jsx(Text,__assign({_css:"color: ".concat(color,";")},{children:name}));return jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(FlexBox,__assign({_css:"flex: 1;",gap:SPACINGS.XS,withRows:true},{children:textNode}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell,{hasOverflow:true}):null]})});};var templateObject_1$5,templateObject_2$2;var Row=function(_a){var _b=_a.checkable,checkable=_b===void 0?false:_b,_c=_a.checkDisabled,checkDisabled=_c===void 0?false:_c,_d=_a.checked,checked=_d===void 0?false:_d,columnConfigs=_a.columnConfigs,item=_a.item,onCheck=_a.onCheck,onClick=_a.onClick,onHoverEnd=_a.onHoverEnd,onHoverStart=_a.onHoverStart;columnWidth(columnConfigs.length);var handleCheckChange=function(checked){onCheck===null||onCheck===void 0?void 0:onCheck(item.key,checked);};var key=item.key,containerStyles=item.containerStyles,actions=item.actions;return jsxRuntime.jsxs(Row$1,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},onMouseEnter:function(){return onHoverStart===null||onHoverStart===void 0?void 0:onHoverStart(key);},onMouseLeave:function(){return onHoverEnd===null||onHoverEnd===void 0?void 0:onHoverEnd(key);}},{children:[checkable?jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,name=c.name,important=c.important,width=c.width;index=checkable?index+1:index;var weight=important?FONT_WEIGHTS.MEDIUM:FONT_WEIGHTS.REGULAR;return jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(Text,__assign({_css:"font-weight: ".concat(weight,"; width: 100%;")},{children:item[name]}))}),"".concat(key,"-").concat(name));}),actions?jsxRuntime.jsx(OverflowMenuCell,__assign({hasOverflow:true},{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,appendToNode:document.body,placement:"bottom-end"})})):null]}));};var OverflowMenuCell=styled__default["default"](Cell)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n && {}\n"],["\n && {}\n"])));Row.COMPONENT_NAME="Row";var templateObject_1$4,templateObject_2$1,templateObject_3;var NiceTable=function(_a){var _b;var actions=_a.actions,_c=_a.checkable,checkable=_c===void 0?false:_c,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,filterState=_a.filterState,hasRowActions=_a.hasRowActions,helpText=_a.helpText,items=_a.items,title=_a.title,onFiltersChange=_a.onFiltersChange,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:"margin-bottom: 1rem",justifyContent:"space-between",withRows:true},{children:[title?jsxRuntime.jsx(Title$1,{children:title}):null,helpText?jsxRuntime.jsx(HelpText,{children:helpText}):null,jsxRuntime.jsxs(FlexBox,__assign({_css:"flex: 1",justifyContent:"flex-end"},{children:[(_b=actions===null||actions===void 0?void 0:actions({checkedItems:checkedItems}))===null||_b===void 0?void 0:_b.map(function(a,i){return jsxRuntime.jsx(React__default.Fragment,{children:a},i);}),onFiltersChange?jsxRuntime.jsx(Filters,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange}):null]}))]})),jsxRuntime.jsx(HorizontalScroll,{children:jsxRuntime.jsxs(Table,{children:[jsxRuntime.jsx(Header,{checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,items:items,onSelectAllToggle:onSelectAllToggle}),jsxRuntime.jsx(Body,{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(Row,{checkable:checkable,checkDisabled:item.checkDisabled,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,item:item,onCheck:onItemChecked,onClick:onItemClick,onHoverStart:onItemHoverStart,onHoverEnd:onItemHoverEnd},item.key);}):emptyState})]})})]}));};var HorizontalScroll=styled__default["default"].div(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n overflow-x: auto;\n border: 2px solid ",";\n"],["\n overflow-x: auto;\n border: 2px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;});NiceTable.COMPONENT_NAME="NiceTable";var templateObject_1$3;var COMPONENT_NAME="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button,__assign({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n && {\n padding: .5em;\n min-width: 0;\n }\n"],["\n && {\n padding: .5em;\n min-width: 0;\n }\n"// @ts-ignore
|
|
11894
|
+
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton$1,{})});};var templateObject_1$a;var Row$2=function(_a){var checkable=_a.checkable,checked=_a.checked,checkDisabled=_a.checkDisabled,columnConfigs=_a.columnConfigs,item=_a.item,onCheck=_a.onCheck,onClick=_a.onClick;var _b=__read(React__default.useState(true),2),isCollapsed=_b[0],setCollapsedState=_b[1];var key=item.key,containerStyles=item.containerStyles,actions=item.actions;var createGridRow=function(_a){var name=_a.name,important=_a.important;return jsxRuntime.jsxs(ColumnRow,__assign({collapsible:!important,isCollapsed:isCollapsed},{children:[jsxRuntime.jsx(Col,__assign({md:5,sm:12},{children:jsxRuntime.jsxs(Text,__assign({_css:styled.css(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";"],["\n font-weight: ",";\n font-size: ",";"])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))})),jsxRuntime.jsx(Col,__assign({md:7,sm:12},{children:jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";"],["\n font-weight: ",";\n font-size: ",";"])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))]}),"".concat(key,"-").concat(name));};var _c=__read(columnConfigs.reduce(function(acc,column){column.important?acc[0].push(column):acc[1].push(column);return acc;},[[],[]]),2),importantColumns=_c[0],collapsibleColumns=_c[1];var handleCheckChange=function(isChecked){onCheck===null||onCheck===void 0?void 0:onCheck(key,isChecked);};var toggleCollapse=function(){setCollapsedState(!isCollapsed);};return jsxRuntime.jsx(Container$1,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);}},{children:jsxRuntime.jsxs(FlexBox,__assign({fluid:true},{children:[checkable?jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange}):null,jsxRuntime.jsxs(FlexBox,__assign({withRows:true,fluid:true},{children:[jsxRuntime.jsxs(Grid,{children:[importantColumns.map(createGridRow),!isCollapsed?jsxRuntime.jsx(FlexBox,{_css:styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n margin: .5em 0;\n background: ",";\n height: 2px;\n width: 20px;\n "],["\n margin: .5em 0;\n background: ",";\n height: 2px;\n width: 20px;\n "])),COLORS.LIGHT_GREY)}):null,collapsibleColumns.map(createGridRow)]}),isNotEmpty(collapsibleColumns)?jsxRuntime.jsxs(Button,__assign({_css:styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["align-self: flex-end; margin-bottom: ",""],["align-self: flex-end; margin-bottom: ",""])),SPACINGS.XS),icon:isCollapsed?js.mdiChevronDown:js.mdiChevronUp,primary:false,size:"small",onClick:toggleCollapse},{children:["Show ",isCollapsed?"More":"Less"]})):null]})),actions?jsxRuntime.jsx("div",{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,placement:"bottom-end"})}):null]}))}));};// @ts-ignore
|
|
11895
|
+
Row$2.COMPONENT_NAME="Row";Row$2.defaultProps={};var Container$1=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n background: ",";\n border-bottom: 1px solid ",";\n padding: ",";\n"],["\n background: ",";\n border-bottom: 1px solid ",";\n padding: ",";\n"])),COLORS.WHITE,veryLight(COLORS.GREY),SPACINGS.SM);var ColumnRow=styled__default["default"](Row$4)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n display: ",";\n padding: .1em;\n border-radius: 10px;\n"],["\n display: ",";\n padding: .1em;\n border-radius: 10px;\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"flex";});var templateObject_1$9,templateObject_2$5,templateObject_3$4,templateObject_4$2,templateObject_5$1,templateObject_6$1;var MobileTable=function(_a){var actions=_a.actions,checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,filterState=_a.filterState;_a.hasRowActions;var helpText=_a.helpText,items=_a.items,title=_a.title,onFiltersChange=_a.onFiltersChange,onItemClick=_a.onItemClick,onItemChecked=_a.onItemChecked,onSelectAllToggle=_a.onSelectAllToggle;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:"flex-wrap: wrap;",justifyContent:"space-between",withRows:true},{children:[jsxRuntime.jsxs(Title$1,{children:[title,jsxRuntime.jsx(HelpText,__assign({size:FONT_SIZES.XS},{children:helpText}))]}),jsxRuntime.jsxs(FlexBox,__assign({justifyContent:"space-between",wrapped:true},{children:[checkable?jsxRuntime.jsxs(Button,__assign({compact:true,neutral:true,onClick:function(){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(!allSelected);}},{children:[allSelected?"Deselect":"Select"," All"]})):undefined,actions,onFiltersChange?jsxRuntime.jsx(Filters,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange}):null]}))]})),jsxRuntime.jsx(Container,__assign({gap:SPACINGS.XS,withRows:true},{children:items.map(function(item){return jsxRuntime.jsx(Row$2,{item:item,columnConfigs:columnConfigs,onClick:onItemClick,checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),onCheck:onItemChecked},item.key);})}))]}));};var Container=styled__default["default"](FlexBox)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n background: ",";\n border-color: ",";\n border-style: solid;\n border-width: ",";\n"],["\n background: ",";\n border-color: ",";\n border-style: solid;\n border-width: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderSize;});var templateObject_1$8;var overflowCellStyles=styled.css(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: 5em;\n ::before {\n position: absolute;\n top: 0;\n left: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n"],["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: 5em;\n ::before {\n position: absolute;\n top: 0;\n left: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n"])));var Table=styled__default["default"](Table$1)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n && {\n color: inherit;\n border-radius: 6px;\n }\n"],["\n && {\n color: inherit;\n border-radius: 6px;\n }\n"])));var Head=styled__default["default"](Head$1)(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"],["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"])),veryLight(COLORS.GREY),COLORS.WHITE);var HeaderRow=styled__default["default"](HeaderRow$1)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n font-size: ",";\n font-weight: ",";\n border: none !important;\n height: auto !important;\n"],["\n font-size: ",";\n font-weight: ",";\n border: none !important;\n height: auto !important;\n"])),FONT_SIZES_EM.XS,FONT_WEIGHTS.BOLD);var HeaderCell=styled__default["default"](HeaderCell$1)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n vertical-align: top;\n background: white;\n ",";\n ","\n"],["\n vertical-align: top;\n background: white;\n ",";\n ","\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var Body=styled__default["default"](Body$1)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES_EM.SM);var Cell=styled__default["default"](Cell$1)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n &&&& {\n background: white;\n box-shadow: none;\n ",";\n ","\n }\n"],["\n &&&& {\n background: white;\n box-shadow: none;\n ",";\n ","\n }\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var OverflowButton=styled__default["default"](OverflowButton$2)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n"],["\n"])));styled.css(templateObject_9||(templateObject_9=__makeTemplateObject(["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,function(p){return p.theme.styles.colorPrimary;},function(p){return fade(p.theme.styles.colorPrimary,.8);});styled.css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,COLORS.WHITE);var Row$1=styled__default["default"](Row$3)(templateObject_11||(templateObject_11=__makeTemplateObject(["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"],["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"])),veryLight(COLORS.GREY),light(COLORS.GREY,.72),function(_a){var _css=_a._css;return _css;});Object.assign(Table,{Head:Head,HeaderRow:HeaderRow,HeaderCell:HeaderCell,OverflowButton:OverflowButton,Body:Body,Row:Row$1,Cell:Cell});var templateObject_1$7,templateObject_2$4,templateObject_3$3,templateObject_4$1,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;var calculateStickyPosition=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true,width:"37.6px"});var _b=__read(splitArray(configs,index),1),left=_b[0];var widths=left.map(function(c){return c.width;});return styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["left: calc(",");"],["left: calc(",");"])),widths.join(" + "));};var calculateStickyShadow=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true});var _b=__read(splitArray(configs,index),2),rest=_b[1];if(isNotEmpty(rest))rest.shift();var notLastSticky=rest.some(function(c){return c.important;});if(notLastSticky)return"";return styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "],["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "])));};var columnContainerStyles=function(c){return c.important?stickyStyles:nonStickyStyles;};var columnWidth=function(size){return"".concat(100/size,"%");};var nonStickyStyles=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var stickyStyles=styled.css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"],["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"])),calculateStickyShadow,calculateStickyPosition);var templateObject_1$6,templateObject_2$3,templateObject_3$2,templateObject_4;var Header=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,hasRowActions=_a.hasRowActions,items=_a.items,onSelectAllToggle=_a.onSelectAllToggle;columnWidth(columnConfigs.length);var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=function(checked){if(!!onSelectAllToggle)onSelectAllToggle(checked);};return jsxRuntime.jsx(Head,{children:jsxRuntime.jsxs(HeaderRow,{children:[checkable?jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,important=c.important,name=c.name,width=c.width;index=checkable?index+1:index;var color=function(p){return important?p.theme.styles.colorPrimary:"unset";};var textNode=jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["color: ",";"],["color: ",";"])),color)},{children:name}));return jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(FlexBox,__assign({_css:"flex: 1;",gap:SPACINGS.XS,withRows:true},{children:textNode}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell,{hasOverflow:true}):null]})});};var templateObject_1$5,templateObject_2$2,templateObject_3$1;var Row=function(_a){var _b=_a.checkable,checkable=_b===void 0?false:_b,_c=_a.checkDisabled,checkDisabled=_c===void 0?false:_c,_d=_a.checked,checked=_d===void 0?false:_d,columnConfigs=_a.columnConfigs,item=_a.item,onCheck=_a.onCheck,onClick=_a.onClick,onHoverEnd=_a.onHoverEnd,onHoverStart=_a.onHoverStart;columnWidth(columnConfigs.length);var handleCheckChange=function(checked){onCheck===null||onCheck===void 0?void 0:onCheck(item.key,checked);};var key=item.key,containerStyles=item.containerStyles,actions=item.actions;return jsxRuntime.jsxs(Row$1,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},onMouseEnter:function(){return onHoverStart===null||onHoverStart===void 0?void 0:onHoverStart(key);},onMouseLeave:function(){return onHoverEnd===null||onHoverEnd===void 0?void 0:onHoverEnd(key);}},{children:[checkable?jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,name=c.name,important=c.important,width=c.width;index=checkable?index+1:index;var weight=important?FONT_WEIGHTS.MEDIUM:FONT_WEIGHTS.REGULAR;return jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(Text,__assign({_css:"font-weight: ".concat(weight,"; width: 100%;")},{children:item[name]}))}),"".concat(key,"-").concat(name));}),actions?jsxRuntime.jsx(OverflowMenuCell,__assign({hasOverflow:true},{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,appendToNode:document.body,placement:"bottom-end"})})):null]}));};var OverflowMenuCell=styled__default["default"](Cell)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n && {}\n"],["\n && {}\n"])));Row.COMPONENT_NAME="Row";var templateObject_1$4,templateObject_2$1,templateObject_3;var NiceTable=function(_a){var actions=_a.actions,_b=_a.checkable,checkable=_b===void 0?false:_b,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,filterState=_a.filterState,hasRowActions=_a.hasRowActions,helpText=_a.helpText,items=_a.items,title=_a.title,onFiltersChange=_a.onFiltersChange,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:"margin-bottom: 1rem",justifyContent:"space-between",withRows:true},{children:[title?jsxRuntime.jsx(Title$1,{children:title}):null,helpText?jsxRuntime.jsx(HelpText,{children:helpText}):null,jsxRuntime.jsxs(FlexBox,__assign({_css:"flex: 1",justifyContent:"flex-end"},{children:[actions,onFiltersChange?jsxRuntime.jsx(Filters,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange}):null]}))]})),jsxRuntime.jsx(HorizontalScroll,{children:jsxRuntime.jsxs(Table,{children:[jsxRuntime.jsx(Header,{checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,items:items,onSelectAllToggle:onSelectAllToggle}),jsxRuntime.jsx(Body,{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(Row,{checkable:checkable,checkDisabled:item.checkDisabled,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,item:item,onCheck:onItemChecked,onClick:onItemClick,onHoverStart:onItemHoverStart,onHoverEnd:onItemHoverEnd},item.key);}):emptyState})]})})]}));};var HorizontalScroll=styled__default["default"].div(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n overflow-x: auto;\n border: 2px solid ",";\n"],["\n overflow-x: auto;\n border: 2px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;});NiceTable.COMPONENT_NAME="NiceTable";var templateObject_1$3;var COMPONENT_NAME="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button,__assign({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n && {\n padding: .5em;\n min-width: 0;\n }\n"],["\n && {\n padding: .5em;\n min-width: 0;\n }\n"// @ts-ignore
|
|
11896
11896
|
])));// @ts-ignore
|
|
11897
11897
|
IconButton.COMPONENT_NAME=COMPONENT_NAME;var templateObject_1$2;var Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick;return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiArrowLeft,onClick:onPreviousClick}),jsxRuntime.jsx(FlexBox,__assign({css:"flex: 1;",justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiArrowRight,onClick:onNextClick})]}));};Carousel=styled__default["default"](Carousel)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject([""],[""])));var NavButton=styled__default["default"](IconButton).attrs({flat:false,primary:true})(templateObject_2||(templateObject_2=__makeTemplateObject([""],[""])));var templateObject_1$1,templateObject_2;var Pagination=function(_a){var page=_a.page,pageSize=_a.pageSize,totalCount=_a.totalCount,onPageChange=_a.onPageChange;if(!totalCount||!pageSize||totalCount<=pageSize)return null;var numberPages=Math.ceil(totalCount/pageSize);var getItems=function(){var maxNumberCarouselItems=7;if(numberPages<=maxNumberCarouselItems){return arrayOfSizeN(numberPages).map(function(_,i){return i+1;});}var equilibriumNumberOfPads=Math.floor(maxNumberCarouselItems/2);var leftPadding=Math.min(page-1,equilibriumNumberOfPads);var rightPadding=Math.min(numberPages-page,equilibriumNumberOfPads);var missingFromRight=equilibriumNumberOfPads-rightPadding;var missingFromLeft=equilibriumNumberOfPads-leftPadding;return __spreadArray(__spreadArray(__spreadArray([],__read(arrayOfSizeN(leftPadding+missingFromRight).map(function(_,i){return page-(i+1);})),false),[page],false),__read(arrayOfSizeN(rightPadding+missingFromLeft).map(function(_,i){return page+(i+1);})),false).sort(function(a,b){return a-b;});};var movePage=function(direction){return function(){var newPage=page+direction;if(1>newPage||newPage>numberPages)return;return onPageChange(newPage);};};return jsxRuntime.jsx(Carousel,__assign({css:"align-self: center;",disableNextButton:page===numberPages,disablePreviousButton:page===1,inline:true,onNextClick:movePage(+1),onPreviousClick:movePage(-1)},{children:jsxRuntime.jsx(FlexBox,__assign({gap:"unset"},{children:getItems().map(function(num){return jsxRuntime.jsx(Button,__assign({compact:true,flat:num!==page,pill:true,size:BUTTON_SIZES.SMALL,onClick:num===page?DO_NOTHING:movePage(num-page)},{children:num}),num);})}))}));};function newIdGenerator(){var id;return __generator(this,function(_a){switch(_a.label){case 0:id=0;_a.label=1;case 1:return[4/*yield*/,id++];case 2:_a.sent();return[3/*break*/,1];case 3:return[2/*return*/];}});}var nextId=function(generator){return generator.next().value;};// @flow
|
|
11898
11898
|
/* Size key name represents all devices with a pixel width up to the number
|