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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/calendars.js +1 -1
  2. package/dist/chats.js +1 -1
  3. package/dist/forms.js +1 -1
  4. package/dist/layouts.js +1 -1
  5. package/dist/layouts.js.map +1 -1
  6. package/dist/loaders.js +1 -1
  7. package/dist/tables.js +3 -3
  8. package/dist/tables.js.map +1 -1
  9. package/dist/utilities.js +1 -1
  10. package/package.json +1 -1
package/dist/forms.js CHANGED
@@ -2756,7 +2756,7 @@ return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=f
2756
2756
  *
2757
2757
  * Use of this source code is governed under the Apache License, Version 2.0
2758
2758
  * found at http://www.apache.org/licenses/LICENSE-2.0.
2759
- */function _extends$8(){_extends$8=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$8.apply(this,arguments);}const dotOneKeyframes=styled.keyframes(["0%{transform:translate(0,5px);}3%{transform:translate(1px,-5px);}6%{transform:translate(3px,-15px);}8%{transform:translate(5px,-18px);}9%{transform:translate(7px,-21px);}11%{transform:translate(8px,-22px);}13%{transform:translate(9px,-23px);}16%{transform:translate(12px,-25px);}18%{transform:translate(13px,-26px);}23%{transform:translate(18px,-26px);}24%{transform:translate(19px,-25px);}28%{transform:translate(22px,-23px);}31%{transform:translate(24px,-21px);}33%{transform:translate(26px,-18px);}34%{transform:translate(28px,-14px);}36%{transform:translate(29px,-12px);}38%{transform:translate(30px,-5px);}39%{transform:translate(31px,5px);}54%{transform:translate(31px,3px);}59%{transform:translate(33px);}61%{transform:translate(43px);}63%{transform:translate(48px);}64%{transform:translate(51px);}66%{transform:translate(53px);}68%{transform:translate(55px);}69%{transform:translate(57px);}76%{transform:translate(60px);}81%{transform:translate(61px);}83%,100%{transform:translate(62px);}"]);const dotTwoKeyframes=styled.keyframes(["4%{transform:translate(0);}6%{transform:translate(-1px);}8%{transform:translate(-2px);}9%{transform:translate(-5px);}11%{transform:translate(-7px);}13%{transform:translate(-12px);}14%{transform:translate(-17px);}16%{transform:translate(-19px);}18%{transform:translate(-22px);}19%{transform:translate(-25px);}21%{transform:translate(-26px);}23%{transform:translate(-27px);}24%{transform:translate(-28px);}26%{transform:translate(-29px);}29%{transform:translate(-30px);}33%,89%{transform:translate(-31px);}91%{transform:translate(-31px,1px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,3px);}99%{transform:translate(-31px,4px);}100%{transform:translate(-31px,5px);}"]);const dotThreeKeyframes=styled.keyframes(["39%{transform:translate(0);}44%{transform:translate(0,1px);}46%{transform:translate(0,2px);}48%{transform:translate(0,3px);}49%{transform:translate(0,4px);}51%{transform:translate(0,5px);}53%{transform:translate(-1px,-6px);}54%{transform:translate(-2px,-13px);}56%{transform:translate(-3px,-15px);}58%{transform:translate(-5px,-19px);}59%{transform:translate(-7px,-21px);}61%{transform:translate(-8px,-22px);}63%{transform:translate(-9px,-24px);}64%{transform:translate(-11px,-25px);}66%{transform:translate(-12px,-26px);}74%{transform:translate(-19px,-26px);}76%{transform:translate(-20px,-25px);}78%{transform:translate(-22px,-24px);}81%{transform:translate(-24px,-21px);}83%{transform:translate(-26px,-19px);}84%{transform:translate(-28px,-15px);}86%{transform:translate(-29px,-13px);}88%{transform:translate(-30px,-6px);}89%{transform:translate(-31px,5px);}91%{transform:translate(-31px,4px);}93%{transform:translate(-31px,3px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,1px);}100%{transform:translate(-31px);}"]);const StyledDotsCircle=styled__default["default"].circle.attrs({cy:36,r:9}).withConfig({displayName:"StyledDots__StyledDotsCircle",componentId:"sc-1ltah7e-0"})([""]);StyledDotsCircle.defaultProps={theme:DEFAULT_THEME};const animationStyles=(animationName,props)=>{return styled.css(["animation:"," ","ms linear infinite;"],animationName,props.duration);};const StyledDotsCircleOne=styled__default["default"](StyledDotsCircle).attrs({cx:9}).withConfig({displayName:"StyledDots__StyledDotsCircleOne",componentId:"sc-1ltah7e-1"})(["",";"],props=>animationStyles(dotOneKeyframes,props));StyledDotsCircleOne.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleTwo=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:40})).withConfig({displayName:"StyledDots__StyledDotsCircleTwo",componentId:"sc-1ltah7e-2"})(["",";"],props=>animationStyles(dotTwoKeyframes,props));StyledDotsCircleTwo.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleThree=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:71})).withConfig({displayName:"StyledDots__StyledDotsCircleThree",componentId:"sc-1ltah7e-3"})(["",";"],props=>animationStyles(dotThreeKeyframes,props));StyledDotsCircleThree.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5$1='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'data-garden-version':'8.70.0',role:'progressbar'}).withConfig({displayName:"StyledLoadingPlaceholder",componentId:"sc-x3bwsx-0"})(["display:inline-block;width:",";height:",";font-size:",";",""],props=>props.width||'1em',props=>props.height||'0.9em',props=>props.fontSize,props=>retrieveComponentStyles(COMPONENT_ID$5$1,props));StyledLoadingPlaceholder.defaultProps={theme:DEFAULT_THEME};const sizeToHeight=(size,theme)=>{switch(size){case'small':return theme.space.base/2;case'medium':return theme.space.base*1.5;default:return theme.space.base*3;}};const sizeToBorderRadius=(size,theme)=>sizeToHeight(size,theme)/2;const PROGRESS_BACKGROUND_COMPONENT_ID='loaders.progress_background';const StyledProgressBackground=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGRESS_BACKGROUND_COMPONENT_ID,'data-garden-version':'8.70.0',borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)})).withConfig({displayName:"StyledProgress__StyledProgressBackground",componentId:"sc-2g8w4s-0"})(["margin:","px 0;border-radius:","px;background-color:",";color:",";",""],props=>props.theme.space.base*2,props=>props.borderRadius,props=>getColor('neutralHue',200,props.theme),props=>props.color||getColor('successHue',600,props.theme),props=>retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props));StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};const PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';const StyledProgressIndicator=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.70.0',height:props.height||sizeToHeight(props.size,props.theme),borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)})).withConfig({displayName:"StyledProgress__StyledProgressIndicator",componentId:"sc-2g8w4s-1"})(["transition:width 0.1s ease-in-out;border-radius:","px;background:currentcolor;width:","%;height:","px;",""],props=>props.borderRadius,props=>props.value,props=>props.height,props=>retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props));StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$1='loaders.skeleton';const fadeInAnimation=styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);const skeletonAnimation=styled.keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(100%);}"]);const skeletonRtlAnimation=styled.keyframes(["0%{transform:translateX(100%);}100%{transform:translateX(-100%)}"]);const retrieveSkeletonBackgroundColor=_ref=>{let{theme,isLight}=_ref;if(isLight){return styled.css(["background-color:",";"],rgba(theme.colors.background,0.2));}return styled.css(["background-color:",";"],getColor('neutralHue',800,theme,0.1));};const retrieveSkeletonAnimation=_ref2=>{let{theme}=_ref2;if(theme.rtl){return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};const retrieveSkeletonGradient=_ref3=>{let{theme,isLight}=_ref3;return styled.css(["background-image:linear-gradient( ",",transparent,",",transparent );"],theme.rtl?'-45deg':'45deg',isLight?getColor('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};const StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSkeleton",componentId:"sc-1raozze-0"})(["display:inline-block;position:relative;animation:"," 750ms linear;border-radius:",";width:",";height:",";overflow:hidden;line-height:",";"," &::before{position:absolute;top:0;width:1000px;height:100%;content:'';"," ","}",";"],fadeInAnimation,props=>props.theme.borderRadii.md,props=>props.customWidth,props=>props.customHeight,props=>getLineHeight(props.theme.fontSizes.sm,props.theme.space.base*5),retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,props=>retrieveComponentStyles(COMPONENT_ID$4$1,props));StyledSkeleton.defaultProps={theme:DEFAULT_THEME};const StyledSpinnerCircle=styled__default["default"].circle.attrs(props=>({cx:40,cy:40,r:34,fill:'none',stroke:'currentColor',strokeLinecap:'round',strokeWidth:props.strokeWidthValue,strokeDasharray:`${props.dasharrayValue} 250`,transform:props.transform})).withConfig({displayName:"StyledSpinnerCircle",componentId:"sc-o4kd70-0"})([""]);StyledSpinnerCircle.defaultProps={theme:DEFAULT_THEME};const StyledSVG=styled__default["default"].svg.attrs(props=>({'data-garden-version':'8.70.0',xmlns:'http://www.w3.org/2000/svg',width:props.width,height:props.height,focusable:'false',viewBox:`0 0 ${props.width} ${props.height}`,role:'img'})).withConfig({displayName:"StyledSVG",componentId:"sc-1xtc3kx-0"})(["width:",";height:",";color:",";font-size:",";",";"],props=>props.containerWidth||'1em',props=>props.containerHeight||'0.9em',props=>props.color||'inherit',props=>props.fontSize||'inherit',props=>retrieveComponentStyles(props.dataGardenId,props));StyledSVG.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$1='loaders.inline';const PULSE_ANIMATION=styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);const StyledCircle=styled__default["default"].circle.attrs({fill:'currentColor',cy:2,r:2}).withConfig({displayName:"StyledInline__StyledCircle",componentId:"sc-fxsb9l-0"})([""]);StyledCircle.defaultProps={theme:DEFAULT_THEME};const StyledInline=styled__default["default"].svg.attrs(props=>({'data-garden-id':COMPONENT_ID$3$1,'data-garden-version':'8.70.0',viewBox:'0 0 16 4',width:props.size,height:props.size*0.25})).withConfig({displayName:"StyledInline",componentId:"sc-fxsb9l-1"})(["color:",";","{opacity:0.2;&:nth-child(1){animation:"," 1s infinite;animation-delay:",";}&:nth-child(2){animation:"," 1s infinite;animation-delay:0.2s;}&:nth-child(3){animation:"," 1s infinite;animation-delay:",";}}",""],props=>props.color,StyledCircle,PULSE_ANIMATION,props=>props.theme.rtl?'unset':'0.4s',PULSE_ANIMATION,PULSE_ANIMATION,props=>props.theme.rtl?'0.4s':'unset',props=>retrieveComponentStyles(COMPONENT_ID$3$1,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$2='loaders.dots';const Dots$1=React__default.forwardRef((_ref,ref)=>{let{size,color,duration,delayMS,...other}=_ref;const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);const canTransformSVG=React__default.useRef(null);if(environment&&canTransformSVG.current===null){const svg=environment.createElementNS('http://www.w3.org/2000/svg','svg');canTransformSVG.current='transform'in svg;}const{delayComplete}=useSchedule({duration,delayMS,loop:true});const dotOne=React__default.useRef(null);const dotTwo=React__default.useRef(null);const dotThree=React__default.useRef(null);React__default.useEffect(()=>{if(!canTransformSVG.current&&delayComplete){const transforms=[window.getComputedStyle(dotOne.current).getPropertyValue('transform'),window.getComputedStyle(dotTwo.current).getPropertyValue('transform'),window.getComputedStyle(dotThree.current).getPropertyValue('transform')];dotOne.current.setAttribute('transform',transforms[0]);dotTwo.current.setAttribute('transform',transforms[1]);dotThree.current.setAttribute('transform',transforms[2]);}});if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends$8({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$2},other),React__default__default["default"].createElement("g",{fill:"currentColor"},React__default__default["default"].createElement(StyledDotsCircleOne,{duration:duration,ref:dotOne}),React__default__default["default"].createElement(StyledDotsCircleTwo,{duration:duration,ref:dotTwo}),React__default__default["default"].createElement(StyledDotsCircleThree,{duration:duration,ref:dotThree})));});Dots$1.displayName='Dots';Dots$1.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Dots$1.defaultProps={size:'inherit',color:'inherit',duration:1250,delayMS:750};const SIZE$2=['small','medium','large'];const COMPONENT_ID$1$2='loaders.progress';const Progress=React__default__default["default"].forwardRef((_ref,ref)=>{let{value,size,'aria-label':label,...other}=_ref;const percentage=Math.max(0,Math.min(100,value));const ariaLabel=useText(Progress,{'aria-label':label},'aria-label','Progress');return React__default__default["default"].createElement(StyledProgressBackground,_extends$8({"data-garden-id":COMPONENT_ID$1$2,"data-garden-version":'8.70.0',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref,"aria-label":ariaLabel},other),React__default__default["default"].createElement(StyledProgressIndicator,{value:percentage,size:size}));});Progress.displayName='Progress';Progress.propTypes={color:propTypes.exports.string,value:propTypes.exports.number.isRequired,size:propTypes.exports.oneOf(SIZE$2)};Progress.defaultProps={value:0,size:'medium'};const Skeleton=React__default.forwardRef((_ref,ref)=>{let{width,height,isLight,...other}=_ref;return React__default__default["default"].createElement(StyledSkeleton,_extends$8({ref:ref,isLight:isLight,customWidth:width,customHeight:height},other),"\xA0");});Skeleton.displayName='Skeleton';Skeleton.propTypes={width:propTypes.exports.string,height:propTypes.exports.string,isLight:propTypes.exports.bool};Skeleton.defaultProps={width:'100%',height:'100%'};const STROKE_WIDTH_FRAMES={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6};const ROTATION_FRAMES={0:-90,8:-81,36:-30,41:-18,44:-8,48:0,55:22,63:53,64:62,66:67,68:78,69:90,71:99,73:112,74:129,76:138,78:159,79:180,81:190,83:207,84:221,86:226,88:235,90:243,99:270};const DASHARRAY_FRAMES={0:0,13:2,26:13,53:86,58:90,63:89,64:88,66:86,68:83,69:81,71:76,73:70,74:62,76:58,78:47,79:37,81:31,83:23,84:16,88:10,89:7,98:1,99:0};const COMPONENT_ID$7='loaders.spinner';const TOTAL_FRAMES=100;const computeFrames=(frames,duration)=>{return Object.entries(frames).reduce((acc,item,index,arr)=>{const[frame,value]=item;const[nextFrame,nextValue]=arr[index+1]||[TOTAL_FRAMES,arr[0][1]];const diff=parseInt(nextFrame,10)-parseInt(frame,10);const frameHz=1000/60;let subDuration=duration/(TOTAL_FRAMES-1)*diff;let lastValue=value;acc[frame]=value;for(let idx=0;idx<diff;idx++){lastValue=lastValue+(nextValue-lastValue)*(frameHz/subDuration);subDuration=duration/(TOTAL_FRAMES-1)*(diff-idx);acc[parseInt(frame,10)+idx+1]=lastValue;}acc[nextFrame]=nextValue;return acc;},{});};const Spinner=React__default.forwardRef((_ref,ref)=>{let{size,duration,color,delayMS,...other}=_ref;const strokeWidthValues=computeFrames(STROKE_WIDTH_FRAMES,duration);const rotationValues=computeFrames(ROTATION_FRAMES,duration);const dasharrayValues=computeFrames(DASHARRAY_FRAMES,duration);const{elapsed,delayComplete}=useSchedule({duration,delayMS});const frame=(elapsed*100).toFixed(0);const strokeWidthValue=strokeWidthValues[frame];const rotationValue=rotationValues[frame];const dasharrayValue=dasharrayValues[frame];const WIDTH=80;const HEIGHT=80;if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{width:"1em",height:"1em",fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends$8({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$7,containerHeight:"1em",containerWidth:"1em"},other),React__default__default["default"].createElement(StyledSpinnerCircle,{dasharrayValue:dasharrayValue,strokeWidthValue:strokeWidthValue,transform:`rotate(${rotationValue}, ${WIDTH/2}, ${HEIGHT/2})`}));});Spinner.displayName='Spinner';Spinner.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Spinner.defaultProps={size:'inherit',duration:1250,color:'inherit',delayMS:750};const Inline=React__default.forwardRef((_ref,ref)=>{let{size,color,...other}=_ref;const ariaLabel=useText(Inline,other,'aria-label','loading');return React__default__default["default"].createElement(StyledInline,_extends$8({ref:ref,size:size,color:color,"aria-label":ariaLabel,role:"img"},other),React__default__default["default"].createElement(StyledCircle,{cx:"14"}),React__default__default["default"].createElement(StyledCircle,{cx:"8"}),React__default__default["default"].createElement(StyledCircle,{cx:"2"}));});Inline.displayName='Inline';Inline.propTypes={size:propTypes.exports.number,color:propTypes.exports.string};Inline.defaultProps={size:16,color:'inherit'};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return require$$1$1.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var 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$5=new Logger_1("Loadable");var Container$6=styled__default["default"](FlexBox)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_2$d||(templateObject_2$d=__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$8||(templateObject_3$8=__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$5.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$5.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return require$$1$1.jsxs(Container$6,__assign({justifyContent:"center",gap:"unset",alignItems:"center"},{children:[require$$1$1.jsx(ChildrenContainer,__assign({gap:"unset",className:className,opaqueSpinner:opaqueSpinner,showSpinner:showingSpinner,withRows:true},{children:children})),showingSpinner?require$$1$1.jsx(LoaderContainer$1,__assign({justifyContent:"center",alignItems:"center",showSpinner:showingSpinner},{children:require$$1$1.jsx(Dots,{color:theme.styles.colorPrimary,size:FONT_SIZES.XXL})})):null]}));};Loadable=styled__default["default"](Loadable)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject([""],[""])));var templateObject_1$l,templateObject_2$d,templateObject_3$8,templateObject_4$7;var Paragraph=styled__default["default"](Text).attrs({as:FONT_TAGS.P})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),FONT_WEIGHTS.REGULAR);styled__default["default"](Paragraph)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XXS);var XS=styled__default["default"](Paragraph)(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);styled__default["default"](Paragraph)(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.MD);styled__default["default"](Paragraph)(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.LG);styled__default["default"](Paragraph)(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XL);var templateObject_1$k,templateObject_2$c,templateObject_3$7,templateObject_4$6,templateObject_5$4,templateObject_6$4;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$j||(templateObject_1$j=__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$j;var Label$3=styled__default["default"](Text).attrs({as:FONT_TAGS.LABEL})(templateObject_1$i||(templateObject_1$i=__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$i;var lodash={exports:{}};/**
2759
+ */function _extends$8(){_extends$8=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$8.apply(this,arguments);}const dotOneKeyframes=styled.keyframes(["0%{transform:translate(0,5px);}3%{transform:translate(1px,-5px);}6%{transform:translate(3px,-15px);}8%{transform:translate(5px,-18px);}9%{transform:translate(7px,-21px);}11%{transform:translate(8px,-22px);}13%{transform:translate(9px,-23px);}16%{transform:translate(12px,-25px);}18%{transform:translate(13px,-26px);}23%{transform:translate(18px,-26px);}24%{transform:translate(19px,-25px);}28%{transform:translate(22px,-23px);}31%{transform:translate(24px,-21px);}33%{transform:translate(26px,-18px);}34%{transform:translate(28px,-14px);}36%{transform:translate(29px,-12px);}38%{transform:translate(30px,-5px);}39%{transform:translate(31px,5px);}54%{transform:translate(31px,3px);}59%{transform:translate(33px);}61%{transform:translate(43px);}63%{transform:translate(48px);}64%{transform:translate(51px);}66%{transform:translate(53px);}68%{transform:translate(55px);}69%{transform:translate(57px);}76%{transform:translate(60px);}81%{transform:translate(61px);}83%,100%{transform:translate(62px);}"]);const dotTwoKeyframes=styled.keyframes(["4%{transform:translate(0);}6%{transform:translate(-1px);}8%{transform:translate(-2px);}9%{transform:translate(-5px);}11%{transform:translate(-7px);}13%{transform:translate(-12px);}14%{transform:translate(-17px);}16%{transform:translate(-19px);}18%{transform:translate(-22px);}19%{transform:translate(-25px);}21%{transform:translate(-26px);}23%{transform:translate(-27px);}24%{transform:translate(-28px);}26%{transform:translate(-29px);}29%{transform:translate(-30px);}33%,89%{transform:translate(-31px);}91%{transform:translate(-31px,1px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,3px);}99%{transform:translate(-31px,4px);}100%{transform:translate(-31px,5px);}"]);const dotThreeKeyframes=styled.keyframes(["39%{transform:translate(0);}44%{transform:translate(0,1px);}46%{transform:translate(0,2px);}48%{transform:translate(0,3px);}49%{transform:translate(0,4px);}51%{transform:translate(0,5px);}53%{transform:translate(-1px,-6px);}54%{transform:translate(-2px,-13px);}56%{transform:translate(-3px,-15px);}58%{transform:translate(-5px,-19px);}59%{transform:translate(-7px,-21px);}61%{transform:translate(-8px,-22px);}63%{transform:translate(-9px,-24px);}64%{transform:translate(-11px,-25px);}66%{transform:translate(-12px,-26px);}74%{transform:translate(-19px,-26px);}76%{transform:translate(-20px,-25px);}78%{transform:translate(-22px,-24px);}81%{transform:translate(-24px,-21px);}83%{transform:translate(-26px,-19px);}84%{transform:translate(-28px,-15px);}86%{transform:translate(-29px,-13px);}88%{transform:translate(-30px,-6px);}89%{transform:translate(-31px,5px);}91%{transform:translate(-31px,4px);}93%{transform:translate(-31px,3px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,1px);}100%{transform:translate(-31px);}"]);const StyledDotsCircle=styled__default["default"].circle.attrs({cy:36,r:9}).withConfig({displayName:"StyledDots__StyledDotsCircle",componentId:"sc-1ltah7e-0"})([""]);StyledDotsCircle.defaultProps={theme:DEFAULT_THEME};const animationStyles=(animationName,props)=>{return styled.css(["animation:"," ","ms linear infinite;"],animationName,props.duration);};const StyledDotsCircleOne=styled__default["default"](StyledDotsCircle).attrs({cx:9}).withConfig({displayName:"StyledDots__StyledDotsCircleOne",componentId:"sc-1ltah7e-1"})(["",";"],props=>animationStyles(dotOneKeyframes,props));StyledDotsCircleOne.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleTwo=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:40})).withConfig({displayName:"StyledDots__StyledDotsCircleTwo",componentId:"sc-1ltah7e-2"})(["",";"],props=>animationStyles(dotTwoKeyframes,props));StyledDotsCircleTwo.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleThree=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:71})).withConfig({displayName:"StyledDots__StyledDotsCircleThree",componentId:"sc-1ltah7e-3"})(["",";"],props=>animationStyles(dotThreeKeyframes,props));StyledDotsCircleThree.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5$1='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'data-garden-version':'8.70.0',role:'progressbar'}).withConfig({displayName:"StyledLoadingPlaceholder",componentId:"sc-x3bwsx-0"})(["display:inline-block;width:",";height:",";font-size:",";",""],props=>props.width||'1em',props=>props.height||'0.9em',props=>props.fontSize,props=>retrieveComponentStyles(COMPONENT_ID$5$1,props));StyledLoadingPlaceholder.defaultProps={theme:DEFAULT_THEME};const sizeToHeight=(size,theme)=>{switch(size){case'small':return theme.space.base/2;case'medium':return theme.space.base*1.5;default:return theme.space.base*3;}};const sizeToBorderRadius=(size,theme)=>sizeToHeight(size,theme)/2;const PROGRESS_BACKGROUND_COMPONENT_ID='loaders.progress_background';const StyledProgressBackground=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGRESS_BACKGROUND_COMPONENT_ID,'data-garden-version':'8.70.0',borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)})).withConfig({displayName:"StyledProgress__StyledProgressBackground",componentId:"sc-2g8w4s-0"})(["margin:","px 0;border-radius:","px;background-color:",";color:",";",""],props=>props.theme.space.base*2,props=>props.borderRadius,props=>getColor('neutralHue',200,props.theme),props=>props.color||getColor('successHue',600,props.theme),props=>retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props));StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};const PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';const StyledProgressIndicator=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.70.0',height:props.height||sizeToHeight(props.size,props.theme),borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)})).withConfig({displayName:"StyledProgress__StyledProgressIndicator",componentId:"sc-2g8w4s-1"})(["transition:width 0.1s ease-in-out;border-radius:","px;background:currentcolor;width:","%;height:","px;",""],props=>props.borderRadius,props=>props.value,props=>props.height,props=>retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props));StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$1='loaders.skeleton';const fadeInAnimation=styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);const skeletonAnimation=styled.keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(100%);}"]);const skeletonRtlAnimation=styled.keyframes(["0%{transform:translateX(100%);}100%{transform:translateX(-100%)}"]);const retrieveSkeletonBackgroundColor=_ref=>{let{theme,isLight}=_ref;if(isLight){return styled.css(["background-color:",";"],rgba(theme.colors.background,0.2));}return styled.css(["background-color:",";"],getColor('neutralHue',800,theme,0.1));};const retrieveSkeletonAnimation=_ref2=>{let{theme}=_ref2;if(theme.rtl){return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};const retrieveSkeletonGradient=_ref3=>{let{theme,isLight}=_ref3;return styled.css(["background-image:linear-gradient( ",",transparent,",",transparent );"],theme.rtl?'-45deg':'45deg',isLight?getColor('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};const StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSkeleton",componentId:"sc-1raozze-0"})(["display:inline-block;position:relative;animation:"," 750ms linear;border-radius:",";width:",";height:",";overflow:hidden;line-height:",";"," &::before{position:absolute;top:0;width:1000px;height:100%;content:'';"," ","}",";"],fadeInAnimation,props=>props.theme.borderRadii.md,props=>props.customWidth,props=>props.customHeight,props=>getLineHeight(props.theme.fontSizes.sm,props.theme.space.base*5),retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,props=>retrieveComponentStyles(COMPONENT_ID$4$1,props));StyledSkeleton.defaultProps={theme:DEFAULT_THEME};const StyledSpinnerCircle=styled__default["default"].circle.attrs(props=>({cx:40,cy:40,r:34,fill:'none',stroke:'currentColor',strokeLinecap:'round',strokeWidth:props.strokeWidthValue,strokeDasharray:`${props.dasharrayValue} 250`,transform:props.transform})).withConfig({displayName:"StyledSpinnerCircle",componentId:"sc-o4kd70-0"})([""]);StyledSpinnerCircle.defaultProps={theme:DEFAULT_THEME};const StyledSVG=styled__default["default"].svg.attrs(props=>({'data-garden-version':'8.70.0',xmlns:'http://www.w3.org/2000/svg',width:props.width,height:props.height,focusable:'false',viewBox:`0 0 ${props.width} ${props.height}`,role:'img'})).withConfig({displayName:"StyledSVG",componentId:"sc-1xtc3kx-0"})(["width:",";height:",";color:",";font-size:",";",";"],props=>props.containerWidth||'1em',props=>props.containerHeight||'0.9em',props=>props.color||'inherit',props=>props.fontSize||'inherit',props=>retrieveComponentStyles(props.dataGardenId,props));StyledSVG.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$1='loaders.inline';const PULSE_ANIMATION=styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);const StyledCircle=styled__default["default"].circle.attrs({fill:'currentColor',cy:2,r:2}).withConfig({displayName:"StyledInline__StyledCircle",componentId:"sc-fxsb9l-0"})([""]);StyledCircle.defaultProps={theme:DEFAULT_THEME};const StyledInline=styled__default["default"].svg.attrs(props=>({'data-garden-id':COMPONENT_ID$3$1,'data-garden-version':'8.70.0',viewBox:'0 0 16 4',width:props.size,height:props.size*0.25})).withConfig({displayName:"StyledInline",componentId:"sc-fxsb9l-1"})(["color:",";","{opacity:0.2;&:nth-child(1){animation:"," 1s infinite;animation-delay:",";}&:nth-child(2){animation:"," 1s infinite;animation-delay:0.2s;}&:nth-child(3){animation:"," 1s infinite;animation-delay:",";}}",""],props=>props.color,StyledCircle,PULSE_ANIMATION,props=>props.theme.rtl?'unset':'0.4s',PULSE_ANIMATION,PULSE_ANIMATION,props=>props.theme.rtl?'0.4s':'unset',props=>retrieveComponentStyles(COMPONENT_ID$3$1,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$2='loaders.dots';const Dots$1=React__default.forwardRef((_ref,ref)=>{let{size,color,duration,delayMS,...other}=_ref;const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);const canTransformSVG=React__default.useRef(null);if(environment&&canTransformSVG.current===null){const svg=environment.createElementNS('http://www.w3.org/2000/svg','svg');canTransformSVG.current='transform'in svg;}const{delayComplete}=useSchedule({duration,delayMS,loop:true});const dotOne=React__default.useRef(null);const dotTwo=React__default.useRef(null);const dotThree=React__default.useRef(null);React__default.useEffect(()=>{if(!canTransformSVG.current&&delayComplete){const transforms=[window.getComputedStyle(dotOne.current).getPropertyValue('transform'),window.getComputedStyle(dotTwo.current).getPropertyValue('transform'),window.getComputedStyle(dotThree.current).getPropertyValue('transform')];dotOne.current.setAttribute('transform',transforms[0]);dotTwo.current.setAttribute('transform',transforms[1]);dotThree.current.setAttribute('transform',transforms[2]);}});if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends$8({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$2},other),React__default__default["default"].createElement("g",{fill:"currentColor"},React__default__default["default"].createElement(StyledDotsCircleOne,{duration:duration,ref:dotOne}),React__default__default["default"].createElement(StyledDotsCircleTwo,{duration:duration,ref:dotTwo}),React__default__default["default"].createElement(StyledDotsCircleThree,{duration:duration,ref:dotThree})));});Dots$1.displayName='Dots';Dots$1.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Dots$1.defaultProps={size:'inherit',color:'inherit',duration:1250,delayMS:750};const SIZE$2=['small','medium','large'];const COMPONENT_ID$1$2='loaders.progress';const Progress=React__default__default["default"].forwardRef((_ref,ref)=>{let{value,size,'aria-label':label,...other}=_ref;const percentage=Math.max(0,Math.min(100,value));const ariaLabel=useText(Progress,{'aria-label':label},'aria-label','Progress');return React__default__default["default"].createElement(StyledProgressBackground,_extends$8({"data-garden-id":COMPONENT_ID$1$2,"data-garden-version":'8.70.0',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref,"aria-label":ariaLabel},other),React__default__default["default"].createElement(StyledProgressIndicator,{value:percentage,size:size}));});Progress.displayName='Progress';Progress.propTypes={color:propTypes.exports.string,value:propTypes.exports.number.isRequired,size:propTypes.exports.oneOf(SIZE$2)};Progress.defaultProps={value:0,size:'medium'};const Skeleton=React__default.forwardRef((_ref,ref)=>{let{width,height,isLight,...other}=_ref;return React__default__default["default"].createElement(StyledSkeleton,_extends$8({ref:ref,isLight:isLight,customWidth:width,customHeight:height},other),"\xA0");});Skeleton.displayName='Skeleton';Skeleton.propTypes={width:propTypes.exports.string,height:propTypes.exports.string,isLight:propTypes.exports.bool};Skeleton.defaultProps={width:'100%',height:'100%'};const STROKE_WIDTH_FRAMES={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6};const ROTATION_FRAMES={0:-90,8:-81,36:-30,41:-18,44:-8,48:0,55:22,63:53,64:62,66:67,68:78,69:90,71:99,73:112,74:129,76:138,78:159,79:180,81:190,83:207,84:221,86:226,88:235,90:243,99:270};const DASHARRAY_FRAMES={0:0,13:2,26:13,53:86,58:90,63:89,64:88,66:86,68:83,69:81,71:76,73:70,74:62,76:58,78:47,79:37,81:31,83:23,84:16,88:10,89:7,98:1,99:0};const COMPONENT_ID$7='loaders.spinner';const TOTAL_FRAMES=100;const computeFrames=(frames,duration)=>{return Object.entries(frames).reduce((acc,item,index,arr)=>{const[frame,value]=item;const[nextFrame,nextValue]=arr[index+1]||[TOTAL_FRAMES,arr[0][1]];const diff=parseInt(nextFrame,10)-parseInt(frame,10);const frameHz=1000/60;let subDuration=duration/(TOTAL_FRAMES-1)*diff;let lastValue=value;acc[frame]=value;for(let idx=0;idx<diff;idx++){lastValue=lastValue+(nextValue-lastValue)*(frameHz/subDuration);subDuration=duration/(TOTAL_FRAMES-1)*(diff-idx);acc[parseInt(frame,10)+idx+1]=lastValue;}acc[nextFrame]=nextValue;return acc;},{});};const Spinner=React__default.forwardRef((_ref,ref)=>{let{size,duration,color,delayMS,...other}=_ref;const strokeWidthValues=computeFrames(STROKE_WIDTH_FRAMES,duration);const rotationValues=computeFrames(ROTATION_FRAMES,duration);const dasharrayValues=computeFrames(DASHARRAY_FRAMES,duration);const{elapsed,delayComplete}=useSchedule({duration,delayMS});const frame=(elapsed*100).toFixed(0);const strokeWidthValue=strokeWidthValues[frame];const rotationValue=rotationValues[frame];const dasharrayValue=dasharrayValues[frame];const WIDTH=80;const HEIGHT=80;if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{width:"1em",height:"1em",fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends$8({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$7,containerHeight:"1em",containerWidth:"1em"},other),React__default__default["default"].createElement(StyledSpinnerCircle,{dasharrayValue:dasharrayValue,strokeWidthValue:strokeWidthValue,transform:`rotate(${rotationValue}, ${WIDTH/2}, ${HEIGHT/2})`}));});Spinner.displayName='Spinner';Spinner.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Spinner.defaultProps={size:'inherit',duration:1250,color:'inherit',delayMS:750};const Inline=React__default.forwardRef((_ref,ref)=>{let{size,color,...other}=_ref;const ariaLabel=useText(Inline,other,'aria-label','loading');return React__default__default["default"].createElement(StyledInline,_extends$8({ref:ref,size:size,color:color,"aria-label":ariaLabel,role:"img"},other),React__default__default["default"].createElement(StyledCircle,{cx:"14"}),React__default__default["default"].createElement(StyledCircle,{cx:"8"}),React__default__default["default"].createElement(StyledCircle,{cx:"2"}));});Inline.displayName='Inline';Inline.propTypes={size:propTypes.exports.number,color:propTypes.exports.string};Inline.defaultProps={size:16,color:'inherit'};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return require$$1$1.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var name="@idea-fragments/react-components-zendesk";var version="0.1.79";var files=["dist/*.js","dist/*.js.map","dist/types"];var exports$1={"./*":{types:"./dist/types/*.d.ts","default":"./dist/*.js"}};var dependencies={"@idea-fragments/logger-js":"^0.0.1",color:"^4.2.3","jslib-html5-camera-photo":"^3.3.4",lodash:"^4.17.23",moment:"^2.29.3","react-date-range":"^1.4.0","react-list":"^0.8.18","react-number-format":"^4.9.3","tesseract.js":"^7.0.0"};var peerDependencies={"@mdi/js":">=6.7.96","@mdi/react":">=1.6.0","babel-loader":">=8.2.5","babel-plugin-styled-components":">=2.0.7",react:">=18.2.0","react-dom":">=18.2.0","styled-components":">=5.3.5"};var devDependencies={"@babel/core":"^7.18.0","@mdi/js":"^6.7.96","@mdi/react":"^1.6.0","@mdx-js/react":"^1.6.22","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.2","@storybook/addon-actions":"^7.5.3","@storybook/addon-controls":"^7.5.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-mdx-gfm":"^7.5.3","@storybook/preset-create-react-app":"^7.5.3","@storybook/react":"^7.5.3","@storybook/react-webpack5":"^7.5.3","@tsconfig/create-react-app":"^1.0.2","@types/color":"^3.0.3","@types/jslib-html5-camera-photo":"^3.1.2","@types/react-date-range":"^1.4.3","@types/styled-components":"^5.1.25","@typescript-eslint/eslint-plugin":"^5.25.0","@typescript-eslint/parser":"^5.25.0","@zendeskgarden/react-accordions":"^8.70.0","@zendeskgarden/react-avatars":"^8.51.0","@zendeskgarden/react-breadcrumbs":"^8.51.0","@zendeskgarden/react-buttons":"^8.51.0","@zendeskgarden/react-datepickers":"^8.51.0","@zendeskgarden/react-dropdowns":"^8.51.0","@zendeskgarden/react-forms":"^8.51.0","@zendeskgarden/react-grid":"^8.51.0","@zendeskgarden/react-loaders":"^8.51.0","@zendeskgarden/react-modals":"^8.51.0","@zendeskgarden/react-notifications":"^8.51.0","@zendeskgarden/react-pagination":"^8.51.0","@zendeskgarden/react-tables":"^8.51.0","@zendeskgarden/react-tabs":"^8.51.0","@zendeskgarden/react-tags":"^8.51.0","@zendeskgarden/react-theming":"^8.51.0","@zendeskgarden/react-tooltips":"^8.51.0","@zendeskgarden/react-typography":"^8.51.0","babel-loader":"^8.2.5","babel-plugin-styled-components":"^2.0.7",eslint:"^8.16.0","eslint-config-prettier":"^8.8.0","eslint-config-react-app":"^7.0.1","patch-package":"^8.0.1","pre-commit":"^1.2.2",prettier:"^2.8.6",react:"18.2.0","react-dom":"18.2.0","react-easy-crop":"^4.7.4","react-images-uploading":"^3.1.7","react-player":"^2.12.0","react-scripts":"^5.0.1",rollup:"^2.74.1","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.2","source-map":"^0.8.0-beta.0",storybook:"^7.5.3","styled-components":"^5.3.5",tslib:"^2.4.0",typescript:"^4.6.4",webpack:"^5.73.0"};var overrides={"@mdx-js/react":{react:"18.2.0"},react:"18.2.0","react-dom":"18.2.0"};var resolutions={"source-map":"^0.8.0-beta.0"};var scripts={build:"react-scripts build","build-storybook":"storybook build",cleanup:"rm -rf dist",eject:"react-scripts eject",format:"./git_hooks/pre_commit/prettier.sh",lint:"eslint",postinstall:"patch-package",rollup:"node scripts/rollup-prompt.js",start:"react-scripts start",storybook:"storybook dev -p 6006",test:"react-scripts test"};var eslintConfig={"extends":["react-app","prettier"],overrides:[{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off"}},{files:["*.ts"],plugins:["@typescript-eslint"],parser:"@typescript-eslint/parser",parserOptions:{project:"./tsconfig.json"}},{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off","react-hooks/exhaustive-deps":"error"}}]};var browserslist={production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]};var description="Component library built on the V6 version of the Zendesk React components library.";var repository={type:"git",url:"git+https://github.com/idea-fragments/react_components_zendesk.git"};var keywords=["react"];var author="IdeaFragments";var license="MIT";var bugs={url:"https://github.com/idea-fragments/react_components_zendesk/issues"};var homepage="https://github.com/idea-fragments/react_components_zendesk#readme";var types="./dist/index.d.ts";var packageJson={name:name,version:version,"private":false,files:files,exports:exports$1,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,overrides:overrides,resolutions:resolutions,scripts:scripts,eslintConfig:eslintConfig,browserslist:browserslist,description:description,repository:repository,keywords:keywords,author:author,license:license,bugs:bugs,homepage:homepage,types:types,"pre-commit":{run:["format","lint"]}};Logger_1.packageName=packageJson.name;var logger$5=new Logger_1("Loadable");var Container$6=styled__default["default"](FlexBox)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_2$d||(templateObject_2$d=__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$8||(templateObject_3$8=__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$5.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$5.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return require$$1$1.jsxs(Container$6,__assign({justifyContent:"center",gap:"unset",alignItems:"center"},{children:[require$$1$1.jsx(ChildrenContainer,__assign({gap:"unset",className:className,opaqueSpinner:opaqueSpinner,showSpinner:showingSpinner,withRows:true},{children:children})),showingSpinner?require$$1$1.jsx(LoaderContainer$1,__assign({justifyContent:"center",alignItems:"center",showSpinner:showingSpinner},{children:require$$1$1.jsx(Dots,{color:theme.styles.colorPrimary,size:FONT_SIZES.XXL})})):null]}));};Loadable=styled__default["default"](Loadable)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject([""],[""])));var templateObject_1$l,templateObject_2$d,templateObject_3$8,templateObject_4$7;var Paragraph=styled__default["default"](Text).attrs({as:FONT_TAGS.P})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),FONT_WEIGHTS.REGULAR);styled__default["default"](Paragraph)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XXS);var XS=styled__default["default"](Paragraph)(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);styled__default["default"](Paragraph)(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.MD);styled__default["default"](Paragraph)(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.LG);styled__default["default"](Paragraph)(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XL);var templateObject_1$k,templateObject_2$c,templateObject_3$7,templateObject_4$6,templateObject_5$4,templateObject_6$4;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$j||(templateObject_1$j=__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$j;var Label$3=styled__default["default"](Text).attrs({as:FONT_TAGS.LABEL})(templateObject_1$i||(templateObject_1$i=__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$i;var lodash={exports:{}};/**
2760
2760
  * @license
2761
2761
  * Lodash <https://lodash.com/>
2762
2762
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
package/dist/layouts.js CHANGED
@@ -10496,7 +10496,7 @@ onClick:autoLoadable?processClick:onClick,primary:primary}));}))(templateObject_
10496
10496
  var forSmallComputersAndUp=mediaQueries().forSmallComputersAndUp;var SM=SPACINGS.SM;// Deprecated.. Component needs to be updated to use react context state managers
10497
10497
  exports.AppBar=function(_a){var _b;var _c=_a.actions,actions=_c===void 0?[]:_c,className=_a.className,fixed=_a.fixed,fluid=_a.fluid,logo=_a.logo,_d=_a.onBackClicked,onBackClicked=_d===void 0?DO_NOTHING:_d,_e=_a.onLogoClicked,onLogoClicked=_e===void 0?DO_NOTHING:_e,_f=_a.showBackButton,showBackButton=_f===void 0?false:_f,title=_a.title;// TODO this should not use MobX...switch to react context
10498
10498
  // @ts-ignore
10499
- var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"\n padding-bottom: ".concat(SM,";\n "),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$3,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"\n cursor: pointer;\n "},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$p||(templateObject_1$p=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var fixed=_a.fixed;return fixed?"fixed":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;});var Content$3=styled__default["default"](Container$8).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";});var DesktopNav=styled__default["default"](FlexBox).attrs({as:"nav"})(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n && {\n display: none;\n ","\n }\n"],["\n && {\n display: none;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n display: flex;\n "],["\n display: flex;\n "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height;});var MobileNav=styled__default["default"](IconButton).attrs({flat:true,icon:js.mdiMenu})(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n && {\n margin-right: 0;\n ","\n }\n"],["\n && {\n margin-right: 0;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$3||(templateObject_7$3=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])))));var templateObject_1$p,templateObject_2$j,templateObject_3$g,templateObject_4$c,templateObject_5$9,templateObject_6$6,templateObject_7$3,templateObject_8$1;var removeHorizontalPadding=styled.css(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.MD);return styled.css(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.body.padding);},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$o,templateObject_2$i,templateObject_3$f,templateObject_4$b,templateObject_5$8;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c;return jsxRuntime.jsx(Container$7,__assign({bordered:bordered,className:className,justifyContent:"flex-end",paddingSize:paddingSize},{children:actions}));})(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$2=styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$7=styled__default["default"](FlexBox)(templateObject_6$5||(templateObject_6$5=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.SM,SPACINGS.MD,SPACINGS.MD);return styled.css(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";});var templateObject_1$n,templateObject_2$h,templateObject_3$e,templateObject_4$a,templateObject_5$7,templateObject_6$5;var SectionHeader=styled__default["default"](React__default.forwardRef(function(_a,ref){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c,_d=_a.title,title=_d===void 0?children:_d;return jsxRuntime.jsxs(Container$6,__assign({bordered:bordered,className:className,paddingSize:paddingSize,ref:ref,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text$1,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text$1,{children:caption}):null]}));}))(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$6=styled__default["default"](FlexBox)(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.MD,SPACINGS.MD,SPACINGS.SM);return styled.css(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var Text$1=styled__default["default"].div(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"])));var templateObject_1$m,templateObject_2$g,templateObject_3$d,templateObject_4$9,templateObject_5$6,templateObject_6$4,templateObject_7$2;var SECTION_PADDING_SIZES={DEFAULT:"default",MEDIUM:"medium",SMALL:"small"};var boxShadow=styled.css(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var compactStyling=styled.css(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"],["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"])),SectionHeader,SectionBody,SectionBody,SectionFooter);var roundBorder=styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder=styled.css(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";},function(_a){var color=_a.color;return color&&color!=="transparent"?textColorForBackground:"";},function(_a){var compact=_a.compact;return compact?compactStyling:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$l,templateObject_2$f,templateObject_3$c,templateObject_4$8,templateObject_5$5;var Card=function(_a){var _css=_a._css,_b=_a.borderedSections,borderedSections=_b===void 0?false:_b,children=_a.children,_c=_a.compact,compact=_c===void 0?false:_c,color=_a.color,footerActions=_a.footerActions,headerActions=_a.headerActions,onClick=_a.onClick,shadowed=_a.shadowed,title=_a.title;var hasHeader=!!(title||headerActions);var hasFooter=!!footerActions;return jsxRuntime.jsxs(Section,__assign({_css:_css,bordered:true,color:color,compact:true,onClick:onClick,rounded:true,shadowed:shadowed},{children:[hasHeader?jsxRuntime.jsx(SectionHeader,__assign({actions:headerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:title})):null,children?jsxRuntime.jsx(SectionBody,__assign({paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:children})):null,hasFooter?jsxRuntime.jsx(SectionFooter,{actions:footerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM}):null]}));};var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var scrollBarHeight=theme.styles.appBar.scrollBar.height;return jsxRuntime.jsxs(Container$5,{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n min-height: calc(100% - "," - ",");\n "],["\n min-height: calc(100% - "," - ",");\n "])),appBarHeight,scrollBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]});};var Container$5=styled__default["default"].div(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$k,templateObject_2$e;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;};exports.Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$j||(templateObject_1$j=__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]}));};exports.Carousel=styled__default["default"](exports.Carousel)(templateObject_2$d||(templateObject_2$d=__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$b||(templateObject_3$b=__makeTemplateObject(["\n"],["\n"])));var templateObject_1$j,templateObject_2$d,templateObject_3$b;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 DRAWER_SIZES={DEFAULT:"default",FULL_WIDTH:"fullWidth",LARGE:"large"};var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger_1("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var className=_a.className,closeDrawer=_a.closeDrawer,drawerContent=_a.drawerContent,isOpenProp=_a.isOpen;var backdropRef=React__default.useRef(null);var cachedContent=React__default.useRef();var htmlOverflow=React__default.useRef();var isOpen=(_b=__read$1(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read$1(React__default.useState(false),2),_c[0]),setIsClosingTo=_c[1];var theme=useTheme();var body=(_d=drawerContent!==null&&drawerContent!==void 0?drawerContent:{},_d.body),onClose=_d.onClose,size=_d.size,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var widthFromSize=React__default.useMemo(function(){switch(size){case DRAWER_SIZES.FULL_WIDTH:return"width: 100%;";case DRAWER_SIZES.LARGE:return"width: 700px;";default:return"";}},[size]);var animateClose=React__default.useCallback(function(){setIsClosingTo(true);setTimeout(function(){logger$2.writeInfo("setting to close");setIsOpenTo(false);setIsClosingTo(false);cachedContent.current=undefined;},ANIMATION_DURATION_MS);},[]);var closeButtonColor=theme.styles.getTextColorForBackground({color:theme.styles.sidebar.background,theme:theme});var handleBackdropClick=function(_a){var target=_a.target,currentTarget=_a.currentTarget;logger$2.writeInfo("backdrop click - target:",target,"current target:",currentTarget);if(target===currentTarget&&target===backdropRef.current)handleClose();};var handleClose=function(){closeDrawer();if(onClose)onClose();};React__default.useEffect(function(){if(isOpenProp)setIsOpenTo(true);},[isOpenProp]);React__default.useEffect(function(){if(isOpenProp||!isOpen)return;animateClose();},[animateClose,isOpen,isOpenProp]);React__default.useEffect(function(){if(!drawerContent||!drawerContent.body)return;cachedContent.current=drawerContent.body;},[drawerContent]);React__default.useEffect(function(){var root=document.querySelector("html");var resetRoot=function(){root.style.overflow=htmlOverflow.current;};if(isOpen){htmlOverflow.current=root.style.overflow;root.style.overflow="hidden";return resetRoot;}if(!isOpen)resetRoot();},[isOpen]);logger$2.writeInfo("isOpen",isOpen);if(!isOpen)return null;if(!drawerContent&&!cachedContent.current){throw new Error("Drawer found null drawer content");}return jsxRuntime.jsx(Backdrop,__assign({isClosing:isClosing,onClick:handleBackdropClick,ref:backdropRef},{children:jsxRuntime.jsxs(AbsoluteContainer,__assign({_css:styled.css(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n && {\n ","\n }\n "],["\n && {\n ","\n }\n "])),widthFromSize),className:className,isClosing:isClosing,withRows:true},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:theme.styles.drawer.icon,color:closeButtonColor,onClick:handleClose,"aria-label":"Close drawer"})]}),jsxRuntime.jsx(Body$1,{children:body!==null&&body!==void 0?body:cachedContent.current}),!withNoActions?jsxRuntime.jsxs(Footer,{children:[withCancelButton?jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,flat:true,onClick:handleClose},{children:"Cancel"})):null,jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,onClick:handleClose},{children:"OK"}))]}):null]}))}));};exports.Drawer=styled__default["default"](exports.Drawer)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n html {\n overflow: hidden;\n }\n\n width: ",";\n max-width: calc(100vw - ",");\n ","\n"],["\n html {\n overflow: hidden;\n }\n\n width: ",";\n max-width: calc(100vw - ",");\n ","\n"])),function(_a){var width=_a.width,theme=_a.theme;return width!==null&&width!==void 0?width:theme.styles.drawer.width;},SPACINGS.SM,function(_a){var _css=_a._css;return _css;});var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n @keyframes DrawerAbsoluteContainerOpen {\n from {\n right: -380px;\n }\n to {\n right: 0;\n }\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {\n right: 0;\n }\n 20% {\n right: 20px;\n }\n to {\n right: -380px;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: ",";\n height: 100vh;\n gap: unset;\n //padding: 1rem;\n position: fixed;\n right: 0;\n top: 0;\n width: min(380px, 90vw);\n z-index: 1000;\n"],["\n @keyframes DrawerAbsoluteContainerOpen {\n from {\n right: -380px;\n }\n to {\n right: 0;\n }\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {\n right: 0;\n }\n 20% {\n right: 20px;\n }\n to {\n right: -380px;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: ",";\n height: 100vh;\n gap: unset;\n //padding: 1rem;\n position: fixed;\n right: 0;\n top: 0;\n width: min(380px, 90vw);\n z-index: 1000;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"DrawerAbsoluteContainerClose":"DrawerAbsoluteContainerOpen";},function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.boxShadow;});var Backdrop=styled__default["default"].div(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n @keyframes ModalBackdropOpen {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes ModalBackdropClose {\n 0% {\n opacity: 100%;\n }\n 50% {\n opacity: 100%;\n }\n to {\n opacity: 0;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background-color: ",";\n display: flex;\n inset: 0;\n overflow: auto;\n position: fixed;\n z-index: 400;\n width: 100%;\n"],["\n @keyframes ModalBackdropOpen {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes ModalBackdropClose {\n 0% {\n opacity: 100%;\n }\n 50% {\n opacity: 100%;\n }\n to {\n opacity: 0;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background-color: ",";\n display: flex;\n inset: 0;\n overflow: auto;\n position: fixed;\n z-index: 400;\n width: 100%;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"ModalBackdropClose":"ModalBackdropOpen";},function(p){return p.theme.styles.modal.backdrop.background;});var Body$1=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n flex: 1;\n overflow: auto;\n padding: ",";\n"],["\n flex: 1;\n overflow: auto;\n padding: ",";\n"])),MARGIN_SIZE);var Footer=styled__default["default"](FlexBox)(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n border-top: 1px solid ",";\n justify-content: flex-end;\n padding: ",";\n"],["\n border-top: 1px solid ",";\n justify-content: flex-end;\n padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Header=styled__default["default"](FlexBox)(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n align-items: center;\n border-bottom: 1px solid ",";\n padding: ",";\n"],["\n align-items: center;\n border-bottom: 1px solid ",";\n padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Title$1=styled__default["default"].div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n flex: 1;\n font-weight: ",";\n"],["\n flex: 1;\n font-weight: ",";\n"])),FONT_WEIGHTS.BOLD);var templateObject_1$i,templateObject_2$c,templateObject_3$a,templateObject_4$7,templateObject_5$4,templateObject_6$3,templateObject_7$1,templateObject_8;var defaultUiState={setDrawerState:function(){throw new Error("initial state not set");},drawerState:{isDrawerOpen:false,drawerContentState:{}}};var DrawerStateContext=React__default.createContext(defaultUiState);var useDrawerState=function(){var _a=React__default.useContext(DrawerStateContext),drawerState=_a.drawerState,setDrawerState=_a.setDrawerState;var closeDrawer=React__default.useCallback(function(){setDrawerState(function(previous){return __assign(__assign({},previous),{isDrawerOpen:false,drawerContent:undefined,drawerContentState:{}});});},[setDrawerState]);var openDrawerWith=React__default.useCallback(function(c){setDrawerState(function(previous){return __assign(__assign({},previous),{isDrawerOpen:true,drawerContent:__assign({autoClose:true},c),drawerContentState:{}});});},[setDrawerState]);var setDrawerContentState=React__default.useCallback(function(state){setDrawerState(function(previous){return __assign(__assign({},previous),{drawerContentState:__assign(__assign({},previous.drawerContentState),state)});});},[setDrawerState]);return{closeDrawer:closeDrawer,openDrawerWith:openDrawerWith,setDrawerContentState:setDrawerContentState,setDrawerState:setDrawerState,drawerState:drawerState};};var DrawerModalManager=function(){var _a=useDrawerState(),closeDrawer=_a.closeDrawer,drawerState=_a.drawerState;var isDrawerOpen=drawerState.isDrawerOpen,drawerContent=drawerState.drawerContent;return jsxRuntime.jsx(exports.Drawer,{closeDrawer:closeDrawer,drawerContent:drawerContent,isOpen:isDrawerOpen});};var DrawerModalStateProvider=function(_a){var children=_a.children;var defaultState=React__default.useContext(DrawerStateContext);var _b=__read$1(React__default.useState(defaultState.drawerState),2),state=_b[0],setState=_b[1];var _c=__read$1(React__default.useState({setDrawerState:setState,drawerState:state}),2),drawerModalStateWithDispatch=_c[0],setDrawerModalStateWithDispatch=_c[1];React__default.useEffect(function(){setDrawerModalStateWithDispatch({setDrawerState:setState,drawerState:state});},[state]);return jsxRuntime.jsx(DrawerStateContext.Provider,__assign({value:drawerModalStateWithDispatch},{children:children}));};var FullScreen=styled__default["default"](function(_a){var children=_a.children,className=_a.className,fluidContent=_a.fluidContent,onCloseClicked=_a.onCloseClicked,_b=_a.visible,visible=_b===void 0?false:_b;var theme=useTheme();return jsxRuntime.jsxs(Container$4,__assign({className:className,fluidContent:fluidContent,hidden:!visible,withRows:true},{children:[jsxRuntime.jsx(Button,{_css:styled.css(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n align-self: flex-end;\n padding: 0.5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1;\n "],["\n align-self: flex-end;\n padding: 0.5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1;\n "])),fluidContent?"absolute":"relative",fluidContent?"2rem":"1rem",fluidContent?"2rem":"0"),color:theme.styles.colors.white,icon:js.mdiClose,iconSize:"1.5rem",onClick:onCloseClicked,pill:true}),jsxRuntime.jsx(Content$2,{children:visible?children:null})]}));})(templateObject_2$b||(templateObject_2$b=__makeTemplateObject([""],[""])));var Container$4=styled__default["default"](FlexBox)(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n background: ",";\n position: fixed;\n height: 100vh;\n width: 100vw;\n top: ",";\n left: 0;\n z-index: ",";\n padding: ",";\n transition: top 0.5s ease-in-out;\n"],["\n background: ",";\n position: fixed;\n height: 100vh;\n width: 100vw;\n top: ",";\n left: 0;\n z-index: ",";\n padding: ",";\n transition: top 0.5s ease-in-out;\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.black;},function(_a){var hidden=_a.hidden;return hidden?"100vh":"0";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex+1;},function(_a){var fluidContent=_a.fluidContent;return fluidContent?"0":SPACINGS.SM;});var Content$2=styled__default["default"].div(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n"],["\n height: 100%;\n width: 100%;\n"])));var templateObject_1$h,templateObject_2$b,templateObject_3$9,templateObject_4$6;// This could've been more streamlined with internal state instead of abusing
10499
+ var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"\n padding-bottom: ".concat(SM,";\n "),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$3,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"\n cursor: pointer;\n "},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$p||(templateObject_1$p=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var fixed=_a.fixed;return fixed?"fixed":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;});var Content$3=styled__default["default"](Container$8).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";});var DesktopNav=styled__default["default"](FlexBox).attrs({as:"nav"})(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n && {\n display: none;\n ","\n }\n"],["\n && {\n display: none;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n display: flex;\n "],["\n display: flex;\n "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height;});var MobileNav=styled__default["default"](IconButton).attrs({flat:true,icon:js.mdiMenu})(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n && {\n margin-right: 0;\n ","\n }\n"],["\n && {\n margin-right: 0;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$3||(templateObject_7$3=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])))));var templateObject_1$p,templateObject_2$j,templateObject_3$g,templateObject_4$c,templateObject_5$9,templateObject_6$6,templateObject_7$3,templateObject_8$1;var removeHorizontalPadding=styled.css(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n ","\n ",";\n ","\n\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.MD);return styled.css(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.body.padding);},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$o,templateObject_2$i,templateObject_3$f,templateObject_4$b,templateObject_5$8;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c;return jsxRuntime.jsx(Container$7,__assign({bordered:bordered,className:className,justifyContent:"flex-end",paddingSize:paddingSize},{children:actions}));})(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$2=styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$7=styled__default["default"](FlexBox)(templateObject_6$5||(templateObject_6$5=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.SM,SPACINGS.MD,SPACINGS.MD);return styled.css(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";});var templateObject_1$n,templateObject_2$h,templateObject_3$e,templateObject_4$a,templateObject_5$7,templateObject_6$5;var SectionHeader=styled__default["default"](React__default.forwardRef(function(_a,ref){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.paddingSize,paddingSize=_c===void 0?"default":_c,_d=_a.title,title=_d===void 0?children:_d;return jsxRuntime.jsxs(Container$6,__assign({bordered:bordered,className:className,paddingSize:paddingSize,ref:ref,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text$1,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text$1,{children:caption}):null]}));}))(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$6=styled__default["default"](FlexBox)(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n width: 100%;\n ","\n ",";\n"],["\n width: 100%;\n ","\n ",";\n"])),function(_a){var paddingSize=_a.paddingSize,theme=_a.theme;if(paddingSize==="small")return styled.css(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),SPACINGS.SM);if(paddingSize==="medium")return styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n padding: "," "," ",";\n "],["\n padding: "," "," ",";\n "])),SPACINGS.MD,SPACINGS.MD,SPACINGS.SM);return styled.css(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),theme.styles.section.header.padding);},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var Text$1=styled__default["default"].div(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n"])));var templateObject_1$m,templateObject_2$g,templateObject_3$d,templateObject_4$9,templateObject_5$6,templateObject_6$4,templateObject_7$2;var SECTION_PADDING_SIZES={DEFAULT:"default",MEDIUM:"medium",SMALL:"small"};var boxShadow=styled.css(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var compactStyling=styled.css(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"],["\n "," + "," {\n padding-top: 0;\n }\n\n ",":has(+ ",") {\n padding-bottom: 0;\n }\n"])),SectionHeader,SectionBody,SectionBody,SectionFooter);var roundBorder=styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder=styled.css(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ",";\n ",";\n ",";\n ",";\n ",";\n\n ","\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";},function(_a){var color=_a.color;return color&&color!=="transparent"?textColorForBackground:"";},function(_a){var compact=_a.compact;return compact?compactStyling:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$l,templateObject_2$f,templateObject_3$c,templateObject_4$8,templateObject_5$5;var Card=function(_a){var _css=_a._css,_b=_a.borderedSections,borderedSections=_b===void 0?false:_b,children=_a.children,_c=_a.compact,compact=_c===void 0?false:_c,color=_a.color,footerActions=_a.footerActions,headerActions=_a.headerActions,onClick=_a.onClick,shadowed=_a.shadowed,title=_a.title;var hasHeader=!!(title||headerActions);var hasFooter=!!footerActions;return jsxRuntime.jsxs(Section,__assign({_css:_css,bordered:true,color:color,compact:true,onClick:onClick,rounded:true,shadowed:shadowed},{children:[hasHeader?jsxRuntime.jsx(SectionHeader,__assign({actions:headerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:title})):null,children?jsxRuntime.jsx(SectionBody,__assign({paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM},{children:children})):null,hasFooter?jsxRuntime.jsx(SectionFooter,{actions:footerActions,bordered:borderedSections,paddingSize:compact?SECTION_PADDING_SIZES.SMALL:SECTION_PADDING_SIZES.MEDIUM}):null]}));};var AppBarLayoutV2=function(_a){var appBar=_a.appBar,mainContent=_a.mainContent;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var scrollBarHeight=theme.styles.appBar.scrollBar.height;return jsxRuntime.jsxs(Container$5,{children:[jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n min-height: calc(100% - "," - ",");\n "],["\n min-height: calc(100% - "," - ",");\n "])),appBarHeight,scrollBarHeight),gap:"unset",withRows:true},{children:mainContent})),appBar]});};var Container$5=styled__default["default"].div(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$k,templateObject_2$e;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;};exports.Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$j||(templateObject_1$j=__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]}));};exports.Carousel=styled__default["default"](exports.Carousel)(templateObject_2$d||(templateObject_2$d=__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$b||(templateObject_3$b=__makeTemplateObject([""],[""])));var templateObject_1$j,templateObject_2$d,templateObject_3$b;var dist={};Object.defineProperty(dist,'__esModule',{value:true});function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done){ar.push(r.value);}}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var modules=new Set();var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(!modules.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(Logger.packagePrefix()).concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}var _a;_a=Logger;Logger.packageName="";Logger.addModules=function(m){m.forEach(function(name){return modules.add(name);});};Logger.getModules=function(){return __spreadArray([],__read(modules),false);};Logger.packagePrefix=function(){return!!_a.packageName?"".concat(_a.packageName," : "):"";};return Logger;}();if(typeof window!=="undefined")window.Logger=Logger;var Logger_1=dist.Logger=Logger;var name="@idea-fragments/react-components-zendesk";var version="0.1.79";var files=["dist/*.js","dist/*.js.map","dist/types"];var exports$1={"./*":{types:"./dist/types/*.d.ts","default":"./dist/*.js"}};var dependencies={"@idea-fragments/logger-js":"^0.0.1",color:"^4.2.3","jslib-html5-camera-photo":"^3.3.4",lodash:"^4.17.23",moment:"^2.29.3","react-date-range":"^1.4.0","react-list":"^0.8.18","react-number-format":"^4.9.3","tesseract.js":"^7.0.0"};var peerDependencies={"@mdi/js":">=6.7.96","@mdi/react":">=1.6.0","babel-loader":">=8.2.5","babel-plugin-styled-components":">=2.0.7",react:">=18.2.0","react-dom":">=18.2.0","styled-components":">=5.3.5"};var devDependencies={"@babel/core":"^7.18.0","@mdi/js":"^6.7.96","@mdi/react":"^1.6.0","@mdx-js/react":"^1.6.22","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.2","@storybook/addon-actions":"^7.5.3","@storybook/addon-controls":"^7.5.3","@storybook/addon-essentials":"^7.5.3","@storybook/addon-interactions":"^7.5.3","@storybook/addon-links":"^7.5.3","@storybook/addon-mdx-gfm":"^7.5.3","@storybook/preset-create-react-app":"^7.5.3","@storybook/react":"^7.5.3","@storybook/react-webpack5":"^7.5.3","@tsconfig/create-react-app":"^1.0.2","@types/color":"^3.0.3","@types/jslib-html5-camera-photo":"^3.1.2","@types/react-date-range":"^1.4.3","@types/styled-components":"^5.1.25","@typescript-eslint/eslint-plugin":"^5.25.0","@typescript-eslint/parser":"^5.25.0","@zendeskgarden/react-accordions":"^8.70.0","@zendeskgarden/react-avatars":"^8.51.0","@zendeskgarden/react-breadcrumbs":"^8.51.0","@zendeskgarden/react-buttons":"^8.51.0","@zendeskgarden/react-datepickers":"^8.51.0","@zendeskgarden/react-dropdowns":"^8.51.0","@zendeskgarden/react-forms":"^8.51.0","@zendeskgarden/react-grid":"^8.51.0","@zendeskgarden/react-loaders":"^8.51.0","@zendeskgarden/react-modals":"^8.51.0","@zendeskgarden/react-notifications":"^8.51.0","@zendeskgarden/react-pagination":"^8.51.0","@zendeskgarden/react-tables":"^8.51.0","@zendeskgarden/react-tabs":"^8.51.0","@zendeskgarden/react-tags":"^8.51.0","@zendeskgarden/react-theming":"^8.51.0","@zendeskgarden/react-tooltips":"^8.51.0","@zendeskgarden/react-typography":"^8.51.0","babel-loader":"^8.2.5","babel-plugin-styled-components":"^2.0.7",eslint:"^8.16.0","eslint-config-prettier":"^8.8.0","eslint-config-react-app":"^7.0.1","patch-package":"^8.0.1","pre-commit":"^1.2.2",prettier:"^2.8.6",react:"18.2.0","react-dom":"18.2.0","react-easy-crop":"^4.7.4","react-images-uploading":"^3.1.7","react-player":"^2.12.0","react-scripts":"^5.0.1",rollup:"^2.74.1","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.2","source-map":"^0.8.0-beta.0",storybook:"^7.5.3","styled-components":"^5.3.5",tslib:"^2.4.0",typescript:"^4.6.4",webpack:"^5.73.0"};var overrides={"@mdx-js/react":{react:"18.2.0"},react:"18.2.0","react-dom":"18.2.0"};var resolutions={"source-map":"^0.8.0-beta.0"};var scripts={build:"react-scripts build","build-storybook":"storybook build",cleanup:"rm -rf dist",eject:"react-scripts eject",format:"./git_hooks/pre_commit/prettier.sh",lint:"eslint",postinstall:"patch-package",rollup:"node scripts/rollup-prompt.js",start:"react-scripts start",storybook:"storybook dev -p 6006",test:"react-scripts test"};var eslintConfig={"extends":["react-app","prettier"],overrides:[{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off"}},{files:["*.ts"],plugins:["@typescript-eslint"],parser:"@typescript-eslint/parser",parserOptions:{project:"./tsconfig.json"}},{files:["**/*.stories.*"],rules:{"import/no-anonymous-default-export":"off","react-hooks/exhaustive-deps":"error"}}]};var browserslist={production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]};var description="Component library built on the V6 version of the Zendesk React components library.";var repository={type:"git",url:"git+https://github.com/idea-fragments/react_components_zendesk.git"};var keywords=["react"];var author="IdeaFragments";var license="MIT";var bugs={url:"https://github.com/idea-fragments/react_components_zendesk/issues"};var homepage="https://github.com/idea-fragments/react_components_zendesk#readme";var types="./dist/index.d.ts";var packageJson={name:name,version:version,"private":false,files:files,exports:exports$1,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,overrides:overrides,resolutions:resolutions,scripts:scripts,eslintConfig:eslintConfig,browserslist:browserslist,description:description,repository:repository,keywords:keywords,author:author,license:license,bugs:bugs,homepage:homepage,types:types,"pre-commit":{run:["format","lint"]}};Logger_1.packageName=packageJson.name;var DRAWER_SIZES={DEFAULT:"default",FULL_WIDTH:"fullWidth",LARGE:"large"};var ANIMATION_DURATION_MS=300;var MARGIN_SIZE=SPACINGS.MD;var logger$2=new Logger_1("Drawer");exports.Drawer=function(_a){var _b,_c,_d;var className=_a.className,closeDrawer=_a.closeDrawer,drawerContent=_a.drawerContent,isOpenProp=_a.isOpen;var backdropRef=React__default.useRef(null);var cachedContent=React__default.useRef();var htmlOverflow=React__default.useRef();var isOpen=(_b=__read$1(React__default.useState(false),2),_b[0]),setIsOpenTo=_b[1];var isClosing=(_c=__read$1(React__default.useState(false),2),_c[0]),setIsClosingTo=_c[1];var theme=useTheme();var body=(_d=drawerContent!==null&&drawerContent!==void 0?drawerContent:{},_d.body),onClose=_d.onClose,size=_d.size,title=_d.title,withCancelButton=_d.withCancelButton,withNoActions=_d.withNoActions;var widthFromSize=React__default.useMemo(function(){switch(size){case DRAWER_SIZES.FULL_WIDTH:return"width: 100%;";case DRAWER_SIZES.LARGE:return"width: 700px;";default:return"";}},[size]);var animateClose=React__default.useCallback(function(){setIsClosingTo(true);setTimeout(function(){logger$2.writeInfo("setting to close");setIsOpenTo(false);setIsClosingTo(false);cachedContent.current=undefined;},ANIMATION_DURATION_MS);},[]);var closeButtonColor=theme.styles.getTextColorForBackground({color:theme.styles.sidebar.background,theme:theme});var handleBackdropClick=function(_a){var target=_a.target,currentTarget=_a.currentTarget;logger$2.writeInfo("backdrop click - target:",target,"current target:",currentTarget);if(target===currentTarget&&target===backdropRef.current)handleClose();};var handleClose=function(){closeDrawer();if(onClose)onClose();};React__default.useEffect(function(){if(isOpenProp)setIsOpenTo(true);},[isOpenProp]);React__default.useEffect(function(){if(isOpenProp||!isOpen)return;animateClose();},[animateClose,isOpen,isOpenProp]);React__default.useEffect(function(){if(!drawerContent||!drawerContent.body)return;cachedContent.current=drawerContent.body;},[drawerContent]);React__default.useEffect(function(){var root=document.querySelector("html");var resetRoot=function(){root.style.overflow=htmlOverflow.current;};if(isOpen){htmlOverflow.current=root.style.overflow;root.style.overflow="hidden";return resetRoot;}if(!isOpen)resetRoot();},[isOpen]);logger$2.writeInfo("isOpen",isOpen);if(!isOpen)return null;if(!drawerContent&&!cachedContent.current){throw new Error("Drawer found null drawer content");}return jsxRuntime.jsx(Backdrop,__assign({isClosing:isClosing,onClick:handleBackdropClick,ref:backdropRef},{children:jsxRuntime.jsxs(AbsoluteContainer,__assign({_css:styled.css(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n && {\n ","\n }\n "],["\n && {\n ","\n }\n "])),widthFromSize),className:className,isClosing:isClosing,withRows:true},{children:[jsxRuntime.jsxs(Header,{children:[jsxRuntime.jsx(Title$1,{children:title}),jsxRuntime.jsx(IconButton,{icon:theme.styles.drawer.icon,color:closeButtonColor,onClick:handleClose,"aria-label":"Close drawer"})]}),jsxRuntime.jsx(Body$1,{children:body!==null&&body!==void 0?body:cachedContent.current}),!withNoActions?jsxRuntime.jsxs(Footer,{children:[withCancelButton?jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,flat:true,onClick:handleClose},{children:"Cancel"})):null,jsxRuntime.jsx(Button,__assign({compact:true,disabled:isClosing,onClick:handleClose},{children:"OK"}))]}):null]}))}));};exports.Drawer=styled__default["default"](exports.Drawer)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n html {\n overflow: hidden;\n }\n\n width: ",";\n max-width: calc(100vw - ",");\n ","\n"],["\n html {\n overflow: hidden;\n }\n\n width: ",";\n max-width: calc(100vw - ",");\n ","\n"])),function(_a){var width=_a.width,theme=_a.theme;return width!==null&&width!==void 0?width:theme.styles.drawer.width;},SPACINGS.SM,function(_a){var _css=_a._css;return _css;});var AbsoluteContainer=styled__default["default"](FlexBox)(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n @keyframes DrawerAbsoluteContainerOpen {\n from {\n right: -380px;\n }\n to {\n right: 0;\n }\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {\n right: 0;\n }\n 20% {\n right: 20px;\n }\n to {\n right: -380px;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: ",";\n height: 100vh;\n gap: unset;\n //padding: 1rem;\n position: fixed;\n right: 0;\n top: 0;\n width: min(380px, 90vw);\n z-index: 1000;\n"],["\n @keyframes DrawerAbsoluteContainerOpen {\n from {\n right: -380px;\n }\n to {\n right: 0;\n }\n }\n\n @keyframes DrawerAbsoluteContainerClose {\n 0% {\n right: 0;\n }\n 20% {\n right: 20px;\n }\n to {\n right: -380px;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background: ",";\n box-shadow: ",";\n height: 100vh;\n gap: unset;\n //padding: 1rem;\n position: fixed;\n right: 0;\n top: 0;\n width: min(380px, 90vw);\n z-index: 1000;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"DrawerAbsoluteContainerClose":"DrawerAbsoluteContainerOpen";},function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.boxShadow;});var Backdrop=styled__default["default"].div(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n @keyframes ModalBackdropOpen {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes ModalBackdropClose {\n 0% {\n opacity: 100%;\n }\n 50% {\n opacity: 100%;\n }\n to {\n opacity: 0;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background-color: ",";\n display: flex;\n inset: 0;\n overflow: auto;\n position: fixed;\n z-index: 400;\n width: 100%;\n"],["\n @keyframes ModalBackdropOpen {\n from {\n opacity: 0;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes ModalBackdropClose {\n 0% {\n opacity: 100%;\n }\n 50% {\n opacity: 100%;\n }\n to {\n opacity: 0;\n }\n }\n\n animation: ","ms ease-out 0s 1 normal forwards running;\n animation-name: ",";\n background-color: ",";\n display: flex;\n inset: 0;\n overflow: auto;\n position: fixed;\n z-index: 400;\n width: 100%;\n"])),ANIMATION_DURATION_MS,function(_a){var isClosing=_a.isClosing;return isClosing?"ModalBackdropClose":"ModalBackdropOpen";},function(p){return p.theme.styles.modal.backdrop.background;});var Body$1=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n flex: 1;\n overflow: auto;\n padding: ",";\n"],["\n flex: 1;\n overflow: auto;\n padding: ",";\n"])),MARGIN_SIZE);var Footer=styled__default["default"](FlexBox)(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n border-top: 1px solid ",";\n justify-content: flex-end;\n padding: ",";\n"],["\n border-top: 1px solid ",";\n justify-content: flex-end;\n padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Header=styled__default["default"](FlexBox)(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n align-items: center;\n border-bottom: 1px solid ",";\n padding: ",";\n"],["\n align-items: center;\n border-bottom: 1px solid ",";\n padding: ",";\n"])),function(p){return p.theme.styles.border.color;},MARGIN_SIZE);var Title$1=styled__default["default"].div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n flex: 1;\n font-weight: ",";\n"],["\n flex: 1;\n font-weight: ",";\n"])),FONT_WEIGHTS.BOLD);var templateObject_1$i,templateObject_2$c,templateObject_3$a,templateObject_4$7,templateObject_5$4,templateObject_6$3,templateObject_7$1,templateObject_8;var defaultUiState={setDrawerState:function(){throw new Error("initial state not set");},drawerState:{isDrawerOpen:false,drawerContentState:{}}};var DrawerStateContext=React__default.createContext(defaultUiState);var useDrawerState=function(){var _a=React__default.useContext(DrawerStateContext),drawerState=_a.drawerState,setDrawerState=_a.setDrawerState;var closeDrawer=React__default.useCallback(function(){setDrawerState(function(previous){return __assign(__assign({},previous),{isDrawerOpen:false,drawerContent:undefined,drawerContentState:{}});});},[setDrawerState]);var openDrawerWith=React__default.useCallback(function(c){setDrawerState(function(previous){return __assign(__assign({},previous),{isDrawerOpen:true,drawerContent:__assign({autoClose:true},c),drawerContentState:{}});});},[setDrawerState]);var setDrawerContentState=React__default.useCallback(function(state){setDrawerState(function(previous){return __assign(__assign({},previous),{drawerContentState:__assign(__assign({},previous.drawerContentState),state)});});},[setDrawerState]);return{closeDrawer:closeDrawer,openDrawerWith:openDrawerWith,setDrawerContentState:setDrawerContentState,setDrawerState:setDrawerState,drawerState:drawerState};};var DrawerModalManager=function(){var _a=useDrawerState(),closeDrawer=_a.closeDrawer,drawerState=_a.drawerState;var isDrawerOpen=drawerState.isDrawerOpen,drawerContent=drawerState.drawerContent;return jsxRuntime.jsx(exports.Drawer,{closeDrawer:closeDrawer,drawerContent:drawerContent,isOpen:isDrawerOpen});};var DrawerModalStateProvider=function(_a){var children=_a.children;var defaultState=React__default.useContext(DrawerStateContext);var _b=__read$1(React__default.useState(defaultState.drawerState),2),state=_b[0],setState=_b[1];var _c=__read$1(React__default.useState({setDrawerState:setState,drawerState:state}),2),drawerModalStateWithDispatch=_c[0],setDrawerModalStateWithDispatch=_c[1];React__default.useEffect(function(){setDrawerModalStateWithDispatch({setDrawerState:setState,drawerState:state});},[state]);return jsxRuntime.jsx(DrawerStateContext.Provider,__assign({value:drawerModalStateWithDispatch},{children:children}));};var FullScreen=styled__default["default"](function(_a){var children=_a.children,className=_a.className,fluidContent=_a.fluidContent,onCloseClicked=_a.onCloseClicked,_b=_a.visible,visible=_b===void 0?false:_b;var theme=useTheme();return jsxRuntime.jsxs(Container$4,__assign({className:className,fluidContent:fluidContent,hidden:!visible,withRows:true},{children:[jsxRuntime.jsx(Button,{_css:styled.css(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n align-self: flex-end;\n padding: 0.5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1;\n "],["\n align-self: flex-end;\n padding: 0.5rem;\n height: auto;\n position: ",";\n margin-top: ",";\n margin-right: ",";\n z-index: 1;\n "])),fluidContent?"absolute":"relative",fluidContent?"2rem":"1rem",fluidContent?"2rem":"0"),color:theme.styles.colors.white,icon:js.mdiClose,iconSize:"1.5rem",onClick:onCloseClicked,pill:true}),jsxRuntime.jsx(Content$2,{children:visible?children:null})]}));})(templateObject_2$b||(templateObject_2$b=__makeTemplateObject([""],[""])));var Container$4=styled__default["default"](FlexBox)(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n background: ",";\n position: fixed;\n height: 100vh;\n width: 100vw;\n top: ",";\n left: 0;\n z-index: ",";\n padding: ",";\n transition: top 0.5s ease-in-out;\n"],["\n background: ",";\n position: fixed;\n height: 100vh;\n width: 100vw;\n top: ",";\n left: 0;\n z-index: ",";\n padding: ",";\n transition: top 0.5s ease-in-out;\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.black;},function(_a){var hidden=_a.hidden;return hidden?"100vh":"0";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex+1;},function(_a){var fluidContent=_a.fluidContent;return fluidContent?"0":SPACINGS.SM;});var Content$2=styled__default["default"].div(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n"],["\n height: 100%;\n width: 100%;\n"])));var templateObject_1$h,templateObject_2$b,templateObject_3$9,templateObject_4$6;// This could've been more streamlined with internal state instead of abusing
10500
10500
  // refs to such extent, but then composing hooks and components could not opt out of unnecessary renders.
10501
10501
  function useResolvedElement(subscriber,refOrElement){var lastReportRef=React__default.useRef(null);var refOrElementRef=React__default.useRef(null);refOrElementRef.current=refOrElement;var cbElementRef=React__default.useRef(null);// Calling re-evaluation after each render without using a dep array,
10502
10502
  // as the ref object's current value could've changed since the last render.