@idea-fragments/react-components-zendesk 0.1.77 → 0.1.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calendars.js +1 -1
- package/dist/chats.js +1 -1
- package/dist/forms.js +1 -1
- package/dist/hooks.js +11 -5
- package/dist/hooks.js.map +1 -1
- package/dist/layouts.js +2 -2
- package/dist/layouts.js.map +1 -1
- package/dist/loaders.js +1 -1
- package/dist/media.js +18 -10
- package/dist/media.js.map +1 -1
- package/dist/tables.js +23 -23
- package/dist/tables.js.map +1 -1
- package/dist/types/media.d.ts +1 -0
- package/dist/utilities.js +1 -1
- package/package.json +1 -1
package/dist/tables.js
CHANGED
|
@@ -11,7 +11,7 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
11
11
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
12
12
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
13
13
|
PERFORMANCE OF THIS SOFTWARE.
|
|
14
|
-
***************************************************************************** */ /* global Reflect, Promise, SuppressedError, Symbol */var extendStatics=function(d,b){extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b;}||function(d,b){for(var p in b)if(Object.prototype.hasOwnProperty.call(b,p))d[p]=b[p];};return extendStatics(d,b);};function __extends$1(d,b){if(typeof b!=="function"&&b!==null)throw new TypeError("Class extends value "+String(b)+" is not a constructor or null");extendStatics(d,b);function __(){this.constructor=d;}d.prototype=b===null?Object.create(b):(__.prototype=b.prototype,new __());}var __assign=function(){__assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}return t;};return __assign.apply(this,arguments);};function __rest(s,e){var t={};for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)t[p]=s[p];if(s!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))t[p[i]]=s[p[i]];}return t;}function __awaiter(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});}function __generator(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(g&&(g=0,op[0]&&(_=0)),_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}}function __read$1(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done)ar.push(r.value);}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray$1(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}function __makeTemplateObject(cooked,raw){if(Object.defineProperty){Object.defineProperty(cooked,"raw",{value:raw});}else{cooked.raw=raw;}return cooked;}typeof SuppressedError==="function"?SuppressedError:function(error,suppressed,message){var e=new Error(message);return e.name="SuppressedError",e.error=error,e.suppressed=suppressed,e;};var XXS$1=".3rem";var XS$2=".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({XXS:XXS$1,XS:XS$2,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 reversed=_a.reversed,withRows=_a.withRows;var base=withRows?"column":"row";return reversed?"".concat(base,"-reverse"):base;};var FlexBox=styled__default["default"].div(templateObject_1$
|
|
14
|
+
***************************************************************************** */ /* global Reflect, Promise, SuppressedError, Symbol */var extendStatics=function(d,b){extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b;}||function(d,b){for(var p in b)if(Object.prototype.hasOwnProperty.call(b,p))d[p]=b[p];};return extendStatics(d,b);};function __extends$1(d,b){if(typeof b!=="function"&&b!==null)throw new TypeError("Class extends value "+String(b)+" is not a constructor or null");extendStatics(d,b);function __(){this.constructor=d;}d.prototype=b===null?Object.create(b):(__.prototype=b.prototype,new __());}var __assign=function(){__assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}return t;};return __assign.apply(this,arguments);};function __rest(s,e){var t={};for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)t[p]=s[p];if(s!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))t[p[i]]=s[p[i]];}return t;}function __awaiter(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});}function __generator(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(g&&(g=0,op[0]&&(_=0)),_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}}function __read$1(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done)ar.push(r.value);}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray$1(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}function __makeTemplateObject(cooked,raw){if(Object.defineProperty){Object.defineProperty(cooked,"raw",{value:raw});}else{cooked.raw=raw;}return cooked;}typeof SuppressedError==="function"?SuppressedError:function(error,suppressed,message){var e=new Error(message);return e.name="SuppressedError",e.error=error,e.suppressed=suppressed,e;};var XXS$1=".3rem";var XS$2=".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({XXS:XXS$1,XS:XS$2,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 reversed=_a.reversed,withRows=_a.withRows;var base=withRows?"column":"row";return reversed?"".concat(base,"-reverse"):base;};var FlexBox=styled__default["default"].div(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n ","\n ","\n ","\n"],["\n align-items: ",";\n display: ",";\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";},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.fluid?"flex: 1;":"";},function(p){return p.responsivePropsList?responsiveStyles(p):"";},function(p){return p._css;});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$x||(templateObject_2$x=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n ","\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "],["\n align-items: ",";\n display: ",";\n ","\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "])),alignItems?alignItems:"initial",inline?"inline-flex":"flex",fluid?"flex: 1;":"",getFlexDirection(props),gap?gap:SPACINGS.SM,justifyContent||"initial",wrapped?wrappedStyling:"")).join("");});};var wrappedStyling=styled.css(templateObject_3$u||(templateObject_3$u=__makeTemplateObject(["\n flex-wrap: wrap;\n"],["\n flex-wrap: wrap;\n"])));var templateObject_1$L,templateObject_2$x,templateObject_3$u;var commonjsGlobal=typeof globalThis!=='undefined'?globalThis:typeof window!=='undefined'?window:typeof global!=='undefined'?global:typeof self!=='undefined'?self:{};function getDefaultExportFromCjs(x){return x&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,'default')?x['default']:x;}var propTypes={exports:{}};var reactIs$1={exports:{}};var reactIs_production_min$1={};/** @license React v16.13.1
|
|
15
15
|
* react-is.production.min.js
|
|
16
16
|
*
|
|
17
17
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -2041,7 +2041,7 @@ if(!active||!active.nodeName)return null;return active;}catch(e){/* ie throws if
|
|
|
2041
2041
|
*
|
|
2042
2042
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
2043
2043
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
2044
|
-
*/function _extends$2$4(){_extends$2$4=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$4.apply(this,arguments);}const SIZE$4=['small','medium','large'];const COMPONENT_ID$5$5='buttons.button_group_view';const StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$5,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;",";"],props=>props.theme.rtl&&'rtl',props=>retrieveComponentStyles(COMPONENT_ID$5$5,props));StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$5='buttons.icon';const sizeStyles$1$3=props=>{let marginProperty;if(props.position==='start'){marginProperty=`margin-${props.theme.rtl?'left':'right'}`;}else if(props.position==='end'){marginProperty=`margin-${props.theme.rtl?'right':'left'}`;}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};const StyledIcon=styled__default["default"](_ref=>{let{children,isRotated,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4$5,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],props=>props.isRotated&&`rotate(${props.theme.rtl?'-':'+'}180deg)`,props=>sizeStyles$1$3(props),props=>retrieveComponentStyles(COMPONENT_ID$4$5,props));StyledIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$5='buttons.button';const getBorderRadius=props=>{if(props.isPill){return'100px';}return props.theme.borderRadii.md;};const getDisabledBackgroundColor=props=>{return getColor$1('neutralHue',200,props.theme);};const getHeight$1=props=>{if(props.size==='small'){return`${props.theme.space.base*8}px`;}else if(props.size==='large'){return`${props.theme.space.base*12}px`;}return`${props.theme.space.base*10}px`;};const colorStyles$e=props=>{let retVal;let hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}const shade=600;const baseColor=getColor$1(hue,shade,props.theme);const hoverColor=getColor$1(hue,shade+100,props.theme);const activeColor=getColor$1(hue,shade+200,props.theme);const focusColor=getColor$1('primaryHue',shade,props.theme);const disabledBackgroundColor=getDisabledBackgroundColor(props);const disabledForegroundColor=getColor$1(hue,shade-200,props.theme);if(props.isLink){retVal=styled.css(["outline-color:transparent;background-color:transparent;color:",";"," &:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,focusStyles({theme:props.theme,condition:false,styles:{color:baseColor,outlineColor:focusColor}}),hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["outline-color:transparent;background-color:",";color:",";&:hover{background-color:",";}"," &:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,focusStyles({theme:props.theme,inset:props.focusInset,shadowWidth:props.focusInset?'sm':'md',spacerWidth:props.focusInset?'sm':'xs',styles:props.isDanger&&props.focusInset?{borderColor:focusColor}:undefined}),activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{const borderColor=props.isNeutral&&!props.isDanger?getColor$1('neutralHue',300,props.theme):baseColor;const foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;const hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;const hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["outline-color:transparent;border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}"," &:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&:focus-visible ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,focusStyles({theme:props.theme,inset:props.focusInset,styles:props.isNeutral?{borderColor:baseColor}:undefined}),!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade,props.theme),StyledIcon,StyledIcon,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};const groupStyles=props=>{const{theme,isPrimary,isBasic,isSelected,isPill,focusInset}=props;const{rtl,borderWidths,borders}=theme;const startPosition=rtl?'right':'left';const endPosition=rtl?'left':'right';const marginOffset=borderWidths.sm;const marginDisplacement=`${isPrimary||isBasic?'':'-'}${marginOffset}`;const iconMarginDisplacement=isPill&&'-2px';const disabledBackgroundColor=!isPrimary&&getDisabledBackgroundColor(props);const borderColor=isBasic?'transparent':'revert';const focusColor=getColor$1('primaryHue',600,theme);const focusBoxShadow=isBasic&&!isSelected&&!isPrimary&&getFocusBoxShadow({theme,inset:focusInset,spacerHue:focusColor,hue:'transparent'});return styled.css(["position:relative;transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,margin-"," 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;border:"," ",";","{border-color:",";box-shadow:",";}&:hover,&:active,","{z-index:1;}&:disabled{z-index:-1;background-color:",";}&:not(:first-of-type){margin-",":",";}&:not(:first-of-type):disabled{margin-",":",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type){border-top-","-radius:0;border-bottom-","-radius:0;}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],startPosition,borders.sm,borderColor,SELECTOR_FOCUS_VISIBLE,focusColor,focusBoxShadow,SELECTOR_FOCUS_VISIBLE,disabledBackgroundColor,startPosition,marginDisplacement,startPosition,marginOffset,endPosition,endPosition,startPosition,startPosition,StyledIcon,endPosition,iconMarginDisplacement,StyledIcon,startPosition,iconMarginDisplacement);};const iconStyles$1=props=>{const size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};const sizeStyles$h=props=>{let retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{const height=getHeight$1(props);const lineHeight=math(`${height} - (${props.theme.borderWidths.sm} * 2)`);let padding;let fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding=`${props.theme.space.base*3}px`;}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding=`${props.theme.space.base*5}px`;}else{padding=`${props.theme.space.base*4}px`;}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math(`${padding} - ${props.theme.borderWidths.sm}`),fontSize),height,lineHeight,fontSize);}return retVal;};const StyledButton=styled__default["default"].button.attrs(props=>({'data-garden-id':COMPONENT_ID$3$5,'data-garden-version':'8.70.0',type:props.type||'button'})).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}","{text-decoration:none;}&:hover{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{","}",""],props=>props.isLink?'inline':'inline-flex',props=>!props.isLink&&'center',props=>!props.isLink&&'center',props=>`${props.isLink?`0px solid`:props.theme.borders.sm} transparent`,props=>getBorderRadius(props),props=>props.isStretched?'100%':'',props=>!props.isLink&&'nowrap',props=>props.isLink?'inherit':props.theme.fontWeights.regular,props=>!props.isLink&&'none',props=>sizeStyles$h(props),SELECTOR_FOCUS_VISIBLE,props=>props.isLink?'underline':'none',props=>props.isLink?'underline':'none',props=>colorStyles$e(props),props=>props.isLink&&'none',StyledIcon,props=>iconStyles$1(props),StyledButtonGroup,props=>groupStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$3$5,props));StyledButton.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$7='buttons.anchor';const StyledAnchor=styled__default["default"](StyledButton).attrs(props=>({'data-garden-id':COMPONENT_ID$2$7,'data-garden-version':'8.70.0',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined})).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],props=>props.theme.rtl&&'rtl',props=>retrieveComponentStyles(COMPONENT_ID$2$7,props));StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1$3;function _extends$1$5(){_extends$1$5=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$5.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$5({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1$3||(_path$1$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};const COMPONENT_ID$1$7='buttons.external_icon';const StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$7,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],props=>props.theme.rtl&&'scaleX(-1)',props=>retrieveComponentStyles(COMPONENT_ID$1$7,props));StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$N='buttons.icon_button';const iconColorStyles=props=>{const shade=600;const baseColor=getColor$1('neutralHue',shade,props.theme);const hoverColor=getColor$1('neutralHue',shade+100,props.theme);const activeColor=getColor$1('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};const iconButtonStyles=props=>{const width=getHeight$1(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};const iconStyles=props=>{const size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};const StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$N,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],props=>iconButtonStyles(props),StyledIcon,props=>iconStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$N,props));StyledIconButton.defaultProps={theme:DEFAULT_THEME};const ButtonGroupContext=React__default.createContext(undefined);const useButtonGroupContext=()=>{return React__default.useContext(ButtonGroupContext);};const SplitButtonContext=React__default.createContext(undefined);const useSplitButtonContext=()=>{return React__default.useContext(SplitButtonContext);};const StartIconComponent$1=props=>React__default__default["default"].createElement(StyledIcon,_extends$2$4({position:"start"},props));StartIconComponent$1.displayName='Button.StartIcon';const StartIcon$1=StartIconComponent$1;const EndIconComponent$1=props=>React__default__default["default"].createElement(StyledIcon,_extends$2$4({position:"end"},props));EndIconComponent$1.displayName='Button.EndIcon';const EndIcon$1=EndIconComponent$1;const ButtonComponent=React__default.forwardRef((props,ref)=>{const buttonGroupContext=useButtonGroupContext();const splitButtonContext=useSplitButtonContext();let computedRef=ref;let computedProps={...props,focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext};if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps({isSelected:props.value===buttonGroupContext.selectedItem,...computedProps});computedRef=mergeRefs([computedProps.ref,ref]);}return React__default__default["default"].createElement(StyledButton,_extends$2$4({},computedProps,{ref:computedRef}));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$4)};ButtonComponent.defaultProps={size:'medium'};const Button$1=ButtonComponent;Button$1.EndIcon=EndIcon$1;Button$1.StartIcon=StartIcon$1;const Anchor=React__default.forwardRef((_ref,ref)=>{let{children,isExternal,externalIconLabel,...otherProps}=_ref;let anchorProps=otherProps;if(isExternal){anchorProps={target:'_blank',rel:'noopener noreferrer',...anchorProps};}const checkProps=isExternal?{externalIconLabel}:{noIconLabel:'true'};const iconAriaLabel=useText(Anchor,checkProps,isExternal?'externalIconLabel':'noIconLabel','(opens in a new tab)');return React__default__default["default"].createElement(StyledAnchor,_extends$2$4({ref:ref},anchorProps),children,isExternal&&React__default__default["default"].createElement(StyledExternalIcon,{role:"img","aria-label":iconAriaLabel,"aria-hidden":undefined}));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool,externalIconLabel:propTypes.exports.string};const ButtonGroup=React__default.forwardRef((_ref,ref)=>{let{children,onSelect,selectedItem:controlledSelectedValue,...otherProps}=_ref;const{rtl}=React__default.useContext(styled.ThemeContext)||DEFAULT_THEME;const[internalSelectedValue,setInternalSelectedValue]=React__default.useState();const selectedValue=getControlledValue(controlledSelectedValue,internalSelectedValue);const values=React__default.useMemo(()=>React__default.Children.toArray(children).reduce((buttons,child)=>{if(React__default.isValidElement(child)&&child.type!=='string'&&!child.props.disabled){buttons.push(child.props.value);}return buttons;},[]),[children]);const{selectedValue:selectedItem,getElementProps,getGroupProps}=useSelection$1({rtl,values,defaultSelectedValue:values[0],selectedValue,onSelect:React__default.useCallback(value=>{onSelect&&onSelect(value);setInternalSelectedValue(value);},[onSelect])});const contextValue=React__default.useMemo(()=>({selectedItem,getButtonProps:props=>getElementProps({role:'button',selectedAriaKey:'aria-pressed',...props})}),[selectedItem,getElementProps]);return React__default__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$4({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};const IconButton$1=React__default.forwardRef((_ref,ref)=>{let{children,isRotated,...otherProps}=_ref;const focusInset=useSplitButtonContext();return React__default__default["default"].createElement(StyledIconButton,_extends$2$4({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton$1.displayName='IconButton';IconButton$1.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$4),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton$1.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path$p;function _extends$x(){_extends$x=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$x.apply(this,arguments);}var SvgChevronDownStroke$2=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$x({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$p||(_path$p=/*#__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"})));};const ChevronButton=React__default.forwardRef((_ref,ref)=>{let{...buttonProps}=_ref;return React__default__default["default"].createElement(IconButton$1,_extends$2$4({ref:ref},buttonProps),React__default__default["default"].createElement(SvgChevronDownStroke$2,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton$1.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};const SplitButton=React__default.forwardRef((_ref,ref)=>{let{children,...other}=_ref;return React__default__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$4({ref:ref},other),children));});SplitButton.displayName='SplitButton';const ToggleButton=React__default.forwardRef((_ref,ref)=>{let{isPressed,...otherProps}=_ref;return React__default__default["default"].createElement(Button$1,_extends$2$4({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes={...Button$1.propTypes,isPressed:propTypes.exports.oneOf([true,false,'mixed'])};ToggleButton.defaultProps={size:'medium'};const ToggleIconButton=React__default.forwardRef((_ref,ref)=>{let{isPressed,...otherProps}=_ref;return React__default__default["default"].createElement(IconButton$1,_extends$2$4({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes={...IconButton$1.propTypes,isPressed:propTypes.exports.oneOf([true,false,'mixed'])};ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var colorString$1={exports:{}};var colorName$1={"aliceblue":[240,248,255],"antiquewhite":[250,235,215],"aqua":[0,255,255],"aquamarine":[127,255,212],"azure":[240,255,255],"beige":[245,245,220],"bisque":[255,228,196],"black":[0,0,0],"blanchedalmond":[255,235,205],"blue":[0,0,255],"blueviolet":[138,43,226],"brown":[165,42,42],"burlywood":[222,184,135],"cadetblue":[95,158,160],"chartreuse":[127,255,0],"chocolate":[210,105,30],"coral":[255,127,80],"cornflowerblue":[100,149,237],"cornsilk":[255,248,220],"crimson":[220,20,60],"cyan":[0,255,255],"darkblue":[0,0,139],"darkcyan":[0,139,139],"darkgoldenrod":[184,134,11],"darkgray":[169,169,169],"darkgreen":[0,100,0],"darkgrey":[169,169,169],"darkkhaki":[189,183,107],"darkmagenta":[139,0,139],"darkolivegreen":[85,107,47],"darkorange":[255,140,0],"darkorchid":[153,50,204],"darkred":[139,0,0],"darksalmon":[233,150,122],"darkseagreen":[143,188,143],"darkslateblue":[72,61,139],"darkslategray":[47,79,79],"darkslategrey":[47,79,79],"darkturquoise":[0,206,209],"darkviolet":[148,0,211],"deeppink":[255,20,147],"deepskyblue":[0,191,255],"dimgray":[105,105,105],"dimgrey":[105,105,105],"dodgerblue":[30,144,255],"firebrick":[178,34,34],"floralwhite":[255,250,240],"forestgreen":[34,139,34],"fuchsia":[255,0,255],"gainsboro":[220,220,220],"ghostwhite":[248,248,255],"gold":[255,215,0],"goldenrod":[218,165,32],"gray":[128,128,128],"green":[0,128,0],"greenyellow":[173,255,47],"grey":[128,128,128],"honeydew":[240,255,240],"hotpink":[255,105,180],"indianred":[205,92,92],"indigo":[75,0,130],"ivory":[255,255,240],"khaki":[240,230,140],"lavender":[230,230,250],"lavenderblush":[255,240,245],"lawngreen":[124,252,0],"lemonchiffon":[255,250,205],"lightblue":[173,216,230],"lightcoral":[240,128,128],"lightcyan":[224,255,255],"lightgoldenrodyellow":[250,250,210],"lightgray":[211,211,211],"lightgreen":[144,238,144],"lightgrey":[211,211,211],"lightpink":[255,182,193],"lightsalmon":[255,160,122],"lightseagreen":[32,178,170],"lightskyblue":[135,206,250],"lightslategray":[119,136,153],"lightslategrey":[119,136,153],"lightsteelblue":[176,196,222],"lightyellow":[255,255,224],"lime":[0,255,0],"limegreen":[50,205,50],"linen":[250,240,230],"magenta":[255,0,255],"maroon":[128,0,0],"mediumaquamarine":[102,205,170],"mediumblue":[0,0,205],"mediumorchid":[186,85,211],"mediumpurple":[147,112,219],"mediumseagreen":[60,179,113],"mediumslateblue":[123,104,238],"mediumspringgreen":[0,250,154],"mediumturquoise":[72,209,204],"mediumvioletred":[199,21,133],"midnightblue":[25,25,112],"mintcream":[245,255,250],"mistyrose":[255,228,225],"moccasin":[255,228,181],"navajowhite":[255,222,173],"navy":[0,0,128],"oldlace":[253,245,230],"olive":[128,128,0],"olivedrab":[107,142,35],"orange":[255,165,0],"orangered":[255,69,0],"orchid":[218,112,214],"palegoldenrod":[238,232,170],"palegreen":[152,251,152],"paleturquoise":[175,238,238],"palevioletred":[219,112,147],"papayawhip":[255,239,213],"peachpuff":[255,218,185],"peru":[205,133,63],"pink":[255,192,203],"plum":[221,160,221],"powderblue":[176,224,230],"purple":[128,0,128],"rebeccapurple":[102,51,153],"red":[255,0,0],"rosybrown":[188,143,143],"royalblue":[65,105,225],"saddlebrown":[139,69,19],"salmon":[250,128,114],"sandybrown":[244,164,96],"seagreen":[46,139,87],"seashell":[255,245,238],"sienna":[160,82,45],"silver":[192,192,192],"skyblue":[135,206,235],"slateblue":[106,90,205],"slategray":[112,128,144],"slategrey":[112,128,144],"snow":[255,250,250],"springgreen":[0,255,127],"steelblue":[70,130,180],"tan":[210,180,140],"teal":[0,128,128],"thistle":[216,191,216],"tomato":[255,99,71],"turquoise":[64,224,208],"violet":[238,130,238],"wheat":[245,222,179],"white":[255,255,255],"whitesmoke":[245,245,245],"yellow":[255,255,0],"yellowgreen":[154,205,50]};var simpleSwizzle={exports:{}};var isArrayish$1=function isArrayish(obj){if(!obj||typeof obj==='string'){return false;}return obj instanceof Array||Array.isArray(obj)||obj.length>=0&&(obj.splice instanceof Function||Object.getOwnPropertyDescriptor(obj,obj.length-1)&&obj.constructor.name!=='String');};var isArrayish=isArrayish$1;var concat$1=Array.prototype.concat;var slice$1=Array.prototype.slice;var swizzle$1=simpleSwizzle.exports=function swizzle(args){var results=[];for(var i=0,len=args.length;i<len;i++){var arg=args[i];if(isArrayish(arg)){// http://jsperf.com/javascript-array-concat-vs-push/98
|
|
2044
|
+
*/function _extends$2$4(){_extends$2$4=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$4.apply(this,arguments);}const SIZE$4=['small','medium','large'];const COMPONENT_ID$5$5='buttons.button_group_view';const StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$5,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;",";"],props=>props.theme.rtl&&'rtl',props=>retrieveComponentStyles(COMPONENT_ID$5$5,props));StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$5='buttons.icon';const sizeStyles$1$3=props=>{let marginProperty;if(props.position==='start'){marginProperty=`margin-${props.theme.rtl?'left':'right'}`;}else if(props.position==='end'){marginProperty=`margin-${props.theme.rtl?'right':'left'}`;}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};const StyledIcon=styled__default["default"](_ref=>{let{children,isRotated,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4$5,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],props=>props.isRotated&&`rotate(${props.theme.rtl?'-':'+'}180deg)`,props=>sizeStyles$1$3(props),props=>retrieveComponentStyles(COMPONENT_ID$4$5,props));StyledIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$5='buttons.button';const getBorderRadius=props=>{if(props.isPill){return'100px';}return props.theme.borderRadii.md;};const getDisabledBackgroundColor=props=>{return getColor$1('neutralHue',200,props.theme);};const getHeight$1=props=>{if(props.size==='small'){return`${props.theme.space.base*8}px`;}else if(props.size==='large'){return`${props.theme.space.base*12}px`;}return`${props.theme.space.base*10}px`;};const colorStyles$e=props=>{let retVal;let hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}const shade=600;const baseColor=getColor$1(hue,shade,props.theme);const hoverColor=getColor$1(hue,shade+100,props.theme);const activeColor=getColor$1(hue,shade+200,props.theme);const focusColor=getColor$1('primaryHue',shade,props.theme);const disabledBackgroundColor=getDisabledBackgroundColor(props);const disabledForegroundColor=getColor$1(hue,shade-200,props.theme);if(props.isLink){retVal=styled.css(["outline-color:transparent;background-color:transparent;color:",";"," &:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,focusStyles({theme:props.theme,condition:false,styles:{color:baseColor,outlineColor:focusColor}}),hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["outline-color:transparent;background-color:",";color:",";&:hover{background-color:",";}"," &:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,focusStyles({theme:props.theme,inset:props.focusInset,shadowWidth:props.focusInset?'sm':'md',spacerWidth:props.focusInset?'sm':'xs',styles:props.isDanger&&props.focusInset?{borderColor:focusColor}:undefined}),activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{const borderColor=props.isNeutral&&!props.isDanger?getColor$1('neutralHue',300,props.theme):baseColor;const foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;const hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;const hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["outline-color:transparent;border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}"," &:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&:focus-visible ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,focusStyles({theme:props.theme,inset:props.focusInset,styles:props.isNeutral?{borderColor:baseColor}:undefined}),!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade,props.theme),StyledIcon,StyledIcon,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};const groupStyles=props=>{const{theme,isPrimary,isBasic,isSelected,isPill,focusInset}=props;const{rtl,borderWidths,borders}=theme;const startPosition=rtl?'right':'left';const endPosition=rtl?'left':'right';const marginOffset=borderWidths.sm;const marginDisplacement=`${isPrimary||isBasic?'':'-'}${marginOffset}`;const iconMarginDisplacement=isPill&&'-2px';const disabledBackgroundColor=!isPrimary&&getDisabledBackgroundColor(props);const borderColor=isBasic?'transparent':'revert';const focusColor=getColor$1('primaryHue',600,theme);const focusBoxShadow=isBasic&&!isSelected&&!isPrimary&&getFocusBoxShadow({theme,inset:focusInset,spacerHue:focusColor,hue:'transparent'});return styled.css(["position:relative;transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,margin-"," 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;border:"," ",";","{border-color:",";box-shadow:",";}&:hover,&:active,","{z-index:1;}&:disabled{z-index:-1;background-color:",";}&:not(:first-of-type){margin-",":",";}&:not(:first-of-type):disabled{margin-",":",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type){border-top-","-radius:0;border-bottom-","-radius:0;}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],startPosition,borders.sm,borderColor,SELECTOR_FOCUS_VISIBLE,focusColor,focusBoxShadow,SELECTOR_FOCUS_VISIBLE,disabledBackgroundColor,startPosition,marginDisplacement,startPosition,marginOffset,endPosition,endPosition,startPosition,startPosition,StyledIcon,endPosition,iconMarginDisplacement,StyledIcon,startPosition,iconMarginDisplacement);};const iconStyles$1=props=>{const size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};const sizeStyles$h=props=>{let retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{const height=getHeight$1(props);const lineHeight=math(`${height} - (${props.theme.borderWidths.sm} * 2)`);let padding;let fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding=`${props.theme.space.base*3}px`;}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding=`${props.theme.space.base*5}px`;}else{padding=`${props.theme.space.base*4}px`;}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math(`${padding} - ${props.theme.borderWidths.sm}`),fontSize),height,lineHeight,fontSize);}return retVal;};const StyledButton=styled__default["default"].button.attrs(props=>({'data-garden-id':COMPONENT_ID$3$5,'data-garden-version':'8.70.0',type:props.type||'button'})).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}","{text-decoration:none;}&:hover{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{","}",""],props=>props.isLink?'inline':'inline-flex',props=>!props.isLink&&'center',props=>!props.isLink&&'center',props=>`${props.isLink?`0px solid`:props.theme.borders.sm} transparent`,props=>getBorderRadius(props),props=>props.isStretched?'100%':'',props=>!props.isLink&&'nowrap',props=>props.isLink?'inherit':props.theme.fontWeights.regular,props=>!props.isLink&&'none',props=>sizeStyles$h(props),SELECTOR_FOCUS_VISIBLE,props=>props.isLink?'underline':'none',props=>props.isLink?'underline':'none',props=>colorStyles$e(props),props=>props.isLink&&'none',StyledIcon,props=>iconStyles$1(props),StyledButtonGroup,props=>groupStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$3$5,props));StyledButton.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$7='buttons.anchor';const StyledAnchor=styled__default["default"](StyledButton).attrs(props=>({'data-garden-id':COMPONENT_ID$2$7,'data-garden-version':'8.70.0',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined})).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],props=>props.theme.rtl&&'rtl',props=>retrieveComponentStyles(COMPONENT_ID$2$7,props));StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1$3;function _extends$1$5(){_extends$1$5=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$5.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$5({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1$3||(_path$1$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};const COMPONENT_ID$1$7='buttons.external_icon';const StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$7,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],props=>props.theme.rtl&&'scaleX(-1)',props=>retrieveComponentStyles(COMPONENT_ID$1$7,props));StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$N='buttons.icon_button';const iconColorStyles=props=>{const shade=600;const baseColor=getColor$1('neutralHue',shade,props.theme);const hoverColor=getColor$1('neutralHue',shade+100,props.theme);const activeColor=getColor$1('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};const iconButtonStyles=props=>{const width=getHeight$1(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};const iconStyles=props=>{const size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};const StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$N,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],props=>iconButtonStyles(props),StyledIcon,props=>iconStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$N,props));StyledIconButton.defaultProps={theme:DEFAULT_THEME};const ButtonGroupContext=React__default.createContext(undefined);const useButtonGroupContext=()=>{return React__default.useContext(ButtonGroupContext);};const SplitButtonContext=React__default.createContext(undefined);const useSplitButtonContext=()=>{return React__default.useContext(SplitButtonContext);};const StartIconComponent$1=props=>React__default__default["default"].createElement(StyledIcon,_extends$2$4({position:"start"},props));StartIconComponent$1.displayName='Button.StartIcon';const StartIcon$1=StartIconComponent$1;const EndIconComponent$1=props=>React__default__default["default"].createElement(StyledIcon,_extends$2$4({position:"end"},props));EndIconComponent$1.displayName='Button.EndIcon';const EndIcon$1=EndIconComponent$1;const ButtonComponent=React__default.forwardRef((props,ref)=>{const buttonGroupContext=useButtonGroupContext();const splitButtonContext=useSplitButtonContext();let computedRef=ref;let computedProps={...props,focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext};if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps({isSelected:props.value===buttonGroupContext.selectedItem,...computedProps});computedRef=mergeRefs([computedProps.ref,ref]);}return React__default__default["default"].createElement(StyledButton,_extends$2$4({},computedProps,{ref:computedRef}));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$4)};ButtonComponent.defaultProps={size:'medium'};const Button$1=ButtonComponent;Button$1.EndIcon=EndIcon$1;Button$1.StartIcon=StartIcon$1;const Anchor=React__default.forwardRef((_ref,ref)=>{let{children,isExternal,externalIconLabel,...otherProps}=_ref;let anchorProps=otherProps;if(isExternal){anchorProps={target:'_blank',rel:'noopener noreferrer',...anchorProps};}const checkProps=isExternal?{externalIconLabel}:{noIconLabel:'true'};const iconAriaLabel=useText(Anchor,checkProps,isExternal?'externalIconLabel':'noIconLabel','(opens in a new tab)');return React__default__default["default"].createElement(StyledAnchor,_extends$2$4({ref:ref},anchorProps),children,isExternal&&React__default__default["default"].createElement(StyledExternalIcon,{role:"img","aria-label":iconAriaLabel,"aria-hidden":undefined}));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool,externalIconLabel:propTypes.exports.string};const ButtonGroup=React__default.forwardRef((_ref,ref)=>{let{children,onSelect,selectedItem:controlledSelectedValue,...otherProps}=_ref;const{rtl}=React__default.useContext(styled.ThemeContext)||DEFAULT_THEME;const[internalSelectedValue,setInternalSelectedValue]=React__default.useState();const selectedValue=getControlledValue(controlledSelectedValue,internalSelectedValue);const values=React__default.useMemo(()=>React__default.Children.toArray(children).reduce((buttons,child)=>{if(React__default.isValidElement(child)&&child.type!=='string'&&!child.props.disabled){buttons.push(child.props.value);}return buttons;},[]),[children]);const{selectedValue:selectedItem,getElementProps,getGroupProps}=useSelection$1({rtl,values,defaultSelectedValue:values[0],selectedValue,onSelect:React__default.useCallback(value=>{onSelect&&onSelect(value);setInternalSelectedValue(value);},[onSelect])});const contextValue=React__default.useMemo(()=>({selectedItem,getButtonProps:props=>getElementProps({role:'button',selectedAriaKey:'aria-pressed',...props})}),[selectedItem,getElementProps]);return React__default__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$4({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};const IconButton=React__default.forwardRef((_ref,ref)=>{let{children,isRotated,...otherProps}=_ref;const focusInset=useSplitButtonContext();return React__default__default["default"].createElement(StyledIconButton,_extends$2$4({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton.displayName='IconButton';IconButton.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$4),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path$p;function _extends$x(){_extends$x=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$x.apply(this,arguments);}var SvgChevronDownStroke$2=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$x({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$p||(_path$p=/*#__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"})));};const ChevronButton=React__default.forwardRef((_ref,ref)=>{let{...buttonProps}=_ref;return React__default__default["default"].createElement(IconButton,_extends$2$4({ref:ref},buttonProps),React__default__default["default"].createElement(SvgChevronDownStroke$2,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};const SplitButton=React__default.forwardRef((_ref,ref)=>{let{children,...other}=_ref;return React__default__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$4({ref:ref},other),children));});SplitButton.displayName='SplitButton';const ToggleButton=React__default.forwardRef((_ref,ref)=>{let{isPressed,...otherProps}=_ref;return React__default__default["default"].createElement(Button$1,_extends$2$4({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes={...Button$1.propTypes,isPressed:propTypes.exports.oneOf([true,false,'mixed'])};ToggleButton.defaultProps={size:'medium'};const ToggleIconButton=React__default.forwardRef((_ref,ref)=>{let{isPressed,...otherProps}=_ref;return React__default__default["default"].createElement(IconButton,_extends$2$4({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes={...IconButton.propTypes,isPressed:propTypes.exports.oneOf([true,false,'mixed'])};ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var colorString$1={exports:{}};var colorName$1={"aliceblue":[240,248,255],"antiquewhite":[250,235,215],"aqua":[0,255,255],"aquamarine":[127,255,212],"azure":[240,255,255],"beige":[245,245,220],"bisque":[255,228,196],"black":[0,0,0],"blanchedalmond":[255,235,205],"blue":[0,0,255],"blueviolet":[138,43,226],"brown":[165,42,42],"burlywood":[222,184,135],"cadetblue":[95,158,160],"chartreuse":[127,255,0],"chocolate":[210,105,30],"coral":[255,127,80],"cornflowerblue":[100,149,237],"cornsilk":[255,248,220],"crimson":[220,20,60],"cyan":[0,255,255],"darkblue":[0,0,139],"darkcyan":[0,139,139],"darkgoldenrod":[184,134,11],"darkgray":[169,169,169],"darkgreen":[0,100,0],"darkgrey":[169,169,169],"darkkhaki":[189,183,107],"darkmagenta":[139,0,139],"darkolivegreen":[85,107,47],"darkorange":[255,140,0],"darkorchid":[153,50,204],"darkred":[139,0,0],"darksalmon":[233,150,122],"darkseagreen":[143,188,143],"darkslateblue":[72,61,139],"darkslategray":[47,79,79],"darkslategrey":[47,79,79],"darkturquoise":[0,206,209],"darkviolet":[148,0,211],"deeppink":[255,20,147],"deepskyblue":[0,191,255],"dimgray":[105,105,105],"dimgrey":[105,105,105],"dodgerblue":[30,144,255],"firebrick":[178,34,34],"floralwhite":[255,250,240],"forestgreen":[34,139,34],"fuchsia":[255,0,255],"gainsboro":[220,220,220],"ghostwhite":[248,248,255],"gold":[255,215,0],"goldenrod":[218,165,32],"gray":[128,128,128],"green":[0,128,0],"greenyellow":[173,255,47],"grey":[128,128,128],"honeydew":[240,255,240],"hotpink":[255,105,180],"indianred":[205,92,92],"indigo":[75,0,130],"ivory":[255,255,240],"khaki":[240,230,140],"lavender":[230,230,250],"lavenderblush":[255,240,245],"lawngreen":[124,252,0],"lemonchiffon":[255,250,205],"lightblue":[173,216,230],"lightcoral":[240,128,128],"lightcyan":[224,255,255],"lightgoldenrodyellow":[250,250,210],"lightgray":[211,211,211],"lightgreen":[144,238,144],"lightgrey":[211,211,211],"lightpink":[255,182,193],"lightsalmon":[255,160,122],"lightseagreen":[32,178,170],"lightskyblue":[135,206,250],"lightslategray":[119,136,153],"lightslategrey":[119,136,153],"lightsteelblue":[176,196,222],"lightyellow":[255,255,224],"lime":[0,255,0],"limegreen":[50,205,50],"linen":[250,240,230],"magenta":[255,0,255],"maroon":[128,0,0],"mediumaquamarine":[102,205,170],"mediumblue":[0,0,205],"mediumorchid":[186,85,211],"mediumpurple":[147,112,219],"mediumseagreen":[60,179,113],"mediumslateblue":[123,104,238],"mediumspringgreen":[0,250,154],"mediumturquoise":[72,209,204],"mediumvioletred":[199,21,133],"midnightblue":[25,25,112],"mintcream":[245,255,250],"mistyrose":[255,228,225],"moccasin":[255,228,181],"navajowhite":[255,222,173],"navy":[0,0,128],"oldlace":[253,245,230],"olive":[128,128,0],"olivedrab":[107,142,35],"orange":[255,165,0],"orangered":[255,69,0],"orchid":[218,112,214],"palegoldenrod":[238,232,170],"palegreen":[152,251,152],"paleturquoise":[175,238,238],"palevioletred":[219,112,147],"papayawhip":[255,239,213],"peachpuff":[255,218,185],"peru":[205,133,63],"pink":[255,192,203],"plum":[221,160,221],"powderblue":[176,224,230],"purple":[128,0,128],"rebeccapurple":[102,51,153],"red":[255,0,0],"rosybrown":[188,143,143],"royalblue":[65,105,225],"saddlebrown":[139,69,19],"salmon":[250,128,114],"sandybrown":[244,164,96],"seagreen":[46,139,87],"seashell":[255,245,238],"sienna":[160,82,45],"silver":[192,192,192],"skyblue":[135,206,235],"slateblue":[106,90,205],"slategray":[112,128,144],"slategrey":[112,128,144],"snow":[255,250,250],"springgreen":[0,255,127],"steelblue":[70,130,180],"tan":[210,180,140],"teal":[0,128,128],"thistle":[216,191,216],"tomato":[255,99,71],"turquoise":[64,224,208],"violet":[238,130,238],"wheat":[245,222,179],"white":[255,255,255],"whitesmoke":[245,245,245],"yellow":[255,255,0],"yellowgreen":[154,205,50]};var simpleSwizzle={exports:{}};var isArrayish$1=function isArrayish(obj){if(!obj||typeof obj==='string'){return false;}return obj instanceof Array||Array.isArray(obj)||obj.length>=0&&(obj.splice instanceof Function||Object.getOwnPropertyDescriptor(obj,obj.length-1)&&obj.constructor.name!=='String');};var isArrayish=isArrayish$1;var concat$1=Array.prototype.concat;var slice$1=Array.prototype.slice;var swizzle$1=simpleSwizzle.exports=function swizzle(args){var results=[];for(var i=0,len=args.length;i<len;i++){var arg=args[i];if(isArrayish(arg)){// http://jsperf.com/javascript-array-concat-vs-push/98
|
|
2045
2045
|
results=concat$1.call(results,slice$1.call(arg));}else{results.push(arg);}}return results;};swizzle$1.wrap=function(fn){return function(){return fn(swizzle$1(arguments));};};/* MIT license */var colorNames=colorName$1;var swizzle=simpleSwizzle.exports;var hasOwnProperty=Object.hasOwnProperty;var reverseNames=Object.create(null);// create a list of reverse color names
|
|
2046
2046
|
for(var name$1 in colorNames){if(hasOwnProperty.call(colorNames,name$1)){reverseNames[colorNames[name$1]]=name$1;}}var cs=colorString$1.exports={to:{},get:{}};cs.get=function(string){var prefix=string.substring(0,3).toLowerCase();var val;var model;switch(prefix){case'hsl':val=cs.get.hsl(string);model='hsl';break;case'hwb':val=cs.get.hwb(string);model='hwb';break;default:val=cs.get.rgb(string);model='rgb';break;}if(!val){return null;}return{model:model,value:val};};cs.get.rgb=function(string){if(!string){return null;}var abbr=/^#([a-f0-9]{3,4})$/i;var hex=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var rgba=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var per=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var keyword=/^(\w+)$/;var rgb=[0,0,0,1];var match;var i;var hexAlpha;if(match=string.match(hex)){hexAlpha=match[2];match=match[1];for(i=0;i<3;i++){// https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19
|
|
2047
2047
|
var i2=i*2;rgb[i]=parseInt(match.slice(i2,i2+2),16);}if(hexAlpha){rgb[3]=parseInt(hexAlpha,16)/255;}}else if(match=string.match(abbr)){match=match[1];hexAlpha=match[3];for(i=0;i<3;i++){rgb[i]=parseInt(match[i]+match[i],16);}if(hexAlpha){rgb[3]=parseInt(hexAlpha+hexAlpha,16)/255;}}else if(match=string.match(rgba)){for(i=0;i<3;i++){rgb[i]=parseInt(match[i+1],0);}if(match[4]){if(match[5]){rgb[3]=parseFloat(match[4])*0.01;}else{rgb[3]=parseFloat(match[4]);}}}else if(match=string.match(per)){for(i=0;i<3;i++){rgb[i]=Math.round(parseFloat(match[i+1])*2.55);}if(match[4]){if(match[5]){rgb[3]=parseFloat(match[4])*0.01;}else{rgb[3]=parseFloat(match[4]);}}}else if(match=string.match(keyword)){if(match[1]==='transparent'){return[0,0,0,0];}if(!hasOwnProperty.call(colorNames,match[1])){return null;}rgb=colorNames[match[1]];rgb[3]=1;return rgb;}else{return null;}for(i=0;i<3;i++){rgb[i]=clamp(rgb[i],0,255);}rgb[3]=clamp(rgb[3],0,1);return rgb;};cs.get.hsl=function(string){if(!string){return null;}var hsl=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var match=string.match(hsl);if(match){var alpha=parseFloat(match[4]);var h=(parseFloat(match[1])%360+360)%360;var s=clamp(parseFloat(match[2]),0,100);var l=clamp(parseFloat(match[3]),0,100);var a=clamp(isNaN(alpha)?1:alpha,0,1);return[h,s,l,a];}return null;};cs.get.hwb=function(string){if(!string){return null;}var hwb=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var match=string.match(hwb);if(match){var alpha=parseFloat(match[4]);var h=(parseFloat(match[1])%360+360)%360;var w=clamp(parseFloat(match[2]),0,100);var b=clamp(parseFloat(match[3]),0,100);var a=clamp(isNaN(alpha)?1:alpha,0,1);return[h,w,b,a];}return null;};cs.to.hex=function(){var rgba=swizzle(arguments);return'#'+hexDouble(rgba[0])+hexDouble(rgba[1])+hexDouble(rgba[2])+(rgba[3]<1?hexDouble(Math.round(rgba[3]*255)):'');};cs.to.rgb=function(){var rgba=swizzle(arguments);return rgba.length<4||rgba[3]===1?'rgb('+Math.round(rgba[0])+', '+Math.round(rgba[1])+', '+Math.round(rgba[2])+')':'rgba('+Math.round(rgba[0])+', '+Math.round(rgba[1])+', '+Math.round(rgba[2])+', '+rgba[3]+')';};cs.to.rgb.percent=function(){var rgba=swizzle(arguments);var r=Math.round(rgba[0]/255*100);var g=Math.round(rgba[1]/255*100);var b=Math.round(rgba[2]/255*100);return rgba.length<4||rgba[3]===1?'rgb('+r+'%, '+g+'%, '+b+'%)':'rgba('+r+'%, '+g+'%, '+b+'%, '+rgba[3]+')';};cs.to.hsl=function(){var hsla=swizzle(arguments);return hsla.length<4||hsla[3]===1?'hsl('+hsla[0]+', '+hsla[1]+'%, '+hsla[2]+'%)':'hsla('+hsla[0]+', '+hsla[1]+'%, '+hsla[2]+'%, '+hsla[3]+')';};// hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax
|
|
@@ -2107,7 +2107,7 @@ Color.prototype[model]=function(...args){if(this.model===model){return new Color
|
|
|
2107
2107
|
Color[model]=function(...args){let color=args[0];if(typeof color==='number'){color=zeroArray(args,channels);}return new Color(color,model);};}function roundTo(number,places){return Number(number.toFixed(places));}function roundToPlace(places){return function(number){return roundTo(number,places);};}function getset(model,channel,modifier){model=Array.isArray(model)?model:[model];for(const m of model){(limiters[m]||(limiters[m]=[]))[channel]=modifier;}model=model[0];return function(value){let result;if(value!==undefined){if(modifier){value=modifier(value);}result=this[model]();result.color[channel]=value;return result;}result=this[model]().color[channel];if(modifier){result=modifier(result);}return result;};}function maxfn(max){return function(v){return Math.max(0,Math.min(max,v));};}function assertArray(value){return Array.isArray(value)?value:[value];}function zeroArray(array,length){for(let i=0;i<length;i++){if(typeof array[i]!=='number'){array[i]=0;}}return array;}var color=Color;var fade=function(c,amount){if(amount===void 0){amount=0.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)
|
|
2108
2108
|
// console.log("luminosity old:", Color(c).luminosity())
|
|
2109
2109
|
// console.log("luminosity new:", Color(newColor).luminosity())
|
|
2110
|
-
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();};styled.css(templateObject_1$
|
|
2110
|
+
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();};styled.css(templateObject_1$K||(templateObject_1$K=__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$w||(templateObject_2$w=__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),function(props){return props.color?"color: ".concat(props.theme.styles.getTextColorForBackground({color:props.color,theme:props.theme}),";"):"";});styled.css(templateObject_3$t||(templateObject_3$t=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$p||(templateObject_4$p=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color;});var templateObject_1$K,templateObject_2$w,templateObject_3$t,templateObject_4$p;var getInlineStyling=styled.css(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$v||(templateObject_2$v=__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$s||(templateObject_3$s=__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$o||(templateObject_4$o=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$h||(templateObject_5$h=__makeTemplateObject(["\n cursor: pointer;\n background: ",";\n\n @media (hover: hover) {\n &:hover {\n background: ",";\n }\n }\n\n :active {\n background: ",";\n }\n\n transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out,\n background-color 0.25s ease-in-out, color 0.25s ease-in-out,\n outline-color 0.1s ease-in-out, z-index 0.25s ease-in-out;\n\n ","\n"],["\n cursor: pointer;\n background: ",";\n\n @media (hover: hover) {\n &:hover {\n background: ",";\n }\n }\n\n :active {\n background: ",";\n }\n\n transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out,\n background-color 0.25s ease-in-out, color 0.25s ease-in-out,\n outline-color 0.1s ease-in-out, z-index 0.25s ease-in-out;\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$c||(templateObject_6$c=__makeTemplateObject(["\n @media (hover: hover) {\n &:hover {\n color: ",";\n }\n }\n\n :active {\n color: ",";\n }\n"],["\n @media (hover: hover) {\n &:hover {\n color: ",";\n }\n }\n\n :active {\n color: ",";\n }\n"])),function(_a){var color=_a.color;return dark(color);},function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$6||(templateObject_7$6=__makeTemplateObject(["\n @media (hover: hover) {\n &:hover:hover {\n color: ",";\n background-color: unset;\n }\n }\n\n :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"],["\n @media (hover: hover) {\n &:hover:hover {\n color: ",";\n background-color: unset;\n }\n }\n\n :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"])),function(props){return lighter(props.color);},function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$J,templateObject_2$v,templateObject_3$s,templateObject_4$o,templateObject_5$h,templateObject_6$c,templateObject_7$6;var lodash={exports:{}};/**
|
|
2111
2111
|
* @license
|
|
2112
2112
|
* Lodash <https://lodash.com/>
|
|
2113
2113
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
|
@@ -11594,27 +11594,27 @@ var isArray=function(o){return o instanceof Array;};var isFunction$2=function(o)
|
|
|
11594
11594
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11595
11595
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11596
11596
|
*/function _extends$w(){_extends$w=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$w.apply(this,arguments);}const 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);}"]);const 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);}"]);const 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);}"]);const StyledDotsCircle=styled__default["default"].circle.attrs({cy:36,r:9}).withConfig({displayName:"StyledDots__StyledDotsCircle",componentId:"sc-1ltah7e-0"})([""]);StyledDotsCircle.defaultProps={theme:DEFAULT_THEME};const animationStyles=(animationName,props)=>{return styled.css(["animation:"," ","ms linear infinite;"],animationName,props.duration);};const StyledDotsCircleOne=styled__default["default"](StyledDotsCircle).attrs({cx:9}).withConfig({displayName:"StyledDots__StyledDotsCircleOne",componentId:"sc-1ltah7e-1"})(["",";"],props=>animationStyles(dotOneKeyframes,props));StyledDotsCircleOne.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleTwo=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:40})).withConfig({displayName:"StyledDots__StyledDotsCircleTwo",componentId:"sc-1ltah7e-2"})(["",";"],props=>animationStyles(dotTwoKeyframes,props));StyledDotsCircleTwo.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleThree=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:71})).withConfig({displayName:"StyledDots__StyledDotsCircleThree",componentId:"sc-1ltah7e-3"})(["",";"],props=>animationStyles(dotThreeKeyframes,props));StyledDotsCircleThree.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5$4='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$4,'data-garden-version':'8.70.0',role:'progressbar'}).withConfig({displayName:"StyledLoadingPlaceholder",componentId:"sc-x3bwsx-0"})(["display:inline-block;width:",";height:",";font-size:",";",""],props=>props.width||'1em',props=>props.height||'0.9em',props=>props.fontSize,props=>retrieveComponentStyles(COMPONENT_ID$5$4,props));StyledLoadingPlaceholder.defaultProps={theme:DEFAULT_THEME};const 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;}};const sizeToBorderRadius=(size,theme)=>sizeToHeight(size,theme)/2;const PROGRESS_BACKGROUND_COMPONENT_ID='loaders.progress_background';const StyledProgressBackground=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGRESS_BACKGROUND_COMPONENT_ID,'data-garden-version':'8.70.0',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:",";",""],props=>props.theme.space.base*2,props=>props.borderRadius,props=>getColor$1('neutralHue',200,props.theme),props=>props.color||getColor$1('successHue',600,props.theme),props=>retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props));StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};const PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';const StyledProgressIndicator=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.70.0',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;",""],props=>props.borderRadius,props=>props.value,props=>props.height,props=>retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props));StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$4='loaders.skeleton';const fadeInAnimation=styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);const skeletonAnimation=styled.keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(100%);}"]);const skeletonRtlAnimation=styled.keyframes(["0%{transform:translateX(100%);}100%{transform:translateX(-100%)}"]);const retrieveSkeletonBackgroundColor=_ref=>{let{theme,isLight}=_ref;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));};const retrieveSkeletonAnimation=_ref2=>{let{theme}=_ref2;if(theme.rtl){return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};const retrieveSkeletonGradient=_ref3=>{let{theme,isLight}=_ref3;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));};const StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$4,'data-garden-version':'8.70.0'}).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,props=>props.theme.borderRadii.md,props=>props.customWidth,props=>props.customHeight,props=>getLineHeight$1(props.theme.fontSizes.sm,props.theme.space.base*5),retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,props=>retrieveComponentStyles(COMPONENT_ID$4$4,props));StyledSkeleton.defaultProps={theme:DEFAULT_THEME};const StyledSpinnerCircle=styled__default["default"].circle.attrs(props=>({cx:40,cy:40,r:34,fill:'none',stroke:'currentColor',strokeLinecap:'round',strokeWidth:props.strokeWidthValue,strokeDasharray:`${props.dasharrayValue} 250`,transform:props.transform})).withConfig({displayName:"StyledSpinnerCircle",componentId:"sc-o4kd70-0"})([""]);StyledSpinnerCircle.defaultProps={theme:DEFAULT_THEME};const StyledSVG=styled__default["default"].svg.attrs(props=>({'data-garden-version':'8.70.0',xmlns:'http://www.w3.org/2000/svg',width:props.width,height:props.height,focusable:'false',viewBox:`0 0 ${props.width} ${props.height}`,role:'img'})).withConfig({displayName:"StyledSVG",componentId:"sc-1xtc3kx-0"})(["width:",";height:",";color:",";font-size:",";",";"],props=>props.containerWidth||'1em',props=>props.containerHeight||'0.9em',props=>props.color||'inherit',props=>props.fontSize||'inherit',props=>retrieveComponentStyles(props.dataGardenId,props));StyledSVG.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$4='loaders.inline';const PULSE_ANIMATION=styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);const 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};const StyledInline=styled__default["default"].svg.attrs(props=>({'data-garden-id':COMPONENT_ID$3$4,'data-garden-version':'8.70.0',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:",";}}",""],props=>props.color,StyledCircle,PULSE_ANIMATION,props=>props.theme.rtl?'unset':'0.4s',PULSE_ANIMATION,PULSE_ANIMATION,props=>props.theme.rtl?'0.4s':'unset',props=>retrieveComponentStyles(COMPONENT_ID$3$4,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$6='loaders.dots';const Dots$1=React__default.forwardRef((_ref,ref)=>{let{size,color,duration,delayMS,...other}=_ref;const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);const canTransformSVG=React__default.useRef(null);if(environment&&canTransformSVG.current===null){const svg=environment.createElementNS('http://www.w3.org/2000/svg','svg');canTransformSVG.current='transform'in svg;}const{delayComplete}=useSchedule({duration,delayMS,loop:true});const dotOne=React__default.useRef(null);const dotTwo=React__default.useRef(null);const dotThree=React__default.useRef(null);React__default.useEffect(()=>{if(!canTransformSVG.current&&delayComplete){const 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$w({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};const SIZE$3=['small','medium','large'];const COMPONENT_ID$1$6='loaders.progress';const Progress=React__default__default["default"].forwardRef((_ref,ref)=>{let{value,size,'aria-label':label,...other}=_ref;const percentage=Math.max(0,Math.min(100,value));const ariaLabel=useText(Progress,{'aria-label':label},'aria-label','Progress');return React__default__default["default"].createElement(StyledProgressBackground,_extends$w({"data-garden-id":COMPONENT_ID$1$6,"data-garden-version":'8.70.0',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref,"aria-label":ariaLabel},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'};const Skeleton=React__default.forwardRef((_ref,ref)=>{let{width,height,isLight,...other}=_ref;return React__default__default["default"].createElement(StyledSkeleton,_extends$w({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%'};const STROKE_WIDTH_FRAMES={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6};const 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};const 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};const COMPONENT_ID$M='loaders.spinner';const TOTAL_FRAMES=100;const computeFrames=(frames,duration)=>{return Object.entries(frames).reduce((acc,item,index,arr)=>{const[frame,value]=item;const[nextFrame,nextValue]=arr[index+1]||[TOTAL_FRAMES,arr[0][1]];const diff=parseInt(nextFrame,10)-parseInt(frame,10);const frameHz=1000/60;let subDuration=duration/(TOTAL_FRAMES-1)*diff;let lastValue=value;acc[frame]=value;for(let 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;},{});};const Spinner=React__default.forwardRef((_ref,ref)=>{let{size,duration,color,delayMS,...other}=_ref;const strokeWidthValues=computeFrames(STROKE_WIDTH_FRAMES,duration);const rotationValues=computeFrames(ROTATION_FRAMES,duration);const dasharrayValues=computeFrames(DASHARRAY_FRAMES,duration);const{elapsed,delayComplete}=useSchedule({duration,delayMS});const frame=(elapsed*100).toFixed(0);const strokeWidthValue=strokeWidthValues[frame];const rotationValue=rotationValues[frame];const dasharrayValue=dasharrayValues[frame];const WIDTH=80;const 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$w({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(${rotationValue}, ${WIDTH/2}, ${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};const Inline=React__default.forwardRef((_ref,ref)=>{let{size,color,...other}=_ref;const ariaLabel=useText(Inline,other,'aria-label','loading');return React__default__default["default"].createElement(StyledInline,_extends$w({ref:ref,size:size,color:color,"aria-label":ariaLabel,role:"img"},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$1=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
11597
|
-
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var SEMI_BOLD="600";var BOLD="700";var BLACK="800";var DIV="div";var LABEL="label";var H1="h1";var H2="h2";var H3="h3";var H4="h4";var H5$1="h5";var H6="h6";var P="p";var SPAN="span";var FONT_TAGS={DIV:DIV,LABEL:LABEL,H1:H1,H2:H2,H3:H3,H4:H4,H5:H5$1,H6:H6,P:P,SPAN:SPAN};var FONT_SIZES={XXS:XXS,XS:XS$1,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$1.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,SEMI_BOLD:SEMI_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 getFontSize=function(size){switch(size){case BUTTON_SIZES.X_SMALL:return FONT_SIZES.XS;default:return"inherit";}};var getHeight=function(size){switch(size){case BUTTON_SIZES.LARGE:return"48px";case BUTTON_SIZES.SMALL:return"32px";case BUTTON_SIZES.X_SMALL:return"24px";default:return"40px";}};var getPaddingSize=function(size){switch(size){case BUTTON_SIZES.SMALL:return".5em";case BUTTON_SIZES.X_SMALL:return".25em";default:return"1em";}};var fitContent=styled.css(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n width: fit-content;\n ","\n"],["\n width: fit-content;\n ","\n"])),function(_a){var children=_a.children,compact=_a.compact,size=_a.size;var paddingSize=getPaddingSize(size);var topPadding=!children?paddingSize:"0";return compact?styled.css(templateObject_1$
|
|
11597
|
+
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var SEMI_BOLD="600";var BOLD="700";var BLACK="800";var DIV="div";var LABEL="label";var H1="h1";var H2="h2";var H3="h3";var H4="h4";var H5$1="h5";var H6="h6";var P="p";var SPAN="span";var FONT_TAGS={DIV:DIV,LABEL:LABEL,H1:H1,H2:H2,H3:H3,H4:H4,H5:H5$1,H6:H6,P:P,SPAN:SPAN};var FONT_SIZES={XXS:XXS,XS:XS$1,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$1.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,SEMI_BOLD:SEMI_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 getFontSize=function(size){switch(size){case BUTTON_SIZES.X_SMALL:return FONT_SIZES.XS;default:return"inherit";}};var getHeight=function(size){switch(size){case BUTTON_SIZES.LARGE:return"48px";case BUTTON_SIZES.SMALL:return"32px";case BUTTON_SIZES.X_SMALL:return"24px";default:return"40px";}};var getPaddingSize=function(size){switch(size){case BUTTON_SIZES.SMALL:return".5em";case BUTTON_SIZES.X_SMALL:return".25em";default:return"1em";}};var fitContent=styled.css(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n width: fit-content;\n ","\n"],["\n width: fit-content;\n ","\n"])),function(_a){var children=_a.children,compact=_a.compact,size=_a.size;var paddingSize=getPaddingSize(size);var topPadding=!children?paddingSize:"0";return compact?styled.css(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n min-width: fit-content;\n padding: "," ",";\n ","\n "],["\n min-width: fit-content;\n padding: "," ",";\n ","\n "])),topPadding,paddingSize,!children?"height: unset;":""):"";});var fitContainer=styled.css(templateObject_3$r||(templateObject_3$r=__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"])));var colors=styled.css(templateObject_4$n||(templateObject_4$n=__makeTemplateObject(["\n ",";\n border-color: ",";\n\n ",";\n\n @media (hover: hover) {\n &:hover {\n border-color: transparent;\n }\n }\n\n :active {\n border-color: transparent;\n }\n"],["\n ",";\n border-color: ",";\n\n ",";\n\n @media (hover: hover) {\n &:hover {\n border-color: transparent;\n }\n }\n\n :active {\n border-color: transparent;\n }\n"])),buttonLikeHoverable,function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return!flat&&!primary&&!inline?color:"transparent";},getInlineStyling);var alignment=function(_a){var alignSelf=_a.alignSelf;return alignSelf?styled.css(templateObject_5$g||(templateObject_5$g=__makeTemplateObject(["\n align-self: ",";\n "],["\n align-self: ",";\n "])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_6$b||(templateObject_6$b=__makeTemplateObject(["\n text-transform: ",";\n "],["\n text-transform: ",";\n "])),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 theme.styles.colors.grey["300"];if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var inlineWrapping=styled.css(templateObject_7$5||(templateObject_7$5=__makeTemplateObject(["\n white-space: normal;\n text-align: left;\n height: auto;\n"],["\n white-space: normal;\n text-align: left;\n height: auto;\n"])));var BUTTON_SIZES={LARGE:"large",MEDIUM:"medium",SMALL:"small",X_SMALL:"x_small"};var ButtonBase=styled__default["default"](function(_a){var alignItems=_a.alignItems,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;_a.pill;_a.size;var props=__rest(_a,["alignItems","children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill","size"]);return jsxRuntime.jsx(Button$1// @ts-ignore
|
|
11598
11598
|
,__assign({// @ts-ignore
|
|
11599
11599
|
as:innerAs,disabled:disabled,// isPill={pill}
|
|
11600
11600
|
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:alignItems!==null&&alignItems!==void 0?alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx(IconButtonTextContainer,{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props),primary:props.flat?false:props.primary});})(templateObject_8$4||(templateObject_8$4=__makeTemplateObject(["\n &&&& {\n font-size: ",";\n font-weight: bold;\n height: ",";\n ","\n ","\n border-radius: ",";\n ","\n ","\n ","\n ","\n }\n"],["\n &&&& {\n font-size: ",";\n font-weight: bold;\n height: ",";\n ","\n ","\n border-radius: ",";\n ","\n ","\n ","\n ","\n }\n"])),function(_a){var size=_a.size;return getFontSize(size);},function(_a){var size=_a.size;return getHeight(size);},function(_a){var wrapInlineText=_a.wrapInlineText;return wrapInlineText?inlineWrapping:"";},function(_a){var fluid=_a.fluid;return!fluid?fitContent:fitContainer;},function(_a){var pill=_a.pill,theme=_a.theme;if(pill)return"500px";return theme.styles.buttons.borderRadius;},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,_c=_a.disabled,disabled=_c===void 0?false:_c,_d=_a.flat,flat=_d===void 0?false:_d,_e=_a.fluid,fluid=_e===void 0?false:_e,_f=_a.iconPosition,iconPosition=_f===void 0?"left":_f,_g=_a.loading,loadingProp=_g===void 0?false:_g,onClick=_a.onClick,_h=_a.primary,primary=_h===void 0?true:_h,props=__rest(_a,["autoLoadable","disabled","flat","fluid","iconPosition","loading","onClick","primary"]);var _j=__read$1(React__default.useState(false),2),isLoading=_j[0],setIsLoadingTo=_j[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(),fluid:fluid,flat:flat,iconPosition:iconPosition,innerRef:ref,loading:computedIsLoading(),// @ts-ignore
|
|
11601
|
-
onClick:autoLoadable?processClick:onClick,primary:primary}));}))(templateObject_9$3||(templateObject_9$3=__makeTemplateObject([""],[""])));var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_10$3||(templateObject_10$3=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var IconButtonTextContainer=styled__default["default"].span(templateObject_11$3||(templateObject_11$3=__makeTemplateObject(["\n flex: 1;\n"],["\n flex: 1;\n"])));var templateObject_1$
|
|
11602
|
-
specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var unit$1=function(px){return"".concat(px,"px");};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$
|
|
11601
|
+
onClick:autoLoadable?processClick:onClick,primary:primary}));}))(templateObject_9$3||(templateObject_9$3=__makeTemplateObject([""],[""])));var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_10$3||(templateObject_10$3=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var IconButtonTextContainer=styled__default["default"].span(templateObject_11$3||(templateObject_11$3=__makeTemplateObject(["\n flex: 1;\n"],["\n flex: 1;\n"])));var templateObject_1$I,templateObject_2$u,templateObject_3$r,templateObject_4$n,templateObject_5$g,templateObject_6$b,templateObject_7$5,templateObject_8$4,templateObject_9$3,templateObject_10$3,templateObject_11$3;/* Size key name represents all devices with a pixel width up to the number
|
|
11602
|
+
specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var unit$1=function(px){return"".concat(px,"px");};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(tabletSize),styles);},forTabletsAndUp:function(styles){return styled.css(templateObject_3$q||(templateObject_3$q=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(phoneSize+1),styles);},forLargeTabletsAndUp:function(styles){return styled.css(templateObject_4$m||(templateObject_4$m=__makeTemplateObject(["\n @media (min-width: ",") {\n ","\n }\n "],["\n @media (min-width: ",") {\n ","\n }\n "])),unit(tabletSize+1),styles);},forSmallComputersAndUp:function(styles){return styled.css(templateObject_5$f||(templateObject_5$f=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(largeTabletSize+1),styles);},forLargeComputers:function(styles){return styled.css(templateObject_6$a||(templateObject_6$a=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(smallComputerSize+1),styles);}};};var unit=function(px){return"".concat(px,"px");};var templateObject_1$H,templateObject_2$t,templateObject_3$q,templateObject_4$m,templateObject_5$f,templateObject_6$a;var Header$2=styled__default["default"](Header$1$1).attrs(function(_a){var danger=_a.danger,success=_a.success,warning=_a.warning,theme=_a.theme;var color=theme.styles.textColorPrimary;if(danger)color=theme.styles.colorDanger;if(success)color=theme.styles.colorSuccess;if(warning)color=theme.styles.colorWarning;return{color:color};})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),textWithColor);var createButtons=function(buttons,closeModal,shouldDisable,autoClose,adjustModalState){return buttons.map(function(b){var _a=b.props,onClick=_a.onClick,disabled=_a.disabled,disableable=_a.disableable;return jsxRuntime.jsx(FooterItem$2,{children:React__default__default["default"].cloneElement(b,{onClick:function(){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:adjustModalState();return[4/*yield*/,onClick()];case 1:_a.sent();if(autoClose)closeModal();return[2/*return*/];}});});},disabled:disableable?shouldDisable:disabled})},b.key);});};var Modal=function(_a){var _b,_c;var blurBackdrop=_a.blurBackdrop,isVisible=_a.isVisible,closeModal=_a.closeModal,disableActions=_a.disableActions,modalContent=_a.modalContent,className=_a.className;var isProcessing=(_b=__read$1(React__default.useState(false),2),_b[0]),setIsProcessingTo=_b[1];if(!isVisible)return null;if(!modalContent)throw new Error("Modal found null modal content");var autoClose=(_c=modalContent.autoClose,_c===void 0?true:_c),body=modalContent.body,buttons=modalContent.buttons,danger=modalContent.danger,isLarge=modalContent.isLarge,isNotDismissible=modalContent.isNotDismissible,success=modalContent.success,title=modalContent.title,warning=modalContent.warning,withCancelButton=modalContent.withCancelButton,withNoActions=modalContent.withNoActions,onClose=modalContent.onClose;var handleClose=function(){closeModal();setIsProcessingTo(false);if(onClose)onClose();};var setProcessingState=function(){return setIsProcessingTo(true);};var footerItems=function(){return buttons?createButtons(buttons,handleClose,disableActions,autoClose,setProcessingState):jsxRuntime.jsx(FooterItem$2,{children:jsxRuntime.jsx(Button,__assign({onClick:handleClose,primary:true,disabled:disableActions,success:success,danger:danger,warning:warning},{children:"OK"}))});};return jsxRuntime.jsxs(Modal$1,__assign({onClose:isNotDismissible?function(){}:handleClose,className:className,isAnimated:true,isLarge:isLarge,backdropProps:{style:{backdropFilter:blurBackdrop?"blur(4px)":undefined,fontFamily:"inherit"}}},{children:[title?jsxRuntime.jsx(Header$2,__assign({color:"",danger:danger,success:success,warning:warning},{children:title})):null,jsxRuntime.jsx(Body$2,{children:body}),withNoActions?null:jsxRuntime.jsxs(Footer$2,{children:[withCancelButton?jsxRuntime.jsx(FooterItem$2,{children:jsxRuntime.jsx(Button,__assign({onClick:handleClose,flat:true,loading:isProcessing,success:success,danger:danger,warning:warning},{children:"Cancel"}))}):null,footerItems()]}),jsxRuntime.jsx(Close$2$1,{"aria-label":"Close modal"})]}));};var hideCloseButton=styled.css(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n button[data-garden-id=\"modals.close\"] {\n display: none;\n }\n"],["\n button[data-garden-id=\"modals.close\"] {\n display: none;\n }\n"])));var Body$2=styled__default["default"](Body$2$1)(templateObject_3$p||(templateObject_3$p=__makeTemplateObject(["\n font-size: inherit;\n"],["\n font-size: inherit;\n"])));Modal=styled__default["default"](Modal)(templateObject_5$e||(templateObject_5$e=__makeTemplateObject(["\n &&&& {\n margin-left: ",";\n margin-right: ",";\n color: ",";\n border-radius: ",";\n\n ","\n\n ","\n\n ","\n }\n"],["\n &&&& {\n margin-left: ",";\n margin-right: ",";\n color: ",";\n border-radius: ",";\n\n ","\n\n ","\n\n ","\n }\n"])),SPACINGS.SM,SPACINGS.SM,function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;},function(_a){var theme=_a.theme;return theme.styles.modal.borderRadius;},function(_a){var modalContent=_a.modalContent;return(modalContent===null||modalContent===void 0?void 0:modalContent.isNotDismissible)?hideCloseButton:"";},mediaQueries().forPhones(styled.css(templateObject_4$l||(templateObject_4$l=__makeTemplateObject(["\n width: calc(100% - ("," * 2));\n "],["\n width: calc(100% - ("," * 2));\n "])),SPACINGS.SM)),function(_a){var _css=_a._css;return _css;});var templateObject_1$G,templateObject_2$s,templateObject_3$p,templateObject_4$l,templateObject_5$e;var defaultUiState={setModalState:function(){throw new Error("initial state not set");},modalState:{isModalOpen:false,modalContentState:{}}};var ModalStateContext=React__default.createContext(defaultUiState);var useModalState=function(){var _a=React__default.useContext(ModalStateContext),modalState=_a.modalState,setModalState=_a.setModalState;var closeModal=React__default.useCallback(function(){setModalState(function(previous){return __assign(__assign({},previous),{isModalOpen:false,modalContent:undefined,modalContentState:{}});});},[setModalState]);var openModalWith=React__default.useCallback(function(c){// The following check causes the app to make infinite requests due
|
|
11603
11603
|
// to the HttpManager error handler relying on the error modal.
|
|
11604
11604
|
// This function will reload over and over due to the `isModalOpen`
|
|
11605
11605
|
// state value constantly changes between true and false.
|
|
11606
11606
|
// if (isModalOpen && !modalContent?.blocking) {
|
|
11607
11607
|
// closeModal()
|
|
11608
11608
|
// }
|
|
11609
|
-
setModalState(function(previous){return __assign(__assign({},previous),{isModalOpen:true,modalContent:__assign({autoClose:true},c),modalContentState:{}});});},[setModalState]);var openErrorModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Uh Oh!",danger:true}));},[openModalWith]);var openSuccessModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Success!",success:true}));},[openModalWith]);var openWarningModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Warning!",warning:true}));},[openModalWith]);var setModalContentState=React__default.useCallback(function(state){setModalState(function(previous){return __assign(__assign({},previous),{modalContentState:__assign(__assign({},previous.modalContentState),state)});});},[setModalState]);return{closeModal:closeModal,openErrorModalWith:openErrorModalWith,openModalWith:openModalWith,openSuccessModalWith:openSuccessModalWith,openWarningModalWith:openWarningModalWith,setModalContentState:setModalContentState,setModalState:setModalState,modalState:modalState};};var ModalManager=function(_a){var blurBackdrop=_a.blurBackdrop,_css=_a._css;var _b=useModalState(),closeModal=_b.closeModal,modalState=_b.modalState;var isModalOpen=modalState.isModalOpen,modalContent=modalState.modalContent;return jsxRuntime.jsx(Modal,{blurBackdrop:blurBackdrop,closeModal:closeModal,_css:styled.css(templateObject_1$
|
|
11609
|
+
setModalState(function(previous){return __assign(__assign({},previous),{isModalOpen:true,modalContent:__assign({autoClose:true},c),modalContentState:{}});});},[setModalState]);var openErrorModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Uh Oh!",danger:true}));},[openModalWith]);var openSuccessModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Success!",success:true}));},[openModalWith]);var openWarningModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Warning!",warning:true}));},[openModalWith]);var setModalContentState=React__default.useCallback(function(state){setModalState(function(previous){return __assign(__assign({},previous),{modalContentState:__assign(__assign({},previous.modalContentState),state)});});},[setModalState]);return{closeModal:closeModal,openErrorModalWith:openErrorModalWith,openModalWith:openModalWith,openSuccessModalWith:openSuccessModalWith,openWarningModalWith:openWarningModalWith,setModalContentState:setModalContentState,setModalState:setModalState,modalState:modalState};};var ModalManager=function(_a){var blurBackdrop=_a.blurBackdrop,_css=_a._css;var _b=useModalState(),closeModal=_b.closeModal,modalState=_b.modalState;var isModalOpen=modalState.isModalOpen,modalContent=modalState.modalContent;return jsxRuntime.jsx(Modal,{blurBackdrop:blurBackdrop,closeModal:closeModal,_css:styled.css(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n max-width: 90%;\n ","\n "],["\n max-width: 90%;\n ","\n "])),_css!==null&&_css!==void 0?_css:""),disableActions:false,isVisible:isModalOpen,modalContent:modalContent});};var templateObject_1$F;var ModalStateProvider=function(_a){var children=_a.children;var defaultState=React__default.useContext(ModalStateContext);var _b=__read$1(React__default.useState(defaultState.modalState),2),state=_b[0],setState=_b[1];var _c=__read$1(React__default.useState({setModalState:setState,modalState:state}),2),modalStateWithDispatch=_c[0],setModalStateWithDispatch=_c[1];React__default.useEffect(function(){setModalStateWithDispatch({setModalState:setState,modalState:state});},[state]);return jsxRuntime.jsx(ModalStateContext.Provider,__assign({value:modalStateWithDispatch},{children:children}));};var getColor=styled.css(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"// const subTextStyling = css`
|
|
11610
11610
|
// margin-top: 0;
|
|
11611
11611
|
// `
|
|
11612
11612
|
])),function(_a){var color=_a.color,danger=_a.danger,secondary=_a.secondary,theme=_a.theme;if(danger)return theme.styles.colorDanger;if(secondary)return theme.styles.textColorSecondary;if(color)return color;return"inherit";});// const subTextStyling = css`
|
|
11613
11613
|
// margin-top: 0;
|
|
11614
11614
|
// `
|
|
11615
|
-
var subTextStyling=styled.css(templateObject_2$r||(templateObject_2$r=__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$1=styled__default["default"].div(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n text-align: ",";\n width: ",";\n ","\n\n &&& {\n ","\n ","\n ","\n ","\n ","\n }\n"],["\n text-align: ",";\n width: ",";\n ","\n\n &&& {\n ","\n ","\n ","\n ","\n ","\n }\n"])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},getColor,function(_a){var compact=_a.compact;return compact?styled.css(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n "],["\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n "]))):"";},function(_a){var size=_a.size;return size?"font-size: ".concat(size,";"):"";},function(_a){var weight=_a.weight;return weight?"font-weight: ".concat(weight,";"):"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$
|
|
11616
|
-
var HelpText=styled__default["default"](Text$1)(templateObject_1$
|
|
11617
|
-
var Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};Carousel=styled__default["default"](Carousel)(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](
|
|
11615
|
+
var subTextStyling=styled.css(templateObject_2$r||(templateObject_2$r=__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$1=styled__default["default"].div(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n text-align: ",";\n width: ",";\n ","\n\n &&& {\n ","\n ","\n ","\n ","\n ","\n }\n"],["\n text-align: ",";\n width: ",";\n ","\n\n &&& {\n ","\n ","\n ","\n ","\n ","\n }\n"])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},getColor,function(_a){var compact=_a.compact;return compact?styled.css(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n "],["\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n "]))):"";},function(_a){var size=_a.size;return size?"font-size: ".concat(size,";"):"";},function(_a){var weight=_a.weight;return weight?"font-weight: ".concat(weight,";"):"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$E,templateObject_2$r,templateObject_3$o,templateObject_4$k;// @flow
|
|
11616
|
+
var HelpText=styled__default["default"](Text$1)(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES.XS);var templateObject_1$D;var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
|
|
11617
|
+
var Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};Carousel=styled__default["default"](Carousel)(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](Button).attrs({compact:true,size:BUTTON_SIZES.X_SMALL})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject([""],[""])));var templateObject_1$C,templateObject_2$q,templateObject_3$n;var breakpointQueries=function(_a){var _b;var wideLayout=_a.wideLayout;var _c=breakpoints({wideLayout:wideLayout}),phoneSize=_c.phoneSize,tabletSize=_c.tabletSize,largeTabletSize=_c.largeTabletSize,smallComputerSize=_c.smallComputerSize;var phone=DEVICES.phone,tablet=DEVICES.tablet,largeTablet=DEVICES.largeTablet,smallComputer=DEVICES.smallComputer,largeComputer=DEVICES.largeComputer;return _b={},_b[phone]="(max-width: ".concat(unit$1(phoneSize),")"),_b[tablet]="(min-width: ".concat(unit$1(phoneSize+1),") and (max-width: ").concat(unit$1(tabletSize),")"),_b[largeTablet]="(min-width: ".concat(unit$1(tabletSize+1),") and (max-width: ").concat(unit$1(largeTabletSize),")"),_b[smallComputer]="(min-width: ".concat(unit$1(largeTabletSize+1),") and (max-width: ").concat(unit$1(smallComputerSize),")"),_b[largeComputer]="(min-width: ".concat(unit$1(smallComputerSize+1),")"),_b;};var useDeviceSizeWatcher=function(){var _a=__read$1(React__default.useState(),2),currentSize=_a[0],setCurrentSize=_a[1];var queries=React__default.useMemo(function(){return breakpointQueries({wideLayout:true});},[]);var deviceListeners=React__default.useRef({});var deviceMediaQueryLists=React__default.useMemo(function(){return Object.values(DEVICES).reduce(function(map,size){var _a;return __assign(__assign({},map),(_a={},_a[size]=window.matchMedia(queries[size]),_a));},{});},[queries]);var initChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];var listener=function(e){if(e.matches)setCurrentSize(Number(size));};mql.addEventListener("change",listener);deviceListeners.current[Number(size)]=listener;});},[deviceMediaQueryLists]);var removeChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];mql.removeEventListener("change",deviceListeners.current[Number(size)]);delete deviceListeners.current[Number(size)];});},[deviceMediaQueryLists]);var setInitialSize=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];if(mql.matches)setCurrentSize(Number(size));});},[deviceMediaQueryLists]);React__default.useEffect(function(){setInitialSize();},[setInitialSize]);React__default.useEffect(function(){initChangeWatchers();return removeChangeWatchers;},[initChangeWatchers,removeChangeWatchers]);return React__default.useMemo(function(){var isPhone=currentSize===DEVICES.phone;var isTablet=currentSize===DEVICES.tablet;var isLargeTablet=currentSize===DEVICES.largeTablet;var isSmallComputer=currentSize===DEVICES.smallComputer;var isLargeComputer=currentSize===DEVICES.largeComputer;var isSmallComputerOrLarger=isSmallComputer||isLargeComputer;var isLargeTabletOrLarger=isLargeTablet||isSmallComputerOrLarger;var isLargeTabletOrSmaller=isLargeTablet||isTablet||isPhone;return{isPhone:isPhone,isTablet:isTablet,isLargeTablet:isLargeTablet,isSmallComputer:isSmallComputer,isLargeComputer:isLargeComputer,isSmallComputerOrLarger:isSmallComputerOrLarger,isLargeTabletOrLarger:isLargeTabletOrLarger,isLargeTabletOrSmaller:isLargeTabletOrSmaller};},[currentSize]);};var ComputersOnly=function(_a){var children=_a.children;var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var _b=__read$1(React__default.useState(isSmallComputerOrLarger),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){setIsVisibleTo(isSmallComputerOrLarger);},[isSmallComputerOrLarger]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesOnly=function(_a){var children=_a.children;var isPhone=useDeviceSizeWatcher().isPhone;return isPhone?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var TabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesAndTabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isPhone=_b.isPhone,isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isPhone||isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var reactIs={exports:{}};var reactIs_production_min={};/** @license React v17.0.2
|
|
11618
11618
|
* react-is.production.min.js
|
|
11619
11619
|
*
|
|
11620
11620
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -13294,7 +13294,7 @@ timerId=setTimeout(timerExpired,wait);return invokeFunc(lastCallTime);}}if(timer
|
|
|
13294
13294
|
*
|
|
13295
13295
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
13296
13296
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
13297
|
-
*/function _extends$5(){_extends$5=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$5.apply(this,arguments);}const DropdownContext=React__default__default["default"].createContext(undefined);const useDropdownContext=()=>{const dropdownContext=React__default.useContext(DropdownContext);if(!dropdownContext){throw new Error('This component must be rendered within a `Dropdown` component.');}return dropdownContext;};const REMOVE_ITEM_STATE_TYPE='REMOVE_ITEM';const Dropdown$1=props=>{const{children,isOpen,selectedItem,selectedItems,highlightedIndex,inputValue,onSelect,onStateChange,onInputValueChange,downshiftProps}=props;const itemIndexRef=React__default.useRef(0);const previousItemRef=React__default.useRef(undefined);const previousIndexRef=React__default.useRef(undefined);const nextItemsHashRef=React__default.useRef({});const containsMultiselectRef=React__default.useRef(false);const itemSearchRegistry=React__default.useRef([]);const[dropdownType,setDropdownType]=React__default.useState('');const{rtl}=React__default.useContext(styled.ThemeContext);const hasMenuRef=React__default.useRef(false);const popperReferenceElementRef=React__default.useRef(null);const customGetInputProps=(_ref,downshift)=>{let{onKeyDown,...other}=_ref;return{onKeyDown:composeEventHandlers$1(onKeyDown,e=>{const PREVIOUS_KEY=rtl?KEY_CODES.RIGHT:KEY_CODES.LEFT;const 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){const 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};};const transformDownshift=_ref2=>{let{getInputProps,getToggleButtonProps,...downshift}=_ref2;return{getInputProps:p=>getInputProps(customGetInputProps(p,downshift)),getToggleButtonProps:p=>getToggleButtonProps({'aria-label':undefined,...p}),...downshift};};return React__default__default["default"].createElement(Manager,null,React__default__default["default"].createElement(Downshift$1,_extends$5({suppressRefError:true,isOpen:isOpen,highlightedIndex:highlightedIndex,selectedItem:selectedItem||null,inputValue:inputValue,onInputValueChange:(inputVal,stateAndHelpers)=>{if(onInputValueChange){if(stateAndHelpers.isOpen){onInputValueChange(inputVal,stateAndHelpers);}else if(dropdownType==='multiselect'){onInputValueChange('',stateAndHelpers);}}},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){const{itemToString}=stateAndHelpers;const existingItemIndex=selectedItems.findIndex(item=>{return itemToString(item)===itemToString(changes.selectedItem);});const 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:(_state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.changeInput:if(changes.inputValue===''&&dropdownType==='combobox'){return{...changes,isOpen:false};}return changes;default:return changes;}}},downshiftProps),downshift=>React__default__default["default"].createElement(DropdownContext.Provider,{value:{hasMenuRef,itemIndexRef,previousItemRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,selectedItems,downshift:transformDownshift(downshift),containsMultiselectRef,itemSearchRegistry,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){const 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){const 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';}const COMPONENT_ID$m='dropdowns.menu';const StyledMenu$1=styled__default["default"].ul.attrs(props=>({'data-garden-id':COMPONENT_ID$m,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenu",componentId:"sc-1vpttfd-0"})(["position:static !important;max-height:",";overflow-y:auto;",";",";"],props=>props.maxHeight,props=>props.hasArrow&&arrowStyles(getArrowPosition$1(props.placement),{size:`${props.theme.space.base*2}px`,inset:'2px',animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$m,props));StyledMenu$1.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$l='dropdowns.menu_wrapper';const StyledMenuWrapper=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$l,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenuWrapper",componentId:"sc-tiwdxz-0"})(["",";",";"],props=>menuStyles(getMenuPosition(props.placement),{theme:props.theme,hidden:props.isHidden,margin:`${props.theme.space.base*(props.hasArrow?2:1)}px`,zIndex:props.zIndex,animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$l,props));StyledMenuWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$k='dropdowns.separator';const StyledSeparator=styled__default["default"].li.attrs({'data-garden-id':COMPONENT_ID$k,'data-garden-version':'8.70.0',role:'separator'}).withConfig({displayName:"StyledSeparator",componentId:"sc-1mrnp18-0"})(["display:block;margin:","px 0;border-bottom:",";",";"],props=>props.theme.space.base,props=>`${props.theme.borders.sm} ${getColor$1('neutralHue',200,props.theme)}`,props=>retrieveComponentStyles(COMPONENT_ID$k,props));StyledSeparator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$j='dropdowns.item';const getItemPaddingVertical=props=>{if(props.isCompact){return`${props.theme.space.base}px`;}return`${props.theme.space.base*2}px`;};const getColorStyles=props=>{let foregroundColor;let 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);};const StyledItem=styled__default["default"].li.attrs(props=>({'data-garden-id':COMPONENT_ID$j,'data-garden-version':'8.70.0','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;}",";",";"],props=>props.disabled?'default':'pointer',props=>getItemPaddingVertical(props),props=>props.theme.space.base*9,props=>props.theme.space.base*5,props=>props.theme.space.base,props=>props.theme.space.base,props=>getColorStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$j,props));StyledItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$i='dropdowns.add_item';const StyledAddItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$i,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledAddItem",componentId:"sc-ekqk50-0"})(["color:",";",";"],props=>!props.disabled&&getColor$1('primaryHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$i,props));StyledAddItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$h='dropdowns.item_meta';const StyledItemMeta=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$h,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemMeta",componentId:"sc-k6xy28-0"})(["display:block;line-height:","px;color:",";font-size:",";",";"],props=>props.theme.space.base*(props.isCompact?3:4),props=>getColor$1('neutralHue',props.isDisabled?400:600,props.theme),props=>props.theme.fontSizes.sm,props=>retrieveComponentStyles(COMPONENT_ID$h,props));StyledItemMeta.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$g='dropdowns.item_icon';const getSizeStyles=props=>{return styled.css(["width:",";height:calc(","px + ",");"],props.theme.iconSizes.md,props.theme.space.base*5,math(`${getItemPaddingVertical(props)} * 2`));};const StyledItemIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$g,'data-garden-version':'8.70.0'}).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:",";}"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>props.isVisible?'1':'0',props=>props.isDisabled?'inherit':getColor$1('primaryHue',600,props.theme),props=>getSizeStyles(props),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md);StyledItemIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$f='dropdowns.next_item';const StyledNextItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$f,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledNextItem",componentId:"sc-1bcygn5-0"})(["","{right:",";left:",";}",";"],StyledItemIcon,props=>props.theme.rtl?'auto':`${props.theme.space.base*3}px`,props=>props.theme.rtl?`${props.theme.space.base*3}px`:'auto',props=>retrieveComponentStyles(COMPONENT_ID$f,props));StyledNextItem.defaultProps={theme:DEFAULT_THEME};var _path$4;function _extends$4$1(){_extends$4$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$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"})));};const COMPONENT_ID$e='dropdowns.next_item_icon';const NextIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronRightStroke,{"data-garden-id":COMPONENT_ID$e,"data-garden-version":'8.70.0',className:className});};const StyledNextIcon=styled__default["default"](NextIconComponent).withConfig({displayName:"StyledNextIcon",componentId:"sc-1rinki2-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$e,props));StyledNextIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$d='dropdowns.previous_item';const StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPreviousItem",componentId:"sc-1nmdds9-0"})(["font-weight:",";",";"],props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$d,props));StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;function _extends$3$1(){_extends$3$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$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"})));};const COMPONENT_ID$c$1='dropdowns.previous_item_icon';const PreviousIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c$1,"data-garden-version":'8.70.0',className:className});};const StyledPreviousIcon=styled__default["default"](PreviousIconComponent).withConfig({displayName:"StyledPreviousIcon",componentId:"sc-czfwj7-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$c$1,props));StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$b$1='dropdowns.header_icon';const StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b$1,'data-garden-version':'8.70.0'}).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:",";}",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>getColor$1('neutralHue',600,props.theme),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$b$1,props));StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$a$1='dropdowns.header_item';const getHorizontalPadding=props=>{if(props.hasIcon){return undefined;}return`${props.theme.space.base*3}px`;};const StyledHeaderItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$a$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderItem",componentId:"sc-137filx-0"})(["cursor:default;padding-right:",";padding-left:",";font-weight:",";",";"],props=>getHorizontalPadding(props),props=>getHorizontalPadding(props),props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$a$1,props));StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$9$1='dropdowns.media_body';const StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaBody",componentId:"sc-36j7ef-0"})(["display:block;overflow:hidden;padding-",":","px;",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*2,props=>retrieveComponentStyles(COMPONENT_ID$9$1,props));StyledMediaBody.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$8$2='dropdowns.media_figure';const StyledMediaFigure=styled__default["default"](_ref=>{let{children,isCompact,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaFigure",componentId:"sc-2f2x8x-0"})(["float:",";margin-top:","px !important;width:",";height:",";",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*0.5,props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$8$2,props));StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$7$2='dropdowns.media_item';const StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],props=>retrieveComponentStyles(COMPONENT_ID$7$2,props));StyledMediaItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6$2='dropdowns.faux_input';const StyledFauxInput=styled__default["default"](FauxInput$1).attrs(props=>({'data-garden-id':COMPONENT_ID$6$2,'data-garden-version':'8.70.0',mediaLayout:true,theme:props.theme})).withConfig({displayName:"StyledFauxInput",componentId:"sc-1l592ed-0"})(["cursor:",";min-width:","px;",";"],props=>!props.disabled&&'pointer',props=>props.theme.space.base*(props.isCompact?25:36),props=>retrieveComponentStyles(COMPONENT_ID$6$2,props));StyledFauxInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5$2='dropdowns.input';const hiddenStyling=styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);const StyledInput=styled__default["default"](Input$1).attrs({'data-garden-id':COMPONENT_ID$5$2,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],props=>props.isHidden&&hiddenStyling,props=>retrieveComponentStyles(COMPONENT_ID$5$2,props));StyledInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$2='dropdowns.select';const StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSelect",componentId:"sc-xifmwj-0"})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";"],props=>retrieveComponentStyles(COMPONENT_ID$4$2,props));StyledSelect.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$2='dropdowns.multiselect_input';const visibleStyling=props=>{const margin=props.isVisible?`${props.theme.space.base/2}px`:0;const minWidth=props.isVisible?`${props.theme.space.base*15}px`:0;let height='0';if(props.isVisible){height=`${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);};const StyledMultiselectInput=styled__default["default"](StyledInput).attrs({'data-garden-id':COMPONENT_ID$3$2,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledMultiselectInput",componentId:"sc-1avnf6f-0"})(["flex-basis:","px;flex-grow:1;align-self:center;min-height:0;",";",";"],props=>props.theme.space.base*15,props=>visibleStyling(props),props=>retrieveComponentStyles(COMPONENT_ID$3$2,props));StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$4='dropdowns.multiselect_items_container';const sizeStyles$8=props=>{let margin;let padding;if(!props.isBare){const marginVertical=props.isCompact?`-${props.theme.space.base*1.5}px`:`-${props.theme.space.base*2.5}px`;margin=`${marginVertical} 0`;const paddingVertical=props.isCompact?'3px':'1px';const paddingEnd=`${props.theme.space.base}px`;padding=`${paddingVertical} ${props.theme.rtl?0:paddingEnd} ${paddingVertical} ${props.theme.rtl?paddingEnd:0}`;}return styled.css(["margin:",";padding:",";"],margin,padding);};const StyledMultiselectItemsContainer=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemsContainer",componentId:"sc-1jzhet8-0"})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;",";",";"],props=>sizeStyles$8(props),props=>retrieveComponentStyles(COMPONENT_ID$2$4,props));StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1$4='dropdowns.multiselect_item_wrapper';const StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemWrapper",componentId:"sc-1rb2bye-0"})(["display:inline-flex;align-items:center;margin:","px;max-width:100%;",";"],props=>props.theme.space.base/2,props=>retrieveComponentStyles(COMPONENT_ID$1$4,props));StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$n='dropdowns.multiselect_more_anchor';const StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$n,'data-garden-version':'8.70.0'}).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:",";}",";"],props=>props.isDisabled?'default':'pointer',props=>props.theme.space.base*(props.isCompact?0.75:1.5),props=>props.isCompact?'1em':getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.isDisabled?getColor$1('neutralHue',400,props.theme):getColor$1('primaryHue',600,props.theme),props=>!props.isDisabled&&'underline',props=>retrieveComponentStyles(COMPONENT_ID$n,props));StyledMultiselectMoreAnchor.defaultProps={theme:DEFAULT_THEME};const Trigger=_ref=>{let{children,refKey,...triggerProps}=_ref;const{hasMenuRef,itemSearchRegistry,downshift:{getRootProps,getToggleButtonProps,getInputProps,isOpen,highlightedIndex,selectItemAtIndex,setHighlightedIndex}}=useDropdownContext();const hiddenInputRef=React__default.useRef(null);const triggerRef=React__default.useRef(null);const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{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(()=>{if(hasMenuRef.current===false){hasMenuRef.current=true;}},[hasMenuRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(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;}const 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;}}const newSearchString=searchString+character;setSearchString(newSearchString);let 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]);const renderChildren=popperRef=>{const{ref:rootPropsRefCallback,...rootProps}=getRootProps();const listboxToggleProps=getToggleButtonProps({...rootProps,role:null,'aria-labelledby':undefined,...triggerProps,...children.props});const menuToggleProps={...listboxToggleProps,'aria-haspopup':'true','aria-controls':listboxToggleProps['aria-owns'],'aria-owns':null};const toggleButtonProps=hasMenuRef.current?menuToggleProps:listboxToggleProps;return React__default__default["default"].cloneElement(React__default__default["default"].Children.only(children),{...toggleButtonProps,[refKey]:childRef=>{popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);}});};return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;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: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$2(){_extends$2$2=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$2.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2$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"})));};const FieldContext=React__default__default["default"].createContext(undefined);const useFieldContext=()=>{const fieldContext=React__default.useContext(FieldContext);if(!fieldContext){throw new Error('This component must be rendered within a `Field` component.');}return fieldContext;};const Autocomplete$1=React__default.forwardRef((_ref,ref)=>{let{children,inputRef:controlledInputRef,start,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(isOpen);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);React__default.useEffect(()=>{if(inputRef.current&&isOpen!==previousIsOpenRef.current){inputRef.current.focus();}previousIsOpenRef.current=isOpen;},[inputRef,isOpen]);const{type,onKeyDown,...selectProps}=getToggleButtonProps(getRootProps({role:null,...props,onKeyDown:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false))}));const onSelectKeyDown=composeEventHandlers$1(props.onKeyDown,onKeyDown);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('autocomplete');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused,tabIndex:null,onKeyDown:onSelectKeyDown},selectProps,{ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref])(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:()=>{setIsFocused(true);},onBlur:()=>{setIsFocused(false);},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)};const Combobox=React__default.forwardRef((_ref,ref)=>{let{isCompact,isBare,disabled,focusInset,placeholder,validation,inputRef:inputRefProp=null,start,end,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const wrapperRef=React__default.useRef();const inputRef=React__default.useRef();const isOpenRef=React__default.useRef(isOpen);const wrapperProps=getToggleButtonProps(getRootProps({role:null,type:null,onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;},...props,onKeyDown:event=>{event.nativeEvent.preventDownshiftDefault=true;}}));const inputProps=getInputProps({isCompact,isBare,disabled,focusInset,placeholder,validation,start,end,role:'combobox',onKeyDown:event=>{if(event.keyCode===KEY_CODES.SPACE||!isOpen&&[KEY_CODES.DOWN,KEY_CODES.UP].includes(event.keyCode)){event.nativeEvent.preventDownshiftDefault=true;}},onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;}});React__default.useEffect(()=>{if(inputRef.current&&isOpen!==isOpenRef.current){inputRef.current.focus();}isOpenRef.current=isOpen;},[inputRef,isOpen]);React__default.useEffect(()=>{setDropdownType('combobox');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;const wrapperRefProp=element=>{popperReference(element);mergeRefs([wrapperRef,ref])(element);popperReferenceElementRef.current=element;};return React__default__default["default"].createElement(MediaInput,_extends$5({},inputProps,{wrapperProps:wrapperProps,wrapperRef:wrapperRefProp,ref:mergeRefs([inputRef,inputRefProp])}));});});Combobox.displayName='Combobox';Combobox.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,placeholder:propTypes.exports.string,validation:propTypes.exports.oneOf(VALIDATION)};const Multiselect=React__default__default["default"].forwardRef((_ref,ref)=>{let{renderItem,placeholder,maxItems,renderShowMore,inputRef:externalInputRef=null,start,onKeyDown,...props}=_ref;const{popperReferenceElementRef,selectedItems=[],containsMultiselectRef,previousIndexRef,downshift:{getToggleButtonProps,getRootProps,getInputProps,isOpen,closeMenu,inputValue,setState:setDownshiftState,itemToString},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const blurTimeoutRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const previousIsFocusedRef=React__default.useRef(undefined);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const[focusedItem,setFocusedItem]=React__default.useState(undefined);const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const{getContainerProps,getItemProps}=useSelection({rtl:themeContext.rtl,focusedItem,selectedItem:undefined,onFocus:item=>{setFocusedItem(item);}});React__default.useEffect(()=>{containsMultiselectRef.current=true;const tempRef=blurTimeoutRef;return()=>{clearTimeout(tempRef.current);};},[]);React__default.useEffect(()=>{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(()=>{if(focusedItem!==undefined&&isOpen){closeMenu();}},[focusedItem,isOpen,closeMenu]);const{type,...selectProps}=getToggleButtonProps(getRootProps({tabIndex:props.disabled?undefined:-1,onKeyDown:composeEventHandlers$1(onKeyDown,e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}else if(!inputValue&&e.keyCode===KEY_CODES.HOME){setFocusedItem(selectedItems[0]);e.preventDefault();}}),onFocus:()=>{setIsFocused(true);},onBlur:e=>{const currentTarget=e.currentTarget;blurTimeoutRef.current=setTimeout(()=>{if(environment&&!currentTarget.contains(environment.activeElement)){setIsFocused(false);}},0);},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),role:null,...props}));const renderSelectableItem=React__default.useCallback((item,index)=>{const removeValue=()=>{setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:item});inputRef.current&&inputRef.current.focus();};const renderedItem=renderItem({value:item,removeValue});const focusRef=React__default__default["default"].createRef();const clonedChild=React__default__default["default"].cloneElement(renderedItem,{...getItemProps({item,focusRef,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:e=>{e.nativeEvent.preventDownshiftDefault=true;},tabIndex:-1}),size:props.isCompact?'medium':'large'});const key=`${itemToString(item)}-${index}`;return React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:key},clonedChild);},[getItemProps,inputValue,renderItem,setDownshiftState,itemToString,selectedItems,props,inputRef,themeContext.rtl]);const items=React__default.useMemo(()=>{const itemValues=selectedItems||[];const output=[];for(let x=0;x<itemValues.length;x++){const item=itemValues[x];if(x<maxItems){if(props.disabled){const renderedItem=React__default__default["default"].cloneElement(renderItem({value:item,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):`+ ${itemValues.length-x} more`)));break;}else{output.push(renderSelectableItem(item,x));}}return output;},[isFocused,props.disabled,renderSelectableItem,selectedItems,renderItem,inputValue,maxItems,renderShowMore,props.isCompact]);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('multiselect');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,getContainerProps({...selectProps,isHovered:isContainerHovered,isFocused:isContainerFocused,ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,popperReferenceElementRef,ref])(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:()=>{setFocusedItem(undefined);},onClick:e=>{if(inputValue&&inputValue.length>0&&isOpen){e.nativeEvent.preventDownshiftDefault=true;}},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';const Select$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,start,...props}=_ref;const{popperReferenceElementRef,itemSearchRegistry,downshift:{getToggleButtonProps,getInputProps,isOpen,highlightedIndex,setHighlightedIndex,selectItemAtIndex,closeMenu}}=useDropdownContext();const{isLabelHovered}=useFieldContext();const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const hiddenInputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{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(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(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;}const 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;}}const newSearchString=searchString+character;setSearchString(newSearchString);let 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]);const{type,...selectProps}=getToggleButtonProps({tabIndex:props.disabled?undefined:0,onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),onFocus:composeEventHandlers$1(props.onFocus,()=>setIsFocused(true)),onBlur:composeEventHandlers$1(props.onBlur,()=>setIsFocused(false)),...props});const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused},selectProps,{role:"none",ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref,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: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};const Field$1=React__default.forwardRef((props,fieldRef)=>{const{downshift:{getRootProps}}=useDropdownContext();const[isLabelHovered,setIsLabelHovered]=React__default.useState(false);const{ref}=getRootProps();const value=React__default.useMemo(()=>({isLabelHovered,setIsLabelHovered}),[isLabelHovered,setIsLabelHovered]);return React__default__default["default"].createElement(FieldContext.Provider,{value:value},React__default__default["default"].createElement(Field$2,_extends$5({ref:mergeRefs([ref,fieldRef])},props)));});Field$1.displayName='Field';const Hint$1=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Hint$2,_extends$5({ref:ref},props)));Hint$1.displayName='Hint';const Label$2=React__default__default["default"].forwardRef((_ref,ref)=>{let{onMouseEnter,onMouseLeave,...other}=_ref;const{downshift:{getLabelProps}}=useDropdownContext();const{setIsLabelHovered}=useFieldContext();const labelProps=getLabelProps({onMouseEnter:composeEventHandlers$1(onMouseEnter,()=>{setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers$1(onMouseLeave,()=>{setIsLabelHovered(false);}),...other});return React__default__default["default"].createElement(Label$1$1,_extends$5({ref:ref},labelProps));});Label$2.displayName='Label';Label$2.propTypes={isRegular:propTypes.exports.bool};const Message$2=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Message$3,_extends$5({ref:ref},props)));Message$2.displayName='Message';Message$2.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};const SHARED_PLACEMENT$1=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];const PLACEMENT$1=[...SHARED_PLACEMENT$1,'end','end-top','end-bottom','start','start-top','start-bottom'];const MenuContext=React__default__default["default"].createContext(undefined);const useMenuContext=()=>{const menuContext=React__default.useContext(MenuContext);if(!menuContext){throw new Error('This component must be rendered within a `Menu` component.');}return menuContext;};const Menu=React__default.forwardRef((props,menuRef)=>{const{placement,popperModifiers,eventsEnabled,isAnimated,maxHeight,style:menuStyle,zIndex,isCompact,children,appendToNode,...otherProps}=props;const{hasMenuRef,itemIndexRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,itemSearchRegistry,downshift:{isOpen,getMenuProps}}=useDropdownContext();const scheduleUpdateRef=React__default.useRef(undefined);React__default.useEffect(()=>{if(scheduleUpdateRef.current&&isOpen){scheduleUpdateRef.current();}});const[isVisible,setIsVisible]=React__default.useState(isOpen);React__default.useEffect(()=>{let timeout;if(isOpen){setIsVisible(true);}else if(isAnimated){timeout=setTimeout(()=>setIsVisible(false),200);}else{setIsVisible(false);}return()=>clearTimeout(timeout);},[isOpen,isAnimated]);const themeContext=React__default.useContext(styled.ThemeContext);itemIndexRef.current=0;nextItemsHashRef.current={};previousIndexRef.current=undefined;itemSearchRegistry.current=[];const popperPlacement=themeContext.rtl?getRtlPopperPlacement$1(placement):getPopperPlacement$1(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef,isCompact}},React__default__default["default"].createElement(Popper,{placement:popperPlacement,modifiers:popperModifiers,eventsEnabled:isOpen&&eventsEnabled},_ref=>{let{ref,style,scheduleUpdate,placement:currentPlacement}=_ref;let computedStyle=menuStyle;scheduleUpdateRef.current=scheduleUpdate;if((isOpen||isVisible)&&popperReferenceElementRef.current&&popperReferenceElementRef.current.getBoundingClientRect){computedStyle={width:popperReferenceElementRef.current.getBoundingClientRect().width,...menuStyle};}const menuProps=getMenuProps({role:hasMenuRef.current?'menu':'listbox',placement:currentPlacement,isAnimated:isAnimated&&(isOpen||isVisible),...otherProps});const menu=React__default__default["default"].createElement(StyledMenuWrapper,{ref:isOpen?ref:undefined,hasArrow:menuProps.hasArrow,placement:menuProps.placement,style:style,isHidden:!isOpen,isAnimated:menuProps.isAnimated,zIndex:zIndex},React__default__default["default"].createElement(StyledMenu$1,_extends$5({ref:menuRef,isCompact:isCompact,maxHeight:maxHeight,style:computedStyle},menuProps),(isOpen||isVisible)&&children));return appendToNode?ReactDOM.createPortal(menu,appendToNode):menu;}));});Menu.displayName='Menu';Menu.propTypes={popperModifiers:propTypes.exports.any,eventsEnabled:propTypes.exports.bool,zIndex:propTypes.exports.number,style:propTypes.exports.object,placement:propTypes.exports.oneOf(PLACEMENT$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};const Separator=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(StyledSeparator,_extends$5({ref:ref},props)));Separator.displayName='Separator';var _path$1$1;function _extends$1$3(){_extends$1$3=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$3.apply(this,arguments);}var SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$3({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$6(){_extends$6=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$6.apply(this,arguments);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$6({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5||(_path$5=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};const ItemContext=React__default__default["default"].createContext(undefined);const useItemContext=()=>{const context=React__default.useContext(ItemContext);if(!context){throw new Error('This component must be rendered within an `Item` component.');}return context;};const Item$1=React__default__default["default"].forwardRef((_ref,forwardRef)=>{let{value,disabled,isDanger,component=StyledItem,hasIcon,children,...props}=_ref;const{selectedItems,hasMenuRef,itemSearchRegistry,downshift:{isOpen,selectedItem,highlightedIndex,getItemProps,setHighlightedIndex,itemToString}}=useDropdownContext();const{itemIndexRef,isCompact}=useMenuContext();const itemRef=React__default.useRef();const Component=component;if((value===undefined||value===null)&&!disabled){throw new Error('All Item components require a `value` prop');}const currentIndex=itemIndexRef.current;const isFocused=highlightedIndex===currentIndex;let isSelected;React__default.useEffect(()=>{if(!disabled&&itemRef.current){const itemTextValue=itemRef.current.innerText;if(itemTextValue){itemSearchRegistry.current[currentIndex]=itemTextValue;}}});if(value){if(selectedItems){isSelected=selectedItems.some(item=>{return itemToString(item)===itemToString(value);});}else{isSelected=itemToString(selectedItem)===itemToString(value);}}else{isSelected=false;}React__default.useEffect(()=>{if(isOpen&&!disabled&&!selectedItems&&isSelected){setHighlightedIndex(currentIndex);}},[currentIndex,disabled,isOpen,isSelected,selectedItems,setHighlightedIndex]);const contextValue=React__default.useMemo(()=>({isDisabled:disabled}),[disabled]);const ref=mergeRefs([itemRef,forwardRef]);if(disabled){return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,_extends$5({ref:ref,disabled:disabled,isDanger:isDanger,isCompact:isCompact},props),isSelected&&!hasIcon&&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({item:value,isFocused,ref,isCompact,isDanger,...(hasMenuRef.current&&{role:'menuitem','aria-selected':null}),...props}),isSelected&&!hasIcon&&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};const AddItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledAddItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:true,isDisabled:disabled},React__default__default["default"].createElement(SvgPlusStroke,null)),children);});const AddItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:AddItemComponent,ref:ref},props,{hasIcon:true})));AddItem.displayName='AddItem';AddItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const HeaderIcon=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderIcon,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderIcon.displayName='HeaderIcon';const HeaderItem=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderItem,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderItem.displayName='HeaderItem';const ItemMeta=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();const{isDisabled}=useItemContext();return React__default__default["default"].createElement(StyledItemMeta,_extends$5({ref:ref,isCompact:isCompact,isDisabled:isDisabled},props));});ItemMeta.displayName='ItemMeta';const MediaBody=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledMediaBody,_extends$5({ref:ref,isCompact:isCompact},props));});MediaBody.displayName='MediaBody';const MediaItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:StyledMediaItem,ref:ref},props)));MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const NextItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledNextItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledNextIcon,{isDisabled:disabled})),children);});const NextItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{nextItemsHashRef,downshift:{itemToString}}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){nextItemsHashRef.current[itemToString(value)]=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:NextItemComponent,"aria-expanded":true,disabled:disabled,value:value,ref:ref},props,{hasIcon:true}));});NextItem.displayName='NextItem';NextItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const PreviousItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledPreviousItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledPreviousIcon,{isDisabled:disabled})),children);});const PreviousItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{previousIndexRef}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){previousIndexRef.current=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:PreviousItemComponent,"aria-expanded":true,value:value,disabled:disabled},props,{ref:ref,hasIcon:true}));});PreviousItem.displayName='PreviousItem';PreviousItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme,props=__rest(_a,["danger","theme"]);if(!danger){return __assign({color:theme.styles.textColorPrimary,primary:false},props);}return __assign({color:theme.styles.colorDanger,primary:true},props);})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n &&&& {\n ",";\n\n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n\n ","\n }\n"],["\n &&&& {\n ",";\n\n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n\n ","\n }\n"])),function(_a){var color=_a.color,disabled=_a.disabled,theme=_a.theme;if(disabled)return"";if(color!==theme.styles.textColorPrimary){return buttonLikeHoverable;}return styled.css(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n &[aria-selected=\"true\"] {\n background: ",";\n }\n "],["\n &[aria-selected=\"true\"] {\n background: ",";\n }\n "])),fade(theme.styles.colorPrimary,0.9));},FONT_SIZES.SM,SPACINGS.XS,function(_a){var color=_a.color,theme=_a.theme;if(color!==theme.styles.textColorPrimary)return textColorForButton;return styled.css(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),theme.styles.colorPrimary);},function(_a){var _css=_a._css;return _css;});var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$B,templateObject_2$p,templateObject_3$m;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};var dist={};Object.defineProperty(dist,'__esModule',{value:true});function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done){ar.push(r.value);}}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var modules=new Set();var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(!modules.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(Logger.packagePrefix()).concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}var _a;_a=Logger;Logger.packageName="";Logger.addModules=function(m){m.forEach(function(name){return modules.add(name);});};Logger.getModules=function(){return __spreadArray([],__read(modules),false);};Logger.packagePrefix=function(){return!!_a.packageName?"".concat(_a.packageName," : "):"";};return Logger;}();if(typeof window!=="undefined")window.Logger=Logger;var Logger_1=dist.Logger=Logger;var name="@idea-fragments/react-components-zendesk";var version="0.1.77";var files=["dist/*.js","dist/*.js.map","dist/types"];var exports$1={"./*":{types:"./dist/types/*.d.ts","default":"./dist/*.js"}};var dependencies={"@idea-fragments/logger-js":"^0.0.1",color:"^4.2.3","jslib-html5-camera-photo":"^3.3.4",lodash:"^4.17.23",moment:"^2.29.3","react-date-range":"^1.4.0","react-list":"^0.8.18","react-number-format":"^4.9.3","tesseract.js":"^7.0.0"};var peerDependencies={"@mdi/js":">=6.7.96","@mdi/react":">=1.6.0","babel-loader":">=8.2.5","babel-plugin-styled-components":">=2.0.7",react:">=18.2.0","react-dom":">=18.2.0","styled-components":">=5.3.5"};var devDependencies={"@babel/core":"^7.18.0","@mdi/js":"^6.7.96","@mdi/react":"^1.6.0","@mdx-js/react":"^1.6.22","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.2","@storybook/addon-actions":"^7.5.3","@storybook/addon-controls":"^7.5.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-mdx-gfm":"^7.5.3","@storybook/preset-create-react-app":"^7.5.3","@storybook/react":"^7.5.3","@storybook/react-webpack5":"^7.5.3","@tsconfig/create-react-app":"^1.0.2","@types/color":"^3.0.3","@types/jslib-html5-camera-photo":"^3.1.2","@types/react-date-range":"^1.4.3","@types/styled-components":"^5.1.25","@typescript-eslint/eslint-plugin":"^5.25.0","@typescript-eslint/parser":"^5.25.0","@zendeskgarden/react-accordions":"^8.70.0","@zendeskgarden/react-avatars":"^8.51.0","@zendeskgarden/react-breadcrumbs":"^8.51.0","@zendeskgarden/react-buttons":"^8.51.0","@zendeskgarden/react-datepickers":"^8.51.0","@zendeskgarden/react-dropdowns":"^8.51.0","@zendeskgarden/react-forms":"^8.51.0","@zendeskgarden/react-grid":"^8.51.0","@zendeskgarden/react-loaders":"^8.51.0","@zendeskgarden/react-modals":"^8.51.0","@zendeskgarden/react-notifications":"^8.51.0","@zendeskgarden/react-pagination":"^8.51.0","@zendeskgarden/react-tables":"^8.51.0","@zendeskgarden/react-tabs":"^8.51.0","@zendeskgarden/react-tags":"^8.51.0","@zendeskgarden/react-theming":"^8.51.0","@zendeskgarden/react-tooltips":"^8.51.0","@zendeskgarden/react-typography":"^8.51.0","babel-loader":"^8.2.5","babel-plugin-styled-components":"^2.0.7",eslint:"^8.16.0","eslint-config-prettier":"^8.8.0","eslint-config-react-app":"^7.0.1","patch-package":"^8.0.1","pre-commit":"^1.2.2",prettier:"^2.8.6",react:"18.2.0","react-dom":"18.2.0","react-easy-crop":"^4.7.4","react-images-uploading":"^3.1.7","react-player":"^2.12.0","react-scripts":"^5.0.1",rollup:"^2.74.1","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.2","source-map":"^0.8.0-beta.0",storybook:"^7.5.3","styled-components":"^5.3.5",tslib:"^2.4.0",typescript:"^4.6.4",webpack:"^5.73.0"};var overrides={"@mdx-js/react":{react:"18.2.0"},react:"18.2.0","react-dom":"18.2.0"};var resolutions={"source-map":"^0.8.0-beta.0"};var scripts={build:"react-scripts build","build-storybook":"storybook build",cleanup:"rm -rf dist",eject:"react-scripts eject",format:"./git_hooks/pre_commit/prettier.sh",lint:"eslint",postinstall:"patch-package",rollup:"node scripts/rollup-prompt.js",start:"react-scripts start",storybook:"storybook dev -p 6006",test:"react-scripts test"};var eslintConfig={"extends":["react-app","prettier"],overrides:[{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off"}},{files:["*.ts"],plugins:["@typescript-eslint"],parser:"@typescript-eslint/parser",parserOptions:{project:"./tsconfig.json"}},{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off","react-hooks/exhaustive-deps":"error"}}]};var browserslist={production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]};var description="Component library built on the V6 version of the Zendesk React components library.";var repository={type:"git",url:"git+https://github.com/idea-fragments/react_components_zendesk.git"};var keywords=["react"];var author="IdeaFragments";var license="MIT";var bugs={url:"https://github.com/idea-fragments/react_components_zendesk/issues"};var homepage="https://github.com/idea-fragments/react_components_zendesk#readme";var types="./dist/index.d.ts";var packageJson={name:name,version:version,"private":false,files:files,exports:exports$1,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,overrides:overrides,resolutions:resolutions,scripts:scripts,eslintConfig:eslintConfig,browserslist:browserslist,description:description,repository:repository,keywords:keywords,author:author,license:license,bugs:bugs,homepage:homepage,types:types,"pre-commit":{run:["format","lint"]}};Logger_1.packageName=packageJson.name;var logger$3=new Logger_1("Loadable");var Container$8=styled__default["default"](FlexBox)(templateObject_1$A||(templateObject_1$A=__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$o||(templateObject_2$o=__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$l||(templateObject_3$l=__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$3.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read$1(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$3.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$8,__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$j||(templateObject_4$j=__makeTemplateObject([""],[""])));var templateObject_1$A,templateObject_2$o,templateObject_3$l,templateObject_4$j;var Paragraph$1=styled__default["default"](Text$1).attrs({as:FONT_TAGS.P})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),FONT_WEIGHTS.REGULAR);styled__default["default"](Paragraph$1)(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XXS);var XS=styled__default["default"](Paragraph$1)(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);styled__default["default"](Paragraph$1)(templateObject_4$i||(templateObject_4$i=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.MD);styled__default["default"](Paragraph$1)(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.LG);styled__default["default"](Paragraph$1)(templateObject_6$9||(templateObject_6$9=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XL);var templateObject_1$z,templateObject_2$n,templateObject_3$k,templateObject_4$i,templateObject_5$c,templateObject_6$9;var Hint=styled__default["default"](XS).attrs(function(_a){var color=_a.color,danger=_a.danger,theme=_a.theme;var getTextColor=function(){if(color)return color;if(danger)return theme.styles.colorDanger;return theme.styles.textColorSecondary;};return{color:getTextColor()};})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n color: ",";\n font-weight: ",";\n margin: 0 0 4px;\n ",";\n"],["\n color: ",";\n font-weight: ",";\n margin: 0 0 4px;\n ",";\n"])),function(_a){var color=_a.color;return color;},FONT_WEIGHTS.MEDIUM,function(_a){var _css=_a._css;return _css;});var templateObject_1$y;var Label$1=styled__default["default"](Text$1).attrs({as:FONT_TAGS.LABEL})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n display: block;\n font-weight: ",";\n font-size: ",";\n line-height: 1em;\n ","\n"],["\n display: block;\n font-weight: ",";\n font-size: ",";\n line-height: 1em;\n ","\n"])),FONT_WEIGHTS.SEMI_BOLD,FONT_SIZES.SM,function(_a){var _css=_a._css;return _css;});var templateObject_1$x;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger$2=new Logger_1("Dropdown");var Dropdown=function(props){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;var _l;var state=(_a=__read$1(React__default.useState({isOpen:false}),2),_a[0]),setState=_a[1];var controlledState=__assign(__assign({},state),props);var filteringOptions=(_b=__read$1(React__default.useState(false),2),_b[0]),setFilteringOptionsTo=_b[1];var searchFilter=(_c=__read$1(React__default.useState(""),2),_c[0]),setSearchFilter=_c[1];var filteredOptions=(_d=__read$1(React__default.useState(props.options),2),_d[0]),setFilteredOptions=_d[1];var appendMenuToNode=props.appendMenuToNode,async=(_e=props.async,_e===void 0?false:_e),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=(_f=props.returnItemOnChange,_f===void 0?false:_f),small=props.small,trigger=props.trigger,useRawOptions=(_g=props.useRawOptions,_g===void 0?false:_g),validation=(_h=props.validation,_h===void 0?{validation:VALIDATION_STATES.NONE}:_h),onChange=(_j=props.onChange,_j===void 0?DO_NOTHING:_j),onStateChange=(_k=props.onStateChange,_k===void 0?DO_NOTHING:_k);var selectedKey=props.selectedKey;var selectedKeys=props.selectedKeys;// TODO see if this function needs to be removed if we're also filtering
|
|
13297
|
+
*/function _extends$5(){_extends$5=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$5.apply(this,arguments);}const DropdownContext=React__default__default["default"].createContext(undefined);const useDropdownContext=()=>{const dropdownContext=React__default.useContext(DropdownContext);if(!dropdownContext){throw new Error('This component must be rendered within a `Dropdown` component.');}return dropdownContext;};const REMOVE_ITEM_STATE_TYPE='REMOVE_ITEM';const Dropdown$1=props=>{const{children,isOpen,selectedItem,selectedItems,highlightedIndex,inputValue,onSelect,onStateChange,onInputValueChange,downshiftProps}=props;const itemIndexRef=React__default.useRef(0);const previousItemRef=React__default.useRef(undefined);const previousIndexRef=React__default.useRef(undefined);const nextItemsHashRef=React__default.useRef({});const containsMultiselectRef=React__default.useRef(false);const itemSearchRegistry=React__default.useRef([]);const[dropdownType,setDropdownType]=React__default.useState('');const{rtl}=React__default.useContext(styled.ThemeContext);const hasMenuRef=React__default.useRef(false);const popperReferenceElementRef=React__default.useRef(null);const customGetInputProps=(_ref,downshift)=>{let{onKeyDown,...other}=_ref;return{onKeyDown:composeEventHandlers$1(onKeyDown,e=>{const PREVIOUS_KEY=rtl?KEY_CODES.RIGHT:KEY_CODES.LEFT;const 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){const 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};};const transformDownshift=_ref2=>{let{getInputProps,getToggleButtonProps,...downshift}=_ref2;return{getInputProps:p=>getInputProps(customGetInputProps(p,downshift)),getToggleButtonProps:p=>getToggleButtonProps({'aria-label':undefined,...p}),...downshift};};return React__default__default["default"].createElement(Manager,null,React__default__default["default"].createElement(Downshift$1,_extends$5({suppressRefError:true,isOpen:isOpen,highlightedIndex:highlightedIndex,selectedItem:selectedItem||null,inputValue:inputValue,onInputValueChange:(inputVal,stateAndHelpers)=>{if(onInputValueChange){if(stateAndHelpers.isOpen){onInputValueChange(inputVal,stateAndHelpers);}else if(dropdownType==='multiselect'){onInputValueChange('',stateAndHelpers);}}},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){const{itemToString}=stateAndHelpers;const existingItemIndex=selectedItems.findIndex(item=>{return itemToString(item)===itemToString(changes.selectedItem);});const 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:(_state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.changeInput:if(changes.inputValue===''&&dropdownType==='combobox'){return{...changes,isOpen:false};}return changes;default:return changes;}}},downshiftProps),downshift=>React__default__default["default"].createElement(DropdownContext.Provider,{value:{hasMenuRef,itemIndexRef,previousItemRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,selectedItems,downshift:transformDownshift(downshift),containsMultiselectRef,itemSearchRegistry,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){const 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){const 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';}const COMPONENT_ID$m='dropdowns.menu';const StyledMenu$1=styled__default["default"].ul.attrs(props=>({'data-garden-id':COMPONENT_ID$m,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenu",componentId:"sc-1vpttfd-0"})(["position:static !important;max-height:",";overflow-y:auto;",";",";"],props=>props.maxHeight,props=>props.hasArrow&&arrowStyles(getArrowPosition$1(props.placement),{size:`${props.theme.space.base*2}px`,inset:'2px',animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$m,props));StyledMenu$1.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$l='dropdowns.menu_wrapper';const StyledMenuWrapper=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$l,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenuWrapper",componentId:"sc-tiwdxz-0"})(["",";",";"],props=>menuStyles(getMenuPosition(props.placement),{theme:props.theme,hidden:props.isHidden,margin:`${props.theme.space.base*(props.hasArrow?2:1)}px`,zIndex:props.zIndex,animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$l,props));StyledMenuWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$k='dropdowns.separator';const StyledSeparator=styled__default["default"].li.attrs({'data-garden-id':COMPONENT_ID$k,'data-garden-version':'8.70.0',role:'separator'}).withConfig({displayName:"StyledSeparator",componentId:"sc-1mrnp18-0"})(["display:block;margin:","px 0;border-bottom:",";",";"],props=>props.theme.space.base,props=>`${props.theme.borders.sm} ${getColor$1('neutralHue',200,props.theme)}`,props=>retrieveComponentStyles(COMPONENT_ID$k,props));StyledSeparator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$j='dropdowns.item';const getItemPaddingVertical=props=>{if(props.isCompact){return`${props.theme.space.base}px`;}return`${props.theme.space.base*2}px`;};const getColorStyles=props=>{let foregroundColor;let 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);};const StyledItem=styled__default["default"].li.attrs(props=>({'data-garden-id':COMPONENT_ID$j,'data-garden-version':'8.70.0','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;}",";",";"],props=>props.disabled?'default':'pointer',props=>getItemPaddingVertical(props),props=>props.theme.space.base*9,props=>props.theme.space.base*5,props=>props.theme.space.base,props=>props.theme.space.base,props=>getColorStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$j,props));StyledItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$i='dropdowns.add_item';const StyledAddItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$i,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledAddItem",componentId:"sc-ekqk50-0"})(["color:",";",";"],props=>!props.disabled&&getColor$1('primaryHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$i,props));StyledAddItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$h='dropdowns.item_meta';const StyledItemMeta=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$h,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemMeta",componentId:"sc-k6xy28-0"})(["display:block;line-height:","px;color:",";font-size:",";",";"],props=>props.theme.space.base*(props.isCompact?3:4),props=>getColor$1('neutralHue',props.isDisabled?400:600,props.theme),props=>props.theme.fontSizes.sm,props=>retrieveComponentStyles(COMPONENT_ID$h,props));StyledItemMeta.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$g='dropdowns.item_icon';const getSizeStyles=props=>{return styled.css(["width:",";height:calc(","px + ",");"],props.theme.iconSizes.md,props.theme.space.base*5,math(`${getItemPaddingVertical(props)} * 2`));};const StyledItemIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$g,'data-garden-version':'8.70.0'}).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:",";}"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>props.isVisible?'1':'0',props=>props.isDisabled?'inherit':getColor$1('primaryHue',600,props.theme),props=>getSizeStyles(props),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md);StyledItemIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$f='dropdowns.next_item';const StyledNextItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$f,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledNextItem",componentId:"sc-1bcygn5-0"})(["","{right:",";left:",";}",";"],StyledItemIcon,props=>props.theme.rtl?'auto':`${props.theme.space.base*3}px`,props=>props.theme.rtl?`${props.theme.space.base*3}px`:'auto',props=>retrieveComponentStyles(COMPONENT_ID$f,props));StyledNextItem.defaultProps={theme:DEFAULT_THEME};var _path$4;function _extends$4$1(){_extends$4$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$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"})));};const COMPONENT_ID$e='dropdowns.next_item_icon';const NextIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronRightStroke,{"data-garden-id":COMPONENT_ID$e,"data-garden-version":'8.70.0',className:className});};const StyledNextIcon=styled__default["default"](NextIconComponent).withConfig({displayName:"StyledNextIcon",componentId:"sc-1rinki2-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$e,props));StyledNextIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$d='dropdowns.previous_item';const StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPreviousItem",componentId:"sc-1nmdds9-0"})(["font-weight:",";",";"],props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$d,props));StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;function _extends$3$1(){_extends$3$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$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"})));};const COMPONENT_ID$c$1='dropdowns.previous_item_icon';const PreviousIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c$1,"data-garden-version":'8.70.0',className:className});};const StyledPreviousIcon=styled__default["default"](PreviousIconComponent).withConfig({displayName:"StyledPreviousIcon",componentId:"sc-czfwj7-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$c$1,props));StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$b$1='dropdowns.header_icon';const StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b$1,'data-garden-version':'8.70.0'}).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:",";}",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>getColor$1('neutralHue',600,props.theme),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$b$1,props));StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$a$1='dropdowns.header_item';const getHorizontalPadding=props=>{if(props.hasIcon){return undefined;}return`${props.theme.space.base*3}px`;};const StyledHeaderItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$a$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderItem",componentId:"sc-137filx-0"})(["cursor:default;padding-right:",";padding-left:",";font-weight:",";",";"],props=>getHorizontalPadding(props),props=>getHorizontalPadding(props),props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$a$1,props));StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$9$1='dropdowns.media_body';const StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaBody",componentId:"sc-36j7ef-0"})(["display:block;overflow:hidden;padding-",":","px;",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*2,props=>retrieveComponentStyles(COMPONENT_ID$9$1,props));StyledMediaBody.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$8$2='dropdowns.media_figure';const StyledMediaFigure=styled__default["default"](_ref=>{let{children,isCompact,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaFigure",componentId:"sc-2f2x8x-0"})(["float:",";margin-top:","px !important;width:",";height:",";",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*0.5,props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$8$2,props));StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$7$2='dropdowns.media_item';const StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],props=>retrieveComponentStyles(COMPONENT_ID$7$2,props));StyledMediaItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6$2='dropdowns.faux_input';const StyledFauxInput=styled__default["default"](FauxInput$1).attrs(props=>({'data-garden-id':COMPONENT_ID$6$2,'data-garden-version':'8.70.0',mediaLayout:true,theme:props.theme})).withConfig({displayName:"StyledFauxInput",componentId:"sc-1l592ed-0"})(["cursor:",";min-width:","px;",";"],props=>!props.disabled&&'pointer',props=>props.theme.space.base*(props.isCompact?25:36),props=>retrieveComponentStyles(COMPONENT_ID$6$2,props));StyledFauxInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5$2='dropdowns.input';const hiddenStyling=styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);const StyledInput=styled__default["default"](Input$1).attrs({'data-garden-id':COMPONENT_ID$5$2,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],props=>props.isHidden&&hiddenStyling,props=>retrieveComponentStyles(COMPONENT_ID$5$2,props));StyledInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$2='dropdowns.select';const StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSelect",componentId:"sc-xifmwj-0"})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";"],props=>retrieveComponentStyles(COMPONENT_ID$4$2,props));StyledSelect.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$2='dropdowns.multiselect_input';const visibleStyling=props=>{const margin=props.isVisible?`${props.theme.space.base/2}px`:0;const minWidth=props.isVisible?`${props.theme.space.base*15}px`:0;let height='0';if(props.isVisible){height=`${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);};const StyledMultiselectInput=styled__default["default"](StyledInput).attrs({'data-garden-id':COMPONENT_ID$3$2,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledMultiselectInput",componentId:"sc-1avnf6f-0"})(["flex-basis:","px;flex-grow:1;align-self:center;min-height:0;",";",";"],props=>props.theme.space.base*15,props=>visibleStyling(props),props=>retrieveComponentStyles(COMPONENT_ID$3$2,props));StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$4='dropdowns.multiselect_items_container';const sizeStyles$8=props=>{let margin;let padding;if(!props.isBare){const marginVertical=props.isCompact?`-${props.theme.space.base*1.5}px`:`-${props.theme.space.base*2.5}px`;margin=`${marginVertical} 0`;const paddingVertical=props.isCompact?'3px':'1px';const paddingEnd=`${props.theme.space.base}px`;padding=`${paddingVertical} ${props.theme.rtl?0:paddingEnd} ${paddingVertical} ${props.theme.rtl?paddingEnd:0}`;}return styled.css(["margin:",";padding:",";"],margin,padding);};const StyledMultiselectItemsContainer=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemsContainer",componentId:"sc-1jzhet8-0"})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;",";",";"],props=>sizeStyles$8(props),props=>retrieveComponentStyles(COMPONENT_ID$2$4,props));StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1$4='dropdowns.multiselect_item_wrapper';const StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemWrapper",componentId:"sc-1rb2bye-0"})(["display:inline-flex;align-items:center;margin:","px;max-width:100%;",";"],props=>props.theme.space.base/2,props=>retrieveComponentStyles(COMPONENT_ID$1$4,props));StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$n='dropdowns.multiselect_more_anchor';const StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$n,'data-garden-version':'8.70.0'}).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:",";}",";"],props=>props.isDisabled?'default':'pointer',props=>props.theme.space.base*(props.isCompact?0.75:1.5),props=>props.isCompact?'1em':getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.isDisabled?getColor$1('neutralHue',400,props.theme):getColor$1('primaryHue',600,props.theme),props=>!props.isDisabled&&'underline',props=>retrieveComponentStyles(COMPONENT_ID$n,props));StyledMultiselectMoreAnchor.defaultProps={theme:DEFAULT_THEME};const Trigger=_ref=>{let{children,refKey,...triggerProps}=_ref;const{hasMenuRef,itemSearchRegistry,downshift:{getRootProps,getToggleButtonProps,getInputProps,isOpen,highlightedIndex,selectItemAtIndex,setHighlightedIndex}}=useDropdownContext();const hiddenInputRef=React__default.useRef(null);const triggerRef=React__default.useRef(null);const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{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(()=>{if(hasMenuRef.current===false){hasMenuRef.current=true;}},[hasMenuRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(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;}const 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;}}const newSearchString=searchString+character;setSearchString(newSearchString);let 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]);const renderChildren=popperRef=>{const{ref:rootPropsRefCallback,...rootProps}=getRootProps();const listboxToggleProps=getToggleButtonProps({...rootProps,role:null,'aria-labelledby':undefined,...triggerProps,...children.props});const menuToggleProps={...listboxToggleProps,'aria-haspopup':'true','aria-controls':listboxToggleProps['aria-owns'],'aria-owns':null};const toggleButtonProps=hasMenuRef.current?menuToggleProps:listboxToggleProps;return React__default__default["default"].cloneElement(React__default__default["default"].Children.only(children),{...toggleButtonProps,[refKey]:childRef=>{popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);}});};return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;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: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$2(){_extends$2$2=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$2.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2$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"})));};const FieldContext=React__default__default["default"].createContext(undefined);const useFieldContext=()=>{const fieldContext=React__default.useContext(FieldContext);if(!fieldContext){throw new Error('This component must be rendered within a `Field` component.');}return fieldContext;};const Autocomplete$1=React__default.forwardRef((_ref,ref)=>{let{children,inputRef:controlledInputRef,start,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(isOpen);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);React__default.useEffect(()=>{if(inputRef.current&&isOpen!==previousIsOpenRef.current){inputRef.current.focus();}previousIsOpenRef.current=isOpen;},[inputRef,isOpen]);const{type,onKeyDown,...selectProps}=getToggleButtonProps(getRootProps({role:null,...props,onKeyDown:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false))}));const onSelectKeyDown=composeEventHandlers$1(props.onKeyDown,onKeyDown);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('autocomplete');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused,tabIndex:null,onKeyDown:onSelectKeyDown},selectProps,{ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref])(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:()=>{setIsFocused(true);},onBlur:()=>{setIsFocused(false);},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)};const Combobox=React__default.forwardRef((_ref,ref)=>{let{isCompact,isBare,disabled,focusInset,placeholder,validation,inputRef:inputRefProp=null,start,end,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const wrapperRef=React__default.useRef();const inputRef=React__default.useRef();const isOpenRef=React__default.useRef(isOpen);const wrapperProps=getToggleButtonProps(getRootProps({role:null,type:null,onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;},...props,onKeyDown:event=>{event.nativeEvent.preventDownshiftDefault=true;}}));const inputProps=getInputProps({isCompact,isBare,disabled,focusInset,placeholder,validation,start,end,role:'combobox',onKeyDown:event=>{if(event.keyCode===KEY_CODES.SPACE||!isOpen&&[KEY_CODES.DOWN,KEY_CODES.UP].includes(event.keyCode)){event.nativeEvent.preventDownshiftDefault=true;}},onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;}});React__default.useEffect(()=>{if(inputRef.current&&isOpen!==isOpenRef.current){inputRef.current.focus();}isOpenRef.current=isOpen;},[inputRef,isOpen]);React__default.useEffect(()=>{setDropdownType('combobox');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;const wrapperRefProp=element=>{popperReference(element);mergeRefs([wrapperRef,ref])(element);popperReferenceElementRef.current=element;};return React__default__default["default"].createElement(MediaInput,_extends$5({},inputProps,{wrapperProps:wrapperProps,wrapperRef:wrapperRefProp,ref:mergeRefs([inputRef,inputRefProp])}));});});Combobox.displayName='Combobox';Combobox.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,placeholder:propTypes.exports.string,validation:propTypes.exports.oneOf(VALIDATION)};const Multiselect=React__default__default["default"].forwardRef((_ref,ref)=>{let{renderItem,placeholder,maxItems,renderShowMore,inputRef:externalInputRef=null,start,onKeyDown,...props}=_ref;const{popperReferenceElementRef,selectedItems=[],containsMultiselectRef,previousIndexRef,downshift:{getToggleButtonProps,getRootProps,getInputProps,isOpen,closeMenu,inputValue,setState:setDownshiftState,itemToString},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const blurTimeoutRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const previousIsFocusedRef=React__default.useRef(undefined);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const[focusedItem,setFocusedItem]=React__default.useState(undefined);const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const{getContainerProps,getItemProps}=useSelection({rtl:themeContext.rtl,focusedItem,selectedItem:undefined,onFocus:item=>{setFocusedItem(item);}});React__default.useEffect(()=>{containsMultiselectRef.current=true;const tempRef=blurTimeoutRef;return()=>{clearTimeout(tempRef.current);};},[]);React__default.useEffect(()=>{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(()=>{if(focusedItem!==undefined&&isOpen){closeMenu();}},[focusedItem,isOpen,closeMenu]);const{type,...selectProps}=getToggleButtonProps(getRootProps({tabIndex:props.disabled?undefined:-1,onKeyDown:composeEventHandlers$1(onKeyDown,e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}else if(!inputValue&&e.keyCode===KEY_CODES.HOME){setFocusedItem(selectedItems[0]);e.preventDefault();}}),onFocus:()=>{setIsFocused(true);},onBlur:e=>{const currentTarget=e.currentTarget;blurTimeoutRef.current=setTimeout(()=>{if(environment&&!currentTarget.contains(environment.activeElement)){setIsFocused(false);}},0);},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),role:null,...props}));const renderSelectableItem=React__default.useCallback((item,index)=>{const removeValue=()=>{setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:item});inputRef.current&&inputRef.current.focus();};const renderedItem=renderItem({value:item,removeValue});const focusRef=React__default__default["default"].createRef();const clonedChild=React__default__default["default"].cloneElement(renderedItem,{...getItemProps({item,focusRef,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:e=>{e.nativeEvent.preventDownshiftDefault=true;},tabIndex:-1}),size:props.isCompact?'medium':'large'});const key=`${itemToString(item)}-${index}`;return React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:key},clonedChild);},[getItemProps,inputValue,renderItem,setDownshiftState,itemToString,selectedItems,props,inputRef,themeContext.rtl]);const items=React__default.useMemo(()=>{const itemValues=selectedItems||[];const output=[];for(let x=0;x<itemValues.length;x++){const item=itemValues[x];if(x<maxItems){if(props.disabled){const renderedItem=React__default__default["default"].cloneElement(renderItem({value:item,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):`+ ${itemValues.length-x} more`)));break;}else{output.push(renderSelectableItem(item,x));}}return output;},[isFocused,props.disabled,renderSelectableItem,selectedItems,renderItem,inputValue,maxItems,renderShowMore,props.isCompact]);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('multiselect');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,getContainerProps({...selectProps,isHovered:isContainerHovered,isFocused:isContainerFocused,ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,popperReferenceElementRef,ref])(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:()=>{setFocusedItem(undefined);},onClick:e=>{if(inputValue&&inputValue.length>0&&isOpen){e.nativeEvent.preventDownshiftDefault=true;}},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';const Select$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,start,...props}=_ref;const{popperReferenceElementRef,itemSearchRegistry,downshift:{getToggleButtonProps,getInputProps,isOpen,highlightedIndex,setHighlightedIndex,selectItemAtIndex,closeMenu}}=useDropdownContext();const{isLabelHovered}=useFieldContext();const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const hiddenInputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{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(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(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;}const 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;}}const newSearchString=searchString+character;setSearchString(newSearchString);let 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]);const{type,...selectProps}=getToggleButtonProps({tabIndex:props.disabled?undefined:0,onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),onFocus:composeEventHandlers$1(props.onFocus,()=>setIsFocused(true)),onBlur:composeEventHandlers$1(props.onBlur,()=>setIsFocused(false)),...props});const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused},selectProps,{role:"none",ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref,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: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};const Field$1=React__default.forwardRef((props,fieldRef)=>{const{downshift:{getRootProps}}=useDropdownContext();const[isLabelHovered,setIsLabelHovered]=React__default.useState(false);const{ref}=getRootProps();const value=React__default.useMemo(()=>({isLabelHovered,setIsLabelHovered}),[isLabelHovered,setIsLabelHovered]);return React__default__default["default"].createElement(FieldContext.Provider,{value:value},React__default__default["default"].createElement(Field$2,_extends$5({ref:mergeRefs([ref,fieldRef])},props)));});Field$1.displayName='Field';const Hint$1=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Hint$2,_extends$5({ref:ref},props)));Hint$1.displayName='Hint';const Label$2=React__default__default["default"].forwardRef((_ref,ref)=>{let{onMouseEnter,onMouseLeave,...other}=_ref;const{downshift:{getLabelProps}}=useDropdownContext();const{setIsLabelHovered}=useFieldContext();const labelProps=getLabelProps({onMouseEnter:composeEventHandlers$1(onMouseEnter,()=>{setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers$1(onMouseLeave,()=>{setIsLabelHovered(false);}),...other});return React__default__default["default"].createElement(Label$1$1,_extends$5({ref:ref},labelProps));});Label$2.displayName='Label';Label$2.propTypes={isRegular:propTypes.exports.bool};const Message$2=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Message$3,_extends$5({ref:ref},props)));Message$2.displayName='Message';Message$2.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};const SHARED_PLACEMENT$1=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];const PLACEMENT$1=[...SHARED_PLACEMENT$1,'end','end-top','end-bottom','start','start-top','start-bottom'];const MenuContext=React__default__default["default"].createContext(undefined);const useMenuContext=()=>{const menuContext=React__default.useContext(MenuContext);if(!menuContext){throw new Error('This component must be rendered within a `Menu` component.');}return menuContext;};const Menu=React__default.forwardRef((props,menuRef)=>{const{placement,popperModifiers,eventsEnabled,isAnimated,maxHeight,style:menuStyle,zIndex,isCompact,children,appendToNode,...otherProps}=props;const{hasMenuRef,itemIndexRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,itemSearchRegistry,downshift:{isOpen,getMenuProps}}=useDropdownContext();const scheduleUpdateRef=React__default.useRef(undefined);React__default.useEffect(()=>{if(scheduleUpdateRef.current&&isOpen){scheduleUpdateRef.current();}});const[isVisible,setIsVisible]=React__default.useState(isOpen);React__default.useEffect(()=>{let timeout;if(isOpen){setIsVisible(true);}else if(isAnimated){timeout=setTimeout(()=>setIsVisible(false),200);}else{setIsVisible(false);}return()=>clearTimeout(timeout);},[isOpen,isAnimated]);const themeContext=React__default.useContext(styled.ThemeContext);itemIndexRef.current=0;nextItemsHashRef.current={};previousIndexRef.current=undefined;itemSearchRegistry.current=[];const popperPlacement=themeContext.rtl?getRtlPopperPlacement$1(placement):getPopperPlacement$1(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef,isCompact}},React__default__default["default"].createElement(Popper,{placement:popperPlacement,modifiers:popperModifiers,eventsEnabled:isOpen&&eventsEnabled},_ref=>{let{ref,style,scheduleUpdate,placement:currentPlacement}=_ref;let computedStyle=menuStyle;scheduleUpdateRef.current=scheduleUpdate;if((isOpen||isVisible)&&popperReferenceElementRef.current&&popperReferenceElementRef.current.getBoundingClientRect){computedStyle={width:popperReferenceElementRef.current.getBoundingClientRect().width,...menuStyle};}const menuProps=getMenuProps({role:hasMenuRef.current?'menu':'listbox',placement:currentPlacement,isAnimated:isAnimated&&(isOpen||isVisible),...otherProps});const menu=React__default__default["default"].createElement(StyledMenuWrapper,{ref:isOpen?ref:undefined,hasArrow:menuProps.hasArrow,placement:menuProps.placement,style:style,isHidden:!isOpen,isAnimated:menuProps.isAnimated,zIndex:zIndex},React__default__default["default"].createElement(StyledMenu$1,_extends$5({ref:menuRef,isCompact:isCompact,maxHeight:maxHeight,style:computedStyle},menuProps),(isOpen||isVisible)&&children));return appendToNode?ReactDOM.createPortal(menu,appendToNode):menu;}));});Menu.displayName='Menu';Menu.propTypes={popperModifiers:propTypes.exports.any,eventsEnabled:propTypes.exports.bool,zIndex:propTypes.exports.number,style:propTypes.exports.object,placement:propTypes.exports.oneOf(PLACEMENT$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};const Separator=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(StyledSeparator,_extends$5({ref:ref},props)));Separator.displayName='Separator';var _path$1$1;function _extends$1$3(){_extends$1$3=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$3.apply(this,arguments);}var SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$3({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$6(){_extends$6=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$6.apply(this,arguments);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$6({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5||(_path$5=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};const ItemContext=React__default__default["default"].createContext(undefined);const useItemContext=()=>{const context=React__default.useContext(ItemContext);if(!context){throw new Error('This component must be rendered within an `Item` component.');}return context;};const Item$1=React__default__default["default"].forwardRef((_ref,forwardRef)=>{let{value,disabled,isDanger,component=StyledItem,hasIcon,children,...props}=_ref;const{selectedItems,hasMenuRef,itemSearchRegistry,downshift:{isOpen,selectedItem,highlightedIndex,getItemProps,setHighlightedIndex,itemToString}}=useDropdownContext();const{itemIndexRef,isCompact}=useMenuContext();const itemRef=React__default.useRef();const Component=component;if((value===undefined||value===null)&&!disabled){throw new Error('All Item components require a `value` prop');}const currentIndex=itemIndexRef.current;const isFocused=highlightedIndex===currentIndex;let isSelected;React__default.useEffect(()=>{if(!disabled&&itemRef.current){const itemTextValue=itemRef.current.innerText;if(itemTextValue){itemSearchRegistry.current[currentIndex]=itemTextValue;}}});if(value){if(selectedItems){isSelected=selectedItems.some(item=>{return itemToString(item)===itemToString(value);});}else{isSelected=itemToString(selectedItem)===itemToString(value);}}else{isSelected=false;}React__default.useEffect(()=>{if(isOpen&&!disabled&&!selectedItems&&isSelected){setHighlightedIndex(currentIndex);}},[currentIndex,disabled,isOpen,isSelected,selectedItems,setHighlightedIndex]);const contextValue=React__default.useMemo(()=>({isDisabled:disabled}),[disabled]);const ref=mergeRefs([itemRef,forwardRef]);if(disabled){return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,_extends$5({ref:ref,disabled:disabled,isDanger:isDanger,isCompact:isCompact},props),isSelected&&!hasIcon&&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({item:value,isFocused,ref,isCompact,isDanger,...(hasMenuRef.current&&{role:'menuitem','aria-selected':null}),...props}),isSelected&&!hasIcon&&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};const AddItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledAddItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:true,isDisabled:disabled},React__default__default["default"].createElement(SvgPlusStroke,null)),children);});const AddItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:AddItemComponent,ref:ref},props,{hasIcon:true})));AddItem.displayName='AddItem';AddItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const HeaderIcon=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderIcon,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderIcon.displayName='HeaderIcon';const HeaderItem=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderItem,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderItem.displayName='HeaderItem';const ItemMeta=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();const{isDisabled}=useItemContext();return React__default__default["default"].createElement(StyledItemMeta,_extends$5({ref:ref,isCompact:isCompact,isDisabled:isDisabled},props));});ItemMeta.displayName='ItemMeta';const MediaBody=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledMediaBody,_extends$5({ref:ref,isCompact:isCompact},props));});MediaBody.displayName='MediaBody';const MediaItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:StyledMediaItem,ref:ref},props)));MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const NextItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledNextItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledNextIcon,{isDisabled:disabled})),children);});const NextItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{nextItemsHashRef,downshift:{itemToString}}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){nextItemsHashRef.current[itemToString(value)]=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:NextItemComponent,"aria-expanded":true,disabled:disabled,value:value,ref:ref},props,{hasIcon:true}));});NextItem.displayName='NextItem';NextItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const PreviousItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledPreviousItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledPreviousIcon,{isDisabled:disabled})),children);});const PreviousItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{previousIndexRef}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){previousIndexRef.current=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:PreviousItemComponent,"aria-expanded":true,value:value,disabled:disabled},props,{ref:ref,hasIcon:true}));});PreviousItem.displayName='PreviousItem';PreviousItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme,props=__rest(_a,["danger","theme"]);if(!danger){return __assign({color:theme.styles.textColorPrimary,primary:false},props);}return __assign({color:theme.styles.colorDanger,primary:true},props);})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n &&&& {\n ",";\n\n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n\n ","\n }\n"],["\n &&&& {\n ",";\n\n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n\n ","\n }\n"])),function(_a){var color=_a.color,disabled=_a.disabled,theme=_a.theme;if(disabled)return"";if(color!==theme.styles.textColorPrimary){return buttonLikeHoverable;}return styled.css(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n &[aria-selected=\"true\"] {\n background: ",";\n }\n "],["\n &[aria-selected=\"true\"] {\n background: ",";\n }\n "])),fade(theme.styles.colorPrimary,0.9));},FONT_SIZES.SM,SPACINGS.XS,function(_a){var color=_a.color,theme=_a.theme;if(color!==theme.styles.textColorPrimary)return textColorForButton;return styled.css(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),theme.styles.colorPrimary);},function(_a){var _css=_a._css;return _css;});var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$B,templateObject_2$p,templateObject_3$m;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};var dist={};Object.defineProperty(dist,'__esModule',{value:true});function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done){ar.push(r.value);}}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var modules=new Set();var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(!modules.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(Logger.packagePrefix()).concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}var _a;_a=Logger;Logger.packageName="";Logger.addModules=function(m){m.forEach(function(name){return modules.add(name);});};Logger.getModules=function(){return __spreadArray([],__read(modules),false);};Logger.packagePrefix=function(){return!!_a.packageName?"".concat(_a.packageName," : "):"";};return Logger;}();if(typeof window!=="undefined")window.Logger=Logger;var Logger_1=dist.Logger=Logger;var name="@idea-fragments/react-components-zendesk";var version="0.1.79";var files=["dist/*.js","dist/*.js.map","dist/types"];var exports$1={"./*":{types:"./dist/types/*.d.ts","default":"./dist/*.js"}};var dependencies={"@idea-fragments/logger-js":"^0.0.1",color:"^4.2.3","jslib-html5-camera-photo":"^3.3.4",lodash:"^4.17.23",moment:"^2.29.3","react-date-range":"^1.4.0","react-list":"^0.8.18","react-number-format":"^4.9.3","tesseract.js":"^7.0.0"};var peerDependencies={"@mdi/js":">=6.7.96","@mdi/react":">=1.6.0","babel-loader":">=8.2.5","babel-plugin-styled-components":">=2.0.7",react:">=18.2.0","react-dom":">=18.2.0","styled-components":">=5.3.5"};var devDependencies={"@babel/core":"^7.18.0","@mdi/js":"^6.7.96","@mdi/react":"^1.6.0","@mdx-js/react":"^1.6.22","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.2","@storybook/addon-actions":"^7.5.3","@storybook/addon-controls":"^7.5.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-mdx-gfm":"^7.5.3","@storybook/preset-create-react-app":"^7.5.3","@storybook/react":"^7.5.3","@storybook/react-webpack5":"^7.5.3","@tsconfig/create-react-app":"^1.0.2","@types/color":"^3.0.3","@types/jslib-html5-camera-photo":"^3.1.2","@types/react-date-range":"^1.4.3","@types/styled-components":"^5.1.25","@typescript-eslint/eslint-plugin":"^5.25.0","@typescript-eslint/parser":"^5.25.0","@zendeskgarden/react-accordions":"^8.70.0","@zendeskgarden/react-avatars":"^8.51.0","@zendeskgarden/react-breadcrumbs":"^8.51.0","@zendeskgarden/react-buttons":"^8.51.0","@zendeskgarden/react-datepickers":"^8.51.0","@zendeskgarden/react-dropdowns":"^8.51.0","@zendeskgarden/react-forms":"^8.51.0","@zendeskgarden/react-grid":"^8.51.0","@zendeskgarden/react-loaders":"^8.51.0","@zendeskgarden/react-modals":"^8.51.0","@zendeskgarden/react-notifications":"^8.51.0","@zendeskgarden/react-pagination":"^8.51.0","@zendeskgarden/react-tables":"^8.51.0","@zendeskgarden/react-tabs":"^8.51.0","@zendeskgarden/react-tags":"^8.51.0","@zendeskgarden/react-theming":"^8.51.0","@zendeskgarden/react-tooltips":"^8.51.0","@zendeskgarden/react-typography":"^8.51.0","babel-loader":"^8.2.5","babel-plugin-styled-components":"^2.0.7",eslint:"^8.16.0","eslint-config-prettier":"^8.8.0","eslint-config-react-app":"^7.0.1","patch-package":"^8.0.1","pre-commit":"^1.2.2",prettier:"^2.8.6",react:"18.2.0","react-dom":"18.2.0","react-easy-crop":"^4.7.4","react-images-uploading":"^3.1.7","react-player":"^2.12.0","react-scripts":"^5.0.1",rollup:"^2.74.1","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.2","source-map":"^0.8.0-beta.0",storybook:"^7.5.3","styled-components":"^5.3.5",tslib:"^2.4.0",typescript:"^4.6.4",webpack:"^5.73.0"};var overrides={"@mdx-js/react":{react:"18.2.0"},react:"18.2.0","react-dom":"18.2.0"};var resolutions={"source-map":"^0.8.0-beta.0"};var scripts={build:"react-scripts build","build-storybook":"storybook build",cleanup:"rm -rf dist",eject:"react-scripts eject",format:"./git_hooks/pre_commit/prettier.sh",lint:"eslint",postinstall:"patch-package",rollup:"node scripts/rollup-prompt.js",start:"react-scripts start",storybook:"storybook dev -p 6006",test:"react-scripts test"};var eslintConfig={"extends":["react-app","prettier"],overrides:[{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off"}},{files:["*.ts"],plugins:["@typescript-eslint"],parser:"@typescript-eslint/parser",parserOptions:{project:"./tsconfig.json"}},{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off","react-hooks/exhaustive-deps":"error"}}]};var browserslist={production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]};var description="Component library built on the V6 version of the Zendesk React components library.";var repository={type:"git",url:"git+https://github.com/idea-fragments/react_components_zendesk.git"};var keywords=["react"];var author="IdeaFragments";var license="MIT";var bugs={url:"https://github.com/idea-fragments/react_components_zendesk/issues"};var homepage="https://github.com/idea-fragments/react_components_zendesk#readme";var types="./dist/index.d.ts";var packageJson={name:name,version:version,"private":false,files:files,exports:exports$1,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,overrides:overrides,resolutions:resolutions,scripts:scripts,eslintConfig:eslintConfig,browserslist:browserslist,description:description,repository:repository,keywords:keywords,author:author,license:license,bugs:bugs,homepage:homepage,types:types,"pre-commit":{run:["format","lint"]}};Logger_1.packageName=packageJson.name;var logger$3=new Logger_1("Loadable");var Container$8=styled__default["default"](FlexBox)(templateObject_1$A||(templateObject_1$A=__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$o||(templateObject_2$o=__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$l||(templateObject_3$l=__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$3.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read$1(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$3.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$8,__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$j||(templateObject_4$j=__makeTemplateObject([""],[""])));var templateObject_1$A,templateObject_2$o,templateObject_3$l,templateObject_4$j;var Paragraph$1=styled__default["default"](Text$1).attrs({as:FONT_TAGS.P})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),FONT_WEIGHTS.REGULAR);styled__default["default"](Paragraph$1)(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XXS);var XS=styled__default["default"](Paragraph$1)(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);styled__default["default"](Paragraph$1)(templateObject_4$i||(templateObject_4$i=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.MD);styled__default["default"](Paragraph$1)(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.LG);styled__default["default"](Paragraph$1)(templateObject_6$9||(templateObject_6$9=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XL);var templateObject_1$z,templateObject_2$n,templateObject_3$k,templateObject_4$i,templateObject_5$d,templateObject_6$9;var Hint=styled__default["default"](XS).attrs(function(_a){var color=_a.color,danger=_a.danger,theme=_a.theme;var getTextColor=function(){if(color)return color;if(danger)return theme.styles.colorDanger;return theme.styles.textColorSecondary;};return{color:getTextColor()};})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n color: ",";\n font-weight: ",";\n margin: 0 0 4px;\n ",";\n"],["\n color: ",";\n font-weight: ",";\n margin: 0 0 4px;\n ",";\n"])),function(_a){var color=_a.color;return color;},FONT_WEIGHTS.MEDIUM,function(_a){var _css=_a._css;return _css;});var templateObject_1$y;var Label$1=styled__default["default"](Text$1).attrs({as:FONT_TAGS.LABEL})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n display: block;\n font-weight: ",";\n font-size: ",";\n line-height: 1em;\n ","\n"],["\n display: block;\n font-weight: ",";\n font-size: ",";\n line-height: 1em;\n ","\n"])),FONT_WEIGHTS.SEMI_BOLD,FONT_SIZES.SM,function(_a){var _css=_a._css;return _css;});var templateObject_1$x;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger$2=new Logger_1("Dropdown");var Dropdown=function(props){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;var _l;var state=(_a=__read$1(React__default.useState({isOpen:false}),2),_a[0]),setState=_a[1];var controlledState=__assign(__assign({},state),props);var filteringOptions=(_b=__read$1(React__default.useState(false),2),_b[0]),setFilteringOptionsTo=_b[1];var searchFilter=(_c=__read$1(React__default.useState(""),2),_c[0]),setSearchFilter=_c[1];var filteredOptions=(_d=__read$1(React__default.useState(props.options),2),_d[0]),setFilteredOptions=_d[1];var appendMenuToNode=props.appendMenuToNode,async=(_e=props.async,_e===void 0?false:_e),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=(_f=props.returnItemOnChange,_f===void 0?false:_f),small=props.small,trigger=props.trigger,useRawOptions=(_g=props.useRawOptions,_g===void 0?false:_g),validation=(_h=props.validation,_h===void 0?{validation:VALIDATION_STATES.NONE}:_h),onChange=(_j=props.onChange,_j===void 0?DO_NOTHING:_j),onStateChange=(_k=props.onStateChange,_k===void 0?DO_NOTHING:_k);var selectedKey=props.selectedKey;var selectedKeys=props.selectedKeys;// TODO see if this function needs to be removed if we're also filtering
|
|
13298
13298
|
// in the SearchableSelector component
|
|
13299
13299
|
var filterFunc=React__default.useCallback(function(value){var searchText=value.trim().toLowerCase();var matchingOptions=options;if(searchText!==""){matchingOptions=options.filter(function(option){var val=option[labelField];return val.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);// Don't clear search filter when options change - preserve user input
|
|
13300
13300
|
},[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=(_l=validation===null||validation===void 0?void 0:validation.message)!==null&&_l!==void 0?_l:message;var messageNode=message?jsxRuntime.jsx(Message$1,__assign({validation:validation.validation},{children:message})):null;var hintNode=hint?jsxRuntime.jsx(Hint,{children:hint}):null;var labelNode=label?jsxRuntime.jsx(Label,{children:label}):null;var handleChange=function(item){logger$2.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){onChange(item);return;}if(!item||isString(item)||isNumber(item)){logger$2.writeInfo("Received SelectorItemKey from downshift");onChange(item);return;}onChange(item[keyField]);};var handleMultiSelectChange=function(items){var clearingItemSelected=items.some(function(i){if(isString(i)||isNumber(i))return false;return i===null||i===void 0?void 0:i.isClearingItem;});if(clearingItemSelected){onChange([]);return;}if(useRawOptions||returnItemOnChange){var rawSet=new Set(items);// @ts-ignore
|
|
@@ -13309,12 +13309,12 @@ onChange(__spreadArray$1([],__read$1(new Set(changes)),false));};var handleState
|
|
|
13309
13309
|
};var optionsLoaded=optionNodes&&isNotEmpty(optionNodes);return(// @ts-ignore
|
|
13310
13310
|
jsxRuntime.jsxs(Dropdown$1,__assign({inputValue:searchFilter,selectedItem:selectedKey,selectedItems:selectedKeys?__spreadArray$1([],__read$1(new Set(selectedKeys)),false):undefined,isOpen:controlledState.isOpen,onInputValueChange:function(val){logger$2.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
|
|
13311
13311
|
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
|
|
13312
|
-
Dropdown=styled__default["default"](Dropdown)(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n &&,\n && * {\n font-size: inherit;\n }\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$m||(templateObject_2$m=__makeTemplateObject(["\n && {\n font-size: ",";\n }\n"],["\n && {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n && {\n width: 100%;\n }\n\n &&,\n && * {\n font-size: inherit;\n }\n\n ","\n"],["\n && {\n width: 100%;\n }\n\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$h||(templateObject_4$h=__makeTemplateObject(["\n flex-direction: column;\n min-height: 50px;\n"],["\n flex-direction: column;\n min-height: 50px;\n"])));var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$
|
|
13312
|
+
Dropdown=styled__default["default"](Dropdown)(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n &&,\n && * {\n font-size: inherit;\n }\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$m||(templateObject_2$m=__makeTemplateObject(["\n && {\n font-size: ",";\n }\n"],["\n && {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n && {\n width: 100%;\n }\n\n &&,\n && * {\n font-size: inherit;\n }\n\n ","\n"],["\n && {\n width: 100%;\n }\n\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$h||(templateObject_4$h=__makeTemplateObject(["\n flex-direction: column;\n min-height: 50px;\n"],["\n flex-direction: column;\n min-height: 50px;\n"])));var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n && {\n div {\n max-width: 100%;\n }\n }\n"],["\n && {\n div {\n max-width: 100%;\n }\n }\n"])));var Label=styled__default["default"](Label$1)(templateObject_6$8||(templateObject_6$8=__makeTemplateObject(["\n && {\n color: ",";\n margin-bottom: ",";\n }\n"],["\n && {\n color: ",";\n margin-bottom: ",";\n }\n"])),function(p){return p.theme.styles.textColorPrimary;},SPACINGS.XS);var createOptions=function(options,keyField,labelField,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var Component=o.Component,componentProps=o.componentProps,itemProps=o.itemProps,attrs=__rest(o,["Component","componentProps","itemProps"]);var label=attrs[labelField];var ItemType=getItemType(attrs);return jsxRuntime.jsx(ItemType,__assign({value:o},itemProps,{children:Component?jsxRuntime.jsx(Component,__assign({},componentProps,{children:label})):label}),o[keyField]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$w,templateObject_2$m,templateObject_3$j,templateObject_4$h,templateObject_5$c,templateObject_6$8;var SelectorEmptyState=styled__default["default"].span(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(p){return p.theme.styles.textColorSecondary;});var templateObject_1$v;var SelectorOptionKeyMap=/** @class */function(){function SelectorOptionKeyMap(){}SelectorOptionKeyMap.call=function(_a){var keyField=_a.keyField,options=_a.options,optionsKeyMap=_a.optionsKeyMap;if(optionsKeyMap)return optionsKeyMap;return options.reduce(function(m,o){var value=o[keyField];m[value]=o;return m;},{});};return SelectorOptionKeyMap;}();var Selector=function(_a){var _b,_c;var disabled=_a.disabled;_b=_a.invalidOnNoSelection,_b===void 0?true:_b;var validation=(_c=_a.validation,_c===void 0?{validation:VALIDATION_STATES.NONE}:_c),props=__rest(_a,["disabled","invalidOnNoSelection","validation"]);var emptyState=props.emptyState,selectedKey=props.selectedKey,small=props.small,labelField=props.labelField;var optionsKeyMap=SelectorOptionKeyMap.call(props);// TODO validation
|
|
13313
13313
|
// const getValidation = () => (
|
|
13314
13314
|
// (invalidOnNoSelection && !selectedKey) ?
|
|
13315
13315
|
// VALIDATION_RESULTS.ERROR : validation
|
|
13316
13316
|
// )
|
|
13317
|
-
return jsxRuntime.jsx(Dropdown,__assign({},props,{validation:validation},{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})}))}));};var PAGE_SIZE_OPTIONS=[10,25,50,75,100];var PAGE_SIZE_SELECTOR_OPTIONS=PAGE_SIZE_OPTIONS.map(function(size){return{label:"".concat(size),value:size};});var InvalidPageSizeError=/** @class */function(_super){__extends$1(InvalidPageSizeError,_super);function InvalidPageSizeError(){return _super.call(this,"Page size must be one of: ".concat(PAGE_SIZE_OPTIONS.join(", ")))||this;}return InvalidPageSizeError;}(Error);var Pagination=function(_a){var page=_a.page,pageSize=_a.pageSize,totalCount=_a.totalCount,onPageChange=_a.onPageChange,onPageSizeChange=_a.onPageSizeChange;if(!PAGE_SIZE_OPTIONS.includes(pageSize)){throw new InvalidPageSizeError();}var numberPages=React__default.useMemo(function(){return Math.ceil(totalCount/pageSize);},[pageSize,totalCount]);var buttonPositionings=React__default.useCallback(function(totalCarouselItems){if(numberPages<=totalCarouselItems){return arrayOfSizeN(numberPages).map(function(_,i){return i+1;});}var equilibriumNumberOfPads=Math.floor(totalCarouselItems/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$1(__spreadArray$1(__spreadArray$1([],__read$1(arrayOfSizeN(leftPadding+missingFromRight).map(function(_,i){return page-(i+1);})),false),[page],false),__read$1(arrayOfSizeN(rightPadding+missingFromLeft).map(function(_,i){return page+(i+1);})),false).sort(function(a,b){return a-b;});},[numberPages,page]);var movePage=React__default.useCallback(function(direction){return function(){var newPage=page+direction;if(1>newPage||newPage>numberPages)return;return onPageChange(newPage);};},[numberPages,onPageChange,page]);var createNPageButtons=React__default.useCallback(function(total){return buttonPositionings(total).map(function(num){return jsxRuntime.jsx(Button,__assign({_css:styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n padding: 0;\n height: 30px;\n width: 30px;\n "],["\n padding: 0;\n height: 30px;\n width: 30px;\n "]))),compact:true,flat:num!==page,onClick:num===page?DO_NOTHING:movePage(num-page),
|
|
13317
|
+
return jsxRuntime.jsx(Dropdown,__assign({},props,{validation:validation},{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})}))}));};var PAGE_SIZE_OPTIONS=[10,25,50,75,100];var PAGE_SIZE_SELECTOR_OPTIONS=PAGE_SIZE_OPTIONS.map(function(size){return{label:"".concat(size),value:size};});var InvalidPageSizeError=/** @class */function(_super){__extends$1(InvalidPageSizeError,_super);function InvalidPageSizeError(){return _super.call(this,"Page size must be one of: ".concat(PAGE_SIZE_OPTIONS.join(", ")))||this;}return InvalidPageSizeError;}(Error);var Pagination=function(_a){var page=_a.page,pageSize=_a.pageSize,totalCount=_a.totalCount,onPageChange=_a.onPageChange,onPageSizeChange=_a.onPageSizeChange;if(!PAGE_SIZE_OPTIONS.includes(pageSize)){throw new InvalidPageSizeError();}var numberPages=React__default.useMemo(function(){return Math.ceil(totalCount/pageSize);},[pageSize,totalCount]);var buttonPositionings=React__default.useCallback(function(totalCarouselItems){if(numberPages<=totalCarouselItems){return arrayOfSizeN(numberPages).map(function(_,i){return i+1;});}var equilibriumNumberOfPads=Math.floor(totalCarouselItems/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$1(__spreadArray$1(__spreadArray$1([],__read$1(arrayOfSizeN(leftPadding+missingFromRight).map(function(_,i){return page-(i+1);})),false),[page],false),__read$1(arrayOfSizeN(rightPadding+missingFromLeft).map(function(_,i){return page+(i+1);})),false).sort(function(a,b){return a-b;});},[numberPages,page]);var movePage=React__default.useCallback(function(direction){return function(){var newPage=page+direction;if(1>newPage||newPage>numberPages)return;return onPageChange(newPage);};},[numberPages,onPageChange,page]);var createNPageButtons=React__default.useCallback(function(total){return buttonPositionings(total).map(function(num){return jsxRuntime.jsx(Button,__assign({_css:styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n padding: 0;\n height: 30px;\n width: 30px;\n "],["\n padding: 0;\n height: 30px;\n width: 30px;\n "]))),compact:true,flat:num!==page,onClick:num===page?DO_NOTHING:movePage(num-page),primary:num===page},{children:num}),num);});},[buttonPositionings,movePage,page]);var movePageEnd=React__default.useCallback(function(){return onPageChange(numberPages);},[numberPages,onPageChange]);var movePageStart=React__default.useCallback(function(){return onPageChange(1);},[onPageChange]);var renderCarousel=React__default.useCallback(function(children){return jsxRuntime.jsx(Carousel,__assign({disableNextButton:page===numberPages,disablePreviousButton:page===1,inline:true,onEndClick:movePageEnd,onNextClick:movePage(+1),onPreviousClick:movePage(-1),onStartClick:movePageStart},{children:jsxRuntime.jsx(FlexBox,__assign({gap:"2px"},{children:children}))}));},[page,numberPages,movePageEnd,movePage,movePageStart]);var renderPageSizeSelector=React__default.useCallback(function(justifyContent){if(justifyContent===void 0){justifyContent="flex-end";}if(!onPageSizeChange)return null;return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",justifyContent:justifyContent,gap:SPACINGS.XS},{children:[jsxRuntime.jsx("span",{children:"Items per page:"}),jsxRuntime.jsx(Selector,{compact:true,small:true,emptyState:"Select size",options:PAGE_SIZE_SELECTOR_OPTIONS,keyField:"value",labelField:"label",selectedKey:pageSize,onChange:function(size){return onPageSizeChange(size);}})]}));},[onPageSizeChange,pageSize]);var renderTotalCount=React__default.useCallback(function(justifyContent){if(justifyContent===void 0){justifyContent="flex-start";}return jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",justifyContent:justifyContent,gap:SPACINGS.XS,_css:styled.css(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["600"];})},{children:jsxRuntime.jsxs("span",{children:[jsxRuntime.jsx("b",{children:totalCount})," total record",totalCount!==1?"s":""]})}));},[totalCount]);if(totalCount<=pageSize&&!onPageSizeChange)return null;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComputersOnly,{children:jsxRuntime.jsxs(ComputerContainer,{children:[renderTotalCount("flex-start"),renderCarousel(createNPageButtons(5)),renderPageSizeSelector("flex-end")]})}),jsxRuntime.jsx(PhonesAndTabletsOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({withRows:true,alignItems:"center",gap:SPACINGS.SM,_css:styled.css(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n width: 100%;\n "],["\n width: 100%;\n "])))},{children:[renderTotalCount("center"),renderCarousel(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(PhonesOnly,{children:createNPageButtons(3)}),jsxRuntime.jsx(TabletsOnly,{children:createNPageButtons(5)})]})),renderPageSizeSelector("center")]}))})]});};var ComputerContainer=styled__default["default"].div(templateObject_4$g||(templateObject_4$g=__makeTemplateObject(["\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n gap: ",";\n width: 100%;\n"],["\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n gap: ",";\n width: 100%;\n"])),SPACINGS.SM);var templateObject_1$u,templateObject_2$l,templateObject_3$i,templateObject_4$g;/**
|
|
13318
13318
|
* SelectionCount displays the number of selected items on the current page.
|
|
13319
13319
|
* Only renders when items are selected.
|
|
13320
13320
|
*
|
|
@@ -13360,7 +13360,7 @@ onChange:function(_a){var action=_a.action;action();},options:actions,placement:
|
|
|
13360
13360
|
var filterOptions=React__default.useCallback(function(value){logger$1.writeInfo("filtering options containing");var matchingOptions=options.filter(function(option){return option[labelField].trim().toLowerCase().indexOf(String(value).trim().toLowerCase())!==-1;});setMatchingOptions(matchingOptions);},[labelField,options]);var handleStateChange=function(state){onStateChange===null||onStateChange===void 0?void 0:onStateChange(state);if(state.hasOwnProperty("inputValue")){setSearchText(state.inputValue);onSearchTextChange===null||onSearchTextChange===void 0?void 0:onSearchTextChange(state.inputValue);}};var handleChange=React__default.useCallback(function(k){if(!skipResetOnSelection)setSearchText("");// @ts-ignore
|
|
13361
13361
|
onChange===null||onChange===void 0?void 0:onChange(k);},[onChange,skipResetOnSelection]);React__default.useEffect(function(){if(dynamicSearching)return;filterOptions(searchText);},[dynamicSearching,filterOptions,searchText]);React__default.useEffect(function(){if(dynamicSearching&&!onSearchTextChange&&!onStateChange)throw new Error("SearchableSelector with dynamicSearching=true requires onSearchTextChange "+"or onStateChange prop to be passed in for handling search text changes.");},[dynamicSearching,onSearchTextChange,onStateChange]);if(!dynamicSearching){logger$1.writeInfo("matchingOptions",matchingOptions);}return jsxRuntime.jsx(Dropdown,__assign({},props,{onChange:handleChange,onStateChange:handleStateChange,options:dynamicSearching?options:matchingOptions},{children:jsxRuntime.jsx(Autocomplete,__assign({disabled:disabled,isCompact:small},{children:selectedOption?isFunction$2(children)?children(selectedOption):selectedOption[labelField]:jsxRuntime.jsx(SelectorEmptyState,{children:emptyState})}))}));};SearchableSelector=styled__default["default"](SearchableSelector)(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n font-weight: ",";\n\n &&& * {\n ","\n cursor: ",";\n }\n\n :hover > div {\n ",";\n }\n\n ","\n"],["\n font-weight: ",";\n\n &&& * {\n ","\n cursor: ",";\n }\n\n :hover > div {\n ",";\n }\n\n ","\n"])),function(_a){var flat=_a.flat;return flat?FONT_WEIGHTS.BOLD:"inherit";},function(_a){var flat=_a.flat;return flat?"border: none;":"";},function(_a){var flat=_a.flat;return flat?"pointer !important":"inherit";},function(_a){var flat=_a.flat,theme=_a.theme;return flat?"background: ".concat(theme.styles.colors.grey["200"],";"):"";},function(props){if(props.small){return"\n [data-garden-id=\"forms.faux_input\"] {\n min-height: unset;\n min-width: unset;\n }\n ";}});var templateObject_1$q;var Message=styled__default["default"](Message$3)(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n &&& {\n font-size: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n ","\n }\n"])),FONT_SIZES.XS,function(_a){var _css=_a._css;return _css;});var templateObject_1$p;var Field=styled__default["default"](Field$2)(templateObject_1$o||(templateObject_1$o=__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 _b,_c;var className=_a.className,compact=_a.compact,disabled=(_b=_a.disabled,_b===void 0?false:_b),emptyState=_a.emptyState,fluid=_a.fluid,hint=_a.hint,label=_a.label,message=_a.message,required=_a.required,validation=(_c=_a.validation,_c===void 0?{validation:VALIDATION_STATES.NONE}:_c),value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","disabled","emptyState","fluid","hint","label","message","required","validation","value","WrappedComponent","onChange"]);var symbolProp=props.symbolProp;var notifyParentOfChange=React__default.useCallback(function(e){// @ts-ignore
|
|
13362
13362
|
onChange(e.target.value,e);},[onChange]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$7,__assign({className:className,withRows:true,gap:"unset",fluid:fluid},{children:jsxRuntime.jsxs(Field,__assign({compact:compact},{children:[label||required?jsxRuntime.jsxs(FlexBox,__assign({gap:".3em"},{children:[label?jsxRuntime.jsx(Label$1,__assign({_css:styled.css(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n margin-bottom: ",";\n "],["\n margin-bottom: ",";\n "])),SPACINGS.XS)},{children:label})):null,required?jsxRuntime.jsx(Text$1,__assign({danger:true},{children:jsxRuntime.jsx("b",{children:"*"})})):null]})):null,hint?jsxRuntime.jsx(Hint,__assign({_css:styled.css(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n "],["\n &&& {\n font-size: ",";\n }\n "])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(InputWrapper,__assign({symbolProp:symbolProp},{children:jsxRuntime.jsx(WrappedComponent,__assign({disabled:disabled,placeholder:emptyState,// @ts-ignore
|
|
13363
|
-
ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange}))})),message?jsxRuntime.jsx(Message,__assign({_css:"\n &&& {\n font-size: ".concat(FONT_SIZES.XS,";\n }\n "),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_4$e||(templateObject_4$e=__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"])),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));});TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_5$
|
|
13363
|
+
ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange}))})),message?jsxRuntime.jsx(Message,__assign({_css:"\n &&& {\n font-size: ".concat(FONT_SIZES.XS,";\n }\n "),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_4$e||(templateObject_4$e=__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"])),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));});TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});var Container$7=styled__default["default"](FlexBox)(templateObject_6$7||(templateObject_6$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 InputWrapper=styled__default["default"](FlexBox)(templateObject_8$3||(templateObject_8$3=__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),function(_a){var symbolProp=_a.symbolProp;return symbolProp?styled.css(templateObject_7$4||(templateObject_7$4=__makeTemplateObject(["\n position: relative;\n\n &&:before {\n content: \"","\";\n position: absolute;\n left: 0.75em;\n top: 50%;\n font-size: 14px;\n transform: translateY(-50%);\n }\n "],["\n position: relative;\n\n &&:before {\n content: \"","\";\n position: absolute;\n left: 0.75em;\n top: 50%;\n font-size: 14px;\n transform: translateY(-50%);\n }\n "])),symbolProp):"";});var templateObject_1$o,templateObject_2$j,templateObject_3$g,templateObject_4$e,templateObject_5$b,templateObject_6$7,templateObject_7$4,templateObject_8$3;var TextField=React__default.forwardRef(function(_a,ref){var faux=_a.faux,onChange=_a.onChange,small=_a.small,value=_a.value,props=__rest(_a,["faux","onChange","small","value"]);// @ts-ignore
|
|
13364
13364
|
props=__assign(__assign({},props),{isCompact:small});var valueProp=faux?{children:value}:{value:value};return jsxRuntime.jsx(TextFieldWrapper,__assign({},props,valueProp,{ref:ref,onChange:onChange,// @ts-ignore
|
|
13365
13365
|
WrappedComponent:faux?FauxInput:Input}));});// @ts-ignore
|
|
13366
13366
|
TextField=styled__default["default"](TextField)(templateObject_1$n||(templateObject_1$n=__makeTemplateObject([""],[""// @ts-ignore
|
|
@@ -13372,7 +13372,7 @@ jsxRuntime.jsx(TableFilter,{fieldName:f.fieldName,label:f.label,onChange:trackCh
|
|
|
13372
13372
|
* TableHeader displays selection count and table actions with responsive behavior.
|
|
13373
13373
|
* - Desktop: Shows selection count text and standard table actions
|
|
13374
13374
|
* - Mobile: Shows "Select All/Deselect All" button and compact table actions
|
|
13375
|
-
*/var TableHeader=function(_a){var actions=_a.actions,columnConfigs=_a.columnConfigs,filterState=_a.filterState,selectedCount=_a.selectedCount,sortState=_a.sortState,totalPageCount=_a.totalPageCount,onFiltersChange=_a.onFiltersChange,onColumnSort=_a.onColumnSort;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComputersOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({fluid:true,alignItems:"center",gap:SPACINGS.SM},{children:[jsxRuntime.jsx(SelectionCount,{selectedCount:selectedCount,totalPageCount:totalPageCount}),jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange})]}))}),jsxRuntime.jsx(PhonesAndTabletsOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.SM},{children:[jsxRuntime.jsx(SelectionCount,{selectedCount:selectedCount,totalPageCount:totalPageCount}),jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,compact:true,filterState:filterState,onColumnSort:onColumnSort,onFiltersChange:onFiltersChange,sortState:sortState})]}))})]});};styled__default["default"](Text$1).attrs({as:FONT_TAGS.H1})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.BOLD,FONT_SIZES.XXL);styled__default["default"](Text$1).attrs({as:FONT_TAGS.H2})(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.BOLD,FONT_SIZES.XL);styled__default["default"](Text$1).attrs({as:FONT_TAGS.H3})(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.MEDIUM,FONT_SIZES.LG);styled__default["default"](Text$1).attrs({as:FONT_TAGS.H4})(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.MEDIUM,FONT_SIZES.MD);var H5=styled__default["default"](Text$1).attrs({as:FONT_TAGS.H5})(templateObject_5$
|
|
13375
|
+
*/var TableHeader=function(_a){var actions=_a.actions,columnConfigs=_a.columnConfigs,filterState=_a.filterState,selectedCount=_a.selectedCount,sortState=_a.sortState,totalPageCount=_a.totalPageCount,onFiltersChange=_a.onFiltersChange,onColumnSort=_a.onColumnSort;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComputersOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({fluid:true,alignItems:"center",gap:SPACINGS.SM},{children:[jsxRuntime.jsx(SelectionCount,{selectedCount:selectedCount,totalPageCount:totalPageCount}),jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange})]}))}),jsxRuntime.jsx(PhonesAndTabletsOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.SM},{children:[jsxRuntime.jsx(SelectionCount,{selectedCount:selectedCount,totalPageCount:totalPageCount}),jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,compact:true,filterState:filterState,onColumnSort:onColumnSort,onFiltersChange:onFiltersChange,sortState:sortState})]}))})]});};styled__default["default"](Text$1).attrs({as:FONT_TAGS.H1})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.BOLD,FONT_SIZES.XXL);styled__default["default"](Text$1).attrs({as:FONT_TAGS.H2})(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.BOLD,FONT_SIZES.XL);styled__default["default"](Text$1).attrs({as:FONT_TAGS.H3})(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.MEDIUM,FONT_SIZES.LG);styled__default["default"](Text$1).attrs({as:FONT_TAGS.H4})(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.MEDIUM,FONT_SIZES.MD);var H5=styled__default["default"](Text$1).attrs({as:FONT_TAGS.H5})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.BOLD,FONT_SIZES.SM);styled__default["default"](Text$1).attrs({as:FONT_TAGS.H6})(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n"])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS);var templateObject_1$k,templateObject_2$g,templateObject_3$e,templateObject_4$c,templateObject_5$a,templateObject_6$6;var Title$1=styled__default["default"](H5)(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n margin: 0;\n"],["\n margin: 0;\n"])));var templateObject_1$j;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$1(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$6,__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$i||(templateObject_1$i=__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$6=styled__default["default"](FlexBox)(templateObject_2$f||(templateObject_2$f=__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$i,templateObject_2$f;var overflowCellStyles=styled.css(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: ",";\n\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: ",";\n\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"// const sortableColumnHeaderStyles = css`
|
|
13376
13376
|
// cursor: pointer;
|
|
13377
13377
|
// :hover, :focus {
|
|
13378
13378
|
// background: ${veryLight(COLORS.GREY)};
|
|
@@ -13384,11 +13384,11 @@ jsxRuntime.jsx(TableFilter,{fieldName:f.fieldName,label:f.label,onChange:trackCh
|
|
|
13384
13384
|
// background: ${veryLight(COLORS.GREY)};
|
|
13385
13385
|
// }
|
|
13386
13386
|
// `
|
|
13387
|
-
var Table=styled__default["default"](Table$1)(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n && {\n color: inherit;\n border-radius: 6px;\n }\n\n ","\n"],["\n && {\n color: inherit;\n border-radius: 6px;\n }\n\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Head=styled__default["default"](Head$1)(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n //text-transform: uppercase;\n background: ",";\n"],["\n //text-transform: uppercase;\n background: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;});var HeaderRow=styled__default["default"](HeaderRow$1)(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n border: none !important;\n height: auto !important;\n"],["\n border: none !important;\n height: auto !important;\n"])));var HeaderCell$1=styled__default["default"](HeaderCell$2)(templateObject_5$
|
|
13387
|
+
var Table=styled__default["default"](Table$1)(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n && {\n color: inherit;\n border-radius: 6px;\n }\n\n ","\n"],["\n && {\n color: inherit;\n border-radius: 6px;\n }\n\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Head=styled__default["default"](Head$1)(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n //text-transform: uppercase;\n background: ",";\n"],["\n //text-transform: uppercase;\n background: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;});var HeaderRow=styled__default["default"](HeaderRow$1)(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n border: none !important;\n height: auto !important;\n"],["\n border: none !important;\n height: auto !important;\n"])));var HeaderCell$1=styled__default["default"](HeaderCell$2)(templateObject_5$9||(templateObject_5$9=__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$5||(templateObject_6$5=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES_EM.SM);var Cell=styled__default["default"](Cell$1)(templateObject_7$3||(templateObject_7$3=__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$2||(templateObject_8$2=__makeTemplateObject([""],[""// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13388
13388
|
])));// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13389
13389
|
styled.css(templateObject_9$2||(templateObject_9$2=__makeTemplateObject(["\n cursor: pointer;\n\n :hover,\n :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,\n :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13390
13390
|
])),Cell,function(p){return p.theme.styles.colorPrimary;},function(p){return fade(p.theme.styles.colorPrimary,0.8);});// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13391
|
-
styled.css(templateObject_10$2||(templateObject_10$2=__makeTemplateObject(["\n :hover,\n :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n :hover,\n :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,function(_a){var theme=_a.theme;return theme.styles.colors.white;});var Row$5=styled__default["default"](Row$6)(templateObject_11$2||(templateObject_11$2=__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"])),function(_a){var theme=_a.theme;return veryLight(theme.styles.colors.grey["500"]);},function(_a){var theme=_a.theme;return light(theme.styles.colors.grey["500"],0.72);},function(_a){var _css=_a._css;return _css;});Object.assign(Table,{Head:Head,HeaderRow:HeaderRow,HeaderCell:HeaderCell$1,OverflowButton:OverflowButton,Body:Body,Row:Row$5,Cell:Cell});var templateObject_1$h,templateObject_2$e,templateObject_3$d,templateObject_4$b,templateObject_5$8,templateObject_6$5,templateObject_7$3,templateObject_8$2,templateObject_9$2,templateObject_10$2,templateObject_11$2;var calculateStickyPosition=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray$1([],__read$1(columnConfigs),false);if(checkableRow)configs.unshift({important:true,width:"37.6px"});var _b=__read$1(splitArray(configs,index),1),left=_b[0];var widths=left.map(function(c){return c.width;});return styled.css(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n left: calc(",");\n "],["\n left: calc(",");\n "])),widths.join(" + "));};var calculateStickyShadow=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray$1([],__read$1(columnConfigs),false);if(checkableRow)configs.unshift({important:true});var _b=__read$1(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$d||(templateObject_2$d=__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 nonStickyStyles=styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var stickyStyles=styled.css(templateObject_4$a||(templateObject_4$a=__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$g,templateObject_2$d,templateObject_3$c,templateObject_4$a;var Row$4=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;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$5,__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$f||(templateObject_1$f=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),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$c||(templateObject_2$c=__makeTemplateObject(["\n "," ","\n "],["\n "," ","\n "])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(Text$1,__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$b||(templateObject_3$b=__makeTemplateObject(["\n && {\n }\n"],["\n && {\n }\n"])));Row$4.COMPONENT_NAME="Row";var templateObject_1$f,templateObject_2$c,templateObject_3$b;var SORT_OPTIONS=["asc","desc",undefined];var SortButton=function(_a){var direction=_a.direction,fieldName=_a.fieldName,onClick=_a.onClick;var theme=useTheme();var icon=function(){switch(direction){case"asc":return js.mdiArrowUpThin;case"desc":return js.mdiArrowDownThin;}return js.mdiSwapVertical;};var cycleSorting=React__default.useCallback(function(){onClick(fieldName,nextItem(SORT_OPTIONS,direction));},[direction,fieldName,onClick]);return jsxRuntime.jsx(Button,{color:direction?theme.styles.textColorPrimary:undefined,compact:true,_css:styled.css(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n padding: 2px;\n height: auto;\n "],["\n padding: 2px;\n height: auto;\n "]))),flat:true,icon:icon(),neutral:!direction,onClick:cycleSorting,primary:false});};var templateObject_1$e;var Header$1=function(_a){var bodyScrollbarWidth=_a.bodyScrollbarWidth,checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,hasRowActions=_a.hasRowActions,items=_a.items,onColumnSort=_a.onColumnSort,onSelectAllToggle=_a.onSelectAllToggle,sortState=_a.sortState;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);};var trackSortFields=React__default.useCallback(function(fieldName,direction){var _a;onColumnSort(direction?(_a={},_a[fieldName]=direction,_a):{});},[onColumnSort]);return jsxRuntime.jsx(Head,{children:jsxRuntime.jsxs(HeaderRow,{children:[checkable?jsxRuntime.jsx(HeaderCell$1,__assign({_css:styled.css(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),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,sort=c.sort,width=c.width;index=checkable?index+1:index;return jsxRuntime.jsx(HeaderCell$1,__assign({_css:styled.css(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n "," ","\n "],["\n "," ","\n "])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),alignItems:"center",gap:SPACINGS.XS},{children:[jsxRuntime.jsx(HeaderText$1,__assign({important:important},{children:name})),sort?jsxRuntime.jsx(SortButton,{fieldName:sort.fieldName,direction:sortState[sort.fieldName],onClick:trackSortFields}):null]}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell$1,{extraWidth:"".concat(bodyScrollbarWidth,"px"),hasOverflow:true}):null,!hasRowActions&&bodyScrollbarWidth?jsxRuntime.jsx(HeaderCell$1,{width:"".concat(bodyScrollbarWidth,"px")}):null]})});};var HeaderText$1=function(_a){var children=_a.children,important=_a.important;var color=function(p){return important?p.theme.styles.colorPrimary:"unset";};return jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "],["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "])),color,FONT_SIZES.XS,FONT_WEIGHTS.BOLD)},{children:children}));};var templateObject_1$d,templateObject_2$b,templateObject_3$a,templateObject_4$9;var DesktopTable=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,maxHeight=_a.maxHeight,sortState=_a.sortState,title=_a.title,onColumnSort=_a.onColumnSort,onFiltersChange=_a.onFiltersChange,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;var _c=__read$1(React__default.useState(0),2),verticalScrollbarWidth=_c[0],setVerticalScrollbarWidth=_c[1];var _d=__read$1(React__default.useState("0px"),2),headerHeight=_d[0],setHeaderHeight=_d[1];var bodyRef=React__default.useRef(null);var headerRef=React__default.useRef(null);var handleScroll=function(e){if(!headerRef.current)return;headerRef.current.scrollLeft=e.target.scrollLeft;};React__default.useEffect(function(){if(!bodyRef.current||!headerRef.current)return;var bodyWidth=bodyRef.current.clientWidth;var headerWidth=headerRef.current.clientWidth;var headerHeight=headerRef.current.clientHeight;setVerticalScrollbarWidth(headerWidth-bodyWidth);setHeaderHeight("".concat(headerHeight,"px"));},[]);return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n margin-bottom: 1rem;\n "],["\n margin-bottom: 1rem;\n "]))),justifyContent:"space-between",withRows:true},{children:[title?jsxRuntime.jsx(Title$1,{children:title}):null,helpText?jsxRuntime.jsx(HelpText,{children:helpText}):null,jsxRuntime.jsx(FlexBox,__assign({_css:"flex: 1",justifyContent:"flex-end"},{children:jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange})}))]})),jsxRuntime.jsxs(TableWrapper$1,{children:[jsxRuntime.jsx(Div,__assign({_css:styled.css(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n overflow: hidden;\n "],["\n overflow: hidden;\n "]))),ref:headerRef},{children:jsxRuntime.jsx(Table,{children:jsxRuntime.jsx(Header$1,{bodyScrollbarWidth:verticalScrollbarWidth,checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,items:items,onColumnSort:onColumnSort,onSelectAllToggle:onSelectAllToggle,sortState:sortState})})})),jsxRuntime.jsx(Div,__assign({_css:styled.css(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n overflow: auto ",";\n max-height: calc("," - ",");\n "],["\n overflow: auto ",";\n max-height: calc("," - ",");\n "])),maxHeight?"scroll":"auto",maxHeight,headerHeight),onScroll:handleScroll,ref:bodyRef},{children:jsxRuntime.jsx(Table,{children:jsxRuntime.jsx(Body,{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(Row$4,{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 TableWrapper$1=styled__default["default"].div(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n border: 2px solid ",";\n"],["\n border: 2px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;});var Div=styled__default["default"].div(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});DesktopTable.COMPONENT_NAME="NiceTable";var templateObject_1$c,templateObject_2$a,templateObject_3$9,templateObject_4$8,templateObject_5$7;/**
|
|
13391
|
+
styled.css(templateObject_10$2||(templateObject_10$2=__makeTemplateObject(["\n :hover,\n :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n :hover,\n :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,function(_a){var theme=_a.theme;return theme.styles.colors.white;});var Row$5=styled__default["default"](Row$6)(templateObject_11$2||(templateObject_11$2=__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"])),function(_a){var theme=_a.theme;return veryLight(theme.styles.colors.grey["500"]);},function(_a){var theme=_a.theme;return light(theme.styles.colors.grey["500"],0.72);},function(_a){var _css=_a._css;return _css;});Object.assign(Table,{Head:Head,HeaderRow:HeaderRow,HeaderCell:HeaderCell$1,OverflowButton:OverflowButton,Body:Body,Row:Row$5,Cell:Cell});var templateObject_1$h,templateObject_2$e,templateObject_3$d,templateObject_4$b,templateObject_5$9,templateObject_6$5,templateObject_7$3,templateObject_8$2,templateObject_9$2,templateObject_10$2,templateObject_11$2;var calculateStickyPosition=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray$1([],__read$1(columnConfigs),false);if(checkableRow)configs.unshift({important:true,width:"37.6px"});var _b=__read$1(splitArray(configs,index),1),left=_b[0];var widths=left.map(function(c){return c.width;});return styled.css(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n left: calc(",");\n "],["\n left: calc(",");\n "])),widths.join(" + "));};var calculateStickyShadow=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray$1([],__read$1(columnConfigs),false);if(checkableRow)configs.unshift({important:true});var _b=__read$1(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$d||(templateObject_2$d=__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 nonStickyStyles=styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var stickyStyles=styled.css(templateObject_4$a||(templateObject_4$a=__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$g,templateObject_2$d,templateObject_3$c,templateObject_4$a;var Row$4=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;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$5,__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$f||(templateObject_1$f=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),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$c||(templateObject_2$c=__makeTemplateObject(["\n "," ","\n "],["\n "," ","\n "])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(Text$1,__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$b||(templateObject_3$b=__makeTemplateObject(["\n && {\n }\n"],["\n && {\n }\n"])));Row$4.COMPONENT_NAME="Row";var templateObject_1$f,templateObject_2$c,templateObject_3$b;var SORT_OPTIONS=["asc","desc",undefined];var SortButton=function(_a){var direction=_a.direction,fieldName=_a.fieldName,onClick=_a.onClick;var theme=useTheme();var icon=function(){switch(direction){case"asc":return js.mdiArrowUpThin;case"desc":return js.mdiArrowDownThin;}return js.mdiSwapVertical;};var cycleSorting=React__default.useCallback(function(){onClick(fieldName,nextItem(SORT_OPTIONS,direction));},[direction,fieldName,onClick]);return jsxRuntime.jsx(Button,{color:direction?theme.styles.textColorPrimary:undefined,compact:true,_css:styled.css(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n padding: 2px;\n height: auto;\n "],["\n padding: 2px;\n height: auto;\n "]))),flat:true,icon:icon(),neutral:!direction,onClick:cycleSorting,primary:false});};var templateObject_1$e;var Header$1=function(_a){var bodyScrollbarWidth=_a.bodyScrollbarWidth,checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,hasRowActions=_a.hasRowActions,items=_a.items,onColumnSort=_a.onColumnSort,onSelectAllToggle=_a.onSelectAllToggle,sortState=_a.sortState;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);};var trackSortFields=React__default.useCallback(function(fieldName,direction){var _a;onColumnSort(direction?(_a={},_a[fieldName]=direction,_a):{});},[onColumnSort]);return jsxRuntime.jsx(Head,{children:jsxRuntime.jsxs(HeaderRow,{children:[checkable?jsxRuntime.jsx(HeaderCell$1,__assign({_css:styled.css(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),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,sort=c.sort,width=c.width;index=checkable?index+1:index;return jsxRuntime.jsx(HeaderCell$1,__assign({_css:styled.css(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n "," ","\n "],["\n "," ","\n "])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),alignItems:"center",gap:SPACINGS.XS},{children:[jsxRuntime.jsx(HeaderText$1,__assign({important:important},{children:name})),sort?jsxRuntime.jsx(SortButton,{fieldName:sort.fieldName,direction:sortState[sort.fieldName],onClick:trackSortFields}):null]}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell$1,{extraWidth:"".concat(bodyScrollbarWidth,"px"),hasOverflow:true}):null,!hasRowActions&&bodyScrollbarWidth?jsxRuntime.jsx(HeaderCell$1,{width:"".concat(bodyScrollbarWidth,"px")}):null]})});};var HeaderText$1=function(_a){var children=_a.children,important=_a.important;var color=function(p){return important?p.theme.styles.colorPrimary:"unset";};return jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "],["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "])),color,FONT_SIZES.XS,FONT_WEIGHTS.BOLD)},{children:children}));};var templateObject_1$d,templateObject_2$b,templateObject_3$a,templateObject_4$9;var DesktopTable=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,maxHeight=_a.maxHeight,sortState=_a.sortState,title=_a.title,onColumnSort=_a.onColumnSort,onFiltersChange=_a.onFiltersChange,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;var _c=__read$1(React__default.useState(0),2),verticalScrollbarWidth=_c[0],setVerticalScrollbarWidth=_c[1];var _d=__read$1(React__default.useState("0px"),2),headerHeight=_d[0],setHeaderHeight=_d[1];var bodyRef=React__default.useRef(null);var headerRef=React__default.useRef(null);var handleScroll=function(e){if(!headerRef.current)return;headerRef.current.scrollLeft=e.target.scrollLeft;};React__default.useEffect(function(){if(!bodyRef.current||!headerRef.current)return;var bodyWidth=bodyRef.current.clientWidth;var headerWidth=headerRef.current.clientWidth;var headerHeight=headerRef.current.clientHeight;setVerticalScrollbarWidth(headerWidth-bodyWidth);setHeaderHeight("".concat(headerHeight,"px"));},[]);return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n margin-bottom: 1rem;\n "],["\n margin-bottom: 1rem;\n "]))),justifyContent:"space-between",withRows:true},{children:[title?jsxRuntime.jsx(Title$1,{children:title}):null,helpText?jsxRuntime.jsx(HelpText,{children:helpText}):null,jsxRuntime.jsx(FlexBox,__assign({_css:"flex: 1",justifyContent:"flex-end"},{children:jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange})}))]})),jsxRuntime.jsxs(TableWrapper$1,{children:[jsxRuntime.jsx(Div,__assign({_css:styled.css(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n overflow: hidden;\n "],["\n overflow: hidden;\n "]))),ref:headerRef},{children:jsxRuntime.jsx(Table,{children:jsxRuntime.jsx(Header$1,{bodyScrollbarWidth:verticalScrollbarWidth,checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,items:items,onColumnSort:onColumnSort,onSelectAllToggle:onSelectAllToggle,sortState:sortState})})})),jsxRuntime.jsx(Div,__assign({_css:styled.css(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n overflow: auto ",";\n max-height: calc("," - ",");\n "],["\n overflow: auto ",";\n max-height: calc("," - ",");\n "])),maxHeight?"scroll":"auto",maxHeight,headerHeight),onScroll:handleScroll,ref:bodyRef},{children:jsxRuntime.jsx(Table,{children:jsxRuntime.jsx(Body,{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(Row$4,{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 TableWrapper$1=styled__default["default"].div(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n border: 2px solid ",";\n"],["\n border: 2px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;});var Div=styled__default["default"].div(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});DesktopTable.COMPONENT_NAME="NiceTable";var templateObject_1$c,templateObject_2$a,templateObject_3$9,templateObject_4$8,templateObject_5$8;/**
|
|
13392
13392
|
* Width of the checkbox column in the table
|
|
13393
13393
|
*/var CHECKBOX_WIDTH="37.6px";/**
|
|
13394
13394
|
* Width of the actions/overflow menu column in the table
|
|
@@ -13414,7 +13414,7 @@ styled.css(templateObject_10$2||(templateObject_10$2=__makeTemplateObject(["\n
|
|
|
13414
13414
|
* Shared styles for sticky columns, including borders and shadows
|
|
13415
13415
|
*/var stickyColumnStyles=styled.css(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n position: sticky;\n ","\n ","\n z-index: 2;\n background: white;\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n position: sticky;\n ","\n ","\n z-index: 2;\n background: white;\n\n ","\n\n ","\n\n ","\n\n ","\n"/**
|
|
13416
13416
|
* Shared styles for all table cells
|
|
13417
|
-
*/])),function(_a){var stickyLeft=_a.stickyLeft;return stickyLeft&&"left: ".concat(stickyLeft,";");},function(_a){var stickyRight=_a.stickyRight;return stickyRight&&"right: ".concat(stickyRight,";");},function(_a){var showStickyBorder=_a.showStickyBorder,stickyLeft=_a.stickyLeft,theme=_a.theme;return showStickyBorder&&stickyLeft&&styled.css(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n border-right: 2px solid ",";\n "],["\n border-right: 2px solid ",";\n "])),theme.styles.table.borderColor);},function(_a){var showStickyBorder=_a.showStickyBorder,stickyRight=_a.stickyRight,theme=_a.theme;return showStickyBorder&&stickyRight&&styled.css(templateObject_5$
|
|
13417
|
+
*/])),function(_a){var stickyLeft=_a.stickyLeft;return stickyLeft&&"left: ".concat(stickyLeft,";");},function(_a){var stickyRight=_a.stickyRight;return stickyRight&&"right: ".concat(stickyRight,";");},function(_a){var showStickyBorder=_a.showStickyBorder,stickyLeft=_a.stickyLeft,theme=_a.theme;return showStickyBorder&&stickyLeft&&styled.css(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n border-right: 2px solid ",";\n "],["\n border-right: 2px solid ",";\n "])),theme.styles.table.borderColor);},function(_a){var showStickyBorder=_a.showStickyBorder,stickyRight=_a.stickyRight,theme=_a.theme;return showStickyBorder&&stickyRight&&styled.css(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n border-left: 2px solid ",";\n "],["\n border-left: 2px solid ",";\n "])),theme.styles.table.borderColor);},function(_a){var showStickyShadow=_a.showStickyShadow,stickyLeft=_a.stickyLeft;return showStickyShadow&&stickyLeft&&styled.css(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: -",";\n bottom: 0;\n width: ",";\n background: linear-gradient(\n to right,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0)\n );\n pointer-events: none;\n }\n "],["\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: -",";\n bottom: 0;\n width: ",";\n background: linear-gradient(\n to right,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0)\n );\n pointer-events: none;\n }\n "])),STICKY_SHADOW_WIDTH,STICKY_SHADOW_WIDTH);},function(_a){var showStickyShadow=_a.showStickyShadow,stickyRight=_a.stickyRight;return showStickyShadow&&stickyRight&&styled.css(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -",";\n bottom: 0;\n width: ",";\n background: linear-gradient(\n to left,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0)\n );\n pointer-events: none;\n }\n "],["\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -",";\n bottom: 0;\n width: ",";\n background: linear-gradient(\n to left,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0)\n );\n pointer-events: none;\n }\n "])),STICKY_SHADOW_WIDTH,STICKY_SHADOW_WIDTH);});/**
|
|
13418
13418
|
* Shared styles for all table cells
|
|
13419
13419
|
*/var baseCellStyles=styled.css(templateObject_10$1||(templateObject_10$1=__makeTemplateObject(["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom: ",";\n\n ","\n"],["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom: ",";\n\n ","\n"/**
|
|
13420
13420
|
* Individual header cell styled component
|
|
@@ -13440,7 +13440,7 @@ styled.css(templateObject_10$2||(templateObject_10$2=__makeTemplateObject(["\n
|
|
|
13440
13440
|
* Wrapper for empty state content
|
|
13441
13441
|
*/])),baseCellStyles,function(_a){var isSticky=_a.isSticky;return isSticky&&styled.css(templateObject_16||(templateObject_16=__makeTemplateObject(["\n ","\n z-index: 1;\n\n background: inherit;\n\n ",":not(:hover) & {\n background: white;\n }\n "],["\n ","\n z-index: 1;\n\n background: inherit;\n\n ",":not(:hover) & {\n background: white;\n }\n "])),stickyColumnStyles,RowContainer);},function(_a){var _css=_a._css;return _css;});/**
|
|
13442
13442
|
* Wrapper for empty state content
|
|
13443
|
-
*/var EmptyStateWrapper=styled__default["default"].div(templateObject_18||(templateObject_18=__makeTemplateObject(["\n padding: 2rem;\n text-align: center;\n"],["\n padding: 2rem;\n text-align: center;\n"])));var templateObject_1$b,templateObject_2$9,templateObject_3$8,templateObject_4$7,templateObject_5$
|
|
13443
|
+
*/var EmptyStateWrapper$1=styled__default["default"].div(templateObject_18||(templateObject_18=__makeTemplateObject(["\n padding: 2rem;\n text-align: center;\n"],["\n padding: 2rem;\n text-align: center;\n"])));var templateObject_1$b,templateObject_2$9,templateObject_3$8,templateObject_4$7,templateObject_5$7,templateObject_6$4,templateObject_7$2,templateObject_8$1,templateObject_9$1,templateObject_10$1,templateObject_11$1,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,templateObject_18;/**
|
|
13444
13444
|
* GridRow component renders a single table row using CSS Grid layout.
|
|
13445
13445
|
* Handles checkbox selection, sticky columns, and row actions.
|
|
13446
13446
|
*
|
|
@@ -13470,7 +13470,7 @@ styled.css(templateObject_10$2||(templateObject_10$2=__makeTemplateObject(["\n
|
|
|
13470
13470
|
*
|
|
13471
13471
|
* @param props - The component props
|
|
13472
13472
|
* @returns A feature-rich data table component
|
|
13473
|
-
*/var DesktopTableV2=function(_a){var _b=_a.checkable,checkable=_b===void 0?false:_b,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,hasRowActions=_a.hasRowActions,items=_a.items,maxHeight=_a.maxHeight,_c=_a.showStickyShadow,showStickyShadow=_c===void 0?false:_c,_d=_a.showStickyBorder,showStickyBorder=_d===void 0?true:_d,sortState=_a.sortState,onColumnSort=_a.onColumnSort,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;var _e=__read$1(React__default.useState(0),2),verticalScrollbarWidth=_e[0],setVerticalScrollbarWidth=_e[1];var _f=__read$1(React__default.useState("0px"),2),headerHeight=_f[0],setHeaderHeight=_f[1];var bodyRef=React__default.useRef(null);var headerRef=React__default.useRef(null);var handleBodyScroll=function(e){if(!headerRef.current)return;headerRef.current.scrollLeft=e.target.scrollLeft;};var handleHeaderScroll=function(e){if(!bodyRef.current)return;bodyRef.current.scrollLeft=e.target.scrollLeft;};React__default.useEffect(function(){if(!bodyRef.current||!headerRef.current)return;var updateDimensions=function(){if(!bodyRef.current||!headerRef.current)return;var bodyClientWidth=bodyRef.current.clientWidth;var bodyOffsetWidth=bodyRef.current.offsetWidth;var headerHeight=headerRef.current.clientHeight;var scrollbarWidth=bodyOffsetWidth-bodyClientWidth;setVerticalScrollbarWidth(scrollbarWidth);setHeaderHeight("".concat(headerHeight,"px"));};updateDimensions();var resizeObserver=new ResizeObserver(updateDimensions);resizeObserver.observe(bodyRef.current);return function(){return resizeObserver.disconnect();};},[items]);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);};var trackSortFields=React__default.useCallback(function(fieldName,direction){var _a;onColumnSort(direction?(_a={},_a[fieldName]=direction,_a):{});},[onColumnSort]);var columnWidths=__spreadArray$1(__spreadArray$1([checkable?CHECKBOX_WIDTH:null],__read$1(columnConfigs.map(getColumnWidth)),false),[hasRowActions?ACTIONS_WIDTH:null],false).filter(Boolean);var gridTemplateColumns=columnWidths.join(" ");var getStickyLeft=function(index){var leftWidths=columnWidths.slice(0,index);return leftWidths.length>0?"calc(".concat(leftWidths.join(" + "),")"):"0px";};var stickyColumns=__spreadArray$1(__spreadArray$1([checkable?true:false],__read$1(columnConfigs.map(function(c){return c.important;})),false),[false],false).filter(function(_,i){return i<columnWidths.length;});var lastLeftStickyIndex=stickyColumns.lastIndexOf(true);var getColumnStickyProps=function(index,isSticky){var columnIndex=checkable?index+1:index;var isLastLeftSticky=isSticky&&columnIndex===lastLeftStickyIndex;return{isSticky:isSticky,stickyLeft:isSticky?getStickyLeft(columnIndex):undefined,showStickyShadow:showStickyShadow&&isLastLeftSticky,showStickyBorder:showStickyBorder&&isLastLeftSticky};};return jsxRuntime.jsx(FlexBox,__assign({withRows:true},{children:jsxRuntime.jsxs(TableWrapper,{children:[jsxRuntime.jsx(HeaderScrollContainer,__assign({ref:headerRef,scrollbarWidth:verticalScrollbarWidth,onScroll:handleHeaderScroll},{children:jsxRuntime.jsxs(HeaderContainer,__assign({gridTemplateColumns:gridTemplateColumns},{children:[checkable?jsxRuntime.jsx(HeaderCell,__assign({isCheckbox:true,isSticky:true,stickyLeft:getStickyLeft(0),showStickyShadow:showStickyShadow&&lastLeftStickyIndex===0,showStickyBorder:showStickyBorder&&lastLeftStickyIndex===0},{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})})):null,columnConfigs.map(function(c,index){var important=c.important,name=c.name,sort=c.sort;var stickyProps=getColumnStickyProps(index,important);return jsxRuntime.jsx(HeaderCell,__assign({important:important},stickyProps,{children:jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),alignItems:"center",gap:SPACINGS.XS},{children:[jsxRuntime.jsx(HeaderText,__assign({important:important},{children:name})),sort?jsxRuntime.jsx(SortButton,{fieldName:sort.fieldName,direction:sortState[sort.fieldName],onClick:trackSortFields}):null]}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell,{isSticky:true,isOverflowCell:true,stickyRight:"0px",scrollbarWidth:verticalScrollbarWidth,showStickyShadow:showStickyShadow,showStickyBorder:showStickyBorder}):null]}))})),jsxRuntime.jsx(BodyScrollContainer,__assign({ref:bodyRef,onScroll:handleBodyScroll,maxHeight:maxHeight,headerHeight:headerHeight},{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(GridRow,{item:item,checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,gridTemplateColumns:gridTemplateColumns,getStickyLeft:getStickyLeft,getColumnStickyProps:getColumnStickyProps,isLastRow:isLastItem(items,item),lastLeftStickyIndex:lastLeftStickyIndex,showStickyShadow:showStickyShadow,showStickyBorder:showStickyBorder,onItemChecked:onItemChecked,onItemClick:onItemClick,onItemHoverStart:onItemHoverStart,onItemHoverEnd:onItemHoverEnd},item.key);}):emptyState&&jsxRuntime.jsx(EmptyStateWrapper,{children:emptyState})}))]})}));};DesktopTableV2.COMPONENT_NAME="DesktopTableV2";var templateObject_1$a;// This could've been more streamlined with internal state instead of abusing
|
|
13473
|
+
*/var DesktopTableV2=function(_a){var _b=_a.checkable,checkable=_b===void 0?false:_b,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,hasRowActions=_a.hasRowActions,items=_a.items,maxHeight=_a.maxHeight,_c=_a.showStickyShadow,showStickyShadow=_c===void 0?false:_c,_d=_a.showStickyBorder,showStickyBorder=_d===void 0?true:_d,sortState=_a.sortState,onColumnSort=_a.onColumnSort,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;var _e=__read$1(React__default.useState(0),2),verticalScrollbarWidth=_e[0],setVerticalScrollbarWidth=_e[1];var _f=__read$1(React__default.useState("0px"),2),headerHeight=_f[0],setHeaderHeight=_f[1];var bodyRef=React__default.useRef(null);var headerRef=React__default.useRef(null);var handleBodyScroll=function(e){if(!headerRef.current)return;headerRef.current.scrollLeft=e.target.scrollLeft;};var handleHeaderScroll=function(e){if(!bodyRef.current)return;bodyRef.current.scrollLeft=e.target.scrollLeft;};React__default.useEffect(function(){if(!bodyRef.current||!headerRef.current)return;var updateDimensions=function(){if(!bodyRef.current||!headerRef.current)return;var bodyClientWidth=bodyRef.current.clientWidth;var bodyOffsetWidth=bodyRef.current.offsetWidth;var headerHeight=headerRef.current.clientHeight;var scrollbarWidth=bodyOffsetWidth-bodyClientWidth;setVerticalScrollbarWidth(scrollbarWidth);setHeaderHeight("".concat(headerHeight,"px"));};updateDimensions();var resizeObserver=new ResizeObserver(updateDimensions);resizeObserver.observe(bodyRef.current);return function(){return resizeObserver.disconnect();};},[items]);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);};var trackSortFields=React__default.useCallback(function(fieldName,direction){var _a;onColumnSort(direction?(_a={},_a[fieldName]=direction,_a):{});},[onColumnSort]);var columnWidths=__spreadArray$1(__spreadArray$1([checkable?CHECKBOX_WIDTH:null],__read$1(columnConfigs.map(getColumnWidth)),false),[hasRowActions?ACTIONS_WIDTH:null],false).filter(Boolean);var gridTemplateColumns=columnWidths.join(" ");var getStickyLeft=function(index){var leftWidths=columnWidths.slice(0,index);return leftWidths.length>0?"calc(".concat(leftWidths.join(" + "),")"):"0px";};var stickyColumns=__spreadArray$1(__spreadArray$1([checkable?true:false],__read$1(columnConfigs.map(function(c){return c.important;})),false),[false],false).filter(function(_,i){return i<columnWidths.length;});var lastLeftStickyIndex=stickyColumns.lastIndexOf(true);var getColumnStickyProps=function(index,isSticky){var columnIndex=checkable?index+1:index;var isLastLeftSticky=isSticky&&columnIndex===lastLeftStickyIndex;return{isSticky:isSticky,stickyLeft:isSticky?getStickyLeft(columnIndex):undefined,showStickyShadow:showStickyShadow&&isLastLeftSticky,showStickyBorder:showStickyBorder&&isLastLeftSticky};};return jsxRuntime.jsx(FlexBox,__assign({withRows:true},{children:jsxRuntime.jsxs(TableWrapper,{children:[jsxRuntime.jsx(HeaderScrollContainer,__assign({ref:headerRef,scrollbarWidth:verticalScrollbarWidth,onScroll:handleHeaderScroll},{children:jsxRuntime.jsxs(HeaderContainer,__assign({gridTemplateColumns:gridTemplateColumns},{children:[checkable?jsxRuntime.jsx(HeaderCell,__assign({isCheckbox:true,isSticky:true,stickyLeft:getStickyLeft(0),showStickyShadow:showStickyShadow&&lastLeftStickyIndex===0,showStickyBorder:showStickyBorder&&lastLeftStickyIndex===0},{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})})):null,columnConfigs.map(function(c,index){var important=c.important,name=c.name,sort=c.sort;var stickyProps=getColumnStickyProps(index,important);return jsxRuntime.jsx(HeaderCell,__assign({important:important},stickyProps,{children:jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),alignItems:"center",gap:SPACINGS.XS},{children:[jsxRuntime.jsx(HeaderText,__assign({important:important},{children:name})),sort?jsxRuntime.jsx(SortButton,{fieldName:sort.fieldName,direction:sortState[sort.fieldName],onClick:trackSortFields}):null]}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell,{isSticky:true,isOverflowCell:true,stickyRight:"0px",scrollbarWidth:verticalScrollbarWidth,showStickyShadow:showStickyShadow,showStickyBorder:showStickyBorder}):null]}))})),jsxRuntime.jsx(BodyScrollContainer,__assign({ref:bodyRef,onScroll:handleBodyScroll,maxHeight:maxHeight,headerHeight:headerHeight},{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(GridRow,{item:item,checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,gridTemplateColumns:gridTemplateColumns,getStickyLeft:getStickyLeft,getColumnStickyProps:getColumnStickyProps,isLastRow:isLastItem(items,item),lastLeftStickyIndex:lastLeftStickyIndex,showStickyShadow:showStickyShadow,showStickyBorder:showStickyBorder,onItemChecked:onItemChecked,onItemClick:onItemClick,onItemHoverStart:onItemHoverStart,onItemHoverEnd:onItemHoverEnd},item.key);}):emptyState&&jsxRuntime.jsx(EmptyStateWrapper$1,{children:emptyState})}))]})}));};DesktopTableV2.COMPONENT_NAME="DesktopTableV2";var templateObject_1$a;// This could've been more streamlined with internal state instead of abusing
|
|
13474
13474
|
// refs to such extent, but then composing hooks and components could not opt out of unnecessary renders.
|
|
13475
13475
|
function useResolvedElement(subscriber,refOrElement){var lastReportRef=React__default.useRef(null);var refOrElementRef=React__default.useRef(null);refOrElementRef.current=refOrElement;var cbElementRef=React__default.useRef(null);// Calling re-evaluation after each render without using a dep array,
|
|
13476
13476
|
// as the ref object's current value could've changed since the last render.
|
|
@@ -13544,10 +13544,10 @@ if(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeO
|
|
|
13544
13544
|
*
|
|
13545
13545
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
13546
13546
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
13547
|
-
*/function _extends(){_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}const ALIGN_ITEMS=['start','end','center','baseline','stretch'];const ALIGN_SELF=['auto',...ALIGN_ITEMS];const JUSTIFY_CONTENT=['start','end','center','between','around'];const TEXT_ALIGN=['start','end','center','justify'];const SPACE=[false,'xxs','xs','sm','md','lg','xl','xxl'];const WRAP=['nowrap','wrap','wrap-reverse'];const ORIENTATION=['top','bottom','start','end'];const COMPONENT_ID$6='grid.col';const colorStyles$4=props=>{const backgroundColor=getColor$1('primaryHue',600,props.theme,0.1);return styled.css(["background-clip:content-box;background-color:",";"],backgroundColor);};const flexStyles$1=(size,alignSelf,textAlign,offset,order,props)=>{const margin=offset&&`${math(`${offset} / ${props.columns} * 100`)}%`;let flexBasis;let flexGrow;let maxWidth;let width;if(typeof size==='boolean'){flexBasis=0;flexGrow=1;maxWidth='100%';}else if(size==='auto'){flexBasis='auto';flexGrow=0;maxWidth='100%';width='auto';}else if(size!==undefined){flexBasis=`${math(`${size} / ${props.columns} * 100`)}%`;flexGrow=0;maxWidth=flexBasis;}let horizontalAlign;if(textAlign==='start'){horizontalAlign=props.theme.rtl?'right':'left';}else if(textAlign==='end'){horizontalAlign=props.theme.rtl?'left':'right';}else{horizontalAlign=textAlign;}let flexOrder;if(order==='first'){flexOrder=-1;}else if(order==='last'){flexOrder=math(`${props.columns} + 1`);}else{flexOrder=order;}return styled.css(["flex-basis:",";flex-grow:",";flex-shrink:",";align-self:",";order:",";margin-",":",";width:",";max-width:",";text-align:",";"],flexBasis,flexGrow,size&&0,alignSelf==='start'||alignSelf==='end'?`flex-${alignSelf}`:alignSelf,flexOrder,props.theme.rtl?'right':'left',margin,width,maxWidth,horizontalAlign);};const mediaStyles$1=(minWidth,size,alignSelf,textAlign,offset,order,props)=>{return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles$1(size,alignSelf,textAlign,offset,order,props));};const sizeStyles$4=props=>{const padding=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};const StyledCol=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledCol",componentId:"sc-inuw62-0"})(["box-sizing:border-box;width:100%;",";",";",";",";",";",";",";",";",";"],props=>flexStyles$1(!props.sizeAll&&(props.xs||props.sm||props.md||props.lg||props.xl)?undefined:props.sizeAll||false,props.alignSelf,props.textAlign,props.offset,props.order,props),props=>sizeStyles$4(props),props=>props.debug&&colorStyles$4(props),props=>mediaStyles$1(props.theme.breakpoints.xs,props.xs,props.alignSelfXs,props.textAlignXs,props.offsetXs,props.orderXs,props),props=>mediaStyles$1(props.theme.breakpoints.sm,props.sm,props.alignSelfSm,props.textAlignSm,props.offsetSm,props.orderSm,props),props=>mediaStyles$1(props.theme.breakpoints.md,props.md,props.alignSelfMd,props.textAlignMd,props.offsetMd,props.orderMd,props),props=>mediaStyles$1(props.theme.breakpoints.lg,props.lg,props.alignSelfLg,props.textAlignLg,props.offsetLg,props.orderLg,props),props=>mediaStyles$1(props.theme.breakpoints.xl,props.xl,props.alignSelfXl,props.textAlignXl,props.offsetXl,props.orderXl,props),props=>retrieveComponentStyles(COMPONENT_ID$6,props));StyledCol.defaultProps={columns:12,theme:DEFAULT_THEME};const COMPONENT_ID$5='grid.grid';const colorStyles$3=props=>{const borderColor=getColor$1(props.theme.palette.crimson,400,props.theme,0.5);const borderWidth=math(`${props.theme.borderWidths.sm} * 2`);return styled.css(["box-shadow:-"," 0 0 0 ",","," 0 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};const sizeStyles$3=props=>{const padding=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};const StyledGrid=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledGrid",componentId:"sc-oxgg5i-0"})(["direction:",";margin-right:auto;margin-left:auto;width:100%;box-sizing:border-box;",";",";",";"],props=>props.theme.rtl&&'rtl',props=>sizeStyles$3(props),props=>props.debug&&colorStyles$3(props),props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledGrid.defaultProps={gutters:'md',theme:DEFAULT_THEME};const COMPONENT_ID$4='grid.row';const colorStyles$2=props=>{const borderColor=getColor$1(props.theme.palette.mint,600,props.theme,0.5);const borderWidth=props.theme.borderWidths.sm;return styled.css(["box-shadow:inset 0 "," 0 0 ",",inset 0 -"," 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};const flexStyles=(alignItems,justifyContent,wrap)=>{let flexAlignItems;let flexJustifyContent;if(alignItems==='start'||alignItems==='end'){flexAlignItems=`flex-${alignItems}`;}else{flexAlignItems=alignItems;}if(justifyContent==='start'||justifyContent==='end'){flexJustifyContent=`flex-${justifyContent}`;}else if(justifyContent==='between'||justifyContent==='around'){flexJustifyContent=`space-${justifyContent}`;}else{flexJustifyContent=justifyContent;}return styled.css(["flex-wrap:",";align-items:",";justify-content:",";"],wrap,flexAlignItems,flexJustifyContent);};const mediaStyles=(minWidth,alignItems,justifyContent,wrap)=>{return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles(alignItems,justifyContent,wrap));};const sizeStyles$2=props=>{const margin=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["margin-right:-",";margin-left:-",";"],margin,margin);};const StyledRow=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledRow",componentId:"sc-xjsdg1-0"})(["display:flex;box-sizing:border-box;"," ",";",";",";",";",";",";",";",";"],props=>flexStyles(props.alignItems,props.justifyContent,props.wrapAll),props=>sizeStyles$2(props),props=>props.debug&&colorStyles$2(props),props=>mediaStyles(props.theme.breakpoints.xs,props.alignItemsXs,props.justifyContentXs,props.wrapXs),props=>mediaStyles(props.theme.breakpoints.sm,props.alignItemsSm,props.justifyContentSm,props.wrapSm),props=>mediaStyles(props.theme.breakpoints.md,props.alignItemsMd,props.justifyContentMd,props.wrapMd),props=>mediaStyles(props.theme.breakpoints.lg,props.alignItemsLg,props.justifyContentLg,props.wrapLg),props=>mediaStyles(props.theme.breakpoints.xl,props.alignItemsXl,props.justifyContentXl,props.wrapXl),props=>retrieveComponentStyles(COMPONENT_ID$4,props));StyledRow.defaultProps={wrapAll:'wrap',theme:DEFAULT_THEME};const COMPONENT_ID$3='pane';const StyledPane=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPane",componentId:"sc-1ltjst7-0"})(["position:relative;min-width:0;min-height:0;",";"],props=>retrieveComponentStyles(COMPONENT_ID$3,props));StyledPane.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='pane.content';const StyledPaneContent=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPaneContent",componentId:"sc-1b38mbh-0"})(["height:100%;overflow:auto;&[hidden]{display:none;}",";"],props=>retrieveComponentStyles(COMPONENT_ID$2,props));StyledPaneContent.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1='pane.splitter';const colorStyles$1=props=>{const color=getColor$1('neutralHue',300,props.theme);const hoverColor=getColor$1('primaryHue',600,props.theme);const activeColor=getColor$1('primaryHue',800,props.theme);return styled.css(["&::before{background-color:",";}&:hover::before{background-color:",";}"," &:active::before{background-color:",";}"],color,props.isHovered&&hoverColor,focusStyles({theme:props.theme,hue:hoverColor,styles:{backgroundColor:hoverColor},selector:'&:focus-visible::before, &[data-garden-focus-visible="true"]::before'}),props.isHovered&&activeColor);};const sizeStyles$1=props=>{const size=math(`${props.theme.shadowWidths.md} * 2`);const separatorSize=math(`${props.theme.borderWidths.sm} * 2`);const offset=math(`-${size} / 2`);let cursor;let top;let right;let left;let bottom;let width;let height;let separatorWidth;let separatorHeight;switch(props.orientation){case'top':cursor='row-resize';top=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'bottom':cursor='row-resize';bottom=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'start':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){right=offset;}else{left=offset;}break;case'end':default:cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){left=offset;}else{right=offset;}break;}const dimensionProperty=width==='100%'?'height':'width';return styled.css(["top:",";right:",";bottom:",";left:",";cursor:",";width:",";height:",";&::before{width:",";height:",";}&:hover::before{",":",";}&:focus::before,&:focus-visible::before,&[data-garden-focus-visible]::before{",":",";}&:focus-visible::before,&[data-garden-focus-visible]::before{border-radius:",";}"],top,right,bottom,left,props.isFixed?'pointer':cursor,width,height,separatorWidth,separatorHeight,dimensionProperty,props.isHovered&&separatorSize,dimensionProperty,separatorSize,props.theme.borderRadii.md);};const StyledPaneSplitter=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPaneSplitter",componentId:"sc-jylemn-0"})(["display:flex;position:absolute;align-items:center;justify-content:center;z-index:1;user-select:none;",";","{z-index:2;}&::before{position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:-1;content:'';}",";",";"],sizeStyles$1,SELECTOR_FOCUS_VISIBLE,colorStyles$1,props=>retrieveComponentStyles(COMPONENT_ID$1,props));StyledPaneSplitter.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID='pane.splitter_button';const transformStyles=props=>{let degrees=0;if(props.isRotated){degrees=props.theme.rtl?-180:180;}if(props.orientation==='end'){degrees+=props.theme.rtl?-90:90;}else if(props.orientation==='start'){degrees+=props.theme.rtl?90:-90;}else if(props.orientation==='bottom'){degrees+=180;}return styled.css(["& > svg{transform:rotate(","deg);}"],degrees);};const colorStyles=_ref=>{let{theme}=_ref;const boxShadow=theme.shadows.lg(`${theme.space.base}px`,`${theme.space.base*2}px`,getColor$1('chromeHue',600,theme,0.15));return styled.css(["box-shadow:",";",""],boxShadow,focusStyles({theme,boxShadow}));};const sizeStyles=props=>{const size=`${props.theme.space.base*6}px`;const display=props.splitterSize<=stripUnit(math(`${props.theme.shadowWidths.md} * 2 + ${size}`))&&'none';const isVertical=props.orientation==='start'||props.orientation==='end';let top;let left;let right;let bottom;if(props.splitterSize>=stripUnit(math(`${size} * 3`))){if(props.placement==='start'){if(isVertical){top=size;}else if(props.theme.rtl){right=size;}else{left=size;}}else if(props.placement==='end'){if(isVertical){bottom=size;}else if(props.theme.rtl){left=size;}else{right=size;}}}return styled.css(["display:",";top:",";right:",";bottom:",";left:",";width:",";min-width:",";height:",";"],display,top,right,bottom,left,size,size,size);};const StyledPaneSplitterButton=styled__default["default"](ChevronButton).attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.70.0',isBasic:true,isPill:true,size:'small'}).withConfig({displayName:"StyledPaneSplitterButton",componentId:"sc-zh032e-0"})(["position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,opacity 0.25s ease-in-out 0.1s;opacity:0;",";",";&::before{position:absolute;z-index:-1;background-color:",";width:100%;height:100%;content:'';}",";",":hover &,",":focus-visible &,","[data-garden-focus-visible] &,","{opacity:1;}",";"],sizeStyles,transformStyles,props=>props.theme.colors.background,colorStyles,StyledPaneSplitter,StyledPaneSplitter,StyledPaneSplitter,SELECTOR_FOCUS_VISIBLE,props=>retrieveComponentStyles(COMPONENT_ID,props));StyledPaneSplitterButton.defaultProps={theme:DEFAULT_THEME};const GridContext=React__default.createContext({gutters:'md'});const useGridContext=()=>{return React__default.useContext(GridContext);};const Col$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{size,...props}=_ref;const{columns,gutters,debug}=useGridContext();return React__default__default["default"].createElement(StyledCol,_extends({sizeAll:size,columns:columns,gutters:gutters,debug:debug,ref:ref},props));});Col$1.displayName='Col';Col$1.propTypes={size:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),xs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),sm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),md:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),lg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),xl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),alignSelf:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXs:propTypes.exports.oneOf(ALIGN_SELF),alignSelfSm:propTypes.exports.oneOf(ALIGN_SELF),alignSelfMd:propTypes.exports.oneOf(ALIGN_SELF),alignSelfLg:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXl:propTypes.exports.oneOf(ALIGN_SELF),textAlign:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXs:propTypes.exports.oneOf(TEXT_ALIGN),textAlignSm:propTypes.exports.oneOf(TEXT_ALIGN),textAlignMd:propTypes.exports.oneOf(TEXT_ALIGN),textAlignLg:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXl:propTypes.exports.oneOf(TEXT_ALIGN),offset:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),order:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string])};const Grid$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{columns,debug,...props}=_ref;const value=React__default.useMemo(()=>({columns,gutters:props.gutters,debug}),[columns,props.gutters,debug]);return React__default__default["default"].createElement(GridContext.Provider,{value:value},React__default__default["default"].createElement(StyledGrid,_extends({debug:debug,ref:ref},props)));});Grid$1.displayName='Grid';Grid$1.propTypes={columns:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),gutters:propTypes.exports.oneOf(SPACE),debug:propTypes.exports.bool};Grid$1.defaultProps={columns:12,gutters:'md'};const Row$3=React__default__default["default"].forwardRef((_ref,ref)=>{let{wrap,...props}=_ref;const{gutters,debug}=useGridContext();return React__default__default["default"].createElement(StyledRow,_extends({gutters:gutters,debug:debug,wrapAll:wrap,ref:ref},props));});Row$3.displayName='Row';Row$3.propTypes={alignItems:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXs:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsSm:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsMd:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsLg:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXl:propTypes.exports.oneOf(ALIGN_ITEMS),justifyContent:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXs:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentSm:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentMd:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentLg:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXl:propTypes.exports.oneOf(JUSTIFY_CONTENT),wrap:propTypes.exports.oneOf(WRAP),wrapXs:propTypes.exports.oneOf(WRAP),wrapSm:propTypes.exports.oneOf(WRAP),wrapMd:propTypes.exports.oneOf(WRAP),wrapLg:propTypes.exports.oneOf(WRAP),wrapXl:propTypes.exports.oneOf(WRAP)};const PaneProviderContext=React__default.createContext({});const usePaneProviderContextData=providerId=>{const context=React__default.useContext(PaneProviderContext);const id=providerId||context.providerId;return id&&context.contextData?context.contextData[id]:undefined;};({id:propTypes.exports.string,totalPanesWidth:propTypes.exports.number.isRequired,totalPanesHeight:propTypes.exports.number.isRequired,defaultRowValues:propTypes.exports.object,defaultColumnValues:propTypes.exports.object,rowValues:propTypes.exports.object,columnValues:propTypes.exports.object,onChange:propTypes.exports.func,children:propTypes.exports.func});const PaneContext=React__default.createContext({setId:()=>undefined});const usePaneContext=()=>{return React__default.useContext(PaneContext);};const PaneSplitterContext=React__default.createContext({orientation:'start',min:0,max:0,layoutKey:'',valueNow:0,size:0,isRow:false});const usePaneSplitterContext=()=>{return React__default.useContext(PaneSplitterContext);};const paneToSplitterOrientation={start:'vertical',end:'vertical',top:'horizontal',bottom:'horizontal'};const orientationToDimension={start:'columns',end:'columns',top:'rows',bottom:'rows'};const SplitterComponent=React__default.forwardRef((_ref,ref)=>{let{providerId,layoutKey,min,max,orientation,isFixed,onMouseDown,onTouchStart,onKeyDown,onClick,...props}=_ref;const paneProviderContext=usePaneProviderContextData(providerId);const paneContext=usePaneContext();const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const[isHovered,setIsHovered]=React__default.useState(false);const isRow=orientationToDimension[orientation]==='rows';const separatorRef=React__default.useRef(null);const splitterOrientation=paneToSplitterOrientation[orientation||'end'];const pixelsPerFr=paneProviderContext?paneProviderContext.pixelsPerFr[orientationToDimension[orientation]]:0;const value=isRow?paneProviderContext?.getRowValue(layoutKey,true):paneProviderContext?.getColumnValue(layoutKey,true);const valueInFr=isRow?paneProviderContext?.getRowValue(layoutKey):paneProviderContext?.getColumnValue(layoutKey);const{getSeparatorProps,getPrimaryPaneProps}=useSplitter({orientation:splitterOrientation,isLeading:orientation==='start'||orientation==='top',min:min*pixelsPerFr,max:max*pixelsPerFr,rtl:themeContext.rtl,isFixed,environment,onChange:valueNow=>{if(isRow){return paneProviderContext?.setRowValue(orientation==='top',layoutKey,valueNow/pixelsPerFr);}return paneProviderContext?.setColumnValue(orientation==='start',layoutKey,valueNow/pixelsPerFr);},valueNow:value,separatorRef});React__default.useEffect(()=>{if(!paneContext.id){paneContext.setId(getPrimaryPaneProps().id);}},[paneContext,getPrimaryPaneProps]);const ariaLabel=useText(SplitterComponent,props,'aria-label',`${splitterOrientation} splitter`);const separatorProps=getSeparatorProps({'aria-controls':paneContext.id,'aria-label':ariaLabel,onMouseDown,onTouchStart,onKeyDown,onClick});const size=isRow?separatorRef.current?.clientWidth:separatorRef.current?.clientHeight;const onMouseOver=React__default.useMemo(()=>composeEventHandlers$1(props.onMouseOver,event=>setIsHovered(event.target===separatorRef.current)),[props.onMouseOver,separatorRef]);return React__default__default["default"].createElement(PaneSplitterContext.Provider,{value:React__default.useMemo(()=>({orientation,layoutKey,min,max,valueNow:valueInFr,size,isRow}),[orientation,layoutKey,min,max,valueInFr,size,isRow])},React__default__default["default"].createElement(StyledPaneSplitter,_extends({isHovered:isHovered,isFixed:isFixed,orientation:orientation},separatorProps,props,{onMouseOver:onMouseOver,ref:mergeRefs([separatorRef,ref])})));});SplitterComponent.displayName='Pane.Splitter';SplitterComponent.propTypes={layoutKey:propTypes.exports.string.isRequired,min:propTypes.exports.number.isRequired,max:propTypes.exports.number.isRequired,orientation:propTypes.exports.oneOf(ORIENTATION),isFixed:propTypes.exports.bool};SplitterComponent.defaultProps={orientation:'end'};const Splitter=SplitterComponent;const ContentComponent=React__default.forwardRef((props,ref)=>{const{isVisible}=usePaneContext();return React__default__default["default"].createElement(StyledPaneContent,_extends({hidden:!isVisible,ref:ref},props));});ContentComponent.displayName='Pane.Content';const Content=ContentComponent;const SplitterButtonComponent=React__default.forwardRef((props,ref)=>{const{label,placement:defaultPlacement}=props;const{orientation,layoutKey,min,max,isRow,valueNow,size,providerId}=usePaneSplitterContext();const paneProviderContext=usePaneProviderContextData(providerId);const isTop=orientation==='top';const isStart=orientation==='start';const isMin=valueNow===min;let placement=defaultPlacement;if(!defaultPlacement){if(isRow){placement='center';}else{placement='start';}}const setValue=React__default.useCallback(value=>{if(isRow){paneProviderContext.setRowValue(isTop,layoutKey,value);}else{paneProviderContext.setColumnValue(isStart,layoutKey,value);}},[isRow,isTop,isStart,layoutKey,paneProviderContext]);const onClick=composeEventHandlers$1(props.onClick,()=>{if(isMin){setValue(max);}else{setValue(min);}});const onKeyDown=composeEventHandlers$1(props.onKeyDown,event=>event.stopPropagation());const onMouseDown=composeEventHandlers$1(props.onMouseDown,event=>event.stopPropagation());return React__default__default["default"].createElement(Tooltip,{content:label,style:{cursor:'default'},onMouseDown:e=>e.stopPropagation()},React__default__default["default"].createElement(StyledPaneSplitterButton,_extends({"aria-label":label},props,{placement:placement,orientation:orientation,isRotated:isMin,splitterSize:size||0,ref:ref,onClick:onClick,onKeyDown:onKeyDown,onMouseDown:onMouseDown})));});SplitterButtonComponent.displayName='Pane.SplitterButton';const SplitterButton=SplitterButtonComponent;const PaneComponent=React__default.forwardRef((_ref,ref)=>{let{children,...props}=_ref;const[paneId,setPaneId]=React__default.useState();const observerRef=React__default.useRef(null);const{width=0,height=0}=useResizeObserver({ref:observerRef});const isVisible=React__default.useMemo(()=>observerRef.current?width>0&&height>0:true,[width,height]);const paneContext=React__default.useMemo(()=>({isVisible,id:paneId,setId:id=>setPaneId(id)}),[paneId,isVisible]);return React__default__default["default"].createElement(PaneContext.Provider,{value:paneContext},React__default__default["default"].createElement(StyledPane,_extends({id:paneId,ref:mergeRefs([ref,observerRef])},props),children));});PaneComponent.displayName='Pane';const Pane=PaneComponent;Pane.Content=Content;Pane.Splitter=Splitter;Pane.SplitterButton=SplitterButton;var Grid=styled__default["default"](Grid$1)(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n && {\n padding: 0;\n }\n"],["\n && {\n padding: 0;\n }\n"])));var Row$2=styled__default["default"](Row$3)(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Col=styled__default["default"](Col$1)(templateObject_3$7||(templateObject_3$7=__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$9,templateObject_2$8,templateObject_3$7;var Row$1=function(_a){var checkable=_a.checkable,checked=_a.checked,checkDisabled=_a.checkDisabled,columnConfigs=_a.columnConfigs,item=_a.item,listviewMode=_a.listviewMode,listviewNode=_a.listviewNode,onCheck=_a.onCheck,onClick=_a.onClick;var _b=__read$1(React__default.useState(true),2),isCollapsed=_b[0],setCollapsedState=_b[1];var theme=useTheme();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$1,__assign({_css:styled.css(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))})),jsxRuntime.jsx(Col,__assign({md:7,sm:12},{children:jsxRuntime.jsx(FlexBox,__assign({justifyContent:"flex-end",alignItems:"center"},{children:jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))}))]}),"".concat(key,"-").concat(name));};var _c=__read$1(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.jsxs(Container$5,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({fluid:true},{children:[checkable?jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange}):null,jsxRuntime.jsx(FlexBox,__assign({withRows:true,fluid:true},{children:listviewMode?listviewNode:jsxRuntime.jsxs(Grid,{children:[importantColumns.map(createGridRow),!isCollapsed?jsxRuntime.jsx(FlexBox,{_css:styled.css(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n margin: 0.5em 0;\n background: ",";\n height: 2px;\n width: 20px;\n "],["\n margin: 0.5em 0;\n background: ",";\n height: 2px;\n width: 20px;\n "])),theme.styles.colors.grey["300"])}):null,collapsibleColumns.map(createGridRow)]})})),actions?jsxRuntime.jsx("div",{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,placement:"bottom-end"})}):null]})),isNotEmpty(collapsibleColumns)&&!listviewMode?jsxRuntime.jsxs(Button,__assign({_css:styled.css(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n align-self: flex-end;\n margin-bottom: ",";\n "],["\n align-self: flex-end;\n margin-bottom: ",";\n "])),SPACINGS.XS),fluid:true,icon:isCollapsed?js.mdiChevronDown:js.mdiChevronUp,primary:false,size:"small",onClick:toggleCollapse},{children:["Show ",isCollapsed?"More":"Less"]})):null]}));};var Container$5=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n background: ",";\n border-bottom: 1px solid\n ",";\n padding: ",";\n"],["\n background: ",";\n border-bottom: 1px solid\n ",";\n padding: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;},function(_a){var theme=_a.theme;return veryLight(theme.styles.colors.grey["500"]);},SPACINGS.SM);var ColumnRow=styled__default["default"](Row$2)(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n display: ",";\n padding: 0.1em;\n border-radius: 10px;\n"],["\n display: ",";\n padding: 0.1em;\n border-radius: 10px;\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"flex";});var templateObject_1$8,templateObject_2$7,templateObject_3$6,templateObject_4$6,templateObject_5$5,templateObject_6$3;var MobileTable=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,items=_a.items;_a.mobileListview;_a.mobileListviewNodes;var onItemClick=_a.onItemClick,onItemChecked=_a.onItemChecked;return jsxRuntime.jsx(Container$4,__assign({gap:"1px",withRows:true},{children:items.map(function(item,index){return jsxRuntime.jsx(Row$1,{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$4=styled__default["default"](FlexBox)(templateObject_1$7||(templateObject_1$7=__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$7;var removeHorizontalPadding=styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.MD);return styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.body.padding);},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$6,templateObject_2$6,templateObject_3$5,templateObject_4$5,templateObject_5$4;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c;return jsxRuntime.jsx(Container$3,__assign({bordered:bordered,className:className,justifyContent:"flex-end",paddingSize:paddingSize},{children:actions}));})(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$2=styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$3=styled__default["default"](FlexBox)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.SM,SPACINGS.MD,SPACINGS.MD);return styled.css(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";});var templateObject_1$5,templateObject_2$5,templateObject_3$4,templateObject_4$4,templateObject_5$3,templateObject_6$2;var SectionHeader=styled__default["default"](React__default.forwardRef(function(_a,ref){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c,_d=_a.title,title=_d===void 0?children:_d;return jsxRuntime.jsxs(Container$2,__assign({bordered:bordered,className:className,paddingSize:paddingSize,ref:ref,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text,{children:caption}):null]}));}))(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$2=styled__default["default"](FlexBox)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.MD,SPACINGS.MD,SPACINGS.SM);return styled.css(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var Text=styled__default["default"].div(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"])));var templateObject_1$4,templateObject_2$4,templateObject_3$3,templateObject_4$3,templateObject_5$2,templateObject_6$1,templateObject_7$1;var SECTION_PADDING_SIZES={DEFAULT:"default",MEDIUM:"medium",SMALL:"small"};var boxShadow=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var compactStyling=styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"],["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"])),SectionHeader,SectionBody,SectionBody,SectionFooter);var roundBorder=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder=styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";},function(_a){var color=_a.color;return color&&color!=="transparent"?textColorForBackground:"";},function(_a){var compact=_a.compact;return compact?compactStyling:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$3,templateObject_2$3,templateObject_3$2,templateObject_4$2,templateObject_5$1;var Card=function(_a){var _css=_a._css,_b=_a.borderedSections,borderedSections=_b===void 0?false:_b,children=_a.children,_c=_a.compact,compact=_c===void 0?false:_c,color=_a.color,footerActions=_a.footerActions,headerActions=_a.headerActions,onClick=_a.onClick,shadowed=_a.shadowed,title=_a.title;var hasHeader=!!(title||headerActions);var hasFooter=!!footerActions;return jsxRuntime.jsxs(Section,__assign({_css:_css,bordered:true,color:color,compact:true,onClick:onClick,rounded:true,shadowed:shadowed},{children:[hasHeader?jsxRuntime.jsx(SectionHeader,__assign({actions:headerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:title})):null,children?jsxRuntime.jsx(SectionBody,__assign({paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:children})):null,hasFooter?jsxRuntime.jsx(SectionFooter,{actions:footerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM}):null]}));};var Row=function(_a){var checkable=_a.checkable,checked=_a.checked,checkDisabled=_a.checkDisabled,columnConfigs=_a.columnConfigs,isLastRow=_a.isLastRow,item=_a.item,listviewMode=_a.listviewMode,listviewNode=_a.listviewNode,onCheck=_a.onCheck,onClick=_a.onClick;var _b=__read$1(React__default.useState(true),2),isCollapsed=_b[0],setCollapsedState=_b[1];var key=item.key,containerStyles=item.containerStyles,actions=item.actions;var firstColumn=columnConfigs[0];var firstColumnValue=firstColumn?item[firstColumn.name]:null;var handleCheckChange=function(isChecked){onCheck===null||onCheck===void 0?void 0:onCheck(key,isChecked);};var handleClick=function(){onClick===null||onClick===void 0?void 0:onClick(key);};var checkboxNode=checkable?jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange}):null;var overflowMenuNode=actions?jsxRuntime.jsx(OverflowMenu,{actions:actions,placement:"bottom-end"}):null;// If listview mode is enabled, return only the render function result
|
|
13547
|
+
*/function _extends(){_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}const ALIGN_ITEMS=['start','end','center','baseline','stretch'];const ALIGN_SELF=['auto',...ALIGN_ITEMS];const JUSTIFY_CONTENT=['start','end','center','between','around'];const TEXT_ALIGN=['start','end','center','justify'];const SPACE=[false,'xxs','xs','sm','md','lg','xl','xxl'];const WRAP=['nowrap','wrap','wrap-reverse'];const ORIENTATION=['top','bottom','start','end'];const COMPONENT_ID$6='grid.col';const colorStyles$4=props=>{const backgroundColor=getColor$1('primaryHue',600,props.theme,0.1);return styled.css(["background-clip:content-box;background-color:",";"],backgroundColor);};const flexStyles$1=(size,alignSelf,textAlign,offset,order,props)=>{const margin=offset&&`${math(`${offset} / ${props.columns} * 100`)}%`;let flexBasis;let flexGrow;let maxWidth;let width;if(typeof size==='boolean'){flexBasis=0;flexGrow=1;maxWidth='100%';}else if(size==='auto'){flexBasis='auto';flexGrow=0;maxWidth='100%';width='auto';}else if(size!==undefined){flexBasis=`${math(`${size} / ${props.columns} * 100`)}%`;flexGrow=0;maxWidth=flexBasis;}let horizontalAlign;if(textAlign==='start'){horizontalAlign=props.theme.rtl?'right':'left';}else if(textAlign==='end'){horizontalAlign=props.theme.rtl?'left':'right';}else{horizontalAlign=textAlign;}let flexOrder;if(order==='first'){flexOrder=-1;}else if(order==='last'){flexOrder=math(`${props.columns} + 1`);}else{flexOrder=order;}return styled.css(["flex-basis:",";flex-grow:",";flex-shrink:",";align-self:",";order:",";margin-",":",";width:",";max-width:",";text-align:",";"],flexBasis,flexGrow,size&&0,alignSelf==='start'||alignSelf==='end'?`flex-${alignSelf}`:alignSelf,flexOrder,props.theme.rtl?'right':'left',margin,width,maxWidth,horizontalAlign);};const mediaStyles$1=(minWidth,size,alignSelf,textAlign,offset,order,props)=>{return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles$1(size,alignSelf,textAlign,offset,order,props));};const sizeStyles$4=props=>{const padding=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};const StyledCol=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledCol",componentId:"sc-inuw62-0"})(["box-sizing:border-box;width:100%;",";",";",";",";",";",";",";",";",";"],props=>flexStyles$1(!props.sizeAll&&(props.xs||props.sm||props.md||props.lg||props.xl)?undefined:props.sizeAll||false,props.alignSelf,props.textAlign,props.offset,props.order,props),props=>sizeStyles$4(props),props=>props.debug&&colorStyles$4(props),props=>mediaStyles$1(props.theme.breakpoints.xs,props.xs,props.alignSelfXs,props.textAlignXs,props.offsetXs,props.orderXs,props),props=>mediaStyles$1(props.theme.breakpoints.sm,props.sm,props.alignSelfSm,props.textAlignSm,props.offsetSm,props.orderSm,props),props=>mediaStyles$1(props.theme.breakpoints.md,props.md,props.alignSelfMd,props.textAlignMd,props.offsetMd,props.orderMd,props),props=>mediaStyles$1(props.theme.breakpoints.lg,props.lg,props.alignSelfLg,props.textAlignLg,props.offsetLg,props.orderLg,props),props=>mediaStyles$1(props.theme.breakpoints.xl,props.xl,props.alignSelfXl,props.textAlignXl,props.offsetXl,props.orderXl,props),props=>retrieveComponentStyles(COMPONENT_ID$6,props));StyledCol.defaultProps={columns:12,theme:DEFAULT_THEME};const COMPONENT_ID$5='grid.grid';const colorStyles$3=props=>{const borderColor=getColor$1(props.theme.palette.crimson,400,props.theme,0.5);const borderWidth=math(`${props.theme.borderWidths.sm} * 2`);return styled.css(["box-shadow:-"," 0 0 0 ",","," 0 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};const sizeStyles$3=props=>{const padding=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};const StyledGrid=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledGrid",componentId:"sc-oxgg5i-0"})(["direction:",";margin-right:auto;margin-left:auto;width:100%;box-sizing:border-box;",";",";",";"],props=>props.theme.rtl&&'rtl',props=>sizeStyles$3(props),props=>props.debug&&colorStyles$3(props),props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledGrid.defaultProps={gutters:'md',theme:DEFAULT_THEME};const COMPONENT_ID$4='grid.row';const colorStyles$2=props=>{const borderColor=getColor$1(props.theme.palette.mint,600,props.theme,0.5);const borderWidth=props.theme.borderWidths.sm;return styled.css(["box-shadow:inset 0 "," 0 0 ",",inset 0 -"," 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};const flexStyles=(alignItems,justifyContent,wrap)=>{let flexAlignItems;let flexJustifyContent;if(alignItems==='start'||alignItems==='end'){flexAlignItems=`flex-${alignItems}`;}else{flexAlignItems=alignItems;}if(justifyContent==='start'||justifyContent==='end'){flexJustifyContent=`flex-${justifyContent}`;}else if(justifyContent==='between'||justifyContent==='around'){flexJustifyContent=`space-${justifyContent}`;}else{flexJustifyContent=justifyContent;}return styled.css(["flex-wrap:",";align-items:",";justify-content:",";"],wrap,flexAlignItems,flexJustifyContent);};const mediaStyles=(minWidth,alignItems,justifyContent,wrap)=>{return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles(alignItems,justifyContent,wrap));};const sizeStyles$2=props=>{const margin=props.gutters?math(`${props.theme.space[props.gutters]} / 2`):0;return styled.css(["margin-right:-",";margin-left:-",";"],margin,margin);};const StyledRow=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledRow",componentId:"sc-xjsdg1-0"})(["display:flex;box-sizing:border-box;"," ",";",";",";",";",";",";",";",";"],props=>flexStyles(props.alignItems,props.justifyContent,props.wrapAll),props=>sizeStyles$2(props),props=>props.debug&&colorStyles$2(props),props=>mediaStyles(props.theme.breakpoints.xs,props.alignItemsXs,props.justifyContentXs,props.wrapXs),props=>mediaStyles(props.theme.breakpoints.sm,props.alignItemsSm,props.justifyContentSm,props.wrapSm),props=>mediaStyles(props.theme.breakpoints.md,props.alignItemsMd,props.justifyContentMd,props.wrapMd),props=>mediaStyles(props.theme.breakpoints.lg,props.alignItemsLg,props.justifyContentLg,props.wrapLg),props=>mediaStyles(props.theme.breakpoints.xl,props.alignItemsXl,props.justifyContentXl,props.wrapXl),props=>retrieveComponentStyles(COMPONENT_ID$4,props));StyledRow.defaultProps={wrapAll:'wrap',theme:DEFAULT_THEME};const COMPONENT_ID$3='pane';const StyledPane=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPane",componentId:"sc-1ltjst7-0"})(["position:relative;min-width:0;min-height:0;",";"],props=>retrieveComponentStyles(COMPONENT_ID$3,props));StyledPane.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='pane.content';const StyledPaneContent=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPaneContent",componentId:"sc-1b38mbh-0"})(["height:100%;overflow:auto;&[hidden]{display:none;}",";"],props=>retrieveComponentStyles(COMPONENT_ID$2,props));StyledPaneContent.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1='pane.splitter';const colorStyles$1=props=>{const color=getColor$1('neutralHue',300,props.theme);const hoverColor=getColor$1('primaryHue',600,props.theme);const activeColor=getColor$1('primaryHue',800,props.theme);return styled.css(["&::before{background-color:",";}&:hover::before{background-color:",";}"," &:active::before{background-color:",";}"],color,props.isHovered&&hoverColor,focusStyles({theme:props.theme,hue:hoverColor,styles:{backgroundColor:hoverColor},selector:'&:focus-visible::before, &[data-garden-focus-visible="true"]::before'}),props.isHovered&&activeColor);};const sizeStyles$1=props=>{const size=math(`${props.theme.shadowWidths.md} * 2`);const separatorSize=math(`${props.theme.borderWidths.sm} * 2`);const offset=math(`-${size} / 2`);let cursor;let top;let right;let left;let bottom;let width;let height;let separatorWidth;let separatorHeight;switch(props.orientation){case'top':cursor='row-resize';top=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'bottom':cursor='row-resize';bottom=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'start':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){right=offset;}else{left=offset;}break;case'end':default:cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){left=offset;}else{right=offset;}break;}const dimensionProperty=width==='100%'?'height':'width';return styled.css(["top:",";right:",";bottom:",";left:",";cursor:",";width:",";height:",";&::before{width:",";height:",";}&:hover::before{",":",";}&:focus::before,&:focus-visible::before,&[data-garden-focus-visible]::before{",":",";}&:focus-visible::before,&[data-garden-focus-visible]::before{border-radius:",";}"],top,right,bottom,left,props.isFixed?'pointer':cursor,width,height,separatorWidth,separatorHeight,dimensionProperty,props.isHovered&&separatorSize,dimensionProperty,separatorSize,props.theme.borderRadii.md);};const StyledPaneSplitter=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPaneSplitter",componentId:"sc-jylemn-0"})(["display:flex;position:absolute;align-items:center;justify-content:center;z-index:1;user-select:none;",";","{z-index:2;}&::before{position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:-1;content:'';}",";",";"],sizeStyles$1,SELECTOR_FOCUS_VISIBLE,colorStyles$1,props=>retrieveComponentStyles(COMPONENT_ID$1,props));StyledPaneSplitter.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID='pane.splitter_button';const transformStyles=props=>{let degrees=0;if(props.isRotated){degrees=props.theme.rtl?-180:180;}if(props.orientation==='end'){degrees+=props.theme.rtl?-90:90;}else if(props.orientation==='start'){degrees+=props.theme.rtl?90:-90;}else if(props.orientation==='bottom'){degrees+=180;}return styled.css(["& > svg{transform:rotate(","deg);}"],degrees);};const colorStyles=_ref=>{let{theme}=_ref;const boxShadow=theme.shadows.lg(`${theme.space.base}px`,`${theme.space.base*2}px`,getColor$1('chromeHue',600,theme,0.15));return styled.css(["box-shadow:",";",""],boxShadow,focusStyles({theme,boxShadow}));};const sizeStyles=props=>{const size=`${props.theme.space.base*6}px`;const display=props.splitterSize<=stripUnit(math(`${props.theme.shadowWidths.md} * 2 + ${size}`))&&'none';const isVertical=props.orientation==='start'||props.orientation==='end';let top;let left;let right;let bottom;if(props.splitterSize>=stripUnit(math(`${size} * 3`))){if(props.placement==='start'){if(isVertical){top=size;}else if(props.theme.rtl){right=size;}else{left=size;}}else if(props.placement==='end'){if(isVertical){bottom=size;}else if(props.theme.rtl){left=size;}else{right=size;}}}return styled.css(["display:",";top:",";right:",";bottom:",";left:",";width:",";min-width:",";height:",";"],display,top,right,bottom,left,size,size,size);};const StyledPaneSplitterButton=styled__default["default"](ChevronButton).attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.70.0',isBasic:true,isPill:true,size:'small'}).withConfig({displayName:"StyledPaneSplitterButton",componentId:"sc-zh032e-0"})(["position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,opacity 0.25s ease-in-out 0.1s;opacity:0;",";",";&::before{position:absolute;z-index:-1;background-color:",";width:100%;height:100%;content:'';}",";",":hover &,",":focus-visible &,","[data-garden-focus-visible] &,","{opacity:1;}",";"],sizeStyles,transformStyles,props=>props.theme.colors.background,colorStyles,StyledPaneSplitter,StyledPaneSplitter,StyledPaneSplitter,SELECTOR_FOCUS_VISIBLE,props=>retrieveComponentStyles(COMPONENT_ID,props));StyledPaneSplitterButton.defaultProps={theme:DEFAULT_THEME};const GridContext=React__default.createContext({gutters:'md'});const useGridContext=()=>{return React__default.useContext(GridContext);};const Col$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{size,...props}=_ref;const{columns,gutters,debug}=useGridContext();return React__default__default["default"].createElement(StyledCol,_extends({sizeAll:size,columns:columns,gutters:gutters,debug:debug,ref:ref},props));});Col$1.displayName='Col';Col$1.propTypes={size:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),xs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),sm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),md:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),lg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),xl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),alignSelf:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXs:propTypes.exports.oneOf(ALIGN_SELF),alignSelfSm:propTypes.exports.oneOf(ALIGN_SELF),alignSelfMd:propTypes.exports.oneOf(ALIGN_SELF),alignSelfLg:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXl:propTypes.exports.oneOf(ALIGN_SELF),textAlign:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXs:propTypes.exports.oneOf(TEXT_ALIGN),textAlignSm:propTypes.exports.oneOf(TEXT_ALIGN),textAlignMd:propTypes.exports.oneOf(TEXT_ALIGN),textAlignLg:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXl:propTypes.exports.oneOf(TEXT_ALIGN),offset:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),order:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string])};const Grid$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{columns,debug,...props}=_ref;const value=React__default.useMemo(()=>({columns,gutters:props.gutters,debug}),[columns,props.gutters,debug]);return React__default__default["default"].createElement(GridContext.Provider,{value:value},React__default__default["default"].createElement(StyledGrid,_extends({debug:debug,ref:ref},props)));});Grid$1.displayName='Grid';Grid$1.propTypes={columns:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),gutters:propTypes.exports.oneOf(SPACE),debug:propTypes.exports.bool};Grid$1.defaultProps={columns:12,gutters:'md'};const Row$3=React__default__default["default"].forwardRef((_ref,ref)=>{let{wrap,...props}=_ref;const{gutters,debug}=useGridContext();return React__default__default["default"].createElement(StyledRow,_extends({gutters:gutters,debug:debug,wrapAll:wrap,ref:ref},props));});Row$3.displayName='Row';Row$3.propTypes={alignItems:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXs:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsSm:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsMd:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsLg:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXl:propTypes.exports.oneOf(ALIGN_ITEMS),justifyContent:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXs:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentSm:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentMd:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentLg:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXl:propTypes.exports.oneOf(JUSTIFY_CONTENT),wrap:propTypes.exports.oneOf(WRAP),wrapXs:propTypes.exports.oneOf(WRAP),wrapSm:propTypes.exports.oneOf(WRAP),wrapMd:propTypes.exports.oneOf(WRAP),wrapLg:propTypes.exports.oneOf(WRAP),wrapXl:propTypes.exports.oneOf(WRAP)};const PaneProviderContext=React__default.createContext({});const usePaneProviderContextData=providerId=>{const context=React__default.useContext(PaneProviderContext);const id=providerId||context.providerId;return id&&context.contextData?context.contextData[id]:undefined;};({id:propTypes.exports.string,totalPanesWidth:propTypes.exports.number.isRequired,totalPanesHeight:propTypes.exports.number.isRequired,defaultRowValues:propTypes.exports.object,defaultColumnValues:propTypes.exports.object,rowValues:propTypes.exports.object,columnValues:propTypes.exports.object,onChange:propTypes.exports.func,children:propTypes.exports.func});const PaneContext=React__default.createContext({setId:()=>undefined});const usePaneContext=()=>{return React__default.useContext(PaneContext);};const PaneSplitterContext=React__default.createContext({orientation:'start',min:0,max:0,layoutKey:'',valueNow:0,size:0,isRow:false});const usePaneSplitterContext=()=>{return React__default.useContext(PaneSplitterContext);};const paneToSplitterOrientation={start:'vertical',end:'vertical',top:'horizontal',bottom:'horizontal'};const orientationToDimension={start:'columns',end:'columns',top:'rows',bottom:'rows'};const SplitterComponent=React__default.forwardRef((_ref,ref)=>{let{providerId,layoutKey,min,max,orientation,isFixed,onMouseDown,onTouchStart,onKeyDown,onClick,...props}=_ref;const paneProviderContext=usePaneProviderContextData(providerId);const paneContext=usePaneContext();const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const[isHovered,setIsHovered]=React__default.useState(false);const isRow=orientationToDimension[orientation]==='rows';const separatorRef=React__default.useRef(null);const splitterOrientation=paneToSplitterOrientation[orientation||'end'];const pixelsPerFr=paneProviderContext?paneProviderContext.pixelsPerFr[orientationToDimension[orientation]]:0;const value=isRow?paneProviderContext?.getRowValue(layoutKey,true):paneProviderContext?.getColumnValue(layoutKey,true);const valueInFr=isRow?paneProviderContext?.getRowValue(layoutKey):paneProviderContext?.getColumnValue(layoutKey);const{getSeparatorProps,getPrimaryPaneProps}=useSplitter({orientation:splitterOrientation,isLeading:orientation==='start'||orientation==='top',min:min*pixelsPerFr,max:max*pixelsPerFr,rtl:themeContext.rtl,isFixed,environment,onChange:valueNow=>{if(isRow){return paneProviderContext?.setRowValue(orientation==='top',layoutKey,valueNow/pixelsPerFr);}return paneProviderContext?.setColumnValue(orientation==='start',layoutKey,valueNow/pixelsPerFr);},valueNow:value,separatorRef});React__default.useEffect(()=>{if(!paneContext.id){paneContext.setId(getPrimaryPaneProps().id);}},[paneContext,getPrimaryPaneProps]);const ariaLabel=useText(SplitterComponent,props,'aria-label',`${splitterOrientation} splitter`);const separatorProps=getSeparatorProps({'aria-controls':paneContext.id,'aria-label':ariaLabel,onMouseDown,onTouchStart,onKeyDown,onClick});const size=isRow?separatorRef.current?.clientWidth:separatorRef.current?.clientHeight;const onMouseOver=React__default.useMemo(()=>composeEventHandlers$1(props.onMouseOver,event=>setIsHovered(event.target===separatorRef.current)),[props.onMouseOver,separatorRef]);return React__default__default["default"].createElement(PaneSplitterContext.Provider,{value:React__default.useMemo(()=>({orientation,layoutKey,min,max,valueNow:valueInFr,size,isRow}),[orientation,layoutKey,min,max,valueInFr,size,isRow])},React__default__default["default"].createElement(StyledPaneSplitter,_extends({isHovered:isHovered,isFixed:isFixed,orientation:orientation},separatorProps,props,{onMouseOver:onMouseOver,ref:mergeRefs([separatorRef,ref])})));});SplitterComponent.displayName='Pane.Splitter';SplitterComponent.propTypes={layoutKey:propTypes.exports.string.isRequired,min:propTypes.exports.number.isRequired,max:propTypes.exports.number.isRequired,orientation:propTypes.exports.oneOf(ORIENTATION),isFixed:propTypes.exports.bool};SplitterComponent.defaultProps={orientation:'end'};const Splitter=SplitterComponent;const ContentComponent=React__default.forwardRef((props,ref)=>{const{isVisible}=usePaneContext();return React__default__default["default"].createElement(StyledPaneContent,_extends({hidden:!isVisible,ref:ref},props));});ContentComponent.displayName='Pane.Content';const Content=ContentComponent;const SplitterButtonComponent=React__default.forwardRef((props,ref)=>{const{label,placement:defaultPlacement}=props;const{orientation,layoutKey,min,max,isRow,valueNow,size,providerId}=usePaneSplitterContext();const paneProviderContext=usePaneProviderContextData(providerId);const isTop=orientation==='top';const isStart=orientation==='start';const isMin=valueNow===min;let placement=defaultPlacement;if(!defaultPlacement){if(isRow){placement='center';}else{placement='start';}}const setValue=React__default.useCallback(value=>{if(isRow){paneProviderContext.setRowValue(isTop,layoutKey,value);}else{paneProviderContext.setColumnValue(isStart,layoutKey,value);}},[isRow,isTop,isStart,layoutKey,paneProviderContext]);const onClick=composeEventHandlers$1(props.onClick,()=>{if(isMin){setValue(max);}else{setValue(min);}});const onKeyDown=composeEventHandlers$1(props.onKeyDown,event=>event.stopPropagation());const onMouseDown=composeEventHandlers$1(props.onMouseDown,event=>event.stopPropagation());return React__default__default["default"].createElement(Tooltip,{content:label,style:{cursor:'default'},onMouseDown:e=>e.stopPropagation()},React__default__default["default"].createElement(StyledPaneSplitterButton,_extends({"aria-label":label},props,{placement:placement,orientation:orientation,isRotated:isMin,splitterSize:size||0,ref:ref,onClick:onClick,onKeyDown:onKeyDown,onMouseDown:onMouseDown})));});SplitterButtonComponent.displayName='Pane.SplitterButton';const SplitterButton=SplitterButtonComponent;const PaneComponent=React__default.forwardRef((_ref,ref)=>{let{children,...props}=_ref;const[paneId,setPaneId]=React__default.useState();const observerRef=React__default.useRef(null);const{width=0,height=0}=useResizeObserver({ref:observerRef});const isVisible=React__default.useMemo(()=>observerRef.current?width>0&&height>0:true,[width,height]);const paneContext=React__default.useMemo(()=>({isVisible,id:paneId,setId:id=>setPaneId(id)}),[paneId,isVisible]);return React__default__default["default"].createElement(PaneContext.Provider,{value:paneContext},React__default__default["default"].createElement(StyledPane,_extends({id:paneId,ref:mergeRefs([ref,observerRef])},props),children));});PaneComponent.displayName='Pane';const Pane=PaneComponent;Pane.Content=Content;Pane.Splitter=Splitter;Pane.SplitterButton=SplitterButton;var Grid=styled__default["default"](Grid$1)(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n && {\n padding: 0;\n }\n"],["\n && {\n padding: 0;\n }\n"])));var Row$2=styled__default["default"](Row$3)(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Col=styled__default["default"](Col$1)(templateObject_3$7||(templateObject_3$7=__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$9,templateObject_2$8,templateObject_3$7;var Row$1=function(_a){var checkable=_a.checkable,checked=_a.checked,checkDisabled=_a.checkDisabled,columnConfigs=_a.columnConfigs,item=_a.item,listviewMode=_a.listviewMode,listviewNode=_a.listviewNode,onCheck=_a.onCheck,onClick=_a.onClick;var _b=__read$1(React__default.useState(true),2),isCollapsed=_b[0],setCollapsedState=_b[1];var theme=useTheme();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$1,__assign({_css:styled.css(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))})),jsxRuntime.jsx(Col,__assign({md:7,sm:12},{children:jsxRuntime.jsx(FlexBox,__assign({justifyContent:"flex-end",alignItems:"center"},{children:jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))}))]}),"".concat(key,"-").concat(name));};var _c=__read$1(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.jsxs(Container$5,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({fluid:true},{children:[checkable?jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange}):null,jsxRuntime.jsx(FlexBox,__assign({withRows:true,fluid:true},{children:listviewMode?listviewNode:jsxRuntime.jsxs(Grid,{children:[importantColumns.map(createGridRow),!isCollapsed?jsxRuntime.jsx(FlexBox,{_css:styled.css(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n margin: 0.5em 0;\n background: ",";\n height: 2px;\n width: 20px;\n "],["\n margin: 0.5em 0;\n background: ",";\n height: 2px;\n width: 20px;\n "])),theme.styles.colors.grey["300"])}):null,collapsibleColumns.map(createGridRow)]})})),actions?jsxRuntime.jsx("div",{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,placement:"bottom-end"})}):null]})),isNotEmpty(collapsibleColumns)&&!listviewMode?jsxRuntime.jsxs(Button,__assign({_css:styled.css(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n align-self: flex-end;\n margin-bottom: ",";\n "],["\n align-self: flex-end;\n margin-bottom: ",";\n "])),SPACINGS.XS),fluid:true,icon:isCollapsed?js.mdiChevronDown:js.mdiChevronUp,primary:false,size:"small",onClick:toggleCollapse},{children:["Show ",isCollapsed?"More":"Less"]})):null]}));};var Container$5=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n background: ",";\n border-bottom: 1px solid\n ",";\n padding: ",";\n"],["\n background: ",";\n border-bottom: 1px solid\n ",";\n padding: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;},function(_a){var theme=_a.theme;return veryLight(theme.styles.colors.grey["500"]);},SPACINGS.SM);var ColumnRow=styled__default["default"](Row$2)(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n display: ",";\n padding: 0.1em;\n border-radius: 10px;\n"],["\n display: ",";\n padding: 0.1em;\n border-radius: 10px;\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"flex";});var templateObject_1$8,templateObject_2$7,templateObject_3$6,templateObject_4$6,templateObject_5$6,templateObject_6$3;var MobileTable=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,items=_a.items;_a.mobileListview;_a.mobileListviewNodes;var onItemClick=_a.onItemClick,onItemChecked=_a.onItemChecked;return jsxRuntime.jsx(Container$4,__assign({gap:"1px",withRows:true},{children:items.map(function(item,index){return jsxRuntime.jsx(Row$1,{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$4=styled__default["default"](FlexBox)(templateObject_1$7||(templateObject_1$7=__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$7;var removeHorizontalPadding=styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.MD);return styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.body.padding);},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$6,templateObject_2$6,templateObject_3$5,templateObject_4$5,templateObject_5$5;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c;return jsxRuntime.jsx(Container$3,__assign({bordered:bordered,className:className,justifyContent:"flex-end",paddingSize:paddingSize},{children:actions}));})(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$2=styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$3=styled__default["default"](FlexBox)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.SM,SPACINGS.MD,SPACINGS.MD);return styled.css(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";});var templateObject_1$5,templateObject_2$5,templateObject_3$4,templateObject_4$4,templateObject_5$4,templateObject_6$2;var SectionHeader=styled__default["default"](React__default.forwardRef(function(_a,ref){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c,_d=_a.title,title=_d===void 0?children:_d;return jsxRuntime.jsxs(Container$2,__assign({bordered:bordered,className:className,paddingSize:paddingSize,ref:ref,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text,{children:caption}):null]}));}))(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$2=styled__default["default"](FlexBox)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.MD,SPACINGS.MD,SPACINGS.SM);return styled.css(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var Text=styled__default["default"].div(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"])));var templateObject_1$4,templateObject_2$4,templateObject_3$3,templateObject_4$3,templateObject_5$3,templateObject_6$1,templateObject_7$1;var SECTION_PADDING_SIZES={DEFAULT:"default",MEDIUM:"medium",SMALL:"small"};var boxShadow=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var compactStyling=styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"],["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"])),SectionHeader,SectionBody,SectionBody,SectionFooter);var roundBorder=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder=styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";},function(_a){var color=_a.color;return color&&color!=="transparent"?textColorForBackground:"";},function(_a){var compact=_a.compact;return compact?compactStyling:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$3,templateObject_2$3,templateObject_3$2,templateObject_4$2,templateObject_5$2;var Card=function(_a){var _css=_a._css,_b=_a.borderedSections,borderedSections=_b===void 0?false:_b,children=_a.children,_c=_a.compact,compact=_c===void 0?false:_c,color=_a.color,footerActions=_a.footerActions,headerActions=_a.headerActions,onClick=_a.onClick,shadowed=_a.shadowed,title=_a.title;var hasHeader=!!(title||headerActions);var hasFooter=!!footerActions;return jsxRuntime.jsxs(Section,__assign({_css:_css,bordered:true,color:color,compact:true,onClick:onClick,rounded:true,shadowed:shadowed},{children:[hasHeader?jsxRuntime.jsx(SectionHeader,__assign({actions:headerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:title})):null,children?jsxRuntime.jsx(SectionBody,__assign({paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:children})):null,hasFooter?jsxRuntime.jsx(SectionFooter,{actions:footerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM}):null]}));};var Row=function(_a){var checkable=_a.checkable,checked=_a.checked,checkDisabled=_a.checkDisabled,columnConfigs=_a.columnConfigs,isLastRow=_a.isLastRow,item=_a.item,listviewMode=_a.listviewMode,listviewNode=_a.listviewNode,onCheck=_a.onCheck,onClick=_a.onClick;var _b=__read$1(React__default.useState(true),2),isCollapsed=_b[0],setCollapsedState=_b[1];var key=item.key,containerStyles=item.containerStyles,actions=item.actions;var firstColumn=columnConfigs[0];var firstColumnValue=firstColumn?item[firstColumn.name]:null;var handleCheckChange=function(isChecked){onCheck===null||onCheck===void 0?void 0:onCheck(key,isChecked);};var handleClick=function(){onClick===null||onClick===void 0?void 0:onClick(key);};var checkboxNode=checkable?jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange}):null;var overflowMenuNode=actions?jsxRuntime.jsx(OverflowMenu,{actions:actions,placement:"bottom-end"}):null;// If listview mode is enabled, return only the render function result
|
|
13548
13548
|
if(listviewMode&&listviewNode){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:listviewNode({checkbox:checkboxNode,isLastRow:isLastRow||false,onClick:handleClick,overflowMenu:overflowMenuNode})});}// Standard table mode
|
|
13549
|
-
var createFieldRow=function(_a,isFirst){var name=_a.name,collapsible=_a.collapsible;if(isFirst)return null;return jsxRuntime.jsxs(FieldRow,__assign({collapsible:collapsible,isCollapsed:isCollapsed},{children:[jsxRuntime.jsx(FieldLabel,{children:jsxRuntime.jsxs(Text$1,__assign({_css:styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))}),jsxRuntime.jsx(FieldValue,{children:jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",justifyContent:"flex-end"},{children:jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))})]}),"".concat(key,"-").concat(name));};var _c=__read$1(columnConfigs.reduce(function(acc,column){column.collapsible?acc[1].push(column):acc[0].push(column);return acc;},[[],[]]),2),nonCollapsibleColumns=_c[0],collapsibleColumns=_c[1];var toggleCollapse=function(){setCollapsedState(!isCollapsed);};return jsxRuntime.jsxs(Container$1,__assign({_css:containerStyles||"",gap:SPACINGS.SM,isLastRow:isLastRow,onClick:handleClick,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({gap:SPACINGS.XS,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true,gap:SPACINGS.SM},{children:[checkboxNode,jsxRuntime.jsx(HeaderTitle,__assign({fluid:true},{children:jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.BOLD,FONT_SIZES.SM)},{children:firstColumnValue}))})),overflowMenuNode]})),jsxRuntime.jsx(HeaderDivider,{})]})),jsxRuntime.jsxs(FieldsGrid,{children:[nonCollapsibleColumns.map(function(col,idx){return createFieldRow(col,idx===0);}),collapsibleColumns.map(function(col,idx){return createFieldRow(col,idx===0&&nonCollapsibleColumns.length===0);})]}),isNotEmpty(collapsibleColumns)?jsxRuntime.jsxs(Button,__assign({fluid:true,icon:isCollapsed?js.mdiChevronDown:js.mdiChevronUp,onClick:toggleCollapse,primary:false,size:"small"},{children:["Show ",isCollapsed?"More":"Less"]})):null]}));};var Container$1=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n background: ",";\n border-bottom: ",";\n padding: ",";\n"],["\n background: ",";\n border-bottom: ",";\n padding: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;},function(_a){var isLastRow=_a.isLastRow,theme=_a.theme;return isLastRow?"none":"1px solid ".concat(theme.styles.table.borderColor);},SPACINGS.SM);var HeaderTitle=styled__default["default"](FlexBox)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n"],["\n overflow: hidden;\n text-overflow: ellipsis;\n"])));var HeaderDivider=styled__default["default"].div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n height: 2px;\n width: 40px;\n background: ",";\n"],["\n height: 2px;\n width: 40px;\n background: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["300"];});var FieldsGrid=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n"],["\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n"])));var FieldRow=styled__default["default"].div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n display: ",";\n grid-template-columns: 5fr 7fr;\n gap: ",";\n padding: 0.1em;\n border-radius: 10px;\n\n ","\n"],["\n display: ",";\n grid-template-columns: 5fr 7fr;\n gap: ",";\n padding: 0.1em;\n border-radius: 10px;\n\n ","\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"grid";},SPACINGS.XS,mediaQueries().forTablets(styled.css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n grid-template-columns: 1fr 2fr;\n "],["\n grid-template-columns: 1fr 2fr;\n "])))));var FieldLabel=styled__default["default"].div(templateObject_10||(templateObject_10=__makeTemplateObject([""],[""])));var FieldValue=styled__default["default"].div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n text-align: right;\n"],["\n text-align: right;\n"])));var templateObject_1$2,templateObject_2$2,templateObject_3$1,templateObject_4$1,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;/**
|
|
13549
|
+
var createFieldRow=function(_a,isFirst){var name=_a.name,collapsible=_a.collapsible;if(isFirst)return null;return jsxRuntime.jsxs(FieldRow,__assign({collapsible:collapsible,isCollapsed:isCollapsed},{children:[jsxRuntime.jsx(FieldLabel,{children:jsxRuntime.jsxs(Text$1,__assign({_css:styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))}),jsxRuntime.jsx(FieldValue,{children:jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",justifyContent:"flex-end"},{children:jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))})]}),"".concat(key,"-").concat(name));};var _c=__read$1(columnConfigs.reduce(function(acc,column){column.collapsible?acc[1].push(column):acc[0].push(column);return acc;},[[],[]]),2),nonCollapsibleColumns=_c[0],collapsibleColumns=_c[1];var toggleCollapse=function(){setCollapsedState(!isCollapsed);};return jsxRuntime.jsxs(Container$1,__assign({_css:containerStyles||"",gap:SPACINGS.SM,isLastRow:isLastRow,onClick:handleClick,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({gap:SPACINGS.XS,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true,gap:SPACINGS.SM},{children:[checkboxNode,jsxRuntime.jsx(HeaderTitle,__assign({fluid:true},{children:jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.BOLD,FONT_SIZES.SM)},{children:firstColumnValue}))})),overflowMenuNode]})),jsxRuntime.jsx(HeaderDivider,{})]})),jsxRuntime.jsxs(FieldsGrid,{children:[nonCollapsibleColumns.map(function(col,idx){return createFieldRow(col,idx===0);}),collapsibleColumns.map(function(col,idx){return createFieldRow(col,idx===0&&nonCollapsibleColumns.length===0);})]}),isNotEmpty(collapsibleColumns)?jsxRuntime.jsxs(Button,__assign({fluid:true,icon:isCollapsed?js.mdiChevronDown:js.mdiChevronUp,onClick:toggleCollapse,primary:false,size:"small"},{children:["Show ",isCollapsed?"More":"Less"]})):null]}));};var Container$1=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n background: ",";\n border-bottom: ",";\n padding: ",";\n"],["\n background: ",";\n border-bottom: ",";\n padding: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;},function(_a){var isLastRow=_a.isLastRow,theme=_a.theme;return isLastRow?"none":"1px solid ".concat(theme.styles.table.borderColor);},SPACINGS.SM);var HeaderTitle=styled__default["default"](FlexBox)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n"],["\n overflow: hidden;\n text-overflow: ellipsis;\n"])));var HeaderDivider=styled__default["default"].div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n height: 2px;\n width: 40px;\n background: ",";\n"],["\n height: 2px;\n width: 40px;\n background: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["300"];});var FieldsGrid=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n"],["\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n"])));var FieldRow=styled__default["default"].div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n display: ",";\n grid-template-columns: 5fr 7fr;\n gap: ",";\n padding: 0.1em;\n border-radius: 10px;\n\n ","\n"],["\n display: ",";\n grid-template-columns: 5fr 7fr;\n gap: ",";\n padding: 0.1em;\n border-radius: 10px;\n\n ","\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"grid";},SPACINGS.XS,mediaQueries().forTablets(styled.css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n grid-template-columns: 1fr 2fr;\n "],["\n grid-template-columns: 1fr 2fr;\n "])))));var FieldLabel=styled__default["default"].div(templateObject_10||(templateObject_10=__makeTemplateObject([""],[""])));var FieldValue=styled__default["default"].div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n text-align: right;\n"],["\n text-align: right;\n"])));var templateObject_1$2,templateObject_2$2,templateObject_3$1,templateObject_4$1,templateObject_5$1,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;/**
|
|
13550
13550
|
* MobileTableV2 - Same as original MobileTable but uses CSS Grid instead of Grid component
|
|
13551
|
-
*/var MobileTableV2=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,items=_a.items,mobileListview=_a.mobileListview,mobileListviewNodes=_a.mobileListviewNodes,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onSelectAllToggle=_a.onSelectAllToggle;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=React__default.useCallback(function(checked){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(checked);},[onSelectAllToggle]);var selectAllCheckbox=React__default.useCallback(function(){return jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll});},[allSelected,handleSelectAll,someSelected]);return jsxRuntime.jsxs(Container,__assign({"$listviewMode":!!mobileListview,gap:mobileListview?SPACINGS.SM:"1px",withRows:true},{children:[checkable?mobileListview?jsxRuntime.jsx(Card,__assign({compact:true,shadowed:true},{children:jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS},{children:[selectAllCheckbox(),jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "])))},{children:"Select all"})),isNotEmpty(__spreadArray$1([],__read$1(checkedItems!==null&&checkedItems!==void 0?checkedItems:[]),false))?jsxRuntime.jsx(Text$1,{children:"".concat(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size," selected")}):null]}))})):jsxRuntime.jsx(Header,{children:selectAllCheckbox()}):null,items.map(function(item,index){return jsxRuntime.jsx(Row,{checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,isLastRow:isLastItem(items,item),item:item,listviewMode:mobileListview,listviewNode:mobileListviewNodes===null||mobileListviewNodes===void 0?void 0:mobileListviewNodes[index],onCheck:onItemChecked,onClick:onItemClick},item.key);})]}));};var Container=styled__default["default"](FlexBox)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n ","\n\n overflow: hidden;\n"],["\n ","\n\n overflow: hidden;\n"])),function(_a){var $listviewMode=_a.$listviewMode;return!$listviewMode?styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n border-color: ",";\n border-style: solid;\n border-width: ",";\n border-radius: ",";\n "],["\n border-color: ",";\n border-style: solid;\n border-width: ",";\n border-radius: ",";\n "])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderSize;},FONT_SIZES.SM):"";});var Header=styled__default["default"](FlexBox)(
|
|
13551
|
+
*/var MobileTableV2=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,items=_a.items,mobileListview=_a.mobileListview,mobileListviewNodes=_a.mobileListviewNodes,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onSelectAllToggle=_a.onSelectAllToggle;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=React__default.useCallback(function(checked){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(checked);},[onSelectAllToggle]);var selectAllCheckbox=React__default.useCallback(function(){return jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll});},[allSelected,handleSelectAll,someSelected]);return jsxRuntime.jsxs(Container,__assign({"$listviewMode":!!mobileListview,gap:mobileListview?SPACINGS.SM:"1px",withRows:true},{children:[checkable&&(!isNotEmpty(items)||!isNotEmpty(mobileListviewNodes))?mobileListview?jsxRuntime.jsx(Card,__assign({compact:true,shadowed:true},{children:jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS},{children:[selectAllCheckbox(),jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "])))},{children:"Select all"})),isNotEmpty(__spreadArray$1([],__read$1(checkedItems!==null&&checkedItems!==void 0?checkedItems:[]),false))?jsxRuntime.jsx(Text$1,{children:"".concat(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size," selected")}):null]}))})):jsxRuntime.jsx(Header,{children:selectAllCheckbox()}):null,isNotEmpty(items)?items.map(function(item,index){return jsxRuntime.jsx(Row,{checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,isLastRow:isLastItem(items,item),item:item,listviewMode:mobileListview,listviewNode:mobileListviewNodes===null||mobileListviewNodes===void 0?void 0:mobileListviewNodes[index],onCheck:onItemChecked,onClick:onItemClick},item.key);}):emptyState&&jsxRuntime.jsx(EmptyStateWrapper,{children:emptyState})]}));};var Container=styled__default["default"](FlexBox)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n ","\n\n overflow: hidden;\n"],["\n ","\n\n overflow: hidden;\n"])),function(_a){var $listviewMode=_a.$listviewMode;return!$listviewMode?styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n border-color: ",";\n border-style: solid;\n border-width: ",";\n border-radius: ",";\n "],["\n border-color: ",";\n border-style: solid;\n border-width: ",";\n border-radius: ",";\n "])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderSize;},FONT_SIZES.SM):"";});var EmptyStateWrapper=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n padding: 2rem;\n text-align: center;\n"],["\n padding: 2rem;\n text-align: center;\n"])));var Header=styled__default["default"](FlexBox)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n align-items: center;\n background: ",";\n border-bottom: 1px solid ",";\n padding: "," ",";\n"],["\n align-items: center;\n background: ",";\n border-bottom: 1px solid ",";\n padding: "," ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["100"];},function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},SPACINGS.XS,SPACINGS.SM);var templateObject_1$1,templateObject_2$1,templateObject_3,templateObject_4,templateObject_5;exports.Table=function(_a){var _b,_c;var _d;var actions=_a.actions,className=_a.className,desktopTableProps=_a.desktopTableProps,onItemsChecked=_a.onItemsChecked,onPageChange=_a.onPageChange,onPageSizeChange=_a.onPageSizeChange,pagination=_a.pagination,useLegacyDesktopTable=(_b=_a.useLegacyDesktopTable,_b===void 0?false:_b),useLegacyMobileTable=(_c=_a.useLegacyMobileTable,_c===void 0?false:_c),props=__rest(_a,["actions","className","desktopTableProps","onItemsChecked","onPageChange","onPageSizeChange","pagination","useLegacyDesktopTable","useLegacyMobileTable"]);var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var setAllRowsSelectedTo=function(isChecked){var rows=isChecked?props.items.map(function(i){return i.key;}):[];onItemsChecked===null||onItemsChecked===void 0?void 0:onItemsChecked(new Set(__spreadArray$1([],__read$1(rows),false)));};var hasRowActions=props.items.some(function(i){return i.actions&&isNotEmpty(i.actions);});return jsxRuntime.jsxs(ModalStateProvider,{children:[jsxRuntime.jsx(ModalManager,{}),jsxRuntime.jsxs(FlexBox,__assign({withRows:true,className:className},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-bottom: ",";\n "],["\n margin-bottom: ",";\n "])),SPACINGS.SM),justifyContent:"space-between",withRows:true},{children:[props.title?jsxRuntime.jsx(Title$1,{children:props.title}):null,props.helpText?jsxRuntime.jsx(HelpText,{children:props.helpText}):null,jsxRuntime.jsx(TableHeader,{actions:actions,checkable:props.checkable,columnConfigs:props.columnConfigs,filterState:props.filterState,selectedCount:((_d=props.checkedItems)===null||_d===void 0?void 0:_d.size)||0,sortState:props.sortState,totalPageCount:props.items.length,onFiltersChange:props.onFiltersChange,onColumnSort:props.onColumnSort,onSelectAllToggle:setAllRowsSelectedTo})]})),isSmallComputerOrLarger?useLegacyDesktopTable?jsxRuntime.jsx(DesktopTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(DesktopTableV2,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},desktopTableProps,props)):useLegacyMobileTable?jsxRuntime.jsx(MobileTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(MobileTableV2,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)),(pagination===null||pagination===void 0?void 0:pagination.totalCount)>0?jsxRuntime.jsx(Pagination,__assign({},pagination,{onPageChange:onPageChange,onPageSizeChange:onPageSizeChange})):null]}))]});};exports.Table=styled__default["default"](exports.Table)(templateObject_2||(templateObject_2=__makeTemplateObject([""],[""// Re-export types for listview mode
|
|
13552
13552
|
])));var templateObject_1,templateObject_2;
|
|
13553
13553
|
//# sourceMappingURL=tables.js.map
|