@idea-fragments/react-components-zendesk 0.1.77 → 0.1.78

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.
Files changed (15) hide show
  1. package/dist/calendars.js +1 -1
  2. package/dist/chats.js +1 -1
  3. package/dist/forms.js +1 -1
  4. package/dist/hooks.js +11 -5
  5. package/dist/hooks.js.map +1 -1
  6. package/dist/layouts.js +2 -2
  7. package/dist/layouts.js.map +1 -1
  8. package/dist/loaders.js +1 -1
  9. package/dist/media.js +18 -10
  10. package/dist/media.js.map +1 -1
  11. package/dist/tables.js +23 -23
  12. package/dist/tables.js.map +1 -1
  13. package/dist/types/media.d.ts +1 -0
  14. package/dist/utilities.js +1 -1
  15. package/package.json +1 -1
package/dist/calendars.js CHANGED
@@ -2691,7 +2691,7 @@ return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=f
2691
2691
  *
2692
2692
  * Use of this source code is governed under the Apache License, Version 2.0
2693
2693
  * found at http://www.apache.org/licenses/LICENSE-2.0.
2694
- */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);}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$1='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'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$1,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('neutralHue',200,props.theme),props=>props.color||getColor('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$1='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('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('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};const StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$1,'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(props.theme.fontSizes.sm,props.theme.space.base*5),retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,props=>retrieveComponentStyles(COMPONENT_ID$4$1,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$1='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$1,'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$1,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$1='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$6({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$1},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$1=['small','medium','large'];const COMPONENT_ID$1$1='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$6({"data-garden-id":COMPONENT_ID$1$1,"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$1)};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$6({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$6='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$6({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$6,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$6({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 Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return require$$1$1.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 dist$1={};Object.defineProperty(dist$1,'__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$1.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$2=new Logger_1("Loadable");var Container$3=styled__default["default"](FlexBox)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n position: absolute;\n"],["\n height: 100%;\n width: 100%;\n position: absolute;\n"])));var ChildrenContainer=styled__default["default"](FlexBox)(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n width: 100%;\n opacity: ",";\n"],["\n width: 100%;\n opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$2.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$2.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return require$$1$1.jsxs(Container$3,__assign({justifyContent:"center",gap:"unset",alignItems:"center"},{children:[require$$1$1.jsx(ChildrenContainer,__assign({gap:"unset",className:className,opaqueSpinner:opaqueSpinner,showSpinner:showingSpinner,withRows:true},{children:children})),showingSpinner?require$$1$1.jsx(LoaderContainer$1,__assign({justifyContent:"center",alignItems:"center",showSpinner:showingSpinner},{children:require$$1$1.jsx(Dots,{color:theme.styles.colorPrimary,size:FONT_SIZES.XXL})})):null]}));};Loadable=styled__default["default"](Loadable)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject([""],[""])));var templateObject_1$b,templateObject_2$5,templateObject_3$3,templateObject_4$3;var Paragraph=styled__default["default"](Text).attrs({as:FONT_TAGS.P})(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),FONT_WEIGHTS.REGULAR);styled__default["default"](Paragraph)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XXS);var XS=styled__default["default"](Paragraph)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);styled__default["default"](Paragraph)(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.MD);styled__default["default"](Paragraph)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.LG);styled__default["default"](Paragraph)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XL);var templateObject_1$a,templateObject_2$4,templateObject_3$2,templateObject_4$2,templateObject_5$2,templateObject_6$2;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$9||(templateObject_1$9=__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$9;var Label$1=styled__default["default"](Text).attrs({as:FONT_TAGS.LABEL})(templateObject_1$8||(templateObject_1$8=__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$8;var lodash={exports:{}};/**
2694
+ */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);}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$1='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'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$1,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('neutralHue',200,props.theme),props=>props.color||getColor('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$1='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('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('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};const StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$1,'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(props.theme.fontSizes.sm,props.theme.space.base*5),retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,props=>retrieveComponentStyles(COMPONENT_ID$4$1,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$1='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$1,'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$1,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$1='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$6({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$1},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$1=['small','medium','large'];const COMPONENT_ID$1$1='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$6({"data-garden-id":COMPONENT_ID$1$1,"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$1)};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$6({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$6='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$6({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$6,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$6({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 Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return require$$1$1.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 dist$1={};Object.defineProperty(dist$1,'__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$1.Logger=Logger;var name="@idea-fragments/react-components-zendesk";var version="0.1.78";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$2=new Logger_1("Loadable");var Container$3=styled__default["default"](FlexBox)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n position: absolute;\n"],["\n height: 100%;\n width: 100%;\n position: absolute;\n"])));var ChildrenContainer=styled__default["default"](FlexBox)(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n width: 100%;\n opacity: ",";\n"],["\n width: 100%;\n opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$2.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$2.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return require$$1$1.jsxs(Container$3,__assign({justifyContent:"center",gap:"unset",alignItems:"center"},{children:[require$$1$1.jsx(ChildrenContainer,__assign({gap:"unset",className:className,opaqueSpinner:opaqueSpinner,showSpinner:showingSpinner,withRows:true},{children:children})),showingSpinner?require$$1$1.jsx(LoaderContainer$1,__assign({justifyContent:"center",alignItems:"center",showSpinner:showingSpinner},{children:require$$1$1.jsx(Dots,{color:theme.styles.colorPrimary,size:FONT_SIZES.XXL})})):null]}));};Loadable=styled__default["default"](Loadable)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject([""],[""])));var templateObject_1$b,templateObject_2$5,templateObject_3$3,templateObject_4$3;var Paragraph=styled__default["default"](Text).attrs({as:FONT_TAGS.P})(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),FONT_WEIGHTS.REGULAR);styled__default["default"](Paragraph)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XXS);var XS=styled__default["default"](Paragraph)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);styled__default["default"](Paragraph)(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.MD);styled__default["default"](Paragraph)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.LG);styled__default["default"](Paragraph)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XL);var templateObject_1$a,templateObject_2$4,templateObject_3$2,templateObject_4$2,templateObject_5$2,templateObject_6$2;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$9||(templateObject_1$9=__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$9;var Label$1=styled__default["default"](Text).attrs({as:FONT_TAGS.LABEL})(templateObject_1$8||(templateObject_1$8=__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$8;var lodash={exports:{}};/**
2695
2695
  * @license
2696
2696
  * Lodash <https://lodash.com/>
2697
2697
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
package/dist/chats.js CHANGED
@@ -12213,7 +12213,7 @@ if(prevState.placement!==this.state.placement){this.scheduleUpdate();}};_proto.c
12213
12213
  *
12214
12214
  * Use of this source code is governed under the Apache License, Version 2.0
12215
12215
  * found at http://www.apache.org/licenses/LICENSE-2.0.
12216
- */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(gardenPlacement){switch(gardenPlacement){case'end':return'right';case'end-top':return'right-start';case'end-bottom':return'right-end';case'start':return'left';case'start-top':return'left-start';case'start-bottom':return'left-end';default:return gardenPlacement;}}function getRtlPopperPlacement(gardenPlacement){const popperPlacement=getPopperPlacement(gardenPlacement);switch(popperPlacement){case'left':return'right';case'left-start':return'right-start';case'left-end':return'right-end';case'top-start':return'top-end';case'top-end':return'top-start';case'right':return'left';case'right-start':return'left-start';case'right-end':return'left-end';case'bottom-start':return'bottom-end';case'bottom-end':return'bottom-start';default:return popperPlacement;}}function getArrowPosition(popperPlacement){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(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(){_extends$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$4.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4||(_path$4=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"})));};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(){_extends$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$3.apply(this,arguments);}var SvgChevronLeftStroke=function SvgChevronLeftStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$3||(_path$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"})));};const COMPONENT_ID$c='dropdowns.previous_item_icon';const PreviousIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c,"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,props));StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$b='dropdowns.header_icon';const StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b,'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,props));StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$a='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,'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,props));StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$9='dropdowns.media_body';const StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9,'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,props));StyledMediaBody.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$8='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,'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,props));StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$7='dropdowns.media_item';const StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],props=>retrieveComponentStyles(COMPONENT_ID$7,props));StyledMediaItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6='dropdowns.faux_input';const StyledFauxInput=styled__default["default"](FauxInput).attrs(props=>({'data-garden-id':COMPONENT_ID$6,'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,props));StyledFauxInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5='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).attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],props=>props.isHidden&&hiddenStyling,props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4='dropdowns.select';const StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'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,props));StyledSelect.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3='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,'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,props));StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='dropdowns.multiselect_items_container';const sizeStyles=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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$2,props));StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1='dropdowns.multiselect_item_wrapper';const StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'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,props));StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID='dropdowns.multiselect_more_anchor';const StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'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,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;function _extends$2(){_extends$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.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2||(_path$2=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};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=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.displayName='Autocomplete';Autocomplete.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};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=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.displayName='Select';Select.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.any};const Field=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.displayName='Field';const Hint=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Hint$2,_extends$5({ref:ref},props)));Hint.displayName='Hint';const Label$1=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$1.displayName='Label';Label$1.propTypes={isRegular:propTypes.exports.bool};const Message$1=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Message$3,_extends$5({ref:ref},props)));Message$1.displayName='Message';Message$1.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};const SHARED_PLACEMENT=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];const PLACEMENT=[...SHARED_PLACEMENT,'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(placement):getPopperPlacement(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),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;function _extends$1(){_extends$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$1.apply(this,arguments);}var SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path;function _extends(){_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);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};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$3||(templateObject_3$3=__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$4||(templateObject_1$4=__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$3||(templateObject_2$3=__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$4,templateObject_2$3,templateObject_3$3;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$1=new Logger_1("Loadable");var Container$1=styled__default["default"](FlexBox)(templateObject_1$3||(templateObject_1$3=__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$2||(templateObject_2$2=__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$2||(templateObject_3$2=__makeTemplateObject(["\n width: 100%;\n opacity: ",";\n"],["\n width: 100%;\n opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$1.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read$1(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$1.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$1,__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$2||(templateObject_4$2=__makeTemplateObject([""],[""])));var templateObject_1$3,templateObject_2$2,templateObject_3$2,templateObject_4$2;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger=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
12216
+ */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(gardenPlacement){switch(gardenPlacement){case'end':return'right';case'end-top':return'right-start';case'end-bottom':return'right-end';case'start':return'left';case'start-top':return'left-start';case'start-bottom':return'left-end';default:return gardenPlacement;}}function getRtlPopperPlacement(gardenPlacement){const popperPlacement=getPopperPlacement(gardenPlacement);switch(popperPlacement){case'left':return'right';case'left-start':return'right-start';case'left-end':return'right-end';case'top-start':return'top-end';case'top-end':return'top-start';case'right':return'left';case'right-start':return'left-start';case'right-end':return'left-end';case'bottom-start':return'bottom-end';case'bottom-end':return'bottom-start';default:return popperPlacement;}}function getArrowPosition(popperPlacement){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(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(){_extends$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$4.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4||(_path$4=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"})));};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(){_extends$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$3.apply(this,arguments);}var SvgChevronLeftStroke=function SvgChevronLeftStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$3||(_path$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"})));};const COMPONENT_ID$c='dropdowns.previous_item_icon';const PreviousIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c,"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,props));StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$b='dropdowns.header_icon';const StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b,'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,props));StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$a='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,'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,props));StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$9='dropdowns.media_body';const StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9,'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,props));StyledMediaBody.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$8='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,'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,props));StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$7='dropdowns.media_item';const StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],props=>retrieveComponentStyles(COMPONENT_ID$7,props));StyledMediaItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6='dropdowns.faux_input';const StyledFauxInput=styled__default["default"](FauxInput).attrs(props=>({'data-garden-id':COMPONENT_ID$6,'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,props));StyledFauxInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5='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).attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],props=>props.isHidden&&hiddenStyling,props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4='dropdowns.select';const StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'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,props));StyledSelect.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3='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,'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,props));StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='dropdowns.multiselect_items_container';const sizeStyles=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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$2,props));StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1='dropdowns.multiselect_item_wrapper';const StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'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,props));StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID='dropdowns.multiselect_more_anchor';const StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'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,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;function _extends$2(){_extends$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.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2||(_path$2=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};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=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.displayName='Autocomplete';Autocomplete.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};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=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.displayName='Select';Select.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.any};const Field=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.displayName='Field';const Hint=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Hint$2,_extends$5({ref:ref},props)));Hint.displayName='Hint';const Label$1=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$1.displayName='Label';Label$1.propTypes={isRegular:propTypes.exports.bool};const Message$1=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Message$3,_extends$5({ref:ref},props)));Message$1.displayName='Message';Message$1.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};const SHARED_PLACEMENT=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];const PLACEMENT=[...SHARED_PLACEMENT,'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(placement):getPopperPlacement(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),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;function _extends$1(){_extends$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$1.apply(this,arguments);}var SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path;function _extends(){_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);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};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$3||(templateObject_3$3=__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$4||(templateObject_1$4=__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$3||(templateObject_2$3=__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$4,templateObject_2$3,templateObject_3$3;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.78";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$1=new Logger_1("Loadable");var Container$1=styled__default["default"](FlexBox)(templateObject_1$3||(templateObject_1$3=__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$2||(templateObject_2$2=__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$2||(templateObject_3$2=__makeTemplateObject(["\n width: 100%;\n opacity: ",";\n"],["\n width: 100%;\n opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$1.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read$1(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$1.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$1,__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$2||(templateObject_4$2=__makeTemplateObject([""],[""])));var templateObject_1$3,templateObject_2$2,templateObject_3$2,templateObject_4$2;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger=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
12217
12217
  // in the SearchableSelector component
12218
12218
  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
12219
12219
  },[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,__assign({validation:validation.validation},{children:message})):null;var hintNode=hint?jsxRuntime.jsx(Hint$1,{children:hint}):null;var labelNode=label?jsxRuntime.jsx(Label,{children:label}):null;var handleChange=function(item){logger.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.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