npm - @idea-fragments/react-components-zendesk - Versions diffs - 0.1.78 → 0.1.80 - Mend

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

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 (10) hide show

package/dist/loaders.js CHANGED Viewed

@@ -4036,7 +4036,7 @@ var Logger = /** @class */function () {
 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 version = "0.1.80";
 var files = ["dist/*.js", "dist/*.js.map", "dist/types"];
 var exports$1 = {
   "./*": {

package/dist/tables.js CHANGED Viewed

@@ -11614,7 +11614,7 @@ setModalState(function(previous){return __assign(__assign({},previous),{isModalO
 // `
 var subTextStyling=styled.css(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"],["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"])));var Text$1=styled__default["default"].div(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n  text-align: ",";\n  width: ",";\n  ","\n\n  &&& {\n    ","\n    ","\n    ","\n    ","\n    ","\n  }\n"],["\n  text-align: ",";\n  width: ",";\n  ","\n\n  &&& {\n    ","\n    ","\n    ","\n    ","\n    ","\n  }\n"])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},getColor,function(_a){var compact=_a.compact;return compact?styled.css(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n            margin-top: 0;\n            margin-bottom: 0;\n            padding-top: 0;\n            padding-bottom: 0;\n          "],["\n            margin-top: 0;\n            margin-bottom: 0;\n            padding-top: 0;\n            padding-bottom: 0;\n          "]))):"";},function(_a){var size=_a.size;return size?"font-size: ".concat(size,";"):"";},function(_a){var weight=_a.weight;return weight?"font-weight: ".concat(weight,";"):"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$E,templateObject_2$r,templateObject_3$o,templateObject_4$k;// @flow
 var HelpText=styled__default["default"](Text$1)(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n  font-size: ",";\n"],["\n  font-size: ",";\n"])),FONT_SIZES.XS);var templateObject_1$D;var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
-var Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n          flex: 1;\n        "],["\n          flex: 1;\n        "]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};Carousel=styled__default["default"](Carousel)(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](Button).attrs({compact:true,size:BUTTON_SIZES.X_SMALL})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n"],["\n"])));var templateObject_1$C,templateObject_2$q,templateObject_3$n;var breakpointQueries=function(_a){var _b;var wideLayout=_a.wideLayout;var _c=breakpoints({wideLayout:wideLayout}),phoneSize=_c.phoneSize,tabletSize=_c.tabletSize,largeTabletSize=_c.largeTabletSize,smallComputerSize=_c.smallComputerSize;var phone=DEVICES.phone,tablet=DEVICES.tablet,largeTablet=DEVICES.largeTablet,smallComputer=DEVICES.smallComputer,largeComputer=DEVICES.largeComputer;return _b={},_b[phone]="(max-width: ".concat(unit$1(phoneSize),")"),_b[tablet]="(min-width: ".concat(unit$1(phoneSize+1),") and (max-width: ").concat(unit$1(tabletSize),")"),_b[largeTablet]="(min-width: ".concat(unit$1(tabletSize+1),") and (max-width: ").concat(unit$1(largeTabletSize),")"),_b[smallComputer]="(min-width: ".concat(unit$1(largeTabletSize+1),") and (max-width: ").concat(unit$1(smallComputerSize),")"),_b[largeComputer]="(min-width: ".concat(unit$1(smallComputerSize+1),")"),_b;};var useDeviceSizeWatcher=function(){var _a=__read$1(React__default.useState(),2),currentSize=_a[0],setCurrentSize=_a[1];var queries=React__default.useMemo(function(){return breakpointQueries({wideLayout:true});},[]);var deviceListeners=React__default.useRef({});var deviceMediaQueryLists=React__default.useMemo(function(){return Object.values(DEVICES).reduce(function(map,size){var _a;return __assign(__assign({},map),(_a={},_a[size]=window.matchMedia(queries[size]),_a));},{});},[queries]);var initChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];var listener=function(e){if(e.matches)setCurrentSize(Number(size));};mql.addEventListener("change",listener);deviceListeners.current[Number(size)]=listener;});},[deviceMediaQueryLists]);var removeChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];mql.removeEventListener("change",deviceListeners.current[Number(size)]);delete deviceListeners.current[Number(size)];});},[deviceMediaQueryLists]);var setInitialSize=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];if(mql.matches)setCurrentSize(Number(size));});},[deviceMediaQueryLists]);React__default.useEffect(function(){setInitialSize();},[setInitialSize]);React__default.useEffect(function(){initChangeWatchers();return removeChangeWatchers;},[initChangeWatchers,removeChangeWatchers]);return React__default.useMemo(function(){var isPhone=currentSize===DEVICES.phone;var isTablet=currentSize===DEVICES.tablet;var isLargeTablet=currentSize===DEVICES.largeTablet;var isSmallComputer=currentSize===DEVICES.smallComputer;var isLargeComputer=currentSize===DEVICES.largeComputer;var isSmallComputerOrLarger=isSmallComputer||isLargeComputer;var isLargeTabletOrLarger=isLargeTablet||isSmallComputerOrLarger;var isLargeTabletOrSmaller=isLargeTablet||isTablet||isPhone;return{isPhone:isPhone,isTablet:isTablet,isLargeTablet:isLargeTablet,isSmallComputer:isSmallComputer,isLargeComputer:isLargeComputer,isSmallComputerOrLarger:isSmallComputerOrLarger,isLargeTabletOrLarger:isLargeTabletOrLarger,isLargeTabletOrSmaller:isLargeTabletOrSmaller};},[currentSize]);};var ComputersOnly=function(_a){var children=_a.children;var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var _b=__read$1(React__default.useState(isSmallComputerOrLarger),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){setIsVisibleTo(isSmallComputerOrLarger);},[isSmallComputerOrLarger]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesOnly=function(_a){var children=_a.children;var isPhone=useDeviceSizeWatcher().isPhone;return isPhone?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var TabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesAndTabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isPhone=_b.isPhone,isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isPhone||isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var reactIs={exports:{}};var reactIs_production_min={};/** @license React v17.0.2
+var Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n          flex: 1;\n        "],["\n          flex: 1;\n        "]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};Carousel=styled__default["default"](Carousel)(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](Button).attrs({compact:true,size:BUTTON_SIZES.X_SMALL})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject([""],[""])));var templateObject_1$C,templateObject_2$q,templateObject_3$n;var breakpointQueries=function(_a){var _b;var wideLayout=_a.wideLayout;var _c=breakpoints({wideLayout:wideLayout}),phoneSize=_c.phoneSize,tabletSize=_c.tabletSize,largeTabletSize=_c.largeTabletSize,smallComputerSize=_c.smallComputerSize;var phone=DEVICES.phone,tablet=DEVICES.tablet,largeTablet=DEVICES.largeTablet,smallComputer=DEVICES.smallComputer,largeComputer=DEVICES.largeComputer;return _b={},_b[phone]="(max-width: ".concat(unit$1(phoneSize),")"),_b[tablet]="(min-width: ".concat(unit$1(phoneSize+1),") and (max-width: ").concat(unit$1(tabletSize),")"),_b[largeTablet]="(min-width: ".concat(unit$1(tabletSize+1),") and (max-width: ").concat(unit$1(largeTabletSize),")"),_b[smallComputer]="(min-width: ".concat(unit$1(largeTabletSize+1),") and (max-width: ").concat(unit$1(smallComputerSize),")"),_b[largeComputer]="(min-width: ".concat(unit$1(smallComputerSize+1),")"),_b;};var useDeviceSizeWatcher=function(){var _a=__read$1(React__default.useState(),2),currentSize=_a[0],setCurrentSize=_a[1];var queries=React__default.useMemo(function(){return breakpointQueries({wideLayout:true});},[]);var deviceListeners=React__default.useRef({});var deviceMediaQueryLists=React__default.useMemo(function(){return Object.values(DEVICES).reduce(function(map,size){var _a;return __assign(__assign({},map),(_a={},_a[size]=window.matchMedia(queries[size]),_a));},{});},[queries]);var initChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];var listener=function(e){if(e.matches)setCurrentSize(Number(size));};mql.addEventListener("change",listener);deviceListeners.current[Number(size)]=listener;});},[deviceMediaQueryLists]);var removeChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];mql.removeEventListener("change",deviceListeners.current[Number(size)]);delete deviceListeners.current[Number(size)];});},[deviceMediaQueryLists]);var setInitialSize=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read$1(_a,2),size=_b[0],mql=_b[1];if(mql.matches)setCurrentSize(Number(size));});},[deviceMediaQueryLists]);React__default.useEffect(function(){setInitialSize();},[setInitialSize]);React__default.useEffect(function(){initChangeWatchers();return removeChangeWatchers;},[initChangeWatchers,removeChangeWatchers]);return React__default.useMemo(function(){var isPhone=currentSize===DEVICES.phone;var isTablet=currentSize===DEVICES.tablet;var isLargeTablet=currentSize===DEVICES.largeTablet;var isSmallComputer=currentSize===DEVICES.smallComputer;var isLargeComputer=currentSize===DEVICES.largeComputer;var isSmallComputerOrLarger=isSmallComputer||isLargeComputer;var isLargeTabletOrLarger=isLargeTablet||isSmallComputerOrLarger;var isLargeTabletOrSmaller=isLargeTablet||isTablet||isPhone;return{isPhone:isPhone,isTablet:isTablet,isLargeTablet:isLargeTablet,isSmallComputer:isSmallComputer,isLargeComputer:isLargeComputer,isSmallComputerOrLarger:isSmallComputerOrLarger,isLargeTabletOrLarger:isLargeTabletOrLarger,isLargeTabletOrSmaller:isLargeTabletOrSmaller};},[currentSize]);};var ComputersOnly=function(_a){var children=_a.children;var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var _b=__read$1(React__default.useState(isSmallComputerOrLarger),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){setIsVisibleTo(isSmallComputerOrLarger);},[isSmallComputerOrLarger]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesOnly=function(_a){var children=_a.children;var isPhone=useDeviceSizeWatcher().isPhone;return isPhone?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var TabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesAndTabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isPhone=_b.isPhone,isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isPhone||isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var reactIs={exports:{}};var reactIs_production_min={};/** @license React v17.0.2
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -13294,7 +13294,7 @@ timerId=setTimeout(timerExpired,wait);return invokeFunc(lastCallTime);}}if(timer
  *
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
- */function _extends$5(){_extends$5=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$5.apply(this,arguments);}const DropdownContext=React__default__default["default"].createContext(undefined);const useDropdownContext=()=>{const dropdownContext=React__default.useContext(DropdownContext);if(!dropdownContext){throw new Error('This component must be rendered within a `Dropdown` component.');}return dropdownContext;};const REMOVE_ITEM_STATE_TYPE='REMOVE_ITEM';const Dropdown$1=props=>{const{children,isOpen,selectedItem,selectedItems,highlightedIndex,inputValue,onSelect,onStateChange,onInputValueChange,downshiftProps}=props;const itemIndexRef=React__default.useRef(0);const previousItemRef=React__default.useRef(undefined);const previousIndexRef=React__default.useRef(undefined);const nextItemsHashRef=React__default.useRef({});const containsMultiselectRef=React__default.useRef(false);const itemSearchRegistry=React__default.useRef([]);const[dropdownType,setDropdownType]=React__default.useState('');const{rtl}=React__default.useContext(styled.ThemeContext);const hasMenuRef=React__default.useRef(false);const popperReferenceElementRef=React__default.useRef(null);const customGetInputProps=(_ref,downshift)=>{let{onKeyDown,...other}=_ref;return{onKeyDown:composeEventHandlers$1(onKeyDown,e=>{const PREVIOUS_KEY=rtl?KEY_CODES.RIGHT:KEY_CODES.LEFT;const NEXT_KEY=rtl?KEY_CODES.LEFT:KEY_CODES.RIGHT;if(downshift.isOpen){if(e.keyCode===PREVIOUS_KEY&&previousIndexRef.current!==null&&previousIndexRef.current!==undefined&&!downshift.inputValue){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(previousIndexRef.current);}if(e.keyCode===NEXT_KEY){const nextItemIndexes=Object.values(nextItemsHashRef.current);if(nextItemIndexes.includes(downshift.highlightedIndex)){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(downshift.highlightedIndex);}}}else if((e.keyCode===KEY_CODES.ENTER||e.keyCode===KEY_CODES.SPACE)&&!downshift.isOpen&&dropdownType!=='combobox'){e.preventDefault();e.stopPropagation();downshift.openMenu();}}),...other};};const transformDownshift=_ref2=>{let{getInputProps,getToggleButtonProps,...downshift}=_ref2;return{getInputProps:p=>getInputProps(customGetInputProps(p,downshift)),getToggleButtonProps:p=>getToggleButtonProps({'aria-label':undefined,...p}),...downshift};};return React__default__default["default"].createElement(Manager,null,React__default__default["default"].createElement(Downshift$1,_extends$5({suppressRefError:true,isOpen:isOpen,highlightedIndex:highlightedIndex,selectedItem:selectedItem||null,inputValue:inputValue,onInputValueChange:(inputVal,stateAndHelpers)=>{if(onInputValueChange){if(stateAndHelpers.isOpen){onInputValueChange(inputVal,stateAndHelpers);}else if(dropdownType==='multiselect'){onInputValueChange('',stateAndHelpers);}}},onStateChange:(changes,stateAndHelpers)=>{if(dropdownType==='autocomplete'&&changes.isOpen===false&&!changes.selectedItem){onSelect&&onSelect(selectedItem,stateAndHelpers);}if(Object.prototype.hasOwnProperty.call(changes,'selectedItem')&&changes.selectedItem!==null){if(selectedItems){const{itemToString}=stateAndHelpers;const existingItemIndex=selectedItems.findIndex(item=>{return itemToString(item)===itemToString(changes.selectedItem);});const updatedSelectedItems=Array.from(selectedItems);if(existingItemIndex===-1){updatedSelectedItems.splice(updatedSelectedItems.length,0,changes.selectedItem);}else{updatedSelectedItems.splice(existingItemIndex,1);}changes.selectedItems=updatedSelectedItems;delete changes.selectedItem;onSelect&&onSelect(updatedSelectedItems,stateAndHelpers);}else{onSelect&&onSelect(changes.selectedItem,stateAndHelpers);}if(dropdownType==='multiselect'){stateAndHelpers.setState({inputValue:''});}}onStateChange&&onStateChange(changes,stateAndHelpers);},stateReducer:(_state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.changeInput:if(changes.inputValue===''&&dropdownType==='combobox'){return{...changes,isOpen:false};}return changes;default:return changes;}}},downshiftProps),downshift=>React__default__default["default"].createElement(DropdownContext.Provider,{value:{hasMenuRef,itemIndexRef,previousItemRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,selectedItems,downshift:transformDownshift(downshift),containsMultiselectRef,itemSearchRegistry,setDropdownType}},children)));};Dropdown$1.propTypes={isOpen:propTypes.exports.bool,selectedItem:propTypes.exports.any,selectedItems:propTypes.exports.arrayOf(propTypes.exports.any),highlightedIndex:propTypes.exports.number,inputValue:propTypes.exports.string,onSelect:propTypes.exports.func,onStateChange:propTypes.exports.func,downshiftProps:propTypes.exports.object};function getPopperPlacement$1(gardenPlacement){switch(gardenPlacement){case'end':return'right';case'end-top':return'right-start';case'end-bottom':return'right-end';case'start':return'left';case'start-top':return'left-start';case'start-bottom':return'left-end';default:return gardenPlacement;}}function getRtlPopperPlacement$1(gardenPlacement){const popperPlacement=getPopperPlacement$1(gardenPlacement);switch(popperPlacement){case'left':return'right';case'left-start':return'right-start';case'left-end':return'right-end';case'top-start':return'top-end';case'top-end':return'top-start';case'right':return'left';case'right-start':return'left-start';case'right-end':return'left-end';case'bottom-start':return'bottom-end';case'bottom-end':return'bottom-start';default:return popperPlacement;}}function getArrowPosition$1(popperPlacement){const arrowPositionMappings={auto:'top',top:'bottom','top-start':'bottom-left','top-end':'bottom-right',right:'left','right-start':'left-top','right-end':'left-bottom',bottom:'top','bottom-start':'top-left','bottom-end':'top-right',left:'right','left-start':'right-top','left-end':'right-bottom'};return popperPlacement?arrowPositionMappings[popperPlacement]:'top';}function getMenuPosition(popperPlacement){if(popperPlacement==='auto'){return'bottom';}return popperPlacement?popperPlacement.split('-')[0]:'bottom';}const COMPONENT_ID$m='dropdowns.menu';const StyledMenu$1=styled__default["default"].ul.attrs(props=>({'data-garden-id':COMPONENT_ID$m,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenu",componentId:"sc-1vpttfd-0"})(["position:static !important;max-height:",";overflow-y:auto;",";",";"],props=>props.maxHeight,props=>props.hasArrow&&arrowStyles(getArrowPosition$1(props.placement),{size:`${props.theme.space.base*2}px`,inset:'2px',animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$m,props));StyledMenu$1.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$l='dropdowns.menu_wrapper';const StyledMenuWrapper=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$l,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenuWrapper",componentId:"sc-tiwdxz-0"})(["",";",";"],props=>menuStyles(getMenuPosition(props.placement),{theme:props.theme,hidden:props.isHidden,margin:`${props.theme.space.base*(props.hasArrow?2:1)}px`,zIndex:props.zIndex,animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$l,props));StyledMenuWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$k='dropdowns.separator';const StyledSeparator=styled__default["default"].li.attrs({'data-garden-id':COMPONENT_ID$k,'data-garden-version':'8.70.0',role:'separator'}).withConfig({displayName:"StyledSeparator",componentId:"sc-1mrnp18-0"})(["display:block;margin:","px 0;border-bottom:",";",";"],props=>props.theme.space.base,props=>`${props.theme.borders.sm} ${getColor$1('neutralHue',200,props.theme)}`,props=>retrieveComponentStyles(COMPONENT_ID$k,props));StyledSeparator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$j='dropdowns.item';const getItemPaddingVertical=props=>{if(props.isCompact){return`${props.theme.space.base}px`;}return`${props.theme.space.base*2}px`;};const getColorStyles=props=>{let foregroundColor;let backgroundColor;if(props.disabled){foregroundColor=getColor$1('neutralHue',400,props.theme);}else if(props.isDanger){foregroundColor=getColor$1('dangerHue',600,props.theme);backgroundColor=props.isFocused?rgba(foregroundColor,0.08):'inherit';}else{foregroundColor=props.theme.colors.foreground;backgroundColor=props.isFocused?getColor$1('primaryHue',600,props.theme,0.08):'inherit';}return styled.css(["background-color:",";color:",";& a,& a:hover,& a:focus,& a:active{color:inherit;}"],backgroundColor,foregroundColor);};const StyledItem=styled__default["default"].li.attrs(props=>({'data-garden-id':COMPONENT_ID$j,'data-garden-version':'8.70.0','aria-disabled':props.disabled})).withConfig({displayName:"StyledItem",componentId:"sc-1xeog7q-0"})(["display:block;position:relative;z-index:0;cursor:",";padding:"," ","px;text-decoration:none;line-height:","px;word-wrap:break-word;user-select:none;&:first-child{margin-top:","px;}&:last-child{margin-bottom:","px;}&:focus{outline:none;}& a,& a:hover,& a:focus,& a:active{text-decoration:none;}",";",";"],props=>props.disabled?'default':'pointer',props=>getItemPaddingVertical(props),props=>props.theme.space.base*9,props=>props.theme.space.base*5,props=>props.theme.space.base,props=>props.theme.space.base,props=>getColorStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$j,props));StyledItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$i='dropdowns.add_item';const StyledAddItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$i,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledAddItem",componentId:"sc-ekqk50-0"})(["color:",";",";"],props=>!props.disabled&&getColor$1('primaryHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$i,props));StyledAddItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$h='dropdowns.item_meta';const StyledItemMeta=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$h,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemMeta",componentId:"sc-k6xy28-0"})(["display:block;line-height:","px;color:",";font-size:",";",";"],props=>props.theme.space.base*(props.isCompact?3:4),props=>getColor$1('neutralHue',props.isDisabled?400:600,props.theme),props=>props.theme.fontSizes.sm,props=>retrieveComponentStyles(COMPONENT_ID$h,props));StyledItemMeta.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$g='dropdowns.item_icon';const getSizeStyles=props=>{return styled.css(["width:",";height:calc(","px + ",");"],props.theme.iconSizes.md,props.theme.space.base*5,math(`${getItemPaddingVertical(props)} * 2`));};const StyledItemIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$g,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemIcon",componentId:"sc-1v0ty11-0"})(["display:flex;position:absolute;top:0;",":","px;align-items:center;justify-content:center;transition:opacity 0.1s ease-in-out;opacity:",";color:",";",";& > *{width:",";height:",";}"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>props.isVisible?'1':'0',props=>props.isDisabled?'inherit':getColor$1('primaryHue',600,props.theme),props=>getSizeStyles(props),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md);StyledItemIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$f='dropdowns.next_item';const StyledNextItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$f,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledNextItem",componentId:"sc-1bcygn5-0"})(["","{right:",";left:",";}",";"],StyledItemIcon,props=>props.theme.rtl?'auto':`${props.theme.space.base*3}px`,props=>props.theme.rtl?`${props.theme.space.base*3}px`:'auto',props=>retrieveComponentStyles(COMPONENT_ID$f,props));StyledNextItem.defaultProps={theme:DEFAULT_THEME};var _path$4;function _extends$4$1(){_extends$4$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$4$1.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4||(_path$4=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"})));};const COMPONENT_ID$e='dropdowns.next_item_icon';const NextIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronRightStroke,{"data-garden-id":COMPONENT_ID$e,"data-garden-version":'8.70.0',className:className});};const StyledNextIcon=styled__default["default"](NextIconComponent).withConfig({displayName:"StyledNextIcon",componentId:"sc-1rinki2-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$e,props));StyledNextIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$d='dropdowns.previous_item';const StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPreviousItem",componentId:"sc-1nmdds9-0"})(["font-weight:",";",";"],props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$d,props));StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;function _extends$3$1(){_extends$3$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$3$1.apply(this,arguments);}var SvgChevronLeftStroke=function SvgChevronLeftStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$3||(_path$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"})));};const COMPONENT_ID$c$1='dropdowns.previous_item_icon';const PreviousIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c$1,"data-garden-version":'8.70.0',className:className});};const StyledPreviousIcon=styled__default["default"](PreviousIconComponent).withConfig({displayName:"StyledPreviousIcon",componentId:"sc-czfwj7-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$c$1,props));StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$b$1='dropdowns.header_icon';const StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderIcon",componentId:"sc-1fl6nsz-0"})(["display:flex;position:absolute;top:0;bottom:0;align-items:center;justify-content:center;",":","px;color:",";& > *{width:",";height:",";}",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>getColor$1('neutralHue',600,props.theme),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$b$1,props));StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$a$1='dropdowns.header_item';const getHorizontalPadding=props=>{if(props.hasIcon){return undefined;}return`${props.theme.space.base*3}px`;};const StyledHeaderItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$a$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderItem",componentId:"sc-137filx-0"})(["cursor:default;padding-right:",";padding-left:",";font-weight:",";",";"],props=>getHorizontalPadding(props),props=>getHorizontalPadding(props),props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$a$1,props));StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$9$1='dropdowns.media_body';const StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaBody",componentId:"sc-36j7ef-0"})(["display:block;overflow:hidden;padding-",":","px;",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*2,props=>retrieveComponentStyles(COMPONENT_ID$9$1,props));StyledMediaBody.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$8$2='dropdowns.media_figure';const StyledMediaFigure=styled__default["default"](_ref=>{let{children,isCompact,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaFigure",componentId:"sc-2f2x8x-0"})(["float:",";margin-top:","px !important;width:",";height:",";",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*0.5,props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$8$2,props));StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$7$2='dropdowns.media_item';const StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],props=>retrieveComponentStyles(COMPONENT_ID$7$2,props));StyledMediaItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6$2='dropdowns.faux_input';const StyledFauxInput=styled__default["default"](FauxInput$1).attrs(props=>({'data-garden-id':COMPONENT_ID$6$2,'data-garden-version':'8.70.0',mediaLayout:true,theme:props.theme})).withConfig({displayName:"StyledFauxInput",componentId:"sc-1l592ed-0"})(["cursor:",";min-width:","px;",";"],props=>!props.disabled&&'pointer',props=>props.theme.space.base*(props.isCompact?25:36),props=>retrieveComponentStyles(COMPONENT_ID$6$2,props));StyledFauxInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5$2='dropdowns.input';const hiddenStyling=styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);const StyledInput=styled__default["default"](Input$1).attrs({'data-garden-id':COMPONENT_ID$5$2,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],props=>props.isHidden&&hiddenStyling,props=>retrieveComponentStyles(COMPONENT_ID$5$2,props));StyledInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$2='dropdowns.select';const StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSelect",componentId:"sc-xifmwj-0"})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";"],props=>retrieveComponentStyles(COMPONENT_ID$4$2,props));StyledSelect.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$2='dropdowns.multiselect_input';const visibleStyling=props=>{const margin=props.isVisible?`${props.theme.space.base/2}px`:0;const minWidth=props.isVisible?`${props.theme.space.base*15}px`:0;let height='0';if(props.isVisible){height=`${props.theme.space.base*(props.isCompact?5:8)}px`;}return styled.css(["opacity:",";margin:",";width:",";min-width:",";height:",";"],!props.isVisible&&0,margin,!props.isVisible&&0,minWidth,height);};const StyledMultiselectInput=styled__default["default"](StyledInput).attrs({'data-garden-id':COMPONENT_ID$3$2,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledMultiselectInput",componentId:"sc-1avnf6f-0"})(["flex-basis:","px;flex-grow:1;align-self:center;min-height:0;",";",";"],props=>props.theme.space.base*15,props=>visibleStyling(props),props=>retrieveComponentStyles(COMPONENT_ID$3$2,props));StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$4='dropdowns.multiselect_items_container';const sizeStyles$8=props=>{let margin;let padding;if(!props.isBare){const marginVertical=props.isCompact?`-${props.theme.space.base*1.5}px`:`-${props.theme.space.base*2.5}px`;margin=`${marginVertical} 0`;const paddingVertical=props.isCompact?'3px':'1px';const paddingEnd=`${props.theme.space.base}px`;padding=`${paddingVertical} ${props.theme.rtl?0:paddingEnd} ${paddingVertical} ${props.theme.rtl?paddingEnd:0}`;}return styled.css(["margin:",";padding:",";"],margin,padding);};const StyledMultiselectItemsContainer=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemsContainer",componentId:"sc-1jzhet8-0"})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;",";",";"],props=>sizeStyles$8(props),props=>retrieveComponentStyles(COMPONENT_ID$2$4,props));StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1$4='dropdowns.multiselect_item_wrapper';const StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemWrapper",componentId:"sc-1rb2bye-0"})(["display:inline-flex;align-items:center;margin:","px;max-width:100%;",";"],props=>props.theme.space.base/2,props=>retrieveComponentStyles(COMPONENT_ID$1$4,props));StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$n='dropdowns.multiselect_more_anchor';const StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$n,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectMoreAnchor",componentId:"sc-1m9v46e-0"})(["display:inline-block;cursor:",";padding:","px 0;overflow:hidden;user-select:none;text-overflow:ellipsis;line-height:",";white-space:nowrap;color:",";:hover{text-decoration:",";}",";"],props=>props.isDisabled?'default':'pointer',props=>props.theme.space.base*(props.isCompact?0.75:1.5),props=>props.isCompact?'1em':getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.isDisabled?getColor$1('neutralHue',400,props.theme):getColor$1('primaryHue',600,props.theme),props=>!props.isDisabled&&'underline',props=>retrieveComponentStyles(COMPONENT_ID$n,props));StyledMultiselectMoreAnchor.defaultProps={theme:DEFAULT_THEME};const Trigger=_ref=>{let{children,refKey,...triggerProps}=_ref;const{hasMenuRef,itemSearchRegistry,downshift:{getRootProps,getToggleButtonProps,getInputProps,isOpen,highlightedIndex,selectItemAtIndex,setHighlightedIndex}}=useDropdownContext();const hiddenInputRef=React__default.useRef(null);const triggerRef=React__default.useRef(null);const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,hasMenuRef]);React__default.useEffect(()=>{if(hasMenuRef.current===false){hasMenuRef.current=true;}},[hasMenuRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(e=>{if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}const character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}const newSearchString=searchString+character;setSearchString(newSearchString);let matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,setHighlightedIndex]);const renderChildren=popperRef=>{const{ref:rootPropsRefCallback,...rootProps}=getRootProps();const listboxToggleProps=getToggleButtonProps({...rootProps,role:null,'aria-labelledby':undefined,...triggerProps,...children.props});const menuToggleProps={...listboxToggleProps,'aria-haspopup':'true','aria-controls':listboxToggleProps['aria-owns'],'aria-owns':null};const toggleButtonProps=hasMenuRef.current?menuToggleProps:listboxToggleProps;return React__default__default["default"].cloneElement(React__default__default["default"].Children.only(children),{...toggleButtonProps,[refKey]:childRef=>{popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);}});};return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(React__default__default["default"].Fragment,null,renderChildren(popperReference),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})));});};Trigger.propTypes={children:propTypes.exports.any,refKey:propTypes.exports.string};Trigger.defaultProps={refKey:'ref'};var _path$2$1;function _extends$2$2(){_extends$2$2=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$2.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2$1||(_path$2$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};const FieldContext=React__default__default["default"].createContext(undefined);const useFieldContext=()=>{const fieldContext=React__default.useContext(FieldContext);if(!fieldContext){throw new Error('This component must be rendered within a `Field` component.');}return fieldContext;};const Autocomplete$1=React__default.forwardRef((_ref,ref)=>{let{children,inputRef:controlledInputRef,start,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(isOpen);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);React__default.useEffect(()=>{if(inputRef.current&&isOpen!==previousIsOpenRef.current){inputRef.current.focus();}previousIsOpenRef.current=isOpen;},[inputRef,isOpen]);const{type,onKeyDown,...selectProps}=getToggleButtonProps(getRootProps({role:null,...props,onKeyDown:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false))}));const onSelectKeyDown=composeEventHandlers$1(props.onKeyDown,onKeyDown);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('autocomplete');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused,tabIndex:null,onKeyDown:onSelectKeyDown},selectProps,{ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref])(selectRef);popperReferenceElementRef.current=selectRef;}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),!isOpen&&React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({isHidden:!isOpen,disabled:props.disabled,onFocus:()=>{setIsFocused(true);},onBlur:()=>{setIsFocused(false);},onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},role:'combobox',ref:mergeRefs([inputRef,controlledInputRef||null])})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Autocomplete$1.displayName='Autocomplete';Autocomplete$1.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};const Combobox=React__default.forwardRef((_ref,ref)=>{let{isCompact,isBare,disabled,focusInset,placeholder,validation,inputRef:inputRefProp=null,start,end,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const wrapperRef=React__default.useRef();const inputRef=React__default.useRef();const isOpenRef=React__default.useRef(isOpen);const wrapperProps=getToggleButtonProps(getRootProps({role:null,type:null,onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;},...props,onKeyDown:event=>{event.nativeEvent.preventDownshiftDefault=true;}}));const inputProps=getInputProps({isCompact,isBare,disabled,focusInset,placeholder,validation,start,end,role:'combobox',onKeyDown:event=>{if(event.keyCode===KEY_CODES.SPACE||!isOpen&&[KEY_CODES.DOWN,KEY_CODES.UP].includes(event.keyCode)){event.nativeEvent.preventDownshiftDefault=true;}},onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;}});React__default.useEffect(()=>{if(inputRef.current&&isOpen!==isOpenRef.current){inputRef.current.focus();}isOpenRef.current=isOpen;},[inputRef,isOpen]);React__default.useEffect(()=>{setDropdownType('combobox');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;const wrapperRefProp=element=>{popperReference(element);mergeRefs([wrapperRef,ref])(element);popperReferenceElementRef.current=element;};return React__default__default["default"].createElement(MediaInput,_extends$5({},inputProps,{wrapperProps:wrapperProps,wrapperRef:wrapperRefProp,ref:mergeRefs([inputRef,inputRefProp])}));});});Combobox.displayName='Combobox';Combobox.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,placeholder:propTypes.exports.string,validation:propTypes.exports.oneOf(VALIDATION)};const Multiselect=React__default__default["default"].forwardRef((_ref,ref)=>{let{renderItem,placeholder,maxItems,renderShowMore,inputRef:externalInputRef=null,start,onKeyDown,...props}=_ref;const{popperReferenceElementRef,selectedItems=[],containsMultiselectRef,previousIndexRef,downshift:{getToggleButtonProps,getRootProps,getInputProps,isOpen,closeMenu,inputValue,setState:setDownshiftState,itemToString},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const blurTimeoutRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const previousIsFocusedRef=React__default.useRef(undefined);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const[focusedItem,setFocusedItem]=React__default.useState(undefined);const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const{getContainerProps,getItemProps}=useSelection({rtl:themeContext.rtl,focusedItem,selectedItem:undefined,onFocus:item=>{setFocusedItem(item);}});React__default.useEffect(()=>{containsMultiselectRef.current=true;const tempRef=blurTimeoutRef;return()=>{clearTimeout(tempRef.current);};},[]);React__default.useEffect(()=>{if(inputRef.current){if(isOpen&&!previousIsOpenRef.current){inputRef.current.focus();}else if(isFocused&&!previousIsFocusedRef.current&&focusedItem===undefined){inputRef.current.focus();}}previousIsOpenRef.current=isOpen;previousIsFocusedRef.current=isFocused;},[isOpen,inputRef,isFocused,focusedItem]);React__default.useEffect(()=>{if(focusedItem!==undefined&&isOpen){closeMenu();}},[focusedItem,isOpen,closeMenu]);const{type,...selectProps}=getToggleButtonProps(getRootProps({tabIndex:props.disabled?undefined:-1,onKeyDown:composeEventHandlers$1(onKeyDown,e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}else if(!inputValue&&e.keyCode===KEY_CODES.HOME){setFocusedItem(selectedItems[0]);e.preventDefault();}}),onFocus:()=>{setIsFocused(true);},onBlur:e=>{const currentTarget=e.currentTarget;blurTimeoutRef.current=setTimeout(()=>{if(environment&&!currentTarget.contains(environment.activeElement)){setIsFocused(false);}},0);},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),role:null,...props}));const renderSelectableItem=React__default.useCallback((item,index)=>{const removeValue=()=>{setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:item});inputRef.current&&inputRef.current.focus();};const renderedItem=renderItem({value:item,removeValue});const focusRef=React__default__default["default"].createRef();const clonedChild=React__default__default["default"].cloneElement(renderedItem,{...getItemProps({item,focusRef,onKeyDown:e=>{if(e.keyCode===KEY_CODES.DELETE||e.keyCode===KEY_CODES.BACKSPACE){e.preventDefault();removeValue();}if(e.keyCode===KEY_CODES.END&&!inputValue){inputRef.current&&inputRef.current.focus();e.preventDefault();}if(themeContext.rtl){if(e.keyCode===KEY_CODES.RIGHT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.LEFT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}else{if(e.keyCode===KEY_CODES.LEFT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.RIGHT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}},onClick:e=>{e.nativeEvent.preventDownshiftDefault=true;},tabIndex:-1}),size:props.isCompact?'medium':'large'});const key=`${itemToString(item)}-${index}`;return React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:key},clonedChild);},[getItemProps,inputValue,renderItem,setDownshiftState,itemToString,selectedItems,props,inputRef,themeContext.rtl]);const items=React__default.useMemo(()=>{const itemValues=selectedItems||[];const output=[];for(let x=0;x<itemValues.length;x++){const item=itemValues[x];if(x<maxItems){if(props.disabled){const renderedItem=React__default__default["default"].cloneElement(renderItem({value:item,removeValue:()=>{return undefined;}}),{size:props.isCompact?'medium':'large'});output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:x},renderedItem));}else{output.push(renderSelectableItem(item,x));}}else if(!isFocused&&!inputValue||props.disabled){output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:"more-anchor"},React__default__default["default"].createElement(StyledMultiselectMoreAnchor,{isCompact:props.isCompact,isDisabled:props.disabled},renderShowMore?renderShowMore(itemValues.length-x):`+ ${itemValues.length-x} more`)));break;}else{output.push(renderSelectableItem(item,x));}}return output;},[isFocused,props.disabled,renderSelectableItem,selectedItems,renderItem,inputValue,maxItems,renderShowMore,props.isCompact]);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('multiselect');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,getContainerProps({...selectProps,isHovered:isContainerHovered,isFocused:isContainerFocused,ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,popperReferenceElementRef,ref])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledMultiselectItemsContainer,{isBare:props.isBare,isCompact:props.isCompact},items,React__default__default["default"].createElement(StyledMultiselectInput,getInputProps({disabled:props.disabled,onFocus:()=>{setFocusedItem(undefined);},onClick:e=>{if(inputValue&&inputValue.length>0&&isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:e=>{if(!inputValue){if(themeContext.rtl&&e.keyCode===KEY_CODES.RIGHT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(!themeContext.rtl&&e.keyCode===KEY_CODES.LEFT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(e.keyCode===KEY_CODES.BACKSPACE&&selectedItems.length>0){setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:selectedItems[selectedItems.length-1]});e.nativeEvent.preventDownshiftDefault=true;e.preventDefault();e.stopPropagation();}}},isVisible:isFocused||inputValue||selectedItems.length===0,isCompact:props.isCompact,role:'combobox',ref:mergeRefs([inputRef,externalInputRef]),placeholder:selectedItems.length===0?placeholder:undefined}))),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Multiselect.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,renderItem:propTypes.exports.func.isRequired,maxItems:propTypes.exports.number,validation:propTypes.exports.oneOf(['success','warning','error'])};Multiselect.defaultProps={maxItems:4};Multiselect.displayName='Multiselect';const Select$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,start,...props}=_ref;const{popperReferenceElementRef,itemSearchRegistry,downshift:{getToggleButtonProps,getInputProps,isOpen,highlightedIndex,setHighlightedIndex,selectItemAtIndex,closeMenu}}=useDropdownContext();const{isLabelHovered}=useFieldContext();const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const hiddenInputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,triggerRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(e=>{if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);closeMenu();}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}const character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}const newSearchString=searchString+character;setSearchString(newSearchString);let matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,closeMenu,setHighlightedIndex]);const{type,...selectProps}=getToggleButtonProps({tabIndex:props.disabled?undefined:0,onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),onFocus:composeEventHandlers$1(props.onFocus,()=>setIsFocused(true)),onBlur:composeEventHandlers$1(props.onBlur,()=>setIsFocused(false)),...props});const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused},selectProps,{role:"none",ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref,popperReferenceElementRef])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Select$1.displayName='Select';Select$1.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.any};const Field$1=React__default.forwardRef((props,fieldRef)=>{const{downshift:{getRootProps}}=useDropdownContext();const[isLabelHovered,setIsLabelHovered]=React__default.useState(false);const{ref}=getRootProps();const value=React__default.useMemo(()=>({isLabelHovered,setIsLabelHovered}),[isLabelHovered,setIsLabelHovered]);return React__default__default["default"].createElement(FieldContext.Provider,{value:value},React__default__default["default"].createElement(Field$2,_extends$5({ref:mergeRefs([ref,fieldRef])},props)));});Field$1.displayName='Field';const Hint$1=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Hint$2,_extends$5({ref:ref},props)));Hint$1.displayName='Hint';const Label$2=React__default__default["default"].forwardRef((_ref,ref)=>{let{onMouseEnter,onMouseLeave,...other}=_ref;const{downshift:{getLabelProps}}=useDropdownContext();const{setIsLabelHovered}=useFieldContext();const labelProps=getLabelProps({onMouseEnter:composeEventHandlers$1(onMouseEnter,()=>{setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers$1(onMouseLeave,()=>{setIsLabelHovered(false);}),...other});return React__default__default["default"].createElement(Label$1$1,_extends$5({ref:ref},labelProps));});Label$2.displayName='Label';Label$2.propTypes={isRegular:propTypes.exports.bool};const Message$2=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Message$3,_extends$5({ref:ref},props)));Message$2.displayName='Message';Message$2.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};const SHARED_PLACEMENT$1=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];const PLACEMENT$1=[...SHARED_PLACEMENT$1,'end','end-top','end-bottom','start','start-top','start-bottom'];const MenuContext=React__default__default["default"].createContext(undefined);const useMenuContext=()=>{const menuContext=React__default.useContext(MenuContext);if(!menuContext){throw new Error('This component must be rendered within a `Menu` component.');}return menuContext;};const Menu=React__default.forwardRef((props,menuRef)=>{const{placement,popperModifiers,eventsEnabled,isAnimated,maxHeight,style:menuStyle,zIndex,isCompact,children,appendToNode,...otherProps}=props;const{hasMenuRef,itemIndexRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,itemSearchRegistry,downshift:{isOpen,getMenuProps}}=useDropdownContext();const scheduleUpdateRef=React__default.useRef(undefined);React__default.useEffect(()=>{if(scheduleUpdateRef.current&&isOpen){scheduleUpdateRef.current();}});const[isVisible,setIsVisible]=React__default.useState(isOpen);React__default.useEffect(()=>{let timeout;if(isOpen){setIsVisible(true);}else if(isAnimated){timeout=setTimeout(()=>setIsVisible(false),200);}else{setIsVisible(false);}return()=>clearTimeout(timeout);},[isOpen,isAnimated]);const themeContext=React__default.useContext(styled.ThemeContext);itemIndexRef.current=0;nextItemsHashRef.current={};previousIndexRef.current=undefined;itemSearchRegistry.current=[];const popperPlacement=themeContext.rtl?getRtlPopperPlacement$1(placement):getPopperPlacement$1(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef,isCompact}},React__default__default["default"].createElement(Popper,{placement:popperPlacement,modifiers:popperModifiers,eventsEnabled:isOpen&&eventsEnabled},_ref=>{let{ref,style,scheduleUpdate,placement:currentPlacement}=_ref;let computedStyle=menuStyle;scheduleUpdateRef.current=scheduleUpdate;if((isOpen||isVisible)&&popperReferenceElementRef.current&&popperReferenceElementRef.current.getBoundingClientRect){computedStyle={width:popperReferenceElementRef.current.getBoundingClientRect().width,...menuStyle};}const menuProps=getMenuProps({role:hasMenuRef.current?'menu':'listbox',placement:currentPlacement,isAnimated:isAnimated&&(isOpen||isVisible),...otherProps});const menu=React__default__default["default"].createElement(StyledMenuWrapper,{ref:isOpen?ref:undefined,hasArrow:menuProps.hasArrow,placement:menuProps.placement,style:style,isHidden:!isOpen,isAnimated:menuProps.isAnimated,zIndex:zIndex},React__default__default["default"].createElement(StyledMenu$1,_extends$5({ref:menuRef,isCompact:isCompact,maxHeight:maxHeight,style:computedStyle},menuProps),(isOpen||isVisible)&&children));return appendToNode?ReactDOM.createPortal(menu,appendToNode):menu;}));});Menu.displayName='Menu';Menu.propTypes={popperModifiers:propTypes.exports.any,eventsEnabled:propTypes.exports.bool,zIndex:propTypes.exports.number,style:propTypes.exports.object,placement:propTypes.exports.oneOf(PLACEMENT$1),isAnimated:propTypes.exports.bool,isCompact:propTypes.exports.bool,hasArrow:propTypes.exports.bool,maxHeight:propTypes.exports.string};Menu.defaultProps={placement:'bottom-start',isAnimated:true,eventsEnabled:true,maxHeight:'400px',zIndex:1000};const Separator=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(StyledSeparator,_extends$5({ref:ref},props)));Separator.displayName='Separator';var _path$1$1;function _extends$1$3(){_extends$1$3=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$3.apply(this,arguments);}var SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1$1||(_path$1$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path$5;function _extends$6(){_extends$6=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$6.apply(this,arguments);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$6({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5||(_path$5=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};const ItemContext=React__default__default["default"].createContext(undefined);const useItemContext=()=>{const context=React__default.useContext(ItemContext);if(!context){throw new Error('This component must be rendered within an `Item` component.');}return context;};const Item$1=React__default__default["default"].forwardRef((_ref,forwardRef)=>{let{value,disabled,isDanger,component=StyledItem,hasIcon,children,...props}=_ref;const{selectedItems,hasMenuRef,itemSearchRegistry,downshift:{isOpen,selectedItem,highlightedIndex,getItemProps,setHighlightedIndex,itemToString}}=useDropdownContext();const{itemIndexRef,isCompact}=useMenuContext();const itemRef=React__default.useRef();const Component=component;if((value===undefined||value===null)&&!disabled){throw new Error('All Item components require a `value` prop');}const currentIndex=itemIndexRef.current;const isFocused=highlightedIndex===currentIndex;let isSelected;React__default.useEffect(()=>{if(!disabled&&itemRef.current){const itemTextValue=itemRef.current.innerText;if(itemTextValue){itemSearchRegistry.current[currentIndex]=itemTextValue;}}});if(value){if(selectedItems){isSelected=selectedItems.some(item=>{return itemToString(item)===itemToString(value);});}else{isSelected=itemToString(selectedItem)===itemToString(value);}}else{isSelected=false;}React__default.useEffect(()=>{if(isOpen&&!disabled&&!selectedItems&&isSelected){setHighlightedIndex(currentIndex);}},[currentIndex,disabled,isOpen,isSelected,selectedItems,setHighlightedIndex]);const contextValue=React__default.useMemo(()=>({isDisabled:disabled}),[disabled]);const ref=mergeRefs([itemRef,forwardRef]);if(disabled){return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,_extends$5({ref:ref,disabled:disabled,isDanger:isDanger,isCompact:isCompact},props),isSelected&&!hasIcon&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected,isDisabled:disabled},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));}itemIndexRef.current++;return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,getItemProps({item:value,isFocused,ref,isCompact,isDanger,...(hasMenuRef.current&&{role:'menuitem','aria-selected':null}),...props}),isSelected&&!hasIcon&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));});Item$1.displayName='Item';Item$1.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const AddItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledAddItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:true,isDisabled:disabled},React__default__default["default"].createElement(SvgPlusStroke,null)),children);});const AddItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:AddItemComponent,ref:ref},props,{hasIcon:true})));AddItem.displayName='AddItem';AddItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const HeaderIcon=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderIcon,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderIcon.displayName='HeaderIcon';const HeaderItem=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderItem,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderItem.displayName='HeaderItem';const ItemMeta=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();const{isDisabled}=useItemContext();return React__default__default["default"].createElement(StyledItemMeta,_extends$5({ref:ref,isCompact:isCompact,isDisabled:isDisabled},props));});ItemMeta.displayName='ItemMeta';const MediaBody=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledMediaBody,_extends$5({ref:ref,isCompact:isCompact},props));});MediaBody.displayName='MediaBody';const MediaItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:StyledMediaItem,ref:ref},props)));MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const NextItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledNextItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledNextIcon,{isDisabled:disabled})),children);});const NextItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{nextItemsHashRef,downshift:{itemToString}}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){nextItemsHashRef.current[itemToString(value)]=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:NextItemComponent,"aria-expanded":true,disabled:disabled,value:value,ref:ref},props,{hasIcon:true}));});NextItem.displayName='NextItem';NextItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const PreviousItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledPreviousItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledPreviousIcon,{isDisabled:disabled})),children);});const PreviousItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{previousIndexRef}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){previousIndexRef.current=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:PreviousItemComponent,"aria-expanded":true,value:value,disabled:disabled},props,{ref:ref,hasIcon:true}));});PreviousItem.displayName='PreviousItem';PreviousItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme,props=__rest(_a,["danger","theme"]);if(!danger){return __assign({color:theme.styles.textColorPrimary,primary:false},props);}return __assign({color:theme.styles.colorDanger,primary:true},props);})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n  &&&& {\n    ",";\n\n    font-size: ",";\n    margin-bottom: ",";\n\n    :first-child {\n      margin-top: 4px;\n    }\n\n    *[data-garden-id=\"dropdowns.item_icon\"] {\n      ",";\n    }\n\n    ","\n  }\n"],["\n  &&&& {\n    ",";\n\n    font-size: ",";\n    margin-bottom: ",";\n\n    :first-child {\n      margin-top: 4px;\n    }\n\n    *[data-garden-id=\"dropdowns.item_icon\"] {\n      ",";\n    }\n\n    ","\n  }\n"])),function(_a){var color=_a.color,disabled=_a.disabled,theme=_a.theme;if(disabled)return"";if(color!==theme.styles.textColorPrimary){return buttonLikeHoverable;}return styled.css(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n        &[aria-selected=\"true\"] {\n          background: ",";\n        }\n      "],["\n        &[aria-selected=\"true\"] {\n          background: ",";\n        }\n      "])),fade(theme.styles.colorPrimary,0.9));},FONT_SIZES.SM,SPACINGS.XS,function(_a){var color=_a.color,theme=_a.theme;if(color!==theme.styles.textColorPrimary)return textColorForButton;return styled.css(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n          color: ",";\n        "],["\n          color: ",";\n        "])),theme.styles.colorPrimary);},function(_a){var _css=_a._css;return _css;});var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$B,templateObject_2$p,templateObject_3$m;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};var dist={};Object.defineProperty(dist,'__esModule',{value:true});function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done){ar.push(r.value);}}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var modules=new Set();var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(!modules.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(Logger.packagePrefix()).concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}var _a;_a=Logger;Logger.packageName="";Logger.addModules=function(m){m.forEach(function(name){return modules.add(name);});};Logger.getModules=function(){return __spreadArray([],__read(modules),false);};Logger.packagePrefix=function(){return!!_a.packageName?"".concat(_a.packageName," : "):"";};return Logger;}();if(typeof window!=="undefined")window.Logger=Logger;var Logger_1=dist.Logger=Logger;var name="@idea-fragments/react-components-zendesk";var version="0.1.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$3=new Logger_1("Loadable");var Container$8=styled__default["default"](FlexBox)(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  //height: 100%;\n  width: 100%;\n  position: relative;\n"],["\n  //height: 100%;\n  width: 100%;\n  position: relative;\n"])));var LoaderContainer=styled__default["default"](FlexBox)(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n"],["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n"])));var ChildrenContainer=styled__default["default"](FlexBox)(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n  width: 100%;\n  opacity: ",";\n"],["\n  width: 100%;\n  opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$3.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read$1(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$3.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$8,__assign({justifyContent:"center",gap:"unset",alignItems:"center"},{children:[jsxRuntime.jsx(ChildrenContainer,__assign({gap:"unset",className:className,opaqueSpinner:opaqueSpinner,showSpinner:showingSpinner,withRows:true},{children:children})),showingSpinner?jsxRuntime.jsx(LoaderContainer,__assign({justifyContent:"center",alignItems:"center",showSpinner:showingSpinner},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary,size:FONT_SIZES.XXL})})):null]}));};Loadable=styled__default["default"](Loadable)(templateObject_4$j||(templateObject_4$j=__makeTemplateObject([""],[""])));var templateObject_1$A,templateObject_2$o,templateObject_3$l,templateObject_4$j;var Paragraph$1=styled__default["default"](Text$1).attrs({as:FONT_TAGS.P})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),FONT_WEIGHTS.REGULAR);styled__default["default"](Paragraph$1)(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XXS);var XS=styled__default["default"](Paragraph$1)(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XS);styled__default["default"](Paragraph$1)(templateObject_4$i||(templateObject_4$i=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.MD);styled__default["default"](Paragraph$1)(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.LG);styled__default["default"](Paragraph$1)(templateObject_6$9||(templateObject_6$9=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XL);var templateObject_1$z,templateObject_2$n,templateObject_3$k,templateObject_4$i,templateObject_5$d,templateObject_6$9;var Hint=styled__default["default"](XS).attrs(function(_a){var color=_a.color,danger=_a.danger,theme=_a.theme;var getTextColor=function(){if(color)return color;if(danger)return theme.styles.colorDanger;return theme.styles.textColorSecondary;};return{color:getTextColor()};})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  color: ",";\n  font-weight: ",";\n  margin: 0 0 4px;\n  ",";\n"],["\n  color: ",";\n  font-weight: ",";\n  margin: 0 0 4px;\n  ",";\n"])),function(_a){var color=_a.color;return color;},FONT_WEIGHTS.MEDIUM,function(_a){var _css=_a._css;return _css;});var templateObject_1$y;var Label$1=styled__default["default"](Text$1).attrs({as:FONT_TAGS.LABEL})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  display: block;\n  font-weight: ",";\n  font-size: ",";\n  line-height: 1em;\n  ","\n"],["\n  display: block;\n  font-weight: ",";\n  font-size: ",";\n  line-height: 1em;\n  ","\n"])),FONT_WEIGHTS.SEMI_BOLD,FONT_SIZES.SM,function(_a){var _css=_a._css;return _css;});var templateObject_1$x;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger$2=new Logger_1("Dropdown");var Dropdown=function(props){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;var _l;var state=(_a=__read$1(React__default.useState({isOpen:false}),2),_a[0]),setState=_a[1];var controlledState=__assign(__assign({},state),props);var filteringOptions=(_b=__read$1(React__default.useState(false),2),_b[0]),setFilteringOptionsTo=_b[1];var searchFilter=(_c=__read$1(React__default.useState(""),2),_c[0]),setSearchFilter=_c[1];var filteredOptions=(_d=__read$1(React__default.useState(props.options),2),_d[0]),setFilteredOptions=_d[1];var appendMenuToNode=props.appendMenuToNode,async=(_e=props.async,_e===void 0?false:_e),children=props.children,className=props.className,clearable=props.clearable,shouldFilterOptions=props.shouldFilterOptions,hint=props.hint,keyField=props.keyField,label=props.label,labelField=props.labelField,maxMenuHeight=props.maxMenuHeight,menuCSS=props.menuCSS,menuItemComponent=props.menuItemComponent,menuPopperModifiers=props.menuPopperModifiers,options=props.options,placement=props.placement,returnItemOnChange=(_f=props.returnItemOnChange,_f===void 0?false:_f),small=props.small,trigger=props.trigger,useRawOptions=(_g=props.useRawOptions,_g===void 0?false:_g),validation=(_h=props.validation,_h===void 0?{validation:VALIDATION_STATES.NONE}:_h),onChange=(_j=props.onChange,_j===void 0?DO_NOTHING:_j),onStateChange=(_k=props.onStateChange,_k===void 0?DO_NOTHING:_k);var selectedKey=props.selectedKey;var selectedKeys=props.selectedKeys;// TODO see if this function needs to be removed if we're also filtering
+ */function _extends$5(){_extends$5=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$5.apply(this,arguments);}const DropdownContext=React__default__default["default"].createContext(undefined);const useDropdownContext=()=>{const dropdownContext=React__default.useContext(DropdownContext);if(!dropdownContext){throw new Error('This component must be rendered within a `Dropdown` component.');}return dropdownContext;};const REMOVE_ITEM_STATE_TYPE='REMOVE_ITEM';const Dropdown$1=props=>{const{children,isOpen,selectedItem,selectedItems,highlightedIndex,inputValue,onSelect,onStateChange,onInputValueChange,downshiftProps}=props;const itemIndexRef=React__default.useRef(0);const previousItemRef=React__default.useRef(undefined);const previousIndexRef=React__default.useRef(undefined);const nextItemsHashRef=React__default.useRef({});const containsMultiselectRef=React__default.useRef(false);const itemSearchRegistry=React__default.useRef([]);const[dropdownType,setDropdownType]=React__default.useState('');const{rtl}=React__default.useContext(styled.ThemeContext);const hasMenuRef=React__default.useRef(false);const popperReferenceElementRef=React__default.useRef(null);const customGetInputProps=(_ref,downshift)=>{let{onKeyDown,...other}=_ref;return{onKeyDown:composeEventHandlers$1(onKeyDown,e=>{const PREVIOUS_KEY=rtl?KEY_CODES.RIGHT:KEY_CODES.LEFT;const NEXT_KEY=rtl?KEY_CODES.LEFT:KEY_CODES.RIGHT;if(downshift.isOpen){if(e.keyCode===PREVIOUS_KEY&&previousIndexRef.current!==null&&previousIndexRef.current!==undefined&&!downshift.inputValue){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(previousIndexRef.current);}if(e.keyCode===NEXT_KEY){const nextItemIndexes=Object.values(nextItemsHashRef.current);if(nextItemIndexes.includes(downshift.highlightedIndex)){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(downshift.highlightedIndex);}}}else if((e.keyCode===KEY_CODES.ENTER||e.keyCode===KEY_CODES.SPACE)&&!downshift.isOpen&&dropdownType!=='combobox'){e.preventDefault();e.stopPropagation();downshift.openMenu();}}),...other};};const transformDownshift=_ref2=>{let{getInputProps,getToggleButtonProps,...downshift}=_ref2;return{getInputProps:p=>getInputProps(customGetInputProps(p,downshift)),getToggleButtonProps:p=>getToggleButtonProps({'aria-label':undefined,...p}),...downshift};};return React__default__default["default"].createElement(Manager,null,React__default__default["default"].createElement(Downshift$1,_extends$5({suppressRefError:true,isOpen:isOpen,highlightedIndex:highlightedIndex,selectedItem:selectedItem||null,inputValue:inputValue,onInputValueChange:(inputVal,stateAndHelpers)=>{if(onInputValueChange){if(stateAndHelpers.isOpen){onInputValueChange(inputVal,stateAndHelpers);}else if(dropdownType==='multiselect'){onInputValueChange('',stateAndHelpers);}}},onStateChange:(changes,stateAndHelpers)=>{if(dropdownType==='autocomplete'&&changes.isOpen===false&&!changes.selectedItem){onSelect&&onSelect(selectedItem,stateAndHelpers);}if(Object.prototype.hasOwnProperty.call(changes,'selectedItem')&&changes.selectedItem!==null){if(selectedItems){const{itemToString}=stateAndHelpers;const existingItemIndex=selectedItems.findIndex(item=>{return itemToString(item)===itemToString(changes.selectedItem);});const updatedSelectedItems=Array.from(selectedItems);if(existingItemIndex===-1){updatedSelectedItems.splice(updatedSelectedItems.length,0,changes.selectedItem);}else{updatedSelectedItems.splice(existingItemIndex,1);}changes.selectedItems=updatedSelectedItems;delete changes.selectedItem;onSelect&&onSelect(updatedSelectedItems,stateAndHelpers);}else{onSelect&&onSelect(changes.selectedItem,stateAndHelpers);}if(dropdownType==='multiselect'){stateAndHelpers.setState({inputValue:''});}}onStateChange&&onStateChange(changes,stateAndHelpers);},stateReducer:(_state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.changeInput:if(changes.inputValue===''&&dropdownType==='combobox'){return{...changes,isOpen:false};}return changes;default:return changes;}}},downshiftProps),downshift=>React__default__default["default"].createElement(DropdownContext.Provider,{value:{hasMenuRef,itemIndexRef,previousItemRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,selectedItems,downshift:transformDownshift(downshift),containsMultiselectRef,itemSearchRegistry,setDropdownType}},children)));};Dropdown$1.propTypes={isOpen:propTypes.exports.bool,selectedItem:propTypes.exports.any,selectedItems:propTypes.exports.arrayOf(propTypes.exports.any),highlightedIndex:propTypes.exports.number,inputValue:propTypes.exports.string,onSelect:propTypes.exports.func,onStateChange:propTypes.exports.func,downshiftProps:propTypes.exports.object};function getPopperPlacement$1(gardenPlacement){switch(gardenPlacement){case'end':return'right';case'end-top':return'right-start';case'end-bottom':return'right-end';case'start':return'left';case'start-top':return'left-start';case'start-bottom':return'left-end';default:return gardenPlacement;}}function getRtlPopperPlacement$1(gardenPlacement){const popperPlacement=getPopperPlacement$1(gardenPlacement);switch(popperPlacement){case'left':return'right';case'left-start':return'right-start';case'left-end':return'right-end';case'top-start':return'top-end';case'top-end':return'top-start';case'right':return'left';case'right-start':return'left-start';case'right-end':return'left-end';case'bottom-start':return'bottom-end';case'bottom-end':return'bottom-start';default:return popperPlacement;}}function getArrowPosition$1(popperPlacement){const arrowPositionMappings={auto:'top',top:'bottom','top-start':'bottom-left','top-end':'bottom-right',right:'left','right-start':'left-top','right-end':'left-bottom',bottom:'top','bottom-start':'top-left','bottom-end':'top-right',left:'right','left-start':'right-top','left-end':'right-bottom'};return popperPlacement?arrowPositionMappings[popperPlacement]:'top';}function getMenuPosition(popperPlacement){if(popperPlacement==='auto'){return'bottom';}return popperPlacement?popperPlacement.split('-')[0]:'bottom';}const COMPONENT_ID$m='dropdowns.menu';const StyledMenu$1=styled__default["default"].ul.attrs(props=>({'data-garden-id':COMPONENT_ID$m,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenu",componentId:"sc-1vpttfd-0"})(["position:static !important;max-height:",";overflow-y:auto;",";",";"],props=>props.maxHeight,props=>props.hasArrow&&arrowStyles(getArrowPosition$1(props.placement),{size:`${props.theme.space.base*2}px`,inset:'2px',animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$m,props));StyledMenu$1.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$l='dropdowns.menu_wrapper';const StyledMenuWrapper=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$l,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenuWrapper",componentId:"sc-tiwdxz-0"})(["",";",";"],props=>menuStyles(getMenuPosition(props.placement),{theme:props.theme,hidden:props.isHidden,margin:`${props.theme.space.base*(props.hasArrow?2:1)}px`,zIndex:props.zIndex,animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$l,props));StyledMenuWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$k='dropdowns.separator';const StyledSeparator=styled__default["default"].li.attrs({'data-garden-id':COMPONENT_ID$k,'data-garden-version':'8.70.0',role:'separator'}).withConfig({displayName:"StyledSeparator",componentId:"sc-1mrnp18-0"})(["display:block;margin:","px 0;border-bottom:",";",";"],props=>props.theme.space.base,props=>`${props.theme.borders.sm} ${getColor$1('neutralHue',200,props.theme)}`,props=>retrieveComponentStyles(COMPONENT_ID$k,props));StyledSeparator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$j='dropdowns.item';const getItemPaddingVertical=props=>{if(props.isCompact){return`${props.theme.space.base}px`;}return`${props.theme.space.base*2}px`;};const getColorStyles=props=>{let foregroundColor;let backgroundColor;if(props.disabled){foregroundColor=getColor$1('neutralHue',400,props.theme);}else if(props.isDanger){foregroundColor=getColor$1('dangerHue',600,props.theme);backgroundColor=props.isFocused?rgba(foregroundColor,0.08):'inherit';}else{foregroundColor=props.theme.colors.foreground;backgroundColor=props.isFocused?getColor$1('primaryHue',600,props.theme,0.08):'inherit';}return styled.css(["background-color:",";color:",";& a,& a:hover,& a:focus,& a:active{color:inherit;}"],backgroundColor,foregroundColor);};const StyledItem=styled__default["default"].li.attrs(props=>({'data-garden-id':COMPONENT_ID$j,'data-garden-version':'8.70.0','aria-disabled':props.disabled})).withConfig({displayName:"StyledItem",componentId:"sc-1xeog7q-0"})(["display:block;position:relative;z-index:0;cursor:",";padding:"," ","px;text-decoration:none;line-height:","px;word-wrap:break-word;user-select:none;&:first-child{margin-top:","px;}&:last-child{margin-bottom:","px;}&:focus{outline:none;}& a,& a:hover,& a:focus,& a:active{text-decoration:none;}",";",";"],props=>props.disabled?'default':'pointer',props=>getItemPaddingVertical(props),props=>props.theme.space.base*9,props=>props.theme.space.base*5,props=>props.theme.space.base,props=>props.theme.space.base,props=>getColorStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$j,props));StyledItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$i='dropdowns.add_item';const StyledAddItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$i,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledAddItem",componentId:"sc-ekqk50-0"})(["color:",";",";"],props=>!props.disabled&&getColor$1('primaryHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$i,props));StyledAddItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$h='dropdowns.item_meta';const StyledItemMeta=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$h,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemMeta",componentId:"sc-k6xy28-0"})(["display:block;line-height:","px;color:",";font-size:",";",";"],props=>props.theme.space.base*(props.isCompact?3:4),props=>getColor$1('neutralHue',props.isDisabled?400:600,props.theme),props=>props.theme.fontSizes.sm,props=>retrieveComponentStyles(COMPONENT_ID$h,props));StyledItemMeta.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$g='dropdowns.item_icon';const getSizeStyles=props=>{return styled.css(["width:",";height:calc(","px + ",");"],props.theme.iconSizes.md,props.theme.space.base*5,math(`${getItemPaddingVertical(props)} * 2`));};const StyledItemIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$g,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemIcon",componentId:"sc-1v0ty11-0"})(["display:flex;position:absolute;top:0;",":","px;align-items:center;justify-content:center;transition:opacity 0.1s ease-in-out;opacity:",";color:",";",";& > *{width:",";height:",";}"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>props.isVisible?'1':'0',props=>props.isDisabled?'inherit':getColor$1('primaryHue',600,props.theme),props=>getSizeStyles(props),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md);StyledItemIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$f='dropdowns.next_item';const StyledNextItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$f,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledNextItem",componentId:"sc-1bcygn5-0"})(["","{right:",";left:",";}",";"],StyledItemIcon,props=>props.theme.rtl?'auto':`${props.theme.space.base*3}px`,props=>props.theme.rtl?`${props.theme.space.base*3}px`:'auto',props=>retrieveComponentStyles(COMPONENT_ID$f,props));StyledNextItem.defaultProps={theme:DEFAULT_THEME};var _path$4;function _extends$4$1(){_extends$4$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$4$1.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4||(_path$4=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"})));};const COMPONENT_ID$e='dropdowns.next_item_icon';const NextIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronRightStroke,{"data-garden-id":COMPONENT_ID$e,"data-garden-version":'8.70.0',className:className});};const StyledNextIcon=styled__default["default"](NextIconComponent).withConfig({displayName:"StyledNextIcon",componentId:"sc-1rinki2-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$e,props));StyledNextIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$d='dropdowns.previous_item';const StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPreviousItem",componentId:"sc-1nmdds9-0"})(["font-weight:",";",";"],props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$d,props));StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;function _extends$3$1(){_extends$3$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$3$1.apply(this,arguments);}var SvgChevronLeftStroke=function SvgChevronLeftStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$3||(_path$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"})));};const COMPONENT_ID$c$1='dropdowns.previous_item_icon';const PreviousIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c$1,"data-garden-version":'8.70.0',className:className});};const StyledPreviousIcon=styled__default["default"](PreviousIconComponent).withConfig({displayName:"StyledPreviousIcon",componentId:"sc-czfwj7-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$c$1,props));StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$b$1='dropdowns.header_icon';const StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderIcon",componentId:"sc-1fl6nsz-0"})(["display:flex;position:absolute;top:0;bottom:0;align-items:center;justify-content:center;",":","px;color:",";& > *{width:",";height:",";}",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>getColor$1('neutralHue',600,props.theme),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$b$1,props));StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$a$1='dropdowns.header_item';const getHorizontalPadding=props=>{if(props.hasIcon){return undefined;}return`${props.theme.space.base*3}px`;};const StyledHeaderItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$a$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderItem",componentId:"sc-137filx-0"})(["cursor:default;padding-right:",";padding-left:",";font-weight:",";",";"],props=>getHorizontalPadding(props),props=>getHorizontalPadding(props),props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$a$1,props));StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$9$1='dropdowns.media_body';const StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaBody",componentId:"sc-36j7ef-0"})(["display:block;overflow:hidden;padding-",":","px;",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*2,props=>retrieveComponentStyles(COMPONENT_ID$9$1,props));StyledMediaBody.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$8$2='dropdowns.media_figure';const StyledMediaFigure=styled__default["default"](_ref=>{let{children,isCompact,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaFigure",componentId:"sc-2f2x8x-0"})(["float:",";margin-top:","px !important;width:",";height:",";",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*0.5,props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$8$2,props));StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$7$2='dropdowns.media_item';const StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],props=>retrieveComponentStyles(COMPONENT_ID$7$2,props));StyledMediaItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6$2='dropdowns.faux_input';const StyledFauxInput=styled__default["default"](FauxInput$1).attrs(props=>({'data-garden-id':COMPONENT_ID$6$2,'data-garden-version':'8.70.0',mediaLayout:true,theme:props.theme})).withConfig({displayName:"StyledFauxInput",componentId:"sc-1l592ed-0"})(["cursor:",";min-width:","px;",";"],props=>!props.disabled&&'pointer',props=>props.theme.space.base*(props.isCompact?25:36),props=>retrieveComponentStyles(COMPONENT_ID$6$2,props));StyledFauxInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5$2='dropdowns.input';const hiddenStyling=styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);const StyledInput=styled__default["default"](Input$1).attrs({'data-garden-id':COMPONENT_ID$5$2,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],props=>props.isHidden&&hiddenStyling,props=>retrieveComponentStyles(COMPONENT_ID$5$2,props));StyledInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$2='dropdowns.select';const StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSelect",componentId:"sc-xifmwj-0"})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";"],props=>retrieveComponentStyles(COMPONENT_ID$4$2,props));StyledSelect.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$2='dropdowns.multiselect_input';const visibleStyling=props=>{const margin=props.isVisible?`${props.theme.space.base/2}px`:0;const minWidth=props.isVisible?`${props.theme.space.base*15}px`:0;let height='0';if(props.isVisible){height=`${props.theme.space.base*(props.isCompact?5:8)}px`;}return styled.css(["opacity:",";margin:",";width:",";min-width:",";height:",";"],!props.isVisible&&0,margin,!props.isVisible&&0,minWidth,height);};const StyledMultiselectInput=styled__default["default"](StyledInput).attrs({'data-garden-id':COMPONENT_ID$3$2,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledMultiselectInput",componentId:"sc-1avnf6f-0"})(["flex-basis:","px;flex-grow:1;align-self:center;min-height:0;",";",";"],props=>props.theme.space.base*15,props=>visibleStyling(props),props=>retrieveComponentStyles(COMPONENT_ID$3$2,props));StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$4='dropdowns.multiselect_items_container';const sizeStyles$8=props=>{let margin;let padding;if(!props.isBare){const marginVertical=props.isCompact?`-${props.theme.space.base*1.5}px`:`-${props.theme.space.base*2.5}px`;margin=`${marginVertical} 0`;const paddingVertical=props.isCompact?'3px':'1px';const paddingEnd=`${props.theme.space.base}px`;padding=`${paddingVertical} ${props.theme.rtl?0:paddingEnd} ${paddingVertical} ${props.theme.rtl?paddingEnd:0}`;}return styled.css(["margin:",";padding:",";"],margin,padding);};const StyledMultiselectItemsContainer=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemsContainer",componentId:"sc-1jzhet8-0"})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;",";",";"],props=>sizeStyles$8(props),props=>retrieveComponentStyles(COMPONENT_ID$2$4,props));StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1$4='dropdowns.multiselect_item_wrapper';const StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemWrapper",componentId:"sc-1rb2bye-0"})(["display:inline-flex;align-items:center;margin:","px;max-width:100%;",";"],props=>props.theme.space.base/2,props=>retrieveComponentStyles(COMPONENT_ID$1$4,props));StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$n='dropdowns.multiselect_more_anchor';const StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$n,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectMoreAnchor",componentId:"sc-1m9v46e-0"})(["display:inline-block;cursor:",";padding:","px 0;overflow:hidden;user-select:none;text-overflow:ellipsis;line-height:",";white-space:nowrap;color:",";:hover{text-decoration:",";}",";"],props=>props.isDisabled?'default':'pointer',props=>props.theme.space.base*(props.isCompact?0.75:1.5),props=>props.isCompact?'1em':getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.isDisabled?getColor$1('neutralHue',400,props.theme):getColor$1('primaryHue',600,props.theme),props=>!props.isDisabled&&'underline',props=>retrieveComponentStyles(COMPONENT_ID$n,props));StyledMultiselectMoreAnchor.defaultProps={theme:DEFAULT_THEME};const Trigger=_ref=>{let{children,refKey,...triggerProps}=_ref;const{hasMenuRef,itemSearchRegistry,downshift:{getRootProps,getToggleButtonProps,getInputProps,isOpen,highlightedIndex,selectItemAtIndex,setHighlightedIndex}}=useDropdownContext();const hiddenInputRef=React__default.useRef(null);const triggerRef=React__default.useRef(null);const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,hasMenuRef]);React__default.useEffect(()=>{if(hasMenuRef.current===false){hasMenuRef.current=true;}},[hasMenuRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(e=>{if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}const character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}const newSearchString=searchString+character;setSearchString(newSearchString);let matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,setHighlightedIndex]);const renderChildren=popperRef=>{const{ref:rootPropsRefCallback,...rootProps}=getRootProps();const listboxToggleProps=getToggleButtonProps({...rootProps,role:null,'aria-labelledby':undefined,...triggerProps,...children.props});const menuToggleProps={...listboxToggleProps,'aria-haspopup':'true','aria-controls':listboxToggleProps['aria-owns'],'aria-owns':null};const toggleButtonProps=hasMenuRef.current?menuToggleProps:listboxToggleProps;return React__default__default["default"].cloneElement(React__default__default["default"].Children.only(children),{...toggleButtonProps,[refKey]:childRef=>{popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);}});};return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(React__default__default["default"].Fragment,null,renderChildren(popperReference),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})));});};Trigger.propTypes={children:propTypes.exports.any,refKey:propTypes.exports.string};Trigger.defaultProps={refKey:'ref'};var _path$2$1;function _extends$2$2(){_extends$2$2=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$2.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2$1||(_path$2$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};const FieldContext=React__default__default["default"].createContext(undefined);const useFieldContext=()=>{const fieldContext=React__default.useContext(FieldContext);if(!fieldContext){throw new Error('This component must be rendered within a `Field` component.');}return fieldContext;};const Autocomplete$1=React__default.forwardRef((_ref,ref)=>{let{children,inputRef:controlledInputRef,start,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(isOpen);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);React__default.useEffect(()=>{if(inputRef.current&&isOpen!==previousIsOpenRef.current){inputRef.current.focus();}previousIsOpenRef.current=isOpen;},[inputRef,isOpen]);const{type,onKeyDown,...selectProps}=getToggleButtonProps(getRootProps({role:null,...props,onKeyDown:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false))}));const onSelectKeyDown=composeEventHandlers$1(props.onKeyDown,onKeyDown);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('autocomplete');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused,tabIndex:null,onKeyDown:onSelectKeyDown},selectProps,{ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref])(selectRef);popperReferenceElementRef.current=selectRef;}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),!isOpen&&React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({isHidden:!isOpen,disabled:props.disabled,onFocus:()=>{setIsFocused(true);},onBlur:()=>{setIsFocused(false);},onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},role:'combobox',ref:mergeRefs([inputRef,controlledInputRef||null])})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Autocomplete$1.displayName='Autocomplete';Autocomplete$1.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};const Combobox=React__default.forwardRef((_ref,ref)=>{let{isCompact,isBare,disabled,focusInset,placeholder,validation,inputRef:inputRefProp=null,start,end,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const wrapperRef=React__default.useRef();const inputRef=React__default.useRef();const isOpenRef=React__default.useRef(isOpen);const wrapperProps=getToggleButtonProps(getRootProps({role:null,type:null,onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;},...props,onKeyDown:event=>{event.nativeEvent.preventDownshiftDefault=true;}}));const inputProps=getInputProps({isCompact,isBare,disabled,focusInset,placeholder,validation,start,end,role:'combobox',onKeyDown:event=>{if(event.keyCode===KEY_CODES.SPACE||!isOpen&&[KEY_CODES.DOWN,KEY_CODES.UP].includes(event.keyCode)){event.nativeEvent.preventDownshiftDefault=true;}},onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;}});React__default.useEffect(()=>{if(inputRef.current&&isOpen!==isOpenRef.current){inputRef.current.focus();}isOpenRef.current=isOpen;},[inputRef,isOpen]);React__default.useEffect(()=>{setDropdownType('combobox');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;const wrapperRefProp=element=>{popperReference(element);mergeRefs([wrapperRef,ref])(element);popperReferenceElementRef.current=element;};return React__default__default["default"].createElement(MediaInput,_extends$5({},inputProps,{wrapperProps:wrapperProps,wrapperRef:wrapperRefProp,ref:mergeRefs([inputRef,inputRefProp])}));});});Combobox.displayName='Combobox';Combobox.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,placeholder:propTypes.exports.string,validation:propTypes.exports.oneOf(VALIDATION)};const Multiselect=React__default__default["default"].forwardRef((_ref,ref)=>{let{renderItem,placeholder,maxItems,renderShowMore,inputRef:externalInputRef=null,start,onKeyDown,...props}=_ref;const{popperReferenceElementRef,selectedItems=[],containsMultiselectRef,previousIndexRef,downshift:{getToggleButtonProps,getRootProps,getInputProps,isOpen,closeMenu,inputValue,setState:setDownshiftState,itemToString},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const blurTimeoutRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const previousIsFocusedRef=React__default.useRef(undefined);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const[focusedItem,setFocusedItem]=React__default.useState(undefined);const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const{getContainerProps,getItemProps}=useSelection({rtl:themeContext.rtl,focusedItem,selectedItem:undefined,onFocus:item=>{setFocusedItem(item);}});React__default.useEffect(()=>{containsMultiselectRef.current=true;const tempRef=blurTimeoutRef;return()=>{clearTimeout(tempRef.current);};},[]);React__default.useEffect(()=>{if(inputRef.current){if(isOpen&&!previousIsOpenRef.current){inputRef.current.focus();}else if(isFocused&&!previousIsFocusedRef.current&&focusedItem===undefined){inputRef.current.focus();}}previousIsOpenRef.current=isOpen;previousIsFocusedRef.current=isFocused;},[isOpen,inputRef,isFocused,focusedItem]);React__default.useEffect(()=>{if(focusedItem!==undefined&&isOpen){closeMenu();}},[focusedItem,isOpen,closeMenu]);const{type,...selectProps}=getToggleButtonProps(getRootProps({tabIndex:props.disabled?undefined:-1,onKeyDown:composeEventHandlers$1(onKeyDown,e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}else if(!inputValue&&e.keyCode===KEY_CODES.HOME){setFocusedItem(selectedItems[0]);e.preventDefault();}}),onFocus:()=>{setIsFocused(true);},onBlur:e=>{const currentTarget=e.currentTarget;blurTimeoutRef.current=setTimeout(()=>{if(environment&&!currentTarget.contains(environment.activeElement)){setIsFocused(false);}},0);},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),role:null,...props}));const renderSelectableItem=React__default.useCallback((item,index)=>{const removeValue=()=>{setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:item});inputRef.current&&inputRef.current.focus();};const renderedItem=renderItem({value:item,removeValue});const focusRef=React__default__default["default"].createRef();const clonedChild=React__default__default["default"].cloneElement(renderedItem,{...getItemProps({item,focusRef,onKeyDown:e=>{if(e.keyCode===KEY_CODES.DELETE||e.keyCode===KEY_CODES.BACKSPACE){e.preventDefault();removeValue();}if(e.keyCode===KEY_CODES.END&&!inputValue){inputRef.current&&inputRef.current.focus();e.preventDefault();}if(themeContext.rtl){if(e.keyCode===KEY_CODES.RIGHT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.LEFT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}else{if(e.keyCode===KEY_CODES.LEFT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.RIGHT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}},onClick:e=>{e.nativeEvent.preventDownshiftDefault=true;},tabIndex:-1}),size:props.isCompact?'medium':'large'});const key=`${itemToString(item)}-${index}`;return React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:key},clonedChild);},[getItemProps,inputValue,renderItem,setDownshiftState,itemToString,selectedItems,props,inputRef,themeContext.rtl]);const items=React__default.useMemo(()=>{const itemValues=selectedItems||[];const output=[];for(let x=0;x<itemValues.length;x++){const item=itemValues[x];if(x<maxItems){if(props.disabled){const renderedItem=React__default__default["default"].cloneElement(renderItem({value:item,removeValue:()=>{return undefined;}}),{size:props.isCompact?'medium':'large'});output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:x},renderedItem));}else{output.push(renderSelectableItem(item,x));}}else if(!isFocused&&!inputValue||props.disabled){output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:"more-anchor"},React__default__default["default"].createElement(StyledMultiselectMoreAnchor,{isCompact:props.isCompact,isDisabled:props.disabled},renderShowMore?renderShowMore(itemValues.length-x):`+ ${itemValues.length-x} more`)));break;}else{output.push(renderSelectableItem(item,x));}}return output;},[isFocused,props.disabled,renderSelectableItem,selectedItems,renderItem,inputValue,maxItems,renderShowMore,props.isCompact]);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('multiselect');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,getContainerProps({...selectProps,isHovered:isContainerHovered,isFocused:isContainerFocused,ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,popperReferenceElementRef,ref])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledMultiselectItemsContainer,{isBare:props.isBare,isCompact:props.isCompact},items,React__default__default["default"].createElement(StyledMultiselectInput,getInputProps({disabled:props.disabled,onFocus:()=>{setFocusedItem(undefined);},onClick:e=>{if(inputValue&&inputValue.length>0&&isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:e=>{if(!inputValue){if(themeContext.rtl&&e.keyCode===KEY_CODES.RIGHT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(!themeContext.rtl&&e.keyCode===KEY_CODES.LEFT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(e.keyCode===KEY_CODES.BACKSPACE&&selectedItems.length>0){setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:selectedItems[selectedItems.length-1]});e.nativeEvent.preventDownshiftDefault=true;e.preventDefault();e.stopPropagation();}}},isVisible:isFocused||inputValue||selectedItems.length===0,isCompact:props.isCompact,role:'combobox',ref:mergeRefs([inputRef,externalInputRef]),placeholder:selectedItems.length===0?placeholder:undefined}))),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Multiselect.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,renderItem:propTypes.exports.func.isRequired,maxItems:propTypes.exports.number,validation:propTypes.exports.oneOf(['success','warning','error'])};Multiselect.defaultProps={maxItems:4};Multiselect.displayName='Multiselect';const Select$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,start,...props}=_ref;const{popperReferenceElementRef,itemSearchRegistry,downshift:{getToggleButtonProps,getInputProps,isOpen,highlightedIndex,setHighlightedIndex,selectItemAtIndex,closeMenu}}=useDropdownContext();const{isLabelHovered}=useFieldContext();const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const hiddenInputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,triggerRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(e=>{if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);closeMenu();}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}const character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}const newSearchString=searchString+character;setSearchString(newSearchString);let matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,closeMenu,setHighlightedIndex]);const{type,...selectProps}=getToggleButtonProps({tabIndex:props.disabled?undefined:0,onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),onFocus:composeEventHandlers$1(props.onFocus,()=>setIsFocused(true)),onBlur:composeEventHandlers$1(props.onBlur,()=>setIsFocused(false)),...props});const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused},selectProps,{role:"none",ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref,popperReferenceElementRef])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Select$1.displayName='Select';Select$1.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.any};const Field$1=React__default.forwardRef((props,fieldRef)=>{const{downshift:{getRootProps}}=useDropdownContext();const[isLabelHovered,setIsLabelHovered]=React__default.useState(false);const{ref}=getRootProps();const value=React__default.useMemo(()=>({isLabelHovered,setIsLabelHovered}),[isLabelHovered,setIsLabelHovered]);return React__default__default["default"].createElement(FieldContext.Provider,{value:value},React__default__default["default"].createElement(Field$2,_extends$5({ref:mergeRefs([ref,fieldRef])},props)));});Field$1.displayName='Field';const Hint$1=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Hint$2,_extends$5({ref:ref},props)));Hint$1.displayName='Hint';const Label$2=React__default__default["default"].forwardRef((_ref,ref)=>{let{onMouseEnter,onMouseLeave,...other}=_ref;const{downshift:{getLabelProps}}=useDropdownContext();const{setIsLabelHovered}=useFieldContext();const labelProps=getLabelProps({onMouseEnter:composeEventHandlers$1(onMouseEnter,()=>{setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers$1(onMouseLeave,()=>{setIsLabelHovered(false);}),...other});return React__default__default["default"].createElement(Label$1$1,_extends$5({ref:ref},labelProps));});Label$2.displayName='Label';Label$2.propTypes={isRegular:propTypes.exports.bool};const Message$2=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Message$3,_extends$5({ref:ref},props)));Message$2.displayName='Message';Message$2.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};const SHARED_PLACEMENT$1=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];const PLACEMENT$1=[...SHARED_PLACEMENT$1,'end','end-top','end-bottom','start','start-top','start-bottom'];const MenuContext=React__default__default["default"].createContext(undefined);const useMenuContext=()=>{const menuContext=React__default.useContext(MenuContext);if(!menuContext){throw new Error('This component must be rendered within a `Menu` component.');}return menuContext;};const Menu=React__default.forwardRef((props,menuRef)=>{const{placement,popperModifiers,eventsEnabled,isAnimated,maxHeight,style:menuStyle,zIndex,isCompact,children,appendToNode,...otherProps}=props;const{hasMenuRef,itemIndexRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,itemSearchRegistry,downshift:{isOpen,getMenuProps}}=useDropdownContext();const scheduleUpdateRef=React__default.useRef(undefined);React__default.useEffect(()=>{if(scheduleUpdateRef.current&&isOpen){scheduleUpdateRef.current();}});const[isVisible,setIsVisible]=React__default.useState(isOpen);React__default.useEffect(()=>{let timeout;if(isOpen){setIsVisible(true);}else if(isAnimated){timeout=setTimeout(()=>setIsVisible(false),200);}else{setIsVisible(false);}return()=>clearTimeout(timeout);},[isOpen,isAnimated]);const themeContext=React__default.useContext(styled.ThemeContext);itemIndexRef.current=0;nextItemsHashRef.current={};previousIndexRef.current=undefined;itemSearchRegistry.current=[];const popperPlacement=themeContext.rtl?getRtlPopperPlacement$1(placement):getPopperPlacement$1(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef,isCompact}},React__default__default["default"].createElement(Popper,{placement:popperPlacement,modifiers:popperModifiers,eventsEnabled:isOpen&&eventsEnabled},_ref=>{let{ref,style,scheduleUpdate,placement:currentPlacement}=_ref;let computedStyle=menuStyle;scheduleUpdateRef.current=scheduleUpdate;if((isOpen||isVisible)&&popperReferenceElementRef.current&&popperReferenceElementRef.current.getBoundingClientRect){computedStyle={width:popperReferenceElementRef.current.getBoundingClientRect().width,...menuStyle};}const menuProps=getMenuProps({role:hasMenuRef.current?'menu':'listbox',placement:currentPlacement,isAnimated:isAnimated&&(isOpen||isVisible),...otherProps});const menu=React__default__default["default"].createElement(StyledMenuWrapper,{ref:isOpen?ref:undefined,hasArrow:menuProps.hasArrow,placement:menuProps.placement,style:style,isHidden:!isOpen,isAnimated:menuProps.isAnimated,zIndex:zIndex},React__default__default["default"].createElement(StyledMenu$1,_extends$5({ref:menuRef,isCompact:isCompact,maxHeight:maxHeight,style:computedStyle},menuProps),(isOpen||isVisible)&&children));return appendToNode?ReactDOM.createPortal(menu,appendToNode):menu;}));});Menu.displayName='Menu';Menu.propTypes={popperModifiers:propTypes.exports.any,eventsEnabled:propTypes.exports.bool,zIndex:propTypes.exports.number,style:propTypes.exports.object,placement:propTypes.exports.oneOf(PLACEMENT$1),isAnimated:propTypes.exports.bool,isCompact:propTypes.exports.bool,hasArrow:propTypes.exports.bool,maxHeight:propTypes.exports.string};Menu.defaultProps={placement:'bottom-start',isAnimated:true,eventsEnabled:true,maxHeight:'400px',zIndex:1000};const Separator=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(StyledSeparator,_extends$5({ref:ref},props)));Separator.displayName='Separator';var _path$1$1;function _extends$1$3(){_extends$1$3=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$3.apply(this,arguments);}var SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1$1||(_path$1$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path$5;function _extends$6(){_extends$6=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$6.apply(this,arguments);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$6({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5||(_path$5=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};const ItemContext=React__default__default["default"].createContext(undefined);const useItemContext=()=>{const context=React__default.useContext(ItemContext);if(!context){throw new Error('This component must be rendered within an `Item` component.');}return context;};const Item$1=React__default__default["default"].forwardRef((_ref,forwardRef)=>{let{value,disabled,isDanger,component=StyledItem,hasIcon,children,...props}=_ref;const{selectedItems,hasMenuRef,itemSearchRegistry,downshift:{isOpen,selectedItem,highlightedIndex,getItemProps,setHighlightedIndex,itemToString}}=useDropdownContext();const{itemIndexRef,isCompact}=useMenuContext();const itemRef=React__default.useRef();const Component=component;if((value===undefined||value===null)&&!disabled){throw new Error('All Item components require a `value` prop');}const currentIndex=itemIndexRef.current;const isFocused=highlightedIndex===currentIndex;let isSelected;React__default.useEffect(()=>{if(!disabled&&itemRef.current){const itemTextValue=itemRef.current.innerText;if(itemTextValue){itemSearchRegistry.current[currentIndex]=itemTextValue;}}});if(value){if(selectedItems){isSelected=selectedItems.some(item=>{return itemToString(item)===itemToString(value);});}else{isSelected=itemToString(selectedItem)===itemToString(value);}}else{isSelected=false;}React__default.useEffect(()=>{if(isOpen&&!disabled&&!selectedItems&&isSelected){setHighlightedIndex(currentIndex);}},[currentIndex,disabled,isOpen,isSelected,selectedItems,setHighlightedIndex]);const contextValue=React__default.useMemo(()=>({isDisabled:disabled}),[disabled]);const ref=mergeRefs([itemRef,forwardRef]);if(disabled){return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,_extends$5({ref:ref,disabled:disabled,isDanger:isDanger,isCompact:isCompact},props),isSelected&&!hasIcon&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected,isDisabled:disabled},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));}itemIndexRef.current++;return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,getItemProps({item:value,isFocused,ref,isCompact,isDanger,...(hasMenuRef.current&&{role:'menuitem','aria-selected':null}),...props}),isSelected&&!hasIcon&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));});Item$1.displayName='Item';Item$1.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const AddItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledAddItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:true,isDisabled:disabled},React__default__default["default"].createElement(SvgPlusStroke,null)),children);});const AddItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:AddItemComponent,ref:ref},props,{hasIcon:true})));AddItem.displayName='AddItem';AddItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const HeaderIcon=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderIcon,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderIcon.displayName='HeaderIcon';const HeaderItem=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderItem,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderItem.displayName='HeaderItem';const ItemMeta=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();const{isDisabled}=useItemContext();return React__default__default["default"].createElement(StyledItemMeta,_extends$5({ref:ref,isCompact:isCompact,isDisabled:isDisabled},props));});ItemMeta.displayName='ItemMeta';const MediaBody=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledMediaBody,_extends$5({ref:ref,isCompact:isCompact},props));});MediaBody.displayName='MediaBody';const MediaItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:StyledMediaItem,ref:ref},props)));MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const NextItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledNextItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledNextIcon,{isDisabled:disabled})),children);});const NextItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{nextItemsHashRef,downshift:{itemToString}}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){nextItemsHashRef.current[itemToString(value)]=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:NextItemComponent,"aria-expanded":true,disabled:disabled,value:value,ref:ref},props,{hasIcon:true}));});NextItem.displayName='NextItem';NextItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const PreviousItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledPreviousItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledPreviousIcon,{isDisabled:disabled})),children);});const PreviousItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{previousIndexRef}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){previousIndexRef.current=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:PreviousItemComponent,"aria-expanded":true,value:value,disabled:disabled},props,{ref:ref,hasIcon:true}));});PreviousItem.displayName='PreviousItem';PreviousItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme,props=__rest(_a,["danger","theme"]);if(!danger){return __assign({color:theme.styles.textColorPrimary,primary:false},props);}return __assign({color:theme.styles.colorDanger,primary:true},props);})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n  &&&& {\n    ",";\n\n    font-size: ",";\n    margin-bottom: ",";\n\n    :first-child {\n      margin-top: 4px;\n    }\n\n    *[data-garden-id=\"dropdowns.item_icon\"] {\n      ",";\n    }\n\n    ","\n  }\n"],["\n  &&&& {\n    ",";\n\n    font-size: ",";\n    margin-bottom: ",";\n\n    :first-child {\n      margin-top: 4px;\n    }\n\n    *[data-garden-id=\"dropdowns.item_icon\"] {\n      ",";\n    }\n\n    ","\n  }\n"])),function(_a){var color=_a.color,disabled=_a.disabled,theme=_a.theme;if(disabled)return"";if(color!==theme.styles.textColorPrimary){return buttonLikeHoverable;}return styled.css(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n        &[aria-selected=\"true\"] {\n          background: ",";\n        }\n      "],["\n        &[aria-selected=\"true\"] {\n          background: ",";\n        }\n      "])),fade(theme.styles.colorPrimary,0.9));},FONT_SIZES.SM,SPACINGS.XS,function(_a){var color=_a.color,theme=_a.theme;if(color!==theme.styles.textColorPrimary)return textColorForButton;return styled.css(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n          color: ",";\n        "],["\n          color: ",";\n        "])),theme.styles.colorPrimary);},function(_a){var _css=_a._css;return _css;});var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$B,templateObject_2$p,templateObject_3$m;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};var dist={};Object.defineProperty(dist,'__esModule',{value:true});function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done){ar.push(r.value);}}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var modules=new Set();var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(!modules.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(Logger.packagePrefix()).concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}var _a;_a=Logger;Logger.packageName="";Logger.addModules=function(m){m.forEach(function(name){return modules.add(name);});};Logger.getModules=function(){return __spreadArray([],__read(modules),false);};Logger.packagePrefix=function(){return!!_a.packageName?"".concat(_a.packageName," : "):"";};return Logger;}();if(typeof window!=="undefined")window.Logger=Logger;var Logger_1=dist.Logger=Logger;var name="@idea-fragments/react-components-zendesk";var version="0.1.80";var files=["dist/*.js","dist/*.js.map","dist/types"];var exports$1={"./*":{types:"./dist/types/*.d.ts","default":"./dist/*.js"}};var dependencies={"@idea-fragments/logger-js":"^0.0.1",color:"^4.2.3","jslib-html5-camera-photo":"^3.3.4",lodash:"^4.17.23",moment:"^2.29.3","react-date-range":"^1.4.0","react-list":"^0.8.18","react-number-format":"^4.9.3","tesseract.js":"^7.0.0"};var peerDependencies={"@mdi/js":">=6.7.96","@mdi/react":">=1.6.0","babel-loader":">=8.2.5","babel-plugin-styled-components":">=2.0.7",react:">=18.2.0","react-dom":">=18.2.0","styled-components":">=5.3.5"};var devDependencies={"@babel/core":"^7.18.0","@mdi/js":"^6.7.96","@mdi/react":"^1.6.0","@mdx-js/react":"^1.6.22","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.2","@storybook/addon-actions":"^7.5.3","@storybook/addon-controls":"^7.5.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-mdx-gfm":"^7.5.3","@storybook/preset-create-react-app":"^7.5.3","@storybook/react":"^7.5.3","@storybook/react-webpack5":"^7.5.3","@tsconfig/create-react-app":"^1.0.2","@types/color":"^3.0.3","@types/jslib-html5-camera-photo":"^3.1.2","@types/react-date-range":"^1.4.3","@types/styled-components":"^5.1.25","@typescript-eslint/eslint-plugin":"^5.25.0","@typescript-eslint/parser":"^5.25.0","@zendeskgarden/react-accordions":"^8.70.0","@zendeskgarden/react-avatars":"^8.51.0","@zendeskgarden/react-breadcrumbs":"^8.51.0","@zendeskgarden/react-buttons":"^8.51.0","@zendeskgarden/react-datepickers":"^8.51.0","@zendeskgarden/react-dropdowns":"^8.51.0","@zendeskgarden/react-forms":"^8.51.0","@zendeskgarden/react-grid":"^8.51.0","@zendeskgarden/react-loaders":"^8.51.0","@zendeskgarden/react-modals":"^8.51.0","@zendeskgarden/react-notifications":"^8.51.0","@zendeskgarden/react-pagination":"^8.51.0","@zendeskgarden/react-tables":"^8.51.0","@zendeskgarden/react-tabs":"^8.51.0","@zendeskgarden/react-tags":"^8.51.0","@zendeskgarden/react-theming":"^8.51.0","@zendeskgarden/react-tooltips":"^8.51.0","@zendeskgarden/react-typography":"^8.51.0","babel-loader":"^8.2.5","babel-plugin-styled-components":"^2.0.7",eslint:"^8.16.0","eslint-config-prettier":"^8.8.0","eslint-config-react-app":"^7.0.1","patch-package":"^8.0.1","pre-commit":"^1.2.2",prettier:"^2.8.6",react:"18.2.0","react-dom":"18.2.0","react-easy-crop":"^4.7.4","react-images-uploading":"^3.1.7","react-player":"^2.12.0","react-scripts":"^5.0.1",rollup:"^2.74.1","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.2","source-map":"^0.8.0-beta.0",storybook:"^7.5.3","styled-components":"^5.3.5",tslib:"^2.4.0",typescript:"^4.6.4",webpack:"^5.73.0"};var overrides={"@mdx-js/react":{react:"18.2.0"},react:"18.2.0","react-dom":"18.2.0"};var resolutions={"source-map":"^0.8.0-beta.0"};var scripts={build:"react-scripts build","build-storybook":"storybook build",cleanup:"rm -rf dist",eject:"react-scripts eject",format:"./git_hooks/pre_commit/prettier.sh",lint:"eslint",postinstall:"patch-package",rollup:"node scripts/rollup-prompt.js",start:"react-scripts start",storybook:"storybook dev -p 6006",test:"react-scripts test"};var eslintConfig={"extends":["react-app","prettier"],overrides:[{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off"}},{files:["*.ts"],plugins:["@typescript-eslint"],parser:"@typescript-eslint/parser",parserOptions:{project:"./tsconfig.json"}},{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off","react-hooks/exhaustive-deps":"error"}}]};var browserslist={production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]};var description="Component library built on the V6 version of the Zendesk React components library.";var repository={type:"git",url:"git+https://github.com/idea-fragments/react_components_zendesk.git"};var keywords=["react"];var author="IdeaFragments";var license="MIT";var bugs={url:"https://github.com/idea-fragments/react_components_zendesk/issues"};var homepage="https://github.com/idea-fragments/react_components_zendesk#readme";var types="./dist/index.d.ts";var packageJson={name:name,version:version,"private":false,files:files,exports:exports$1,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,overrides:overrides,resolutions:resolutions,scripts:scripts,eslintConfig:eslintConfig,browserslist:browserslist,description:description,repository:repository,keywords:keywords,author:author,license:license,bugs:bugs,homepage:homepage,types:types,"pre-commit":{run:["format","lint"]}};Logger_1.packageName=packageJson.name;var logger$3=new Logger_1("Loadable");var Container$8=styled__default["default"](FlexBox)(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  //height: 100%;\n  width: 100%;\n  position: relative;\n"],["\n  //height: 100%;\n  width: 100%;\n  position: relative;\n"])));var LoaderContainer=styled__default["default"](FlexBox)(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n"],["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n"])));var ChildrenContainer=styled__default["default"](FlexBox)(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n  width: 100%;\n  opacity: ",";\n"],["\n  width: 100%;\n  opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$3.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read$1(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$3.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$8,__assign({justifyContent:"center",gap:"unset",alignItems:"center"},{children:[jsxRuntime.jsx(ChildrenContainer,__assign({gap:"unset",className:className,opaqueSpinner:opaqueSpinner,showSpinner:showingSpinner,withRows:true},{children:children})),showingSpinner?jsxRuntime.jsx(LoaderContainer,__assign({justifyContent:"center",alignItems:"center",showSpinner:showingSpinner},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary,size:FONT_SIZES.XXL})})):null]}));};Loadable=styled__default["default"](Loadable)(templateObject_4$j||(templateObject_4$j=__makeTemplateObject([""],[""])));var templateObject_1$A,templateObject_2$o,templateObject_3$l,templateObject_4$j;var Paragraph$1=styled__default["default"](Text$1).attrs({as:FONT_TAGS.P})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),FONT_WEIGHTS.REGULAR);styled__default["default"](Paragraph$1)(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XXS);var XS=styled__default["default"](Paragraph$1)(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XS);styled__default["default"](Paragraph$1)(templateObject_4$i||(templateObject_4$i=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.MD);styled__default["default"](Paragraph$1)(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.LG);styled__default["default"](Paragraph$1)(templateObject_6$9||(templateObject_6$9=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XL);var templateObject_1$z,templateObject_2$n,templateObject_3$k,templateObject_4$i,templateObject_5$d,templateObject_6$9;var Hint=styled__default["default"](XS).attrs(function(_a){var color=_a.color,danger=_a.danger,theme=_a.theme;var getTextColor=function(){if(color)return color;if(danger)return theme.styles.colorDanger;return theme.styles.textColorSecondary;};return{color:getTextColor()};})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  color: ",";\n  font-weight: ",";\n  margin: 0 0 4px;\n  ",";\n"],["\n  color: ",";\n  font-weight: ",";\n  margin: 0 0 4px;\n  ",";\n"])),function(_a){var color=_a.color;return color;},FONT_WEIGHTS.MEDIUM,function(_a){var _css=_a._css;return _css;});var templateObject_1$y;var Label$1=styled__default["default"](Text$1).attrs({as:FONT_TAGS.LABEL})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  display: block;\n  font-weight: ",";\n  font-size: ",";\n  line-height: 1em;\n  ","\n"],["\n  display: block;\n  font-weight: ",";\n  font-size: ",";\n  line-height: 1em;\n  ","\n"])),FONT_WEIGHTS.SEMI_BOLD,FONT_SIZES.SM,function(_a){var _css=_a._css;return _css;});var templateObject_1$x;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger$2=new Logger_1("Dropdown");var Dropdown=function(props){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;var _l;var state=(_a=__read$1(React__default.useState({isOpen:false}),2),_a[0]),setState=_a[1];var controlledState=__assign(__assign({},state),props);var filteringOptions=(_b=__read$1(React__default.useState(false),2),_b[0]),setFilteringOptionsTo=_b[1];var searchFilter=(_c=__read$1(React__default.useState(""),2),_c[0]),setSearchFilter=_c[1];var filteredOptions=(_d=__read$1(React__default.useState(props.options),2),_d[0]),setFilteredOptions=_d[1];var appendMenuToNode=props.appendMenuToNode,async=(_e=props.async,_e===void 0?false:_e),children=props.children,className=props.className,clearable=props.clearable,shouldFilterOptions=props.shouldFilterOptions,hint=props.hint,keyField=props.keyField,label=props.label,labelField=props.labelField,maxMenuHeight=props.maxMenuHeight,menuCSS=props.menuCSS,menuItemComponent=props.menuItemComponent,menuPopperModifiers=props.menuPopperModifiers,options=props.options,placement=props.placement,returnItemOnChange=(_f=props.returnItemOnChange,_f===void 0?false:_f),small=props.small,trigger=props.trigger,useRawOptions=(_g=props.useRawOptions,_g===void 0?false:_g),validation=(_h=props.validation,_h===void 0?{validation:VALIDATION_STATES.NONE}:_h),onChange=(_j=props.onChange,_j===void 0?DO_NOTHING:_j),onStateChange=(_k=props.onStateChange,_k===void 0?DO_NOTHING:_k);var selectedKey=props.selectedKey;var selectedKeys=props.selectedKeys;// TODO see if this function needs to be removed if we're also filtering
 // in the SearchableSelector component
 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
 },[filterFunc,shouldFilterOptions,options]);React__default.useEffect(function(){if(!shouldFilterOptions)return;setFilteringOptionsTo(true);filterMatchingOptionsRef.current(searchFilter);},[searchFilter,shouldFilterOptions]);var message=props.message;var optionNodes=useRawOptions?options:createOptions(shouldFilterOptions?filteredOptions:options,keyField,labelField,menuItemComponent,filteringOptions,clearable);message=(_l=validation===null||validation===void 0?void 0:validation.message)!==null&&_l!==void 0?_l:message;var messageNode=message?jsxRuntime.jsx(Message$1,__assign({validation:validation.validation},{children:message})):null;var hintNode=hint?jsxRuntime.jsx(Hint,{children:hint}):null;var labelNode=label?jsxRuntime.jsx(Label,{children:label}):null;var handleChange=function(item){logger$2.writeInfo("selection made",item);setSearchFilter("");if(item===null||item===void 0?void 0:item.isClearingItem){onChange(null);return;}if(isArray(item)){handleMultiSelectChange(item);return;}if(useRawOptions||returnItemOnChange){onChange(item);return;}if(!item||isString(item)||isNumber(item)){logger$2.writeInfo("Received SelectorItemKey from downshift");onChange(item);return;}onChange(item[keyField]);};var handleMultiSelectChange=function(items){var clearingItemSelected=items.some(function(i){if(isString(i)||isNumber(i))return false;return i===null||i===void 0?void 0:i.isClearingItem;});if(clearingItemSelected){onChange([]);return;}if(useRawOptions||returnItemOnChange){var rawSet=new Set(items);// @ts-ignore
@@ -13548,6 +13548,6 @@ if(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeO
 if(listviewMode&&listviewNode){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:listviewNode({checkbox:checkboxNode,isLastRow:isLastRow||false,onClick:handleClick,overflowMenu:overflowMenuNode})});}// Standard table mode
 var createFieldRow=function(_a,isFirst){var name=_a.name,collapsible=_a.collapsible;if(isFirst)return null;return jsxRuntime.jsxs(FieldRow,__assign({collapsible:collapsible,isCollapsed:isCollapsed},{children:[jsxRuntime.jsx(FieldLabel,{children:jsxRuntime.jsxs(Text$1,__assign({_css:styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n              font-weight: ",";\n              font-size: ",";\n            "],["\n              font-weight: ",";\n              font-size: ",";\n            "])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))}),jsxRuntime.jsx(FieldValue,{children:jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",justifyContent:"flex-end"},{children:jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n                font-weight: ",";\n                font-size: ",";\n              "],["\n                font-weight: ",";\n                font-size: ",";\n              "])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))})]}),"".concat(key,"-").concat(name));};var _c=__read$1(columnConfigs.reduce(function(acc,column){column.collapsible?acc[1].push(column):acc[0].push(column);return acc;},[[],[]]),2),nonCollapsibleColumns=_c[0],collapsibleColumns=_c[1];var toggleCollapse=function(){setCollapsedState(!isCollapsed);};return jsxRuntime.jsxs(Container$1,__assign({_css:containerStyles||"",gap:SPACINGS.SM,isLastRow:isLastRow,onClick:handleClick,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({gap:SPACINGS.XS,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true,gap:SPACINGS.SM},{children:[checkboxNode,jsxRuntime.jsx(HeaderTitle,__assign({fluid:true},{children:jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n                font-weight: ",";\n                font-size: ",";\n              "],["\n                font-weight: ",";\n                font-size: ",";\n              "])),FONT_WEIGHTS.BOLD,FONT_SIZES.SM)},{children:firstColumnValue}))})),overflowMenuNode]})),jsxRuntime.jsx(HeaderDivider,{})]})),jsxRuntime.jsxs(FieldsGrid,{children:[nonCollapsibleColumns.map(function(col,idx){return createFieldRow(col,idx===0);}),collapsibleColumns.map(function(col,idx){return createFieldRow(col,idx===0&&nonCollapsibleColumns.length===0);})]}),isNotEmpty(collapsibleColumns)?jsxRuntime.jsxs(Button,__assign({fluid:true,icon:isCollapsed?js.mdiChevronDown:js.mdiChevronUp,onClick:toggleCollapse,primary:false,size:"small"},{children:["Show ",isCollapsed?"More":"Less"]})):null]}));};var Container$1=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n  background: ",";\n  border-bottom: ",";\n  padding: ",";\n"],["\n  background: ",";\n  border-bottom: ",";\n  padding: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;},function(_a){var isLastRow=_a.isLastRow,theme=_a.theme;return isLastRow?"none":"1px solid ".concat(theme.styles.table.borderColor);},SPACINGS.SM);var HeaderTitle=styled__default["default"](FlexBox)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"],["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));var HeaderDivider=styled__default["default"].div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  height: 2px;\n  width: 40px;\n  background: ",";\n"],["\n  height: 2px;\n  width: 40px;\n  background: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["300"];});var FieldsGrid=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0;\n"],["\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0;\n"])));var FieldRow=styled__default["default"].div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  display: ",";\n  grid-template-columns: 5fr 7fr;\n  gap: ",";\n  padding: 0.1em;\n  border-radius: 10px;\n\n  ","\n"],["\n  display: ",";\n  grid-template-columns: 5fr 7fr;\n  gap: ",";\n  padding: 0.1em;\n  border-radius: 10px;\n\n  ","\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"grid";},SPACINGS.XS,mediaQueries().forTablets(styled.css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    grid-template-columns: 1fr 2fr;\n  "],["\n    grid-template-columns: 1fr 2fr;\n  "])))));var FieldLabel=styled__default["default"].div(templateObject_10||(templateObject_10=__makeTemplateObject([""],[""])));var FieldValue=styled__default["default"].div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  text-align: right;\n"],["\n  text-align: right;\n"])));var templateObject_1$2,templateObject_2$2,templateObject_3$1,templateObject_4$1,templateObject_5$1,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;/**
  * MobileTableV2 - Same as original MobileTable but uses CSS Grid instead of Grid component
- */var MobileTableV2=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,items=_a.items,mobileListview=_a.mobileListview,mobileListviewNodes=_a.mobileListviewNodes,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onSelectAllToggle=_a.onSelectAllToggle;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=React__default.useCallback(function(checked){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(checked);},[onSelectAllToggle]);var selectAllCheckbox=React__default.useCallback(function(){return jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll});},[allSelected,handleSelectAll,someSelected]);return jsxRuntime.jsxs(Container,__assign({"$listviewMode":!!mobileListview,gap:mobileListview?SPACINGS.SM:"1px",withRows:true},{children:[checkable?mobileListview?jsxRuntime.jsx(Card,__assign({compact:true,shadowed:true},{children:jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS},{children:[selectAllCheckbox(),jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n                  flex: 1;\n                "],["\n                  flex: 1;\n                "])))},{children:"Select all"})),isNotEmpty(__spreadArray$1([],__read$1(checkedItems!==null&&checkedItems!==void 0?checkedItems:[]),false))?jsxRuntime.jsx(Text$1,{children:"".concat(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size," selected")}):null]}))})):jsxRuntime.jsx(Header,{children:selectAllCheckbox()}):null,isNotEmpty(items)?items.map(function(item,index){return jsxRuntime.jsx(Row,{checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,isLastRow:isLastItem(items,item),item:item,listviewMode:mobileListview,listviewNode:mobileListviewNodes===null||mobileListviewNodes===void 0?void 0:mobileListviewNodes[index],onCheck:onItemChecked,onClick:onItemClick},item.key);}):emptyState&&jsxRuntime.jsx(EmptyStateWrapper,{children:emptyState})]}));};var Container=styled__default["default"](FlexBox)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ","\n\n  overflow: hidden;\n"],["\n  ","\n\n  overflow: hidden;\n"])),function(_a){var $listviewMode=_a.$listviewMode;return!$listviewMode?styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n          border-color: ",";\n          border-style: solid;\n          border-width: ",";\n          border-radius: ",";\n        "],["\n          border-color: ",";\n          border-style: solid;\n          border-width: ",";\n          border-radius: ",";\n        "])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderSize;},FONT_SIZES.SM):"";});var EmptyStateWrapper=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 2rem;\n  text-align: center;\n"],["\n  padding: 2rem;\n  text-align: center;\n"])));var Header=styled__default["default"](FlexBox)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  align-items: center;\n  background: ",";\n  border-bottom: 1px solid ",";\n  padding: "," ",";\n"],["\n  align-items: center;\n  background: ",";\n  border-bottom: 1px solid ",";\n  padding: "," ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["100"];},function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},SPACINGS.XS,SPACINGS.SM);var templateObject_1$1,templateObject_2$1,templateObject_3,templateObject_4,templateObject_5;exports.Table=function(_a){var _b,_c;var _d;var actions=_a.actions,className=_a.className,desktopTableProps=_a.desktopTableProps,onItemsChecked=_a.onItemsChecked,onPageChange=_a.onPageChange,onPageSizeChange=_a.onPageSizeChange,pagination=_a.pagination,useLegacyDesktopTable=(_b=_a.useLegacyDesktopTable,_b===void 0?false:_b),useLegacyMobileTable=(_c=_a.useLegacyMobileTable,_c===void 0?false:_c),props=__rest(_a,["actions","className","desktopTableProps","onItemsChecked","onPageChange","onPageSizeChange","pagination","useLegacyDesktopTable","useLegacyMobileTable"]);var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var setAllRowsSelectedTo=function(isChecked){var rows=isChecked?props.items.map(function(i){return i.key;}):[];onItemsChecked===null||onItemsChecked===void 0?void 0:onItemsChecked(new Set(__spreadArray$1([],__read$1(rows),false)));};var hasRowActions=props.items.some(function(i){return i.actions&&isNotEmpty(i.actions);});return jsxRuntime.jsxs(ModalStateProvider,{children:[jsxRuntime.jsx(ModalManager,{}),jsxRuntime.jsxs(FlexBox,__assign({withRows:true,className:className},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n            margin-bottom: ",";\n          "],["\n            margin-bottom: ",";\n          "])),SPACINGS.SM),justifyContent:"space-between",withRows:true},{children:[props.title?jsxRuntime.jsx(Title$1,{children:props.title}):null,props.helpText?jsxRuntime.jsx(HelpText,{children:props.helpText}):null,jsxRuntime.jsx(TableHeader,{actions:actions,checkable:props.checkable,columnConfigs:props.columnConfigs,filterState:props.filterState,selectedCount:((_d=props.checkedItems)===null||_d===void 0?void 0:_d.size)||0,sortState:props.sortState,totalPageCount:props.items.length,onFiltersChange:props.onFiltersChange,onColumnSort:props.onColumnSort,onSelectAllToggle:setAllRowsSelectedTo})]})),isSmallComputerOrLarger?useLegacyDesktopTable?jsxRuntime.jsx(DesktopTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(DesktopTableV2,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},desktopTableProps,props)):useLegacyMobileTable?jsxRuntime.jsx(MobileTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(MobileTableV2,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)),pagination?jsxRuntime.jsx(Pagination,__assign({},pagination,{onPageChange:onPageChange,onPageSizeChange:onPageSizeChange})):null]}))]});};exports.Table=styled__default["default"](exports.Table)(templateObject_2||(templateObject_2=__makeTemplateObject([""],[""// Re-export types for listview mode
+ */var MobileTableV2=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,items=_a.items,mobileListview=_a.mobileListview,mobileListviewNodes=_a.mobileListviewNodes,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onSelectAllToggle=_a.onSelectAllToggle;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=React__default.useCallback(function(checked){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(checked);},[onSelectAllToggle]);var selectAllCheckbox=React__default.useCallback(function(){return jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll});},[allSelected,handleSelectAll,someSelected]);console.log("!isNotEmpty(items)",!isNotEmpty(items));console.log("!isNotEmpty(mobileListviewNodes)",!isNotEmpty(mobileListviewNodes));return jsxRuntime.jsxs(Container,__assign({"$listviewMode":!!mobileListview,gap:mobileListview?SPACINGS.SM:"1px",withRows:true},{children:[checkable&&(isNotEmpty(items)||isNotEmpty(mobileListviewNodes))?mobileListview?jsxRuntime.jsx(Card,__assign({compact:true,shadowed:true},{children:jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS},{children:[selectAllCheckbox(),jsxRuntime.jsx(Text$1,__assign({_css:styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n                  flex: 1;\n                "],["\n                  flex: 1;\n                "])))},{children:"Select all"})),isNotEmpty(__spreadArray$1([],__read$1(checkedItems!==null&&checkedItems!==void 0?checkedItems:[]),false))?jsxRuntime.jsx(Text$1,{children:"".concat(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size," selected")}):null]}))})):jsxRuntime.jsx(Header,{children:selectAllCheckbox()}):null,isNotEmpty(items)?items.map(function(item,index){return jsxRuntime.jsx(Row,{checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,isLastRow:isLastItem(items,item),item:item,listviewMode:mobileListview,listviewNode:mobileListviewNodes===null||mobileListviewNodes===void 0?void 0:mobileListviewNodes[index],onCheck:onItemChecked,onClick:onItemClick},item.key);}):emptyState&&jsxRuntime.jsx(EmptyStateWrapper,{children:emptyState})]}));};var Container=styled__default["default"](FlexBox)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ","\n\n  overflow: hidden;\n"],["\n  ","\n\n  overflow: hidden;\n"])),function(_a){var $listviewMode=_a.$listviewMode;return!$listviewMode?styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n          border-color: ",";\n          border-style: solid;\n          border-width: ",";\n          border-radius: ",";\n        "],["\n          border-color: ",";\n          border-style: solid;\n          border-width: ",";\n          border-radius: ",";\n        "])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderSize;},FONT_SIZES.SM):"";});var EmptyStateWrapper=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 2rem;\n  text-align: center;\n"],["\n  padding: 2rem;\n  text-align: center;\n"])));var Header=styled__default["default"](FlexBox)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  align-items: center;\n  background: ",";\n  border-bottom: 1px solid ",";\n  padding: "," ",";\n"],["\n  align-items: center;\n  background: ",";\n  border-bottom: 1px solid ",";\n  padding: "," ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["100"];},function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},SPACINGS.XS,SPACINGS.SM);var templateObject_1$1,templateObject_2$1,templateObject_3,templateObject_4,templateObject_5;exports.Table=function(_a){var _b,_c;var _d;var actions=_a.actions,className=_a.className,desktopTableProps=_a.desktopTableProps,onItemsChecked=_a.onItemsChecked,onPageChange=_a.onPageChange,onPageSizeChange=_a.onPageSizeChange,pagination=_a.pagination,useLegacyDesktopTable=(_b=_a.useLegacyDesktopTable,_b===void 0?false:_b),useLegacyMobileTable=(_c=_a.useLegacyMobileTable,_c===void 0?false:_c),props=__rest(_a,["actions","className","desktopTableProps","onItemsChecked","onPageChange","onPageSizeChange","pagination","useLegacyDesktopTable","useLegacyMobileTable"]);var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var setAllRowsSelectedTo=function(isChecked){var rows=isChecked?props.items.map(function(i){return i.key;}):[];onItemsChecked===null||onItemsChecked===void 0?void 0:onItemsChecked(new Set(__spreadArray$1([],__read$1(rows),false)));};var hasRowActions=props.items.some(function(i){return i.actions&&isNotEmpty(i.actions);});return jsxRuntime.jsxs(ModalStateProvider,{children:[jsxRuntime.jsx(ModalManager,{}),jsxRuntime.jsxs(FlexBox,__assign({withRows:true,className:className},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n            margin-bottom: ",";\n          "],["\n            margin-bottom: ",";\n          "])),SPACINGS.SM),justifyContent:"space-between",withRows:true},{children:[props.title?jsxRuntime.jsx(Title$1,{children:props.title}):null,props.helpText?jsxRuntime.jsx(HelpText,{children:props.helpText}):null,jsxRuntime.jsx(TableHeader,{actions:actions,checkable:props.checkable,columnConfigs:props.columnConfigs,filterState:props.filterState,selectedCount:((_d=props.checkedItems)===null||_d===void 0?void 0:_d.size)||0,sortState:props.sortState,totalPageCount:props.items.length,onFiltersChange:props.onFiltersChange,onColumnSort:props.onColumnSort,onSelectAllToggle:setAllRowsSelectedTo})]})),isSmallComputerOrLarger?useLegacyDesktopTable?jsxRuntime.jsx(DesktopTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(DesktopTableV2,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},desktopTableProps,props)):useLegacyMobileTable?jsxRuntime.jsx(MobileTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(MobileTableV2,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)),pagination&&pagination.totalCount>0?jsxRuntime.jsx(Pagination,__assign({},pagination,{onPageChange:onPageChange,onPageSizeChange:onPageSizeChange})):null]}))]});};exports.Table=styled__default["default"](exports.Table)(templateObject_2||(templateObject_2=__makeTemplateObject([""],[""// Re-export types for listview mode
 ])));var templateObject_1,templateObject_2;
 //# sourceMappingURL=tables.js.map