@idea-fragments/react-components-zendesk 0.1.70 → 0.1.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/forms.js +1 -1
- package/dist/forms.js.map +1 -1
- package/dist/layouts.js.map +1 -1
- package/dist/modals.js +6 -5
- package/dist/modals.js.map +1 -1
- package/dist/styles.js +0 -8
- package/dist/styles.js.map +1 -1
- package/dist/tables.js +6 -6
- package/dist/tables.js.map +1 -1
- package/dist/types/layouts.d.ts +1 -2
- package/dist/types/modals.d.ts +3 -4
- package/dist/types/styles.d.ts +4 -7
- package/package.json +1 -1
package/dist/modals.js
CHANGED
|
@@ -895,7 +895,7 @@ var tag=isObject(value)?objectToString.call(value):'';return tag==funcTag||tag==
|
|
|
895
895
|
*
|
|
896
896
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
897
897
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
898
|
-
*/const PALETTE={black:'#000',white:'#fff',product:{support:'#00a656',message:'#37b8af',explore:'#30aabc',gather:'#f6c8be',guide:'#eb4962',connect:'#ff6224',chat:'#f79a3e',talk:'#efc93d',sell:'#c38f00'},grey:{100:'#f8f9f9',200:'#e9ebed',300:'#d8dcde',400:'#c2c8cc',500:'#87929d',600:'#68737d',700:'#49545c',800:'#2f3941'},blue:{100:'#edf7ff',200:'#cee2f2',300:'#adcce4',400:'#5293c7',500:'#337fbd',600:'#1f73b7',700:'#144a75',800:'#0f3554'},red:{100:'#fff0f1',200:'#f5d5d8',300:'#f5b5ba',400:'#e35b66',500:'#d93f4c',600:'#cc3340',700:'#8c232c',800:'#681219'},yellow:{100:'#fff7ed',200:'#ffeedb',300:'#fed6a8',400:'#ffb057',500:'#f79a3e',600:'#ed8f1c',700:'#ad5918',800:'#703815'},green:{100:'#edf8f4',200:'#d1e8df',300:'#aecfc2',400:'#5eae91',500:'#228f67',600:'#038153',700:'#186146',800:'#0b3b29'},kale:{100:'#f5fcfc',200:'#daeded',300:'#bdd9d7',400:'#90bbbb',500:'#498283',600:'#17494d',700:'#03363d',800:'#012b30'},fuschia:{400:'#d653c2',600:'#a81897',M400:'#cf62a8',M600:'#a8458c'},pink:{400:'#ec4d63',600:'#d42054',M400:'#d57287',M600:'#b23a5d'},crimson:{400:'#e34f32',600:'#c72a1c',M400:'#cc6c5b',M600:'#b24a3c'},orange:{400:'#de701d',600:'#bf5000',M400:'#d4772c',M600:'#b35827'},lemon:{400:'#ffd424',600:'#ffbb10',M400:'#e7a500',M600:'#c38f00'},lime:{400:'#43b324',600:'#2e8200',M400:'#519e2d',M600:'#47782c'},mint:{400:'#00a656',600:'#058541',M400:'#299c66',M600:'#2e8057'},teal:{400:'#02a191',600:'#028079',M400:'#2d9e8f',M600:'#3c7873'},azure:{400:'#3091ec',600:'#1371d6',M400:'#5f8dcf',M600:'#3a70b2'},royal:{400:'#5d7df5',600:'#3353e2',M400:'#7986d8',M600:'#4b61c3'},purple:{400:'#b552e2',600:'#6a27b8',M400:'#b072cc',M600:'#9358b0'}};const BASE=4;const borderRadii={sm:`${BASE/2}px`,md:`${BASE}px`};const borderStyles={solid:'solid'};const borderWidths={sm:'1px',md:'3px'};const borders={sm:`${borderWidths.sm} ${borderStyles.solid}`,md:`${borderWidths.md} ${borderStyles.solid}`};const breakpoints={xs:'0px',sm:`${BASE*144}px`,md:`${BASE*192}px`,lg:`${BASE*248}px`,xl:`${BASE*300}px`};const colors$1={background:PALETTE.white,foreground:PALETTE.grey[800],primaryHue:'blue',dangerHue:'red',warningHue:'yellow',successHue:'green',neutralHue:'grey',chromeHue:'kale'};const fonts={mono:['SFMono-Regular','Consolas','"Liberation Mono"','Menlo','Courier','monospace'].join(','),system:['system-ui','-apple-system','BlinkMacSystemFont','"Segoe UI"','Roboto','Oxygen-Sans','Ubuntu','Cantarell','"Helvetica Neue"','Arial','sans-serif'].join(',')};const fontSizes={xs:'10px',sm:'12px',md:'14px',lg:'18px',xl:'22px',xxl:'26px',xxxl:'36px'};const fontWeights={thin:100,extralight:200,light:300,regular:400,medium:500,semibold:600,bold:700,extrabold:800,black:900};const iconSizes={sm:'12px',md:'16px',lg:'26px'};const lineHeights={sm:`${BASE*4}px`,md:`${BASE*5}px`,lg:`${BASE*6}px`,xl:`${BASE*7}px`,xxl:`${BASE*8}px`,xxxl:`${BASE*11}px`};const palette={...PALETTE};delete palette.product;const shadowWidths={xs:'1px',sm:'2px',md:'3px'};const shadows={xs:color=>`0 0 0 ${shadowWidths.xs} ${color}`,sm:color=>`0 0 0 ${shadowWidths.sm} ${color}`,md:color=>`0 0 0 ${shadowWidths.md} ${color}`,lg:(offsetY,blurRadius,color)=>`0 ${offsetY} ${blurRadius} 0 ${color}`};const space={base:BASE,xxs:`${BASE}px`,xs:`${BASE*2}px`,sm:`${BASE*3}px`,md:`${BASE*5}px`,lg:`${BASE*8}px`,xl:`${BASE*10}px`,xxl:`${BASE*12}px`};const DEFAULT_THEME={borders,borderRadii,borderStyles,borderWidths,breakpoints,colors:{base:'light',...colors$1},components:{},fonts,fontSizes,fontWeights,iconSizes,lineHeights,palette,rtl:false,shadowWidths,shadows,space};const useDocument=theme=>{const[controlledDocument,setControlledDocument]=React.useState();React.useEffect(()=>{if(theme&&theme.document){setControlledDocument(theme.document);}else{setControlledDocument(document);}},[theme]);return controlledDocument;};function retrieveComponentStyles(componentId,props){const components=props.theme&&props.theme.components;if(!components){return undefined;}const componentStyles=components[componentId];if(typeof componentStyles==='function'){return componentStyles(props);}return componentStyles;}const DEFAULT_SHADE=600;const adjust=(color,expected,actual)=>{if(expected!==actual){const amount=Math.abs(expected-actual)/100*0.05;return expected>actual?curriedDarken$1(amount,color):curriedLighten$1(amount,color);}return color;};const getColor=lodash_memoize(function(hue){let shade=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_SHADE;let theme=arguments.length>2?arguments[2]:undefined;let transparency=arguments.length>3?arguments[3]:undefined;let retVal;if(isNaN(shade)){return undefined;}const palette=theme&&theme.palette?theme.palette:DEFAULT_THEME.palette;const colors=theme&&theme.colors?theme.colors:DEFAULT_THEME.colors;let _hue;if(typeof hue==='string'){_hue=colors[hue]||hue;}else{_hue=hue;}if(Object.prototype.hasOwnProperty.call(palette,_hue)){_hue=palette[_hue];}if(typeof _hue==='object'){retVal=_hue[shade];if(!retVal){const _shade=Object.keys(_hue).map(hueKey=>parseInt(hueKey,10)).reduce((previous,current)=>{return Math.abs(current-shade)<Math.abs(previous-shade)?current:previous;});retVal=adjust(_hue[_shade],shade,_shade);}}else{retVal=adjust(_hue,shade,DEFAULT_SHADE);}if(transparency){retVal=rgba(retVal,transparency);}return retVal;},(hue,shade,theme,transparency)=>JSON.stringify({hue,shade,palette:theme?.palette,colors:theme?.colors,transparency}));const getFocusBoxShadow=_ref=>{let{boxShadow,inset=false,hue='primaryHue',shade=DEFAULT_SHADE,shadowWidth='md',spacerHue='background',spacerShade=DEFAULT_SHADE,spacerWidth='xs',theme=DEFAULT_THEME}=_ref;const color=getColor(hue,shade,theme);const shadow=theme.shadows[shadowWidth](color);if(spacerWidth===null){return`${inset?'inset':''} ${shadow}`;}const spacerColor=getColor(spacerHue,spacerShade,theme);const retVal=`
|
|
898
|
+
*/const PALETTE={black:'#000',white:'#fff',product:{support:'#00a656',message:'#37b8af',explore:'#30aabc',gather:'#f6c8be',guide:'#eb4962',connect:'#ff6224',chat:'#f79a3e',talk:'#efc93d',sell:'#c38f00'},grey:{100:'#f8f9f9',200:'#e9ebed',300:'#d8dcde',400:'#c2c8cc',500:'#87929d',600:'#68737d',700:'#49545c',800:'#2f3941'},blue:{100:'#edf7ff',200:'#cee2f2',300:'#adcce4',400:'#5293c7',500:'#337fbd',600:'#1f73b7',700:'#144a75',800:'#0f3554'},red:{100:'#fff0f1',200:'#f5d5d8',300:'#f5b5ba',400:'#e35b66',500:'#d93f4c',600:'#cc3340',700:'#8c232c',800:'#681219'},yellow:{100:'#fff7ed',200:'#ffeedb',300:'#fed6a8',400:'#ffb057',500:'#f79a3e',600:'#ed8f1c',700:'#ad5918',800:'#703815'},green:{100:'#edf8f4',200:'#d1e8df',300:'#aecfc2',400:'#5eae91',500:'#228f67',600:'#038153',700:'#186146',800:'#0b3b29'},kale:{100:'#f5fcfc',200:'#daeded',300:'#bdd9d7',400:'#90bbbb',500:'#498283',600:'#17494d',700:'#03363d',800:'#012b30'},fuschia:{400:'#d653c2',600:'#a81897',M400:'#cf62a8',M600:'#a8458c'},pink:{400:'#ec4d63',600:'#d42054',M400:'#d57287',M600:'#b23a5d'},crimson:{400:'#e34f32',600:'#c72a1c',M400:'#cc6c5b',M600:'#b24a3c'},orange:{400:'#de701d',600:'#bf5000',M400:'#d4772c',M600:'#b35827'},lemon:{400:'#ffd424',600:'#ffbb10',M400:'#e7a500',M600:'#c38f00'},lime:{400:'#43b324',600:'#2e8200',M400:'#519e2d',M600:'#47782c'},mint:{400:'#00a656',600:'#058541',M400:'#299c66',M600:'#2e8057'},teal:{400:'#02a191',600:'#028079',M400:'#2d9e8f',M600:'#3c7873'},azure:{400:'#3091ec',600:'#1371d6',M400:'#5f8dcf',M600:'#3a70b2'},royal:{400:'#5d7df5',600:'#3353e2',M400:'#7986d8',M600:'#4b61c3'},purple:{400:'#b552e2',600:'#6a27b8',M400:'#b072cc',M600:'#9358b0'}};const BASE=4;const borderRadii={sm:`${BASE/2}px`,md:`${BASE}px`};const borderStyles={solid:'solid'};const borderWidths={sm:'1px',md:'3px'};const borders={sm:`${borderWidths.sm} ${borderStyles.solid}`,md:`${borderWidths.md} ${borderStyles.solid}`};const breakpoints$1={xs:'0px',sm:`${BASE*144}px`,md:`${BASE*192}px`,lg:`${BASE*248}px`,xl:`${BASE*300}px`};const colors$1={background:PALETTE.white,foreground:PALETTE.grey[800],primaryHue:'blue',dangerHue:'red',warningHue:'yellow',successHue:'green',neutralHue:'grey',chromeHue:'kale'};const fonts={mono:['SFMono-Regular','Consolas','"Liberation Mono"','Menlo','Courier','monospace'].join(','),system:['system-ui','-apple-system','BlinkMacSystemFont','"Segoe UI"','Roboto','Oxygen-Sans','Ubuntu','Cantarell','"Helvetica Neue"','Arial','sans-serif'].join(',')};const fontSizes={xs:'10px',sm:'12px',md:'14px',lg:'18px',xl:'22px',xxl:'26px',xxxl:'36px'};const fontWeights={thin:100,extralight:200,light:300,regular:400,medium:500,semibold:600,bold:700,extrabold:800,black:900};const iconSizes={sm:'12px',md:'16px',lg:'26px'};const lineHeights={sm:`${BASE*4}px`,md:`${BASE*5}px`,lg:`${BASE*6}px`,xl:`${BASE*7}px`,xxl:`${BASE*8}px`,xxxl:`${BASE*11}px`};const palette={...PALETTE};delete palette.product;const shadowWidths={xs:'1px',sm:'2px',md:'3px'};const shadows={xs:color=>`0 0 0 ${shadowWidths.xs} ${color}`,sm:color=>`0 0 0 ${shadowWidths.sm} ${color}`,md:color=>`0 0 0 ${shadowWidths.md} ${color}`,lg:(offsetY,blurRadius,color)=>`0 ${offsetY} ${blurRadius} 0 ${color}`};const space={base:BASE,xxs:`${BASE}px`,xs:`${BASE*2}px`,sm:`${BASE*3}px`,md:`${BASE*5}px`,lg:`${BASE*8}px`,xl:`${BASE*10}px`,xxl:`${BASE*12}px`};const DEFAULT_THEME={borders,borderRadii,borderStyles,borderWidths,breakpoints:breakpoints$1,colors:{base:'light',...colors$1},components:{},fonts,fontSizes,fontWeights,iconSizes,lineHeights,palette,rtl:false,shadowWidths,shadows,space};const useDocument=theme=>{const[controlledDocument,setControlledDocument]=React.useState();React.useEffect(()=>{if(theme&&theme.document){setControlledDocument(theme.document);}else{setControlledDocument(document);}},[theme]);return controlledDocument;};function retrieveComponentStyles(componentId,props){const components=props.theme&&props.theme.components;if(!components){return undefined;}const componentStyles=components[componentId];if(typeof componentStyles==='function'){return componentStyles(props);}return componentStyles;}const DEFAULT_SHADE=600;const adjust=(color,expected,actual)=>{if(expected!==actual){const amount=Math.abs(expected-actual)/100*0.05;return expected>actual?curriedDarken$1(amount,color):curriedLighten$1(amount,color);}return color;};const getColor=lodash_memoize(function(hue){let shade=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_SHADE;let theme=arguments.length>2?arguments[2]:undefined;let transparency=arguments.length>3?arguments[3]:undefined;let retVal;if(isNaN(shade)){return undefined;}const palette=theme&&theme.palette?theme.palette:DEFAULT_THEME.palette;const colors=theme&&theme.colors?theme.colors:DEFAULT_THEME.colors;let _hue;if(typeof hue==='string'){_hue=colors[hue]||hue;}else{_hue=hue;}if(Object.prototype.hasOwnProperty.call(palette,_hue)){_hue=palette[_hue];}if(typeof _hue==='object'){retVal=_hue[shade];if(!retVal){const _shade=Object.keys(_hue).map(hueKey=>parseInt(hueKey,10)).reduce((previous,current)=>{return Math.abs(current-shade)<Math.abs(previous-shade)?current:previous;});retVal=adjust(_hue[_shade],shade,_shade);}}else{retVal=adjust(_hue,shade,DEFAULT_SHADE);}if(transparency){retVal=rgba(retVal,transparency);}return retVal;},(hue,shade,theme,transparency)=>JSON.stringify({hue,shade,palette:theme?.palette,colors:theme?.colors,transparency}));const getFocusBoxShadow=_ref=>{let{boxShadow,inset=false,hue='primaryHue',shade=DEFAULT_SHADE,shadowWidth='md',spacerHue='background',spacerShade=DEFAULT_SHADE,spacerWidth='xs',theme=DEFAULT_THEME}=_ref;const color=getColor(hue,shade,theme);const shadow=theme.shadows[shadowWidth](color);if(spacerWidth===null){return`${inset?'inset':''} ${shadow}`;}const spacerColor=getColor(spacerHue,spacerShade,theme);const retVal=`
|
|
899
899
|
${inset?'inset':''} ${theme.shadows[spacerWidth](spacerColor)},
|
|
900
900
|
${inset?'inset':''} ${shadow}`;return boxShadow?`${retVal}, ${boxShadow}`:retVal;};function getLineHeight(height,fontSize){const[heightValue,heightUnit]=getValueAndUnit(height.toString());const[fontSizeValue,fontSizeUnit]=getValueAndUnit(fontSize.toString());const PIXELS='px';if(heightUnit&&heightUnit!==PIXELS){throw new Error(`Unexpected \`height\` with '${heightUnit}' units.`);}if(fontSizeUnit&&fontSizeUnit!==PIXELS){throw new Error(`Unexpected \`fontSize\` with '${fontSizeUnit}' units.`);}return heightValue/fontSizeValue;}const maxWidth=(breakpoints,breakpoint)=>{const keys=Object.keys(breakpoints);const index=keys.indexOf(breakpoint)+1;if(keys[index]){const dimension=getValueAndUnit(breakpoints[keys[index]]);const value=dimension[0]-0.02;const unit=dimension[1];return`${value}${unit}`;}return undefined;};function mediaQuery(query,breakpoint,theme){let retVal;let min;let max;const breakpoints=theme&&theme.breakpoints?theme.breakpoints:DEFAULT_THEME.breakpoints;if(typeof breakpoint==='string'){if(query==='up'){min=breakpoints[breakpoint];}else if(query==='down'){if(breakpoint==='xl'){min=DEFAULT_THEME.breakpoints.xs;}else{max=maxWidth(breakpoints,breakpoint);}}else if(query==='only'){min=breakpoints[breakpoint];max=maxWidth(breakpoints,breakpoint);}}else if(query==='between'){min=breakpoints[breakpoint[0]];max=maxWidth(breakpoints,breakpoint[1]);}if(min){retVal=`@media (min-width: ${min})`;if(max){retVal=`${retVal} and (max-width: ${max})`;}}else if(max){retVal=`@media (max-width: ${max})`;}else{throw new Error(`Unexpected query and breakpoint combination: '${query}', '${breakpoint}'.`);}return retVal;}const exponentialSymbols={symbols:{sqrt:{func:{symbol:'sqrt',f:a=>Math.sqrt(a),notation:'func',precedence:0,rightToLeft:0,argCount:1},symbol:'sqrt',regSymbol:'sqrt\\b'}}};const animationStyles$1$1=(position,modifier)=>{const property=position.split('-')[0];const animationName=styled.keyframes(["0%,66%{",":2px;border:transparent;}"],property);return styled.css(["&","::before,&","::after{animation:0.3s ease-in-out ",";}"],modifier,modifier,animationName);};const positionStyles=(position,size,inset)=>{const margin=math(`${size} / -2`);const placement=math(`${margin} + ${inset}`);let clipPath;let positionCss;let propertyRadius;if(position.startsWith('top')){propertyRadius='border-bottom-right-radius';clipPath='polygon(100% 0, 100% 1px, 1px 100%, 0 100%, 0 0)';positionCss=styled.css(["top:",";right:",";left:",";margin-left:",";"],placement,position==='top-right'&&size,position==='top'?'50%':position==='top-left'&&size,position==='top'&&margin);}else if(position.startsWith('right')){propertyRadius='border-bottom-left-radius';clipPath='polygon(100% 0, 100% 100%, calc(100% - 1px) 100%, 0 1px, 0 0)';positionCss=styled.css(["top:",";right:",";bottom:",";margin-top:",";"],position==='right'?'50%':position==='right-top'&&size,placement,position==='right-bottom'&&size,position==='right'&&margin);}else if(position.startsWith('bottom')){propertyRadius='border-top-left-radius';clipPath='polygon(100% 0, calc(100% - 1px) 0, 0 calc(100% - 1px), 0 100%, 100% 100%)';positionCss=styled.css(["right:",";bottom:",";left:",";margin-left:",";"],position==='bottom-right'&&size,placement,position==='bottom'?'50%':position==='bottom-left'&&size,position==='bottom'&&margin);}else if(position.startsWith('left')){propertyRadius='border-top-right-radius';clipPath='polygon(0 100%, 100% 100%, 100% calc(100% - 1px), 1px 0, 0 0)';positionCss=styled.css(["top:",";bottom:",";left:",";margin-top:",";"],position==='left'?'50%':position==='left-top'&&size,size,placement,position==='left'&&margin);}return styled.css(["&::before{",":100%;clip-path:",";}&::before,&::after{","}"],propertyRadius,clipPath,positionCss);};function arrowStyles(position){let options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};const size=options.size||'6px';const inset=options.inset||'0';const squareSize=math(`${size} * 2 / sqrt(2)`,exponentialSymbols);return styled.css(["position:relative;&::before{border-width:inherit;border-style:inherit;border-color:transparent;background-clip:content-box;}&::after{z-index:-1;border:inherit;box-shadow:inherit;}&::before,&::after{position:absolute;transform:rotate(45deg);background-color:inherit;box-sizing:inherit;width:",";height:",";content:'';}",";",";"],squareSize,squareSize,positionStyles(position,squareSize,inset),options.animationModifier&&animationStyles$1$1(position,options.animationModifier));}const useText=function(component,props,name,text){let condition=arguments.length>4&&arguments[4]!==undefined?arguments[4]:true;const value=condition?props[name]:undefined;return React.useMemo(()=>{if(condition){if(name==='children'){throw new Error('Error: `children` is not a valid `useText` prop.');}else if(value===null||value===''){throw new Error(component.displayName?`Error: you must provide a valid \`${name}\` text value for <${component.displayName}>.`:`Error: you must provide a valid \`${name}\` text value.`);}else if(value===undefined){if(process.env.NODE_ENV==='development'){console.warn(component.displayName?`Warning: you did not provide a customized/translated \`${name}\` text value for <${component.displayName}>. Zendesk Garden is rendering <${component.displayName} ${name}="${text}"> by default.`:`Warning: you did not provide a customized/translated \`${name}\` text value. Zendesk Garden is rendering ${name}="${text}" by default.`);}return text;}}return value;},[component.displayName,value,name,text,condition]);};const animationStyles$3=(position,options)=>{const theme=options.theme||DEFAULT_THEME;let translateValue=`${theme.space.base*5}px`;let transformFunction;if(position==='top'){transformFunction='translateY';}else if(position==='right'){transformFunction='translateX';translateValue=`-${translateValue}`;}else if(position==='bottom'){transformFunction='translateY';translateValue=`-${translateValue}`;}else{transformFunction='translateX';}const animationName=styled.keyframes(["0%{transform:","(",");}"],transformFunction,translateValue);return styled.css(["&"," ","{animation:0.2s cubic-bezier(0.15,0.85,0.35,1.2) ",";}"],options.animationModifier,options.childSelector||'> *',animationName);};const hiddenStyles=options=>{const transition='opacity 0.2s ease-in-out, 0.2s visibility 0s linear';return styled.css(["transition:",";visibility:hidden;opacity:0;"],options.animationModifier&&transition);};function menuStyles(position){let options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};const theme=options.theme||DEFAULT_THEME;let marginProperty;if(position==='top'){marginProperty='margin-bottom';}else if(position==='right'){marginProperty='margin-left';}else if(position==='bottom'){marginProperty='margin-top';}else{marginProperty='margin-right';}return styled.css(["position:absolute;z-index:",";",":",";line-height:0;font-size:0.01px;& ","{display:inline-block;position:relative;margin:0;box-sizing:border-box;border:"," ",";border-radius:",";box-shadow:",";background-color:",";cursor:default;padding:0;text-align:",";white-space:normal;font-size:",";font-weight:",";direction:",";:focus{outline:none;}}",";",";"],options.zIndex||0,marginProperty,options.margin,options.childSelector||'> *',theme.borders.sm,getColor('neutralHue',300,theme),theme.borderRadii.md,theme.shadows.lg(`${theme.space.base*5}px`,`${theme.space.base*7.5}px`,getColor('chromeHue',600,theme,0.15)),theme.colors.background,theme.rtl?'right':'left',theme.fontSizes.md,theme.fontWeights.regular,theme.rtl&&'rtl',options.animationModifier&&animationStyles$3(position,options),options.hidden&&hiddenStyles(options));}const SELECTOR_FOCUS_VISIBLE='&:focus-visible, &[data-garden-focus-visible="true"]';const focusStyles=_ref=>{let{condition=true,selector=SELECTOR_FOCUS_VISIBLE,shadowWidth='md',spacerWidth='xs',styles:{boxShadow,...styles}={},theme,...options}=_ref;const _boxShadow=condition?getFocusBoxShadow({boxShadow,shadowWidth,spacerWidth,theme,...options}):boxShadow;let outline;let outlineOffset;if(spacerWidth===null){outline=theme.shadowWidths[shadowWidth];}else{outline=`${math(`${theme.shadowWidths[shadowWidth]} - ${theme.shadowWidths[spacerWidth]}`)} solid transparent`;outlineOffset=theme.shadowWidths[spacerWidth];}return styled.css(["&:focus{outline:none;}","{outline:",";outline-offset:",";box-shadow:",";","}"],selector,outline,outlineOffset,_boxShadow,styles);};/*!
|
|
901
901
|
* tabbable 6.2.0
|
|
@@ -2011,7 +2011,7 @@ Color.prototype[model]=function(...args){if(this.model===model){return new Color
|
|
|
2011
2011
|
Color[model]=function(...args){let color=args[0];if(typeof color==='number'){color=zeroArray(args,channels);}return new Color(color,model);};}function roundTo(number,places){return Number(number.toFixed(places));}function roundToPlace(places){return function(number){return roundTo(number,places);};}function getset(model,channel,modifier){model=Array.isArray(model)?model:[model];for(const m of model){(limiters[m]||(limiters[m]=[]))[channel]=modifier;}model=model[0];return function(value){let result;if(value!==undefined){if(modifier){value=modifier(value);}result=this[model]();result.color[channel]=value;return result;}result=this[model]().color[channel];if(modifier){result=modifier(result);}return result;};}function maxfn(max){return function(v){return Math.max(0,Math.min(max,v));};}function assertArray(value){return Array.isArray(value)?value:[value];}function zeroArray(array,length){for(let i=0;i<length;i++){if(typeof array[i]!=='number'){array[i]=0;}}return array;}var color=Color;var light=function(c,amount){if(amount===void 0){amount=0.15;}var newColor=color(c).lighten(amount).hex();// console.log("lightening to:", newColor)
|
|
2012
2012
|
// console.log("luminosity old:", Color(c).luminosity())
|
|
2013
2013
|
// console.log("luminosity new:", Color(newColor).luminosity())
|
|
2014
|
-
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};styled.css(templateObject_1$
|
|
2014
|
+
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),function(props){return props.color?"color: ".concat(props.theme.styles.getTextColorForBackground({color:props.color,theme:props.theme}),";"):"";});styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color;});var templateObject_1$6,templateObject_2$5,templateObject_3$5,templateObject_4$4;var getInlineStyling=styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"],["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var flat=_a.flat,inline=_a.inline,primary=_a.primary;return flat||inline||!primary?textColorForFlatButton:textColorForBackground;});var textColorForFlatButton=styled.css(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n background: ",";\n\n @media (hover: hover) {\n &:hover {\n background: ",";\n }\n }\n\n :active {\n background: ",";\n }\n\n ","\n"],["\n background: ",";\n\n @media (hover: hover) {\n &:hover {\n background: ",";\n }\n }\n\n :active {\n background: ",";\n }\n\n ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n @media (hover: hover) {\n &:hover {\n color: ",";\n }\n }\n\n :active {\n color: ",";\n }\n"],["\n @media (hover: hover) {\n &:hover {\n color: ",";\n }\n }\n\n :active {\n color: ",";\n }\n"])),function(_a){var color=_a.color;return dark(color);},function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n @media (hover: hover) {\n &:hover:hover {\n color: ",";\n background-color: unset;\n }\n }\n\n :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"],["\n @media (hover: hover) {\n &:hover:hover {\n color: ",";\n background-color: unset;\n }\n }\n\n :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"])),function(props){return lighter(props.color);},function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$5,templateObject_2$4,templateObject_3$4,templateObject_4$3,templateObject_5$3,templateObject_6$2,templateObject_7$1;var lodash={exports:{}};/**
|
|
2015
2015
|
* @license
|
|
2016
2016
|
* Lodash <https://lodash.com/>
|
|
2017
2017
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
|
@@ -11481,7 +11481,7 @@ if(freeModule){// Export for Node.js.
|
|
|
11481
11481
|
(freeModule.exports=_)._=_;// Export for CommonJS support.
|
|
11482
11482
|
freeExports._=_;}else{// Export to the global object.
|
|
11483
11483
|
root._=_;}}).call(commonjsGlobal);})(lodash,lodash.exports);var DO_NOTHING=function(){};// @flow
|
|
11484
|
-
var isArray=function(o){return o instanceof Array;};var isString=function(o){return typeof o==="string";};var COMPONENT_NAME="Icon";var Icon=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?1:_b,svg=_a.svg,title=_a.title,_c=_a.onClick,onClick=_c===void 0?DO_NOTHING:_c;var svgString=svg;var svgStringList=svg;var SVGComp=svg;return isArray(svg)?jsxRuntime.jsx(MIcon.Stack,__assign({size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME},{children:svgStringList.map(function(s,i){return jsxRuntime.jsx(MIcon__default["default"],{path:s},i);})})):isString(svg)?jsxRuntime.jsx(MIcon__default["default"],{path:svgString,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME}):jsxRuntime.jsx(SVGComp,{fill:color||"currentColor","data-component-name":COMPONENT_NAME,height:size,onClick:onClick,width:size});};Icon.COMPONENT_NAME=COMPONENT_NAME;var XS$1=".5rem";var SM$1="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$1,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$
|
|
11484
|
+
var isArray=function(o){return o instanceof Array;};var isString=function(o){return typeof o==="string";};var COMPONENT_NAME="Icon";var Icon=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?1:_b,svg=_a.svg,title=_a.title,_c=_a.onClick,onClick=_c===void 0?DO_NOTHING:_c;var svgString=svg;var svgStringList=svg;var SVGComp=svg;return isArray(svg)?jsxRuntime.jsx(MIcon.Stack,__assign({size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME},{children:svgStringList.map(function(s,i){return jsxRuntime.jsx(MIcon__default["default"],{path:s},i);})})):isString(svg)?jsxRuntime.jsx(MIcon__default["default"],{path:svgString,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME}):jsxRuntime.jsx(SVGComp,{fill:color||"currentColor","data-component-name":COMPONENT_NAME,height:size,onClick:onClick,width:size});};Icon.COMPONENT_NAME=COMPONENT_NAME;var XS$1=".5rem";var SM$1="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$1,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"])),function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(p){return p.inline?"inline-flex":"flex";},function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getFlexDirection,function(p){return p.gap?p.gap:SPACINGS.SM;},function(p){return p.justifyContent||"initial";},function(p){return p.wrapped?wrappedStyling:"";},function(p){return p.responsivePropsList?responsiveStyles(p):"";},function(p){return p._css;});FlexBox.defaultProps={withRows:false};var responsiveStyles=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,gap=props.gap,inline=props.inline,justifyContent=props.justifyContent,fluid=props.fluid,wrapped=props.wrapped;return mediaQueryFunc(styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "])),alignItems?alignItems:"initial",inline?"inline-flex":"flex",fluid?1:"unset",getFlexDirection(props),gap?gap:SPACINGS.SM,justifyContent||"initial",wrapped?wrappedStyling:"")).join("");});};var wrappedStyling=styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n flex-wrap: wrap;\n"],["\n flex-wrap: wrap;\n"])));var templateObject_1$4,templateObject_2$3,templateObject_3$3;/**
|
|
11485
11485
|
* Copyright Zendesk, Inc.
|
|
11486
11486
|
*
|
|
11487
11487
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -11492,13 +11492,14 @@ var isArray=function(o){return o instanceof Array;};var isString=function(o){ret
|
|
|
11492
11492
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11493
11493
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11494
11494
|
*/function _extends(){_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}const 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='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'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,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='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,'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,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='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,'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,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='loaders.dots';const Dots$1=React.forwardRef((_ref,ref)=>{let{size,color,duration,delayMS,...other}=_ref;const theme=React.useContext(styled.ThemeContext);const environment=useDocument(theme);const canTransformSVG=React.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.useRef(null);const dotTwo=React.useRef(null);const dotThree=React.useRef(null);React.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"].createElement(StyledLoadingPlaceholder,{fontSize:size},"\xA0");}return React__default["default"].createElement(StyledSVG,_extends({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2},other),React__default["default"].createElement("g",{fill:"currentColor"},React__default["default"].createElement(StyledDotsCircleOne,{duration:duration,ref:dotOne}),React__default["default"].createElement(StyledDotsCircleTwo,{duration:duration,ref:dotTwo}),React__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=['small','medium','large'];const COMPONENT_ID$1='loaders.progress';const Progress=React__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"].createElement(StyledProgressBackground,_extends({"data-garden-id":COMPONENT_ID$1,"data-garden-version":'8.70.0',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref,"aria-label":ariaLabel},other),React__default["default"].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)};Progress.defaultProps={value:0,size:'medium'};const Skeleton=React.forwardRef((_ref,ref)=>{let{width,height,isLight,...other}=_ref;return React__default["default"].createElement(StyledSkeleton,_extends({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='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.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"].createElement(StyledLoadingPlaceholder,{width:"1em",height:"1em",fontSize:size},"\xA0");}return React__default["default"].createElement(StyledSVG,_extends({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID,containerHeight:"1em",containerWidth:"1em"},other),React__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.forwardRef((_ref,ref)=>{let{size,color,...other}=_ref;const ariaLabel=useText(Inline,other,'aria-label','loading');return React__default["default"].createElement(StyledInline,_extends({ref:ref,size:size,color:color,"aria-label":ariaLabel,role:"img"},other),React__default["default"].createElement(StyledCircle,{cx:"14"}),React__default["default"].createElement(StyledCircle,{cx:"8"}),React__default["default"].createElement(StyledCircle,{cx:"2"}));});Inline.displayName='Inline';Inline.propTypes={size:propTypes.exports.number,color:propTypes.exports.string};Inline.defaultProps={size:16,color:'inherit'};var XXS=".8rem";var XS=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
11495
|
-
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React.useRef();React.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$
|
|
11495
|
+
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React.useRef();React.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n width: fit-content;\n ","\n"],["\n width: fit-content;\n ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"])));var colors=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n ",";\n border-color: ",";\n\n ",";\n\n @media (hover: hover) {\n &:hover {\n border-color: transparent;\n }\n }\n\n :active {\n border-color: transparent;\n }\n"],["\n ",";\n border-color: ",";\n\n ",";\n\n @media (hover: hover) {\n &:hover {\n border-color: transparent;\n }\n }\n\n :active {\n border-color: transparent;\n }\n"])),buttonLikeHoverable,function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return!flat&&!primary&&!inline?color:"transparent";},getInlineStyling);var alignment=function(_a){var alignSelf=_a.alignSelf;return alignSelf?styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n align-self: ",";\n "],["\n align-self: ",";\n "])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n text-transform: ",";\n "],["\n text-transform: ",";\n "])),casing):"";};var baseColor=function(_a){var color=_a.color,danger=_a.danger,neutral=_a.neutral,success=_a.success,theme=_a.theme,warning=_a.warning;if(color)return color;if(danger)return theme.styles.colorDanger;if(neutral)return theme.styles.colors.grey["300"];if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var inlineWrapping=styled.css(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n white-space: normal;\n text-align: left;\n height: auto;\n"],["\n white-space: normal;\n text-align: left;\n height: auto;\n"])));var ButtonBase=styled__default["default"](function(_a){var alignItems=_a.alignItems,children=_a.children,disabled=_a.disabled;_a.groupKey;var icon=_a.icon,iconSize=_a.iconSize,innerAs=_a.innerAs,innerRef=_a.innerRef,iconPosition=_a.iconPosition,loading=_a.loading,onClick=_a.onClick,pill=_a.pill,props=__rest(_a,["alignItems","children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill"]);return jsxRuntime.jsx(Button$1// @ts-ignore
|
|
11496
11496
|
,__assign({// @ts-ignore
|
|
11497
11497
|
as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{size:FONT_SIZES.MD})})):icon?jsxRuntime.jsxs(FlexBox,__assign({alignItems:alignItems!==null&&alignItems!==void 0?alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx(IconButtonTextContainer,{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props),primary:props.flat?false:props.primary});})(templateObject_7||(templateObject_7=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n font-weight: bold;\n ","\n ","\n ","\n ","\n ","\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n font-weight: bold;\n ","\n ","\n ","\n ","\n ","\n ","\n }\n"])),function(_a){var wrapInlineText=_a.wrapInlineText;return wrapInlineText?inlineWrapping:"";},function(_a){var fluid=_a.fluid;return!fluid?fitContent:fitContainer;},alignment,casing,function(_a){var disabled=_a.disabled;return!disabled?colors:"";},function(_a){var _css=_a._css;return _css;});var Button=styled__default["default"](React.forwardRef(function(_a,ref){var _b=_a.autoLoadable,autoLoadable=_b===void 0?false:_b,disabled=_a.disabled,_c=_a.loading,loadingProp=_c===void 0?false:_c,onClick=_a.onClick,props=__rest(_a,["autoLoadable","disabled","loading","onClick"]);var _d=__read(React.useState(false),2),isLoading=_d[0],setIsLoadingTo=_d[1];var isMounted=useIsMounted();var computedIsLoading=React.useCallback(function(){return autoLoadable?isLoading:loadingProp;},[autoLoadable,isLoading,loadingProp]);var processClick=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:setIsLoadingTo(true);_b.label=1;case 1:_b.trys.push([1,3,,4]);return[4/*yield*/,onClick(e)];case 2:_b.sent();return[3/*break*/,4];case 3:_b.sent();return[3/*break*/,4];case 4:if(isMounted())setIsLoadingTo(false);return[2/*return*/];}});});};return jsxRuntime.jsx(ButtonBase,__assign({},props,{disabled:disabled||computedIsLoading(),innerRef:ref,loading:computedIsLoading(),// @ts-ignore
|
|
11498
11498
|
onClick:autoLoadable?processClick:onClick}));}))(templateObject_8||(templateObject_8=__makeTemplateObject([""],[""// @ts-ignore
|
|
11499
11499
|
])));// @ts-ignore
|
|
11500
11500
|
Button.COMPONENT_NAME="Button";// @ts-ignore
|
|
11501
|
-
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_9||(templateObject_9=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var IconButtonTextContainer=styled__default["default"].span(templateObject_10||(templateObject_10=__makeTemplateObject(["\n flex: 1;\n"],["\n flex: 1;\n"])));var templateObject_1$
|
|
11501
|
+
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_9||(templateObject_9=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var IconButtonTextContainer=styled__default["default"].span(templateObject_10||(templateObject_10=__makeTemplateObject(["\n flex: 1;\n"],["\n flex: 1;\n"])));var templateObject_1$3,templateObject_2$2,templateObject_3$2,templateObject_4$2,templateObject_5$2,templateObject_6$1,templateObject_7,templateObject_8,templateObject_9,templateObject_10;/* Size key name represents all devices with a pixel width up to the number
|
|
11502
|
+
specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(tabletSize),styles);},forTabletsAndUp:function(styles){return styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(phoneSize+1),styles);},forLargeTabletsAndUp:function(styles){return styled.css(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n @media (min-width: ",") {\n ","\n }\n "],["\n @media (min-width: ",") {\n ","\n }\n "])),unit(tabletSize+1),styles);},forSmallComputersAndUp:function(styles){return styled.css(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(largeTabletSize+1),styles);},forLargeComputers:function(styles){return styled.css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(smallComputerSize+1),styles);}};};var unit=function(px){return"".concat(px,"px");};var templateObject_1$2,templateObject_2$1,templateObject_3$1,templateObject_4$1,templateObject_5$1,templateObject_6;var Header=styled__default["default"](Header$1).attrs(function(_a){var danger=_a.danger,success=_a.success,warning=_a.warning,theme=_a.theme;var color=theme.styles.textColorPrimary;if(danger)color=theme.styles.colorDanger;if(success)color=theme.styles.colorSuccess;if(warning)color=theme.styles.colorWarning;return{color:color};})(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),textWithColor);var createButtons=function(buttons,closeModal,shouldDisable,autoClose,adjustModalState){return buttons.map(function(b){var _a=b.props,onClick=_a.onClick,disabled=_a.disabled,disableable=_a.disableable;return jsxRuntime.jsx(FooterItem$2,{children:React__default["default"].cloneElement(b,{onClick:function(){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:adjustModalState();return[4/*yield*/,onClick()];case 1:_a.sent();if(autoClose)closeModal();return[2/*return*/];}});});},disabled:disableable?shouldDisable:disabled})},b.key);});};exports.Modal=function(_a){var _b,_c;var isVisible=_a.isVisible,closeModal=_a.closeModal,disableActions=_a.disableActions,modalContent=_a.modalContent,className=_a.className;var isProcessing=(_b=__read(React.useState(false),2),_b[0]),setIsProcessingTo=_b[1];if(!isVisible)return null;if(!modalContent)throw new Error("Modal found null modal content");var autoClose=(_c=modalContent.autoClose,_c===void 0?true:_c),body=modalContent.body,buttons=modalContent.buttons,danger=modalContent.danger,isLarge=modalContent.isLarge,success=modalContent.success,title=modalContent.title,warning=modalContent.warning,withCancelButton=modalContent.withCancelButton,withNoActions=modalContent.withNoActions,onClose=modalContent.onClose;var handleClose=function(){closeModal();setIsProcessingTo(false);if(onClose)onClose();};var setProcessingState=function(){return setIsProcessingTo(true);};var footerItems=function(){return buttons?createButtons(buttons,handleClose,disableActions,autoClose,setProcessingState):jsxRuntime.jsx(FooterItem$2,{children:jsxRuntime.jsx(Button,__assign({onClick:handleClose,primary:true,disabled:disableActions,success:success,danger:danger,warning:warning},{children:"OK"}))});};return jsxRuntime.jsxs(Modal,__assign({onClose:handleClose,className:className,isAnimated:true,isLarge:isLarge,backdropProps:{onClick:function(e){e.preventDefault();},style:{fontFamily:"inherit"}}},{children:[title?jsxRuntime.jsx(Header,__assign({color:"",danger:danger,success:success,warning:warning},{children:title})):null,jsxRuntime.jsx(Body,{children:body}),withNoActions?null:jsxRuntime.jsxs(Footer$2,{children:[withCancelButton?jsxRuntime.jsx(FooterItem$2,{children:jsxRuntime.jsx(Button,__assign({onClick:handleClose,flat:true,loading:isProcessing,success:success,danger:danger,warning:warning},{children:"Cancel"}))}):null,footerItems()]}),jsxRuntime.jsx(Close$2,{"aria-label":"Close modal"})]}));};var hideCloseButton=styled.css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n button[data-garden-id=\"modals.close\"] {\n display: none;\n }\n"],["\n button[data-garden-id=\"modals.close\"] {\n display: none;\n }\n"])));var Body=styled__default["default"](Body$2)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n font-size: inherit;\n"],["\n font-size: inherit;\n"])));exports.Modal=styled__default["default"](exports.Modal)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n &&&& {\n margin-left: ",";\n margin-right: ",";\n \n color: ",";\n\n ","\n \n ","\n }\n"],["\n &&&& {\n margin-left: ",";\n margin-right: ",";\n \n color: ",";\n\n ","\n \n ","\n }\n"])),SPACINGS.SM,SPACINGS.SM,function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;},function(_a){var modalContent=_a.modalContent;return(modalContent===null||modalContent===void 0?void 0:modalContent.isNotDismissible)?hideCloseButton:"";},mediaQueries().forPhones(styled.css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n width: calc(100% - ("," * 2));\n "],["\n width: calc(100% - ("," * 2));\n "])),SPACINGS.SM)));var templateObject_1$1,templateObject_2,templateObject_3,templateObject_4,templateObject_5;var defaultUiState={setModalState:function(){throw new Error("initial state not set");},modalState:{isModalOpen:false,modalContentState:{}}};var ModalStateContext=React.createContext(defaultUiState);var useModalState=function(){var _a=React.useContext(ModalStateContext),modalState=_a.modalState,setModalState=_a.setModalState;var closeModal=React.useCallback(function(){setModalState(function(previous){return __assign(__assign({},previous),{isModalOpen:false,modalContent:undefined,modalContentState:{}});});},[setModalState]);var openModalWith=React.useCallback(function(c){// The following check causes the app to make infinite requests due
|
|
11502
11503
|
// to the HttpManager error handler relying on the error modal.
|
|
11503
11504
|
// This function will reload over and over due to the `isModalOpen`
|
|
11504
11505
|
// state value constantly changes between true and false.
|