@idea-fragments/react-components-zendesk 0.1.40 → 0.1.41
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/tables.js
CHANGED
|
@@ -733,7 +733,7 @@ YELLOW:"#ffbe6d",// YELLOW : "#f1bc71",
|
|
|
733
733
|
ORANGE:"#ff9369",HUB_SPOT_ORANGE:"rgb(255, 122, 89)",MIDNIGHT_BLACK:"#1d1e21",BLACK:"#1f1f1f",WHITE:"#ffffff",GREY_NOT_QUITE_BLUE:"#b0b7bd",GREY:"#919292",VERY_LIGHT_GREY:"#F7F7F7",LIGHT_GREY:"#dddddd",TRANSPARENT:"#00000000"};Object.freeze(COLORS);var fade=function(c,amount){if(amount===void 0){amount=.5;}var _a=color(c).fade(amount).object(),r=_a.r,g=_a.g,b=_a.b,alpha=_a.alpha;return"rgba(".concat(r,", ").concat(g,", ").concat(b,", ").concat(alpha,")");};var light=function(c,amount){if(amount===void 0){amount=0.15;}var newColor=color(c).lighten(amount).hex();// console.log("lightening to:", newColor)
|
|
734
734
|
// console.log("luminosity old:", Color(c).luminosity())
|
|
735
735
|
// console.log("luminosity new:", Color(newColor).luminosity())
|
|
736
|
-
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var veryLight=function(c){return light(c,0.7);};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$x||(templateObject_1$x=__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$m||(templateObject_2$m=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$x,templateObject_2$m,templateObject_3$h,templateObject_4$c;var getInlineStyling=styled.css(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$l||(templateObject_2$l=__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$g||(templateObject_3$g=__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$b||(templateObject_4$b=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$
|
|
736
|
+
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var veryLight=function(c){return light(c,0.7);};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$x||(templateObject_1$x=__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$m||(templateObject_2$m=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$x,templateObject_2$m,templateObject_3$h,templateObject_4$c;var getInlineStyling=styled.css(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$l||(templateObject_2$l=__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$g||(templateObject_3$g=__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$b||(templateObject_4$b=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"],["\n background: ",";\n\n :hover {\n background: ",";\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$4||(templateObject_6$4=__makeTemplateObject(["\n :hover, :active {\n color: ",";\n }\n"],["\n :hover, :active {\n color: ",";\n }\n"])),function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"],["\n :hover:hover, :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 dark(props.color);});var templateObject_1$w,templateObject_2$l,templateObject_3$g,templateObject_4$b,templateObject_5$6,templateObject_6$4,templateObject_7$2;var lodash={exports:{}};/**
|
|
737
737
|
* @license
|
|
738
738
|
* Lodash <https://lodash.com/>
|
|
739
739
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
|
@@ -10218,12 +10218,12 @@ onClick:onClick,size:size,title:title,color:color||"currentColor","data-componen
|
|
|
10218
10218
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
10219
10219
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
10220
10220
|
*/function _extends$z(){_extends$z=Object.assign||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$z.apply(this,arguments);}function _objectWithoutPropertiesLoose$d(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$6(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$d(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _slicedToArray$4(arr,i){return _arrayWithHoles$4(arr)||_iterableToArrayLimit$4(arr,i)||_unsupportedIterableToArray$4(arr,i)||_nonIterableRest$4();}function _arrayWithHoles$4(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$4(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _unsupportedIterableToArray$4(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$4(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray$4(o,minLen);}function _arrayLikeToArray$4(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _nonIterableRest$4(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var 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);}"]);var 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);}"]);var 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);}"]);var StyledDotsCircle=styled__default["default"].circle.attrs({cy:36,r:9}).withConfig({displayName:"StyledDots__StyledDotsCircle",componentId:"sc-1ltah7e-0"})([""]);StyledDotsCircle.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleOne=styled__default["default"](StyledDotsCircle).attrs({cx:9}).withConfig({displayName:"StyledDots__StyledDotsCircleOne",componentId:"sc-1ltah7e-1"})(["animation:",";"],function(_ref){var duration=_ref.duration;return styled.css([""," ","ms linear infinite"],dotOneKeyframes,duration);});StyledDotsCircleOne.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleTwo=styled__default["default"](StyledDotsCircle).attrs(function(){return{cx:40};}).withConfig({displayName:"StyledDots__StyledDotsCircleTwo",componentId:"sc-1ltah7e-2"})(["animation:",";"],function(_ref2){var duration=_ref2.duration;return styled.css([""," ","ms linear infinite"],dotTwoKeyframes,duration);});StyledDotsCircleTwo.defaultProps={theme:DEFAULT_THEME};var StyledDotsCircleThree=styled__default["default"](StyledDotsCircle).attrs(function(){return{cx:71};}).withConfig({displayName:"StyledDots__StyledDotsCircleThree",componentId:"sc-1ltah7e-3"})(["animation:",";"],function(_ref3){var duration=_ref3.duration;return styled.css([""," ","ms linear infinite"],dotThreeKeyframes,duration);});StyledDotsCircleThree.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$5$4='loaders.loading_placeholder';var StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$4,'data-garden-version':'8.53.2',role:'progressbar'}).withConfig({displayName:"StyledLoadingPlaceholder",componentId:"sc-x3bwsx-0"})(["display:inline-block;width:",";height:",";font-size:",";",""],function(props){return props.width||'1em';},function(props){return props.height||'0.9em';},function(props){return props.fontSize;},function(props){return retrieveComponentStyles(COMPONENT_ID$5$4,props);});StyledLoadingPlaceholder.defaultProps={theme:DEFAULT_THEME};var sizeToHeight=function 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;}};var sizeToBorderRadius=function sizeToBorderRadius(size,theme){return sizeToHeight(size,theme)/2;};var PROGRESS_BACKGROUND_COMPONENT_ID='loaders.progress_background';var StyledProgressBackground=styled__default["default"].div.attrs(function(props){return{'data-garden-id':PROGRESS_BACKGROUND_COMPONENT_ID,'data-garden-version':'8.53.2',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:",";",""],function(props){return props.theme.space.base*2;},function(props){return props.borderRadius;},function(props){return getColor$1('neutralHue',200,props.theme);},function(props){return props.color||getColor$1('successHue',600,props.theme);},function(props){return retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props);});StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};var PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';var StyledProgressIndicator=styled__default["default"].div.attrs(function(props){return{'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.53.2',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;",""],function(props){return props.borderRadius;},function(props){return props.value;},function(props){return props.height;},function(props){return retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props);});StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$4$4='loaders.skeleton';var fadeInAnimation=styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);var skeletonAnimation=styled.keyframes(["100%{left:100%;}"]);var skeletonRtlAnimation=styled.keyframes(["100%{right:100%;}"]);var retrieveSkeletonBackgroundColor=function retrieveSkeletonBackgroundColor(_ref){var theme=_ref.theme,isLight=_ref.isLight;if(isLight){return styled.css(["background-color:",";"],rgba(theme.colors.background,0.2));}return styled.css(["background-color:",";"],getColor$1('neutralHue',800,theme,0.1));};var retrieveSkeletonAnimation=function retrieveSkeletonAnimation(_ref2){var theme=_ref2.theme;if(theme.rtl){return styled.css(["right:-1800px;animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["left:-1800px;animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};var retrieveSkeletonGradient=function retrieveSkeletonGradient(_ref3){var theme=_ref3.theme,isLight=_ref3.isLight;return styled.css(["background-image:linear-gradient( ",",transparent,",",transparent );"],theme.rtl?'-45deg':'45deg',isLight?getColor$1('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};var StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$4,'data-garden-version':'8.53.2'}).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,function(props){return props.theme.borderRadii.md;},function(props){return props.customWidth;},function(props){return props.customHeight;},function(props){return getLineHeight$1(props.theme.fontSizes.sm,props.theme.space.base*5);},retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,function(props){return retrieveComponentStyles(COMPONENT_ID$4$4,props);});StyledSkeleton.defaultProps={theme:DEFAULT_THEME};var StyledSpinnerCircle=styled__default["default"].circle.attrs(function(props){return{cx:40,cy:40,r:34,fill:'none',stroke:'currentColor',strokeLinecap:'round',strokeWidth:props.strokeWidthValue,strokeDasharray:"".concat(props.dasharrayValue," 250"),transform:props.transform};}).withConfig({displayName:"StyledSpinnerCircle",componentId:"sc-o4kd70-0"})([""]);StyledSpinnerCircle.defaultProps={theme:DEFAULT_THEME};var StyledSVG=styled__default["default"].svg.attrs(function(props){return{'data-garden-version':'8.53.2',xmlns:'http://www.w3.org/2000/svg',width:props.width,height:props.height,focusable:'false',viewBox:"0 0 ".concat(props.width," ").concat(props.height),role:'progressbar'};}).withConfig({displayName:"StyledSVG",componentId:"sc-1xtc3kx-0"})(["width:",";height:",";color:",";font-size:",";",";"],function(props){return props.containerWidth||'1em';},function(props){return props.containerHeight||'0.9em';},function(props){return props.color||'inherit';},function(props){return props.fontSize||'inherit';},function(props){return retrieveComponentStyles(props.dataGardenId,props);});StyledSVG.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3$4='loaders.inline';var PULSE_ANIMATION=styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);var 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};var StyledInline=styled__default["default"].svg.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3$4,'data-garden-version':'8.53.2',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:",";}}",""],function(props){return props.color;},StyledCircle,PULSE_ANIMATION,function(props){return props.theme.rtl?'unset':'0.4s';},PULSE_ANIMATION,PULSE_ANIMATION,function(props){return props.theme.rtl?'0.4s':'unset';},function(props){return retrieveComponentStyles(COMPONENT_ID$3$4,props);});StyledInline.defaultProps={theme:DEFAULT_THEME};var _excluded$4$4=["size","color","duration","delayMS"];var COMPONENT_ID$2$6='loaders.dots';var Dots$1=React__default.forwardRef(function(_ref,ref){var size=_ref.size,color=_ref.color,duration=_ref.duration,delayMS=_ref.delayMS,other=_objectWithoutProperties$6(_ref,_excluded$4$4);var theme=React__default.useContext(styled.ThemeContext);var environment=useDocument(theme);var canTransformSVG=React__default.useRef(null);if(environment&&canTransformSVG.current===null){var svg=environment.createElementNS('http://www.w3.org/2000/svg','svg');canTransformSVG.current='transform'in svg;}var _useSchedule=useSchedule({duration:duration,delayMS:delayMS,loop:true}),delayComplete=_useSchedule.delayComplete;var dotOne=React__default.useRef(null);var dotTwo=React__default.useRef(null);var dotThree=React__default.useRef(null);React__default.useEffect(function(){if(!canTransformSVG.current&&delayComplete){var 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$z({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$6},other),React__default__default["default"].createElement("g",{fill:"currentColor"},React__default__default["default"].createElement(StyledDotsCircleOne,{duration:duration,ref:dotOne}),React__default__default["default"].createElement(StyledDotsCircleTwo,{duration:duration,ref:dotTwo}),React__default__default["default"].createElement(StyledDotsCircleThree,{duration:duration,ref:dotThree})));});Dots$1.displayName='Dots';Dots$1.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Dots$1.defaultProps={size:'inherit',color:'inherit',duration:1250,delayMS:750};var SIZE$3=['small','medium','large'];var _excluded$3$3=["value","size"];var COMPONENT_ID$1$6='loaders.progress';var Progress=React__default__default["default"].forwardRef(function(_ref,ref){var value=_ref.value,size=_ref.size,other=_objectWithoutProperties$6(_ref,_excluded$3$3);var percentage=Math.max(0,Math.min(100,value));return React__default__default["default"].createElement(StyledProgressBackground,_extends$z({"data-garden-id":COMPONENT_ID$1$6,"data-garden-version":'8.53.2',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref},other),React__default__default["default"].createElement(StyledProgressIndicator,{value:percentage,size:size}));});Progress.displayName='Progress';Progress.propTypes={color:propTypes.exports.string,value:propTypes.exports.number.isRequired,size:propTypes.exports.oneOf(SIZE$3)};Progress.defaultProps={value:0,size:'medium'};var _excluded$2$4=["width","height","isLight"];var Skeleton=React__default.forwardRef(function(_ref,ref){var width=_ref.width,height=_ref.height,isLight=_ref.isLight,other=_objectWithoutProperties$6(_ref,_excluded$2$4);return React__default__default["default"].createElement(StyledSkeleton,_extends$z({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%'};var STROKE_WIDTH_FRAMES={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6};var 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};var 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};var _excluded$1$8=["size","duration","color","delayMS"];var COMPONENT_ID$M='loaders.spinner';var TOTAL_FRAMES=100;var computeFrames=function computeFrames(frames,duration){return Object.entries(frames).reduce(function(acc,item,index,arr){var _item=_slicedToArray$4(item,2),frame=_item[0],value=_item[1];var _ref=arr[index+1]||[TOTAL_FRAMES,arr[0][1]],_ref2=_slicedToArray$4(_ref,2),nextFrame=_ref2[0],nextValue=_ref2[1];var diff=parseInt(nextFrame,10)-parseInt(frame,10);var frameHz=1000/60;var subDuration=duration/(TOTAL_FRAMES-1)*diff;var lastValue=value;acc[frame]=value;for(var 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;},{});};var Spinner=React__default.forwardRef(function(_ref3,ref){var size=_ref3.size,duration=_ref3.duration,color=_ref3.color,delayMS=_ref3.delayMS,other=_objectWithoutProperties$6(_ref3,_excluded$1$8);var strokeWidthValues=computeFrames(STROKE_WIDTH_FRAMES,duration);var rotationValues=computeFrames(ROTATION_FRAMES,duration);var dasharrayValues=computeFrames(DASHARRAY_FRAMES,duration);var _useSchedule=useSchedule({duration:duration,delayMS:delayMS}),elapsed=_useSchedule.elapsed,delayComplete=_useSchedule.delayComplete;var frame=(elapsed*100).toFixed(0);var strokeWidthValue=strokeWidthValues[frame];var rotationValue=rotationValues[frame];var dasharrayValue=dasharrayValues[frame];var WIDTH=80;var 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$z({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$M,containerHeight:"1em",containerWidth:"1em"},other),React__default__default["default"].createElement(StyledSpinnerCircle,{dasharrayValue:dasharrayValue,strokeWidthValue:strokeWidthValue,transform:"rotate(".concat(rotationValue,", ").concat(WIDTH/2,", ").concat(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};var _excluded$m=["size","color"];var Inline=React__default.forwardRef(function(_ref,ref){var size=_ref.size,color=_ref.color,other=_objectWithoutProperties$6(_ref,_excluded$m);return React__default__default["default"].createElement(StyledInline,_extends$z({ref:ref,size:size,color:color},other),React__default__default["default"].createElement(StyledCircle,{cx:"14"}),React__default__default["default"].createElement(StyledCircle,{cx:"8"}),React__default__default["default"].createElement(StyledCircle,{cx:"2"}));});Inline.displayName='Inline';Inline.propTypes={size:propTypes.exports.number,color:propTypes.exports.string};Inline.defaultProps={size:16,color:'inherit'};var XXS=".8rem";var XS=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
10221
|
-
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var H1$1="h1";var H2$1="h2";var H3$1="h3";var H4$1="h4";var H5$1="h5";var H6$1="h6";var P="p";var SPAN="span";var DIV="div";var FONT_TAGS={H1:H1$1,H2:H2$1,H3:H3$1,H4:H4$1,H5:H5$1,H6:H6$1,P:P,SPAN:SPAN,DIV:DIV};var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};var FONT_SIZES_EM=Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$u||(templateObject_1$u=__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$j||(templateObject_2$j=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n ",";\n border-color: ",";\n\n ","\n :hover, :active {\n border-color: transparent;\n }\n"],["\n ",";\n border-color: ",";\n\n ","\n :hover, :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$a||(templateObject_4$a=__makeTemplateObject(["align-self: ",";"],["align-self: ",";"])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5$
|
|
10221
|
+
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var H1$1="h1";var H2$1="h2";var H3$1="h3";var H4$1="h4";var H5$1="h5";var H6$1="h6";var P="p";var SPAN="span";var DIV="div";var FONT_TAGS={H1:H1$1,H2:H2$1,H3:H3$1,H4:H4$1,H5:H5$1,H6:H6$1,P:P,SPAN:SPAN,DIV:DIV};var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};var FONT_SIZES_EM=Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$u||(templateObject_1$u=__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$j||(templateObject_2$j=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n ",";\n border-color: ",";\n\n ","\n :hover, :active {\n border-color: transparent;\n }\n"],["\n ",";\n border-color: ",";\n\n ","\n :hover, :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$a||(templateObject_4$a=__makeTemplateObject(["align-self: ",";"],["align-self: ",";"])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["text-transform: ",";"],["text-transform: ",";"])),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 COLORS.LIGHT_GREY;if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var ButtonBase=styled__default["default"](function(_a){var 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,["children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill"]);// @ts-ignore
|
|
10222
10222
|
return jsxRuntime.jsx(Button$1,__assign({as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer$1,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{size:FONT_SIZES.MD})})):icon?jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx("span",{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon$1,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props)});})(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n font-weight: bold;\n ","\n ","\n ","\n ","\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n font-weight: bold;\n ","\n ","\n ","\n ","\n ","\n }\n"])),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__default.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__default.useState(false),2),isLoading=_d[0],setIsLoadingTo=_d[1];var isMounted=useIsMounted();var computedIsLoading=React__default.useCallback(function(){return autoLoadable?isLoading:loadingProp;},[autoLoadable,isLoading,loadingProp]);var processClick=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:setIsLoadingTo(true);_b.label=1;case 1:_b.trys.push([1,3,,4]);return[4/*yield*/,onClick(e)];case 2:_b.sent();return[3/*break*/,4];case 3:_b.sent();return[3/*break*/,4];case 4:if(isMounted())setIsLoadingTo(false);return[2/*return*/];}});});};return jsxRuntime.jsx(ButtonBase,__assign({},props,{disabled:disabled||computedIsLoading(),innerRef:ref,loading:computedIsLoading(),// @ts-ignore
|
|
10223
10223
|
onClick:autoLoadable?processClick:onClick}));}))(templateObject_7$1||(templateObject_7$1=__makeTemplateObject([""],[""// @ts-ignore
|
|
10224
10224
|
])));// @ts-ignore
|
|
10225
10225
|
Button.COMPONENT_NAME="Button";// @ts-ignore
|
|
10226
|
-
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$u,templateObject_2$j,templateObject_3$e,templateObject_4$a,templateObject_5$
|
|
10226
|
+
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$u,templateObject_2$j,templateObject_3$e,templateObject_4$a,templateObject_5$5,templateObject_6$3,templateObject_7$1,templateObject_8$1;var getColor=styled.css(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"// const subTextStyling = css`
|
|
10227
10227
|
// margin-top: 0;
|
|
10228
10228
|
// `
|
|
10229
10229
|
])),function(_a){var color=_a.color;return color;});// const subTextStyling = css`
|
|
@@ -11819,7 +11819,7 @@ onChange(__spreadArray([],__read(new Set(changes)),false));};var handleStateChan
|
|
|
11819
11819
|
jsxRuntime.jsxs(Dropdown$1,__assign({inputValue:searchFilter,selectedItem:selectedKey,selectedItems:selectedKeys?__spreadArray([],__read(new Set(selectedKeys)),false):undefined,isOpen:controlledState.isOpen,onInputValueChange:function(val){logger$3.writeInfo("Input value change",val);setSearchFilter(val);},onSelect:handleChange,onStateChange:handleStateChange,downshiftProps:{itemToString:function(item){if(keyField&&item&&item.hasOwnProperty(keyField)){return item[keyField];}return item;}}},{children:[trigger?jsxRuntime.jsx(Trigger,{children:trigger}):jsxRuntime.jsxs(Field$1,__assign({className:className},{children:[labelNode,hintNode,children,messageNode]})),controlledState.isOpen?// @ts-ignore
|
|
11820
11820
|
jsxRuntime.jsx(StyledMenu,__assign({_css:menuCSS!==null&&menuCSS!==void 0?menuCSS:"",appendToNode:appendMenuToNode,isCompact:small,maxHeight:maxMenuHeight,placement:placement,popperModifiers:menuPopperModifiers},{children:async?jsxRuntime.jsx(StyledLoadable,__assign({showSpinner:controlledState.isOpen&&!optionsLoaded},{children:optionNodes})):optionNodes})):null]})));};// @ts-ignore
|
|
11821
11821
|
Dropdown=styled__default["default"](Dropdown)(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n &&, && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"],["\n &&, && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";},function(_a){var _css=_a._css;return _css;});var Message$1=styled__default["default"](Message$2)(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n && {\n font-size: ",";\n }\n"],["\n && {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n && { width: 100%; }\n\n &&, && * {\n font-size: inherit;\n }\n\n ","\n"],["\n && { width: 100%; }\n\n &&, && * {\n font-size: inherit;\n }\n\n ","\n"])),function(_a){var _css=_a._css;return _css;});var StyledLoadable=styled__default["default"](Loadable)(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n flex-direction: column;\n min-height: 50px;\n"],["\n flex-direction: column;\n min-height: 50px;\n"])));Dropdown.defaultProps={async:false,useRawOptions:false,returnItemOnChange:false,validation:{validation:VALIDATION_STATES.NONE},// maxMenuHeight: "20rem",
|
|
11822
|
-
onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$
|
|
11822
|
+
onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n && {\n div { max-width: 100%; }\n }\n"],["\n && {\n div { max-width: 100%; }\n }\n"])));var Label=styled__default["default"](Label$1)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n && { color: ","; }\n"],["\n && { color: ","; }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var _a;var ItemType=getItemType(o);var Component=menuItemComponent;return jsxRuntime.jsx(ItemType,__assign({value:o,disabled:(_a=o.disabled)!==null&&_a!==void 0?_a:false,danger:o.danger},{children:Component?jsxRuntime.jsx(Component,__assign({},o)):o[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$n,templateObject_2$f,templateObject_3$b,templateObject_4$8,templateObject_5$4,templateObject_6$2;/**
|
|
11823
11823
|
* Copyright Zendesk, Inc.
|
|
11824
11824
|
*
|
|
11825
11825
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -11840,7 +11840,7 @@ onChange(k);}};logger$2.writeInfo("matchingOptions",matchingOptions);return jsxR
|
|
|
11840
11840
|
return jsxRuntime.jsx(Dropdown,__assign({},props,{children:jsxRuntime.jsx(Select,__assign({isCompact:small,disabled:disabled,validation:validation===null||validation===void 0?void 0:validation.validation},{children:selectedKey&&(optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap.hasOwnProperty(selectedKey))?optionsKeyMap[selectedKey][labelField]:jsxRuntime.jsx(SelectorEmptyState,{children:emptyState})}))}));};// @ts-ignore
|
|
11841
11841
|
Selector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE},optionNodes:[]};var Hint=styled__default["default"](Hint$2)(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;},function(_a){var _css=_a._css;return _css;});var templateObject_1$j;var Field=styled__default["default"](Field$2)(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n width: ",";\n"],["\n width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});var TextFieldWrapper=React__default.forwardRef(function(_a,ref){var className=_a.className,compact=_a.compact,emptyState=_a.emptyState,fluid=_a.fluid,hint=_a.hint,label=_a.label,message=_a.message,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","validation","value","WrappedComponent","onChange"]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$3,__assign({className:className,withRows:true,gap:"unset",fluid:fluid},{children:jsxRuntime.jsxs(Field,__assign({compact:compact},{children:[label?jsxRuntime.jsx(Label$1$1,{children:label}):null,hint?jsxRuntime.jsx(Hint,__assign({_css:styled.css(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["&&& {font-size: ",";}"],["&&& {font-size: ",";}"])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(WrappedComponent,__assign({placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:onChange})),message?jsxRuntime.jsx(Message$3,__assign({css:"&&& {\n font-size: ".concat(FONT_SIZES.XS,";\n }"),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n"],["\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n"// @ts-ignore
|
|
11842
11842
|
])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});// @ts-ignore
|
|
11843
|
-
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$3=styled__default["default"](FlexBox)(templateObject_5$
|
|
11843
|
+
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$3=styled__default["default"](FlexBox)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$i,templateObject_2$d,templateObject_3$a,templateObject_4$7,templateObject_5$3;var TextField=React__default.forwardRef(function(_a,ref){var _b;var faux=_a.faux,onChange=_a.onChange,small=_a.small,useNewOnChange=(_b=_a.useNewOnChange,_b===void 0?false:_b),value=_a.value,props=__rest(_a,["faux","onChange","small","useNewOnChange","value"]);// @ts-ignore
|
|
11844
11844
|
props=__assign(__assign({},props),{isCompact:small});var notifyParentOfChange=function(e){if(useNewOnChange===true){onChange(e.target.value,e);return;}onChange(e);};var valueProp=faux?{children:value}:{value:value};return jsxRuntime.jsx(TextFieldWrapper,__assign({},props,valueProp,{ref:ref,onChange:notifyParentOfChange,WrappedComponent:faux?FauxInput:Input}));});// @ts-ignore
|
|
11845
11845
|
TextField=styled__default["default"](TextField)(templateObject_1$h||(templateObject_1$h=__makeTemplateObject([""],[""// @ts-ignore
|
|
11846
11846
|
])));// @ts-ignore
|
|
@@ -11895,7 +11895,7 @@ if(prevState.placement!==this.state.placement){this.scheduleUpdate();}};_proto.c
|
|
|
11895
11895
|
// pill: true,
|
|
11896
11896
|
};})(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n &&&& {\n margin-top: 4px;\n padding: 0 4px;\n }\n"],["\n &&&& {\n margin-top: 4px;\n padding: 0 4px;\n }\n"])));var OverflowMenu=function(_a){var actions=_a.actions,appendToNode=_a.appendToNode,placement=_a.placement;return jsxRuntime.jsx(Dropdown,{appendMenuToNode:appendToNode,keyField:"label",labelField:"label",// @ts-ignore
|
|
11897
11897
|
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton$1,{})});};var templateObject_1$c;var Row$2=function(_a){var checkable=_a.checkable,checked=_a.checked,checkDisabled=_a.checkDisabled,columnConfigs=_a.columnConfigs,item=_a.item,onCheck=_a.onCheck,onClick=_a.onClick;var _b=__read(React__default.useState(true),2),isCollapsed=_b[0],setCollapsedState=_b[1];var key=item.key,containerStyles=item.containerStyles,actions=item.actions;var createGridRow=function(_a){var name=_a.name,important=_a.important;return jsxRuntime.jsxs(ColumnRow,__assign({collapsible:!important,isCollapsed:isCollapsed},{children:[jsxRuntime.jsx(Col,__assign({md:5,sm:12},{children:jsxRuntime.jsxs(Text,__assign({_css:styled.css(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";"],["\n font-weight: ",";\n font-size: ",";"])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))})),jsxRuntime.jsx(Col,__assign({md:7,sm:12},{children:jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";"],["\n font-weight: ",";\n font-size: ",";"])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))]}),"".concat(key,"-").concat(name));};var _c=__read(columnConfigs.reduce(function(acc,column){column.important?acc[0].push(column):acc[1].push(column);return acc;},[[],[]]),2),importantColumns=_c[0],collapsibleColumns=_c[1];var handleCheckChange=function(isChecked){onCheck===null||onCheck===void 0?void 0:onCheck(key,isChecked);};var toggleCollapse=function(){setCollapsedState(!isCollapsed);};return jsxRuntime.jsxs(Container$1,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({fluid:true},{children:[checkable?jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange}):null,jsxRuntime.jsx(FlexBox,__assign({withRows:true,fluid:true},{children:jsxRuntime.jsxs(Grid,{children:[importantColumns.map(createGridRow),!isCollapsed?jsxRuntime.jsx(FlexBox,{_css:styled.css(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n margin: .5em 0;\n background: ",";\n height: 2px;\n width: 20px;\n "],["\n margin: .5em 0;\n background: ",";\n height: 2px;\n width: 20px;\n "])),COLORS.LIGHT_GREY)}):null,collapsibleColumns.map(createGridRow)]})})),actions?jsxRuntime.jsx("div",{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,placement:"bottom-end"})}):null]})),isNotEmpty(collapsibleColumns)?jsxRuntime.jsxs(Button,__assign({_css:styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["align-self: flex-end; margin-bottom: ",""],["align-self: flex-end; margin-bottom: ",""])),SPACINGS.XS),fluid:true,icon:isCollapsed?js.mdiChevronDown:js.mdiChevronUp,primary:false,size:"small",onClick:toggleCollapse},{children:["Show ",isCollapsed?"More":"Less"]})):null]}));};// @ts-ignore
|
|
11898
|
-
Row$2.COMPONENT_NAME="Row";Row$2.defaultProps={};var Container$1=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_5$
|
|
11898
|
+
Row$2.COMPONENT_NAME="Row";Row$2.defaultProps={};var Container$1=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n background: ",";\n border-bottom: 1px solid ",";\n padding: ",";\n"],["\n background: ",";\n border-bottom: 1px solid ",";\n padding: ",";\n"])),COLORS.WHITE,veryLight(COLORS.GREY),SPACINGS.SM);var ColumnRow=styled__default["default"](Row$4)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n display: ",";\n padding: .1em;\n border-radius: 10px;\n"],["\n display: ",";\n padding: .1em;\n border-radius: 10px;\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"flex";});var templateObject_1$b,templateObject_2$9,templateObject_3$7,templateObject_4$5,templateObject_5$2,templateObject_6$1;var IGNORABLE_STATE_CHANGES=[Downshift$1.stateChangeTypes.blurInput,Downshift$1.stateChangeTypes.blurButton,Downshift$1.stateChangeTypes.mouseUp,Downshift$1.stateChangeTypes.touchEnd];var Sorter=function(_a){var columnConfigs=_a.columnConfigs,onColumnSort=_a.onColumnSort,_b=_a.sortState,sortState=_b===void 0?{}:_b;var initialState=React__default.useMemo(function(){var _a;var keys=Object.keys(sortState);var fieldName=isNotEmpty(keys)?keys[0]:"";var direction=(_a=sortState[fieldName])!==null&&_a!==void 0?_a:"";return fieldName&&direction?"".concat(fieldName,"::").concat(direction):"";},[sortState]);var _c=__read(React__default.useState(initialState),2),state=_c[0],setState=_c[1];var _d=__read(React__default.useState({isOpen:false}),2),dropdownState=_d[0],setDropdownState=_d[1];var theme=useTheme();var closeMenu=React__default.useCallback(function(){setDropdownState({isOpen:false});},[]);var applySort=React__default.useCallback(function(){var _a;if(!state){onColumnSort({});}else{var _b=__read(state.split("::"),2),fieldName=_b[0],direction=_b[1];onColumnSort((_a={},_a[fieldName]=direction,_a));}closeMenu();},[closeMenu,onColumnSort,state]);var processDropdownStateChange=function(_a){var isOpen=_a.isOpen,type=_a.type;if(isOpen==null||IGNORABLE_STATE_CHANGES.includes(type))return;setDropdownState({isOpen:isOpen});};var sortConfigs=React__default.useMemo(function(){return excludeBlanks(columnConfigs.map(function(c){return c.sort;}));},[columnConfigs]);var sortOptions=React__default.useMemo(function(){return sortConfigs.flatMap(function(_a){var label=_a.label,fieldName=_a.fieldName;return[{label:"".concat(label," - Ascending"),value:"".concat(fieldName,"::asc")},{label:"".concat(label," - Descending"),value:"".concat(fieldName,"::desc")}];});},[sortConfigs]);if(isEmpty(sortConfigs))return null;return jsxRuntime.jsx(Dropdown,{appendMenuToNode:document.body,isOpen:dropdownState.isOpen,menuCSS:styled.css(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["&& { font-size: ","; }"],["&& { font-size: ","; }"])),function(_a){var theme=_a.theme;return theme.styles.font.size;}),onStateChange:processDropdownStateChange,options:[jsxRuntime.jsxs(FlexBox,__assign({as:"li",_css:styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["padding: ","; width: 300px; max-width: 100%; max-height: 100%;"],["padding: ","; width: 300px; max-width: 100%; max-height: 100%;"])),SPACINGS.SM),withRows:true},{children:[jsxRuntime.jsx(IconButton,{_css:styled.css(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["align-self: flex-end; padding: .5rem; margin-bottom: -2rem;"],["align-self: flex-end; padding: .5rem; margin-bottom: -2rem;"]))),color:theme.styles.textColorPrimary,compact:true,icon:js.mdiClose,onClick:closeMenu}),jsxRuntime.jsx(SearchableSelector,{appendMenuToNode:document.body,clearable:true,emptyState:"Select attribute and order",keyField:"value",label:"Sort By",labelField:"label",maxMenuHeight:"200px",menuPopperModifiers:[{name:"flip",enabled:true}],onChange:setState,options:sortOptions,placement:"bottom",selectedKey:state,small:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["margin-top: ",";"],["margin-top: ",";"])),SPACINGS.SM),withRows:true},{children:jsxRuntime.jsx(Button,__assign({fluid:true,onClick:applySort},{children:"Apply"}))}))]}),"table_sort_menu")],trigger:jsxRuntime.jsx(Button,__assign({fluid:true,icon:js.mdiSwapVertical,onClick:DO_NOTHING,primary:false},{children:"Sort By"})),useRawOptions:true});};var templateObject_1$a,templateObject_2$8,templateObject_3$6,templateObject_4$4;var MobileTable=function(_a){var actions=_a.actions,checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,filterState=_a.filterState;_a.hasRowActions;var helpText=_a.helpText,items=_a.items,sortState=_a.sortState,title=_a.title,onColumnSort=_a.onColumnSort,onFiltersChange=_a.onFiltersChange,onItemClick=_a.onItemClick,onItemChecked=_a.onItemChecked,onSelectAllToggle=_a.onSelectAllToggle;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["flex-wrap: wrap;"],["flex-wrap: wrap;"]))),justifyContent:"space-between",withRows:true},{children:[jsxRuntime.jsxs(Title$1,{children:[title,jsxRuntime.jsx(HelpText,__assign({size:FONT_SIZES.XS},{children:helpText}))]}),jsxRuntime.jsxs(FlexBox,__assign({justifyContent:"space-between",wrapped:true},{children:[checkable?jsxRuntime.jsx(Button,{compact:true,icon:allSelected?js.mdiCheckboxMarked:js.mdiCheckboxBlankOutline,neutral:true,onClick:function(){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(!allSelected);}}):undefined,actions,onFiltersChange?jsxRuntime.jsx(Filters,{columnConfigs:columnConfigs,filterState:filterState,fluidButton:true,onFiltersChange:onFiltersChange}):null,jsxRuntime.jsx(Sorter,{columnConfigs:columnConfigs,onColumnSort:onColumnSort,sortState:sortState})]}))]})),jsxRuntime.jsx(Container,__assign({gap:SPACINGS.XS,withRows:true},{children:items.map(function(item){return jsxRuntime.jsx(Row$2,{item:item,columnConfigs:columnConfigs,onClick:onItemClick,checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),onCheck:onItemChecked},item.key);})}))]}));};var Container=styled__default["default"](FlexBox)(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n background: ",";\n border-color: ",";\n border-style: solid;\n border-width: ",";\n"],["\n background: ",";\n border-color: ",";\n border-style: solid;\n border-width: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderSize;});var templateObject_1$9,templateObject_2$7;var SORT_OPTIONS=["asc","desc",undefined];var SortButton=function(_a){var direction=_a.direction,fieldName=_a.fieldName,onClick=_a.onClick;var theme=useTheme();var icon=function(){switch(direction){case"asc":return js.mdiArrowUpThin;case"desc":return js.mdiArrowDownThin;}return js.mdiSwapVertical;};var cycleSorting=React__default.useCallback(function(){onClick(fieldName,nextItem(SORT_OPTIONS,direction));},[direction,fieldName,onClick]);return jsxRuntime.jsx(Button,{color:direction?theme.styles.textColorPrimary:undefined,compact:true,_css:styled.css(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["padding: 2px; height: auto;"],["padding: 2px; height: auto;"]))),flat:true,icon:icon(),neutral:!direction,onClick:cycleSorting,primary:false});};var templateObject_1$8;var overflowCellStyles=styled.css(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: ",";\n \n ::before {\n position: absolute;\n top: 0;\n left: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n"],["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: ",";\n \n ::before {\n position: absolute;\n top: 0;\n left: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n"// const sortableColumnHeaderStyles = css`
|
|
11899
11899
|
// cursor: pointer;
|
|
11900
11900
|
// :hover, :focus {
|
|
11901
11901
|
// background: ${veryLight(COLORS.GREY)};
|
|
@@ -11907,7 +11907,7 @@ Row$2.COMPONENT_NAME="Row";Row$2.defaultProps={};var Container$1=styled__default
|
|
|
11907
11907
|
// background: ${veryLight(COLORS.GREY)};
|
|
11908
11908
|
// }
|
|
11909
11909
|
// `
|
|
11910
|
-
var Table=styled__default["default"](Table$1)(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n && {\n color: inherit;\n border-radius: 6px;\n }\n ","\n"],["\n && {\n color: inherit;\n border-radius: 6px;\n }\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Head=styled__default["default"](Head$1)(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"],["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"])),veryLight(COLORS.GREY),COLORS.WHITE);var HeaderRow=styled__default["default"](HeaderRow$1)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n border: none !important;\n height: auto !important;\n"],["\n border: none !important;\n height: auto !important;\n"])));var HeaderCell=styled__default["default"](HeaderCell$1)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n vertical-align: top;\n background: white;\n ",";\n ","\n"],["\n vertical-align: top;\n background: white;\n ",";\n ","\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var Body=styled__default["default"](Body$1)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES_EM.SM);var Cell=styled__default["default"](Cell$1)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n &&&& {\n background: white;\n box-shadow: none;\n ",";\n ","\n }\n"],["\n &&&& {\n background: white;\n box-shadow: none;\n ",";\n ","\n }\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var OverflowButton=styled__default["default"](OverflowButton$2)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n"],["\n"])));styled.css(templateObject_9||(templateObject_9=__makeTemplateObject(["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,function(p){return p.theme.styles.colorPrimary;},function(p){return fade(p.theme.styles.colorPrimary,.8);});styled.css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,COLORS.WHITE);var Row$1=styled__default["default"](Row$3)(templateObject_11||(templateObject_11=__makeTemplateObject(["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"],["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"])),veryLight(COLORS.GREY),light(COLORS.GREY,.72),function(_a){var _css=_a._css;return _css;});Object.assign(Table,{Head:Head,HeaderRow:HeaderRow,HeaderCell:HeaderCell,OverflowButton:OverflowButton,Body:Body,Row:Row$1,Cell:Cell});var templateObject_1$7,templateObject_2$6,templateObject_3$5,templateObject_4$3,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;var calculateStickyPosition=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true,width:"37.6px"});var _b=__read(splitArray(configs,index),1),left=_b[0];var widths=left.map(function(c){return c.width;});return styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["left: calc(",");"],["left: calc(",");"])),widths.join(" + "));};var calculateStickyShadow=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true});var _b=__read(splitArray(configs,index),2),rest=_b[1];if(isNotEmpty(rest))rest.shift();var notLastSticky=rest.some(function(c){return c.important;});if(notLastSticky)return"";return styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "],["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "])));};var columnContainerStyles=function(c){return c.important?stickyStyles:nonStickyStyles;};var nonStickyStyles=styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var stickyStyles=styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"],["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"])),calculateStickyShadow,calculateStickyPosition);var templateObject_1$6,templateObject_2$5,templateObject_3$4,templateObject_4$2;var Header=function(_a){var bodyScrollbarWidth=_a.bodyScrollbarWidth,checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,hasRowActions=_a.hasRowActions,items=_a.items,onColumnSort=_a.onColumnSort,onSelectAllToggle=_a.onSelectAllToggle,sortState=_a.sortState;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=function(checked){if(!!onSelectAllToggle)onSelectAllToggle(checked);};var trackSortFields=React__default.useCallback(function(fieldName,direction){var _a;onColumnSort(direction?(_a={},_a[fieldName]=direction,_a):{});},[onColumnSort]);return jsxRuntime.jsx(Head,{children:jsxRuntime.jsxs(HeaderRow,{children:[checkable?jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,important=c.important,name=c.name,sort=c.sort,width=c.width;index=checkable?index+1:index;return jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),alignItems:"center",gap:SPACINGS.XS},{children:[jsxRuntime.jsx(HeaderText,__assign({important:important},{children:name})),sort?jsxRuntime.jsx(SortButton,{fieldName:sort.fieldName,direction:sortState[sort.fieldName],onClick:trackSortFields}):null]}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell,{extraWidth:"".concat(bodyScrollbarWidth,"px"),hasOverflow:true}):null,!hasRowActions&&bodyScrollbarWidth?jsxRuntime.jsx(HeaderCell,{width:"".concat(bodyScrollbarWidth,"px")}):null]})});};var HeaderText=function(_a){var children=_a.children,important=_a.important;var color=function(p){return important?p.theme.styles.colorPrimary:"unset";};return jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "],["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "])),color,FONT_SIZES.XS,FONT_WEIGHTS.BOLD)},{children:children}));};var templateObject_1$5,templateObject_2$4,templateObject_3$3,templateObject_4$1;var Row=function(_a){var _b=_a.checkable,checkable=_b===void 0?false:_b,_c=_a.checkDisabled,checkDisabled=_c===void 0?false:_c,_d=_a.checked,checked=_d===void 0?false:_d,columnConfigs=_a.columnConfigs,item=_a.item,onCheck=_a.onCheck,onClick=_a.onClick,onHoverEnd=_a.onHoverEnd,onHoverStart=_a.onHoverStart;var handleCheckChange=function(checked){onCheck===null||onCheck===void 0?void 0:onCheck(item.key,checked);};var key=item.key,containerStyles=item.containerStyles,actions=item.actions;return jsxRuntime.jsxs(Row$1,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},onMouseEnter:function(){return onHoverStart===null||onHoverStart===void 0?void 0:onHoverStart(key);},onMouseLeave:function(){return onHoverEnd===null||onHoverEnd===void 0?void 0:onHoverEnd(key);}},{children:[checkable?jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,name=c.name,important=c.important,width=c.width;index=checkable?index+1:index;var weight=important?FONT_WEIGHTS.MEDIUM:FONT_WEIGHTS.REGULAR;return jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(Text,__assign({_css:"font-weight: ".concat(weight,"; width: 100%;")},{children:item[name]}))}),"".concat(key,"-").concat(name));}),actions?jsxRuntime.jsx(OverflowMenuCell,__assign({hasOverflow:true},{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,appendToNode:document.body,placement:"bottom-end"})})):null]}));};var OverflowMenuCell=styled__default["default"](Cell)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n && {}\n"],["\n && {}\n"])));Row.COMPONENT_NAME="Row";var templateObject_1$4,templateObject_2$3,templateObject_3$2;var NiceTable=function(_a){var actions=_a.actions,_b=_a.checkable,checkable=_b===void 0?false:_b,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,filterState=_a.filterState,hasRowActions=_a.hasRowActions,helpText=_a.helpText,items=_a.items,maxHeight=_a.maxHeight,sortState=_a.sortState,title=_a.title,onColumnSort=_a.onColumnSort,onFiltersChange=_a.onFiltersChange,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;var _c=__read(React__default.useState(0),2),verticalScrollbarWidth=_c[0],setVerticalScrollbarWidth=_c[1];var _d=__read(React__default.useState("0px"),2),headerHeight=_d[0],setHeaderHeight=_d[1];var bodyRef=React__default.useRef(null);var headerRef=React__default.useRef(null);var handleScroll=function(e){if(!headerRef.current)return;headerRef.current.scrollLeft=e.target.scrollLeft;};React__default.useEffect(function(){if(!bodyRef.current||!headerRef.current)return;var bodyWidth=bodyRef.current.clientWidth;var headerWidth=headerRef.current.clientWidth;var headerHeight=headerRef.current.clientHeight;setVerticalScrollbarWidth(headerWidth-bodyWidth);setHeaderHeight("".concat(headerHeight,"px"));},[]);return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["margin-bottom: 1rem;"],["margin-bottom: 1rem;"]))),justifyContent:"space-between",withRows:true},{children:[title?jsxRuntime.jsx(Title$1,{children:title}):null,helpText?jsxRuntime.jsx(HelpText,{children:helpText}):null,jsxRuntime.jsxs(FlexBox,__assign({_css:"flex: 1",justifyContent:"flex-end"},{children:[actions,onFiltersChange?jsxRuntime.jsx(Filters,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange}):null]}))]})),jsxRuntime.jsxs(TableWrapper,{children:[jsxRuntime.jsx("div",__assign({css:styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["overflow: hidden;"],["overflow: hidden;"]))),ref:headerRef},{children:jsxRuntime.jsx(Table,{children:jsxRuntime.jsx(Header,{bodyScrollbarWidth:verticalScrollbarWidth,checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,items:items,onColumnSort:onColumnSort,onSelectAllToggle:onSelectAllToggle,sortState:sortState})})})),jsxRuntime.jsx("div",__assign({css:styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n overflow: auto ",";\n max-height: calc("," - ",");\n "],["\n overflow: auto ",";\n max-height: calc("," - ",");\n "])),maxHeight?"scroll":"auto",maxHeight,headerHeight),onScroll:handleScroll,ref:bodyRef},{children:jsxRuntime.jsx(Table,{children:jsxRuntime.jsx(Body,{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(Row,{checkable:checkable,checkDisabled:item.checkDisabled,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,item:item,onCheck:onItemChecked,onClick:onItemClick,onHoverStart:onItemHoverStart,onHoverEnd:onItemHoverEnd},item.key);}):emptyState})})}))]})]}));};var TableWrapper=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n border: 2px solid ",";\n"],["\n border: 2px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;});NiceTable.COMPONENT_NAME="NiceTable";var templateObject_1$3,templateObject_2$2,templateObject_3$1,templateObject_4;var Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};Carousel=styled__default["default"](Carousel)(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3||(templateObject_3=__makeTemplateObject(["\n height: auto;\n"],["\n height: auto;\n"])));var templateObject_1$2,templateObject_2$1,templateObject_3;var Pagination=function(_a){var page=_a.page,pageSize=_a.pageSize,totalCount=_a.totalCount,onPageChange=_a.onPageChange;var numberPages=React__default.useMemo(function(){return Math.ceil(totalCount/pageSize);},[pageSize,totalCount]);var getItems=function(){var maxNumberCarouselItems=5;if(numberPages<=maxNumberCarouselItems){return arrayOfSizeN(numberPages).map(function(_,i){return i+1;});}var equilibriumNumberOfPads=Math.floor(maxNumberCarouselItems/2);var leftPadding=Math.min(page-1,equilibriumNumberOfPads);var rightPadding=Math.min(numberPages-page,equilibriumNumberOfPads);var missingFromRight=equilibriumNumberOfPads-rightPadding;var missingFromLeft=equilibriumNumberOfPads-leftPadding;return __spreadArray(__spreadArray(__spreadArray([],__read(arrayOfSizeN(leftPadding+missingFromRight).map(function(_,i){return page-(i+1);})),false),[page],false),__read(arrayOfSizeN(rightPadding+missingFromLeft).map(function(_,i){return page+(i+1);})),false).sort(function(a,b){return a-b;});};var movePage=function(direction){return function(){var newPage=page+direction;if(1>newPage||newPage>numberPages)return;return onPageChange(newPage);};};var movePageEnd=React__default.useCallback(function(){return onPageChange(numberPages);},[numberPages,onPageChange]);var movePageStart=React__default.useCallback(function(){return onPageChange(1);},[onPageChange]);if(totalCount<=pageSize)return null;return jsxRuntime.jsx(Carousel,__assign({_css:styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["align-self: center;"],["align-self: center;"]))),disableNextButton:page===numberPages,disablePreviousButton:page===1,inline:true,onEndClick:movePageEnd,onNextClick:movePage(+1),onPreviousClick:movePage(-1),onStartClick:movePageStart},{children:jsxRuntime.jsx(FlexBox,__assign({gap:"2px"},{children:getItems().map(function(num){return jsxRuntime.jsx(Button,__assign({_css:styled.css(templateObject_2||(templateObject_2=__makeTemplateObject(["padding: 0; height: 30px; width: 30px;"],["padding: 0; height: 30px; width: 30px;"]))),compact:true,flat:num!==page,onClick:num===page?DO_NOTHING:movePage(num-page),pill:true,primary:num===page},{children:num}),num);})}))}));};var templateObject_1$1,templateObject_2;function newIdGenerator(){var id;return __generator(this,function(_a){switch(_a.label){case 0:id=0;_a.label=1;case 1:return[4/*yield*/,id++];case 2:_a.sent();return[3/*break*/,1];case 3:return[2/*return*/];}});}var nextId=function(generator){return generator.next().value;};// @flow
|
|
11910
|
+
var Table=styled__default["default"](Table$1)(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n && {\n color: inherit;\n border-radius: 6px;\n }\n ","\n"],["\n && {\n color: inherit;\n border-radius: 6px;\n }\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Head=styled__default["default"](Head$1)(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"],["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"])),veryLight(COLORS.GREY),COLORS.WHITE);var HeaderRow=styled__default["default"](HeaderRow$1)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n border: none !important;\n height: auto !important;\n"],["\n border: none !important;\n height: auto !important;\n"])));var HeaderCell=styled__default["default"](HeaderCell$1)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n vertical-align: top;\n background: white;\n ",";\n ","\n"],["\n vertical-align: top;\n background: white;\n ",";\n ","\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var Body=styled__default["default"](Body$1)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES_EM.SM);var Cell=styled__default["default"](Cell$1)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n &&&& {\n background: white;\n box-shadow: none;\n ",";\n ","\n }\n"],["\n &&&& {\n background: white;\n box-shadow: none;\n ",";\n ","\n }\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var OverflowButton=styled__default["default"](OverflowButton$2)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n"],["\n"])));styled.css(templateObject_9||(templateObject_9=__makeTemplateObject(["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,function(p){return p.theme.styles.colorPrimary;},function(p){return fade(p.theme.styles.colorPrimary,.8);});styled.css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,COLORS.WHITE);var Row$1=styled__default["default"](Row$3)(templateObject_11||(templateObject_11=__makeTemplateObject(["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"],["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"])),veryLight(COLORS.GREY),light(COLORS.GREY,.72),function(_a){var _css=_a._css;return _css;});Object.assign(Table,{Head:Head,HeaderRow:HeaderRow,HeaderCell:HeaderCell,OverflowButton:OverflowButton,Body:Body,Row:Row$1,Cell:Cell});var templateObject_1$7,templateObject_2$6,templateObject_3$5,templateObject_4$3,templateObject_5$1,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;var calculateStickyPosition=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true,width:"37.6px"});var _b=__read(splitArray(configs,index),1),left=_b[0];var widths=left.map(function(c){return c.width;});return styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["left: calc(",");"],["left: calc(",");"])),widths.join(" + "));};var calculateStickyShadow=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true});var _b=__read(splitArray(configs,index),2),rest=_b[1];if(isNotEmpty(rest))rest.shift();var notLastSticky=rest.some(function(c){return c.important;});if(notLastSticky)return"";return styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "],["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "])));};var columnContainerStyles=function(c){return c.important?stickyStyles:nonStickyStyles;};var nonStickyStyles=styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var stickyStyles=styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"],["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"])),calculateStickyShadow,calculateStickyPosition);var templateObject_1$6,templateObject_2$5,templateObject_3$4,templateObject_4$2;var Header=function(_a){var bodyScrollbarWidth=_a.bodyScrollbarWidth,checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,hasRowActions=_a.hasRowActions,items=_a.items,onColumnSort=_a.onColumnSort,onSelectAllToggle=_a.onSelectAllToggle,sortState=_a.sortState;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=function(checked){if(!!onSelectAllToggle)onSelectAllToggle(checked);};var trackSortFields=React__default.useCallback(function(fieldName,direction){var _a;onColumnSort(direction?(_a={},_a[fieldName]=direction,_a):{});},[onColumnSort]);return jsxRuntime.jsx(Head,{children:jsxRuntime.jsxs(HeaderRow,{children:[checkable?jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,important=c.important,name=c.name,sort=c.sort,width=c.width;index=checkable?index+1:index;return jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),alignItems:"center",gap:SPACINGS.XS},{children:[jsxRuntime.jsx(HeaderText,__assign({important:important},{children:name})),sort?jsxRuntime.jsx(SortButton,{fieldName:sort.fieldName,direction:sortState[sort.fieldName],onClick:trackSortFields}):null]}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell,{extraWidth:"".concat(bodyScrollbarWidth,"px"),hasOverflow:true}):null,!hasRowActions&&bodyScrollbarWidth?jsxRuntime.jsx(HeaderCell,{width:"".concat(bodyScrollbarWidth,"px")}):null]})});};var HeaderText=function(_a){var children=_a.children,important=_a.important;var color=function(p){return important?p.theme.styles.colorPrimary:"unset";};return jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "],["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "])),color,FONT_SIZES.XS,FONT_WEIGHTS.BOLD)},{children:children}));};var templateObject_1$5,templateObject_2$4,templateObject_3$3,templateObject_4$1;var Row=function(_a){var _b=_a.checkable,checkable=_b===void 0?false:_b,_c=_a.checkDisabled,checkDisabled=_c===void 0?false:_c,_d=_a.checked,checked=_d===void 0?false:_d,columnConfigs=_a.columnConfigs,item=_a.item,onCheck=_a.onCheck,onClick=_a.onClick,onHoverEnd=_a.onHoverEnd,onHoverStart=_a.onHoverStart;var handleCheckChange=function(checked){onCheck===null||onCheck===void 0?void 0:onCheck(item.key,checked);};var key=item.key,containerStyles=item.containerStyles,actions=item.actions;return jsxRuntime.jsxs(Row$1,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},onMouseEnter:function(){return onHoverStart===null||onHoverStart===void 0?void 0:onHoverStart(key);},onMouseLeave:function(){return onHoverEnd===null||onHoverEnd===void 0?void 0:onHoverEnd(key);}},{children:[checkable?jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,name=c.name,important=c.important,width=c.width;index=checkable?index+1:index;var weight=important?FONT_WEIGHTS.MEDIUM:FONT_WEIGHTS.REGULAR;return jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(Text,__assign({_css:"font-weight: ".concat(weight,"; width: 100%;")},{children:item[name]}))}),"".concat(key,"-").concat(name));}),actions?jsxRuntime.jsx(OverflowMenuCell,__assign({hasOverflow:true},{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,appendToNode:document.body,placement:"bottom-end"})})):null]}));};var OverflowMenuCell=styled__default["default"](Cell)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n && {}\n"],["\n && {}\n"])));Row.COMPONENT_NAME="Row";var templateObject_1$4,templateObject_2$3,templateObject_3$2;var NiceTable=function(_a){var actions=_a.actions,_b=_a.checkable,checkable=_b===void 0?false:_b,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,filterState=_a.filterState,hasRowActions=_a.hasRowActions,helpText=_a.helpText,items=_a.items,maxHeight=_a.maxHeight,sortState=_a.sortState,title=_a.title,onColumnSort=_a.onColumnSort,onFiltersChange=_a.onFiltersChange,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;var _c=__read(React__default.useState(0),2),verticalScrollbarWidth=_c[0],setVerticalScrollbarWidth=_c[1];var _d=__read(React__default.useState("0px"),2),headerHeight=_d[0],setHeaderHeight=_d[1];var bodyRef=React__default.useRef(null);var headerRef=React__default.useRef(null);var handleScroll=function(e){if(!headerRef.current)return;headerRef.current.scrollLeft=e.target.scrollLeft;};React__default.useEffect(function(){if(!bodyRef.current||!headerRef.current)return;var bodyWidth=bodyRef.current.clientWidth;var headerWidth=headerRef.current.clientWidth;var headerHeight=headerRef.current.clientHeight;setVerticalScrollbarWidth(headerWidth-bodyWidth);setHeaderHeight("".concat(headerHeight,"px"));},[]);return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["margin-bottom: 1rem;"],["margin-bottom: 1rem;"]))),justifyContent:"space-between",withRows:true},{children:[title?jsxRuntime.jsx(Title$1,{children:title}):null,helpText?jsxRuntime.jsx(HelpText,{children:helpText}):null,jsxRuntime.jsxs(FlexBox,__assign({_css:"flex: 1",justifyContent:"flex-end"},{children:[actions,onFiltersChange?jsxRuntime.jsx(Filters,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange}):null]}))]})),jsxRuntime.jsxs(TableWrapper,{children:[jsxRuntime.jsx(Div,__assign({_css:styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["overflow: hidden;"],["overflow: hidden;"]))),ref:headerRef},{children:jsxRuntime.jsx(Table,{children:jsxRuntime.jsx(Header,{bodyScrollbarWidth:verticalScrollbarWidth,checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,items:items,onColumnSort:onColumnSort,onSelectAllToggle:onSelectAllToggle,sortState:sortState})})})),jsxRuntime.jsx(Div,__assign({_css:styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n overflow: auto ",";\n max-height: calc("," - ",");\n "],["\n overflow: auto ",";\n max-height: calc("," - ",");\n "])),maxHeight?"scroll":"auto",maxHeight,headerHeight),onScroll:handleScroll,ref:bodyRef},{children:jsxRuntime.jsx(Table,{children:jsxRuntime.jsx(Body,{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(Row,{checkable:checkable,checkDisabled:item.checkDisabled,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,item:item,onCheck:onItemChecked,onClick:onItemClick,onHoverStart:onItemHoverStart,onHoverEnd:onItemHoverEnd},item.key);}):emptyState})})}))]})]}));};var TableWrapper=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n border: 2px solid ",";\n"],["\n border: 2px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;});var Div=styled__default["default"].div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});NiceTable.COMPONENT_NAME="NiceTable";var templateObject_1$3,templateObject_2$2,templateObject_3$1,templateObject_4,templateObject_5;var Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};Carousel=styled__default["default"](Carousel)(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3||(templateObject_3=__makeTemplateObject(["\n height: auto;\n"],["\n height: auto;\n"])));var templateObject_1$2,templateObject_2$1,templateObject_3;var Pagination=function(_a){var page=_a.page,pageSize=_a.pageSize,totalCount=_a.totalCount,onPageChange=_a.onPageChange;var numberPages=React__default.useMemo(function(){return Math.ceil(totalCount/pageSize);},[pageSize,totalCount]);var getItems=function(){var maxNumberCarouselItems=5;if(numberPages<=maxNumberCarouselItems){return arrayOfSizeN(numberPages).map(function(_,i){return i+1;});}var equilibriumNumberOfPads=Math.floor(maxNumberCarouselItems/2);var leftPadding=Math.min(page-1,equilibriumNumberOfPads);var rightPadding=Math.min(numberPages-page,equilibriumNumberOfPads);var missingFromRight=equilibriumNumberOfPads-rightPadding;var missingFromLeft=equilibriumNumberOfPads-leftPadding;return __spreadArray(__spreadArray(__spreadArray([],__read(arrayOfSizeN(leftPadding+missingFromRight).map(function(_,i){return page-(i+1);})),false),[page],false),__read(arrayOfSizeN(rightPadding+missingFromLeft).map(function(_,i){return page+(i+1);})),false).sort(function(a,b){return a-b;});};var movePage=function(direction){return function(){var newPage=page+direction;if(1>newPage||newPage>numberPages)return;return onPageChange(newPage);};};var movePageEnd=React__default.useCallback(function(){return onPageChange(numberPages);},[numberPages,onPageChange]);var movePageStart=React__default.useCallback(function(){return onPageChange(1);},[onPageChange]);if(totalCount<=pageSize)return null;return jsxRuntime.jsx(Carousel,__assign({_css:styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["align-self: center;"],["align-self: center;"]))),disableNextButton:page===numberPages,disablePreviousButton:page===1,inline:true,onEndClick:movePageEnd,onNextClick:movePage(+1),onPreviousClick:movePage(-1),onStartClick:movePageStart},{children:jsxRuntime.jsx(FlexBox,__assign({gap:"2px"},{children:getItems().map(function(num){return jsxRuntime.jsx(Button,__assign({_css:styled.css(templateObject_2||(templateObject_2=__makeTemplateObject(["padding: 0; height: 30px; width: 30px;"],["padding: 0; height: 30px; width: 30px;"]))),compact:true,flat:num!==page,onClick:num===page?DO_NOTHING:movePage(num-page),pill:true,primary:num===page},{children:num}),num);})}))}));};var templateObject_1$1,templateObject_2;function newIdGenerator(){var id;return __generator(this,function(_a){switch(_a.label){case 0:id=0;_a.label=1;case 1:return[4/*yield*/,id++];case 2:_a.sent();return[3/*break*/,1];case 3:return[2/*return*/];}});}var nextId=function(generator){return generator.next().value;};// @flow
|
|
11911
11911
|
/* Size key name represents all devices with a pixel width up to the number
|
|
11912
11912
|
specified */var REGULAR_SIZES={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_SIZES={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var deviseSizes=function(wideLayout){if(wideLayout===void 0){wideLayout=false;}return wideLayout?WIDE_SIZES:REGULAR_SIZES;};var unit=function(px){return"".concat(px,"px");};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var deviceQueries=function(isSkinnyLayout){var _a;var _b=deviseSizes(!isSkinnyLayout),phoneSize=_b.phoneSize,tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;return _a={},_a[DEVICES.phone]="(max-width: ".concat(unit(phoneSize),")"),_a[DEVICES.tablet]="(min-width: ".concat(unit(phoneSize+1),") and (max-width: ").concat(unit(tabletSize),")"),_a[DEVICES.largeTablet]="(min-width: ".concat(unit(tabletSize+1),") and (max-width: ").concat(unit(largeTabletSize),")"),_a[DEVICES.smallComputer]="(min-width: ".concat(unit(largeTabletSize+1),") and (max-width: ").concat(unit(smallComputerSize),")"),_a[DEVICES.largeComputer]="(min-width: ".concat(unit(smallComputerSize+1),")"),_a;};var logger=new Logger("DeviceSizeWatcher");var checkAny=function(arr){return function(){return arr.some(function(f){return f();});};};var DeviceSizeWatcher=/** @class */function(){function DeviceSizeWatcher(){var _this=this;this.subscribers={};this.idGen=newIdGenerator();this.subscribe=function(callBack){var id=nextId(_this.idGen);_this.subscribers[id]=callBack;return id;};this.unsubscribe=function(id){_this.subscribers[id]=null;delete _this.subscribers[id];};this.notifyReceivers=function(s){Object.values(_this.subscribers).forEach(function(f){!!f&&f(s);});};this.isPhone=function(){return _this.currentSize===DEVICES.phone;};this.isTablet=function(){return _this.currentSize===DEVICES.tablet;};this.isLargeTablet=function(){return _this.currentSize===DEVICES.largeTablet;};this.isSmallComputer=function(){return _this.currentSize===DEVICES.smallComputer;};this.isLargeComputer=function(){return _this.currentSize===DEVICES.largeComputer;};this.isSmallComputerAndUp=checkAny([this.isSmallComputer,this.isLargeComputer]);this.isLargeTabletAndUp=checkAny([this.isLargeTablet,this.isSmallComputerAndUp]);this.isTabletAndUp=checkAny([this.isTablet,this.isLargeTabletAndUp]);this.any=function(arr){return arr.some(function(f){return f();});};this.getSize=function(){return _this.currentSize;};this.createAllListeners=function(){if(typeof window==="undefined")return;logger.writeInfo("createAllListeners");var queries=deviceQueries(true);logger.writeInfo("queries",queries);Object.entries(DEVICES).forEach(function(_a){var _b=__read(_a,2),name=_b[0],s=_b[1];logger.writeInfo("name",name);var ml=window.matchMedia(queries[s]);ml.addListener(function(e){if(!e.matches)return;_this.currentSize=s;logger.writeInfo("Changed to size:",name);_this.notifyReceivers(s);});if(ml.matches){_this.currentSize=s;logger.writeInfo("Initial size:",name);}});};this.createAllListeners();}return DeviceSizeWatcher;}();var deviceSizeWatcher=new DeviceSizeWatcher();var getSize=deviceSizeWatcher.getSize,isLargeComputer=deviceSizeWatcher.isLargeComputer,isSmallComputer=deviceSizeWatcher.isSmallComputer,subscribe=deviceSizeWatcher.subscribe,unsubscribe=deviceSizeWatcher.unsubscribe;exports.Table=function(_a){var _b;var actions=_a.actions,className=_a.className,pagination=_a.pagination,onItemsChecked=_a.onItemsChecked,onPageChange=_a.onPageChange,props=__rest(_a,["actions","className","pagination","onItemsChecked","onPageChange"]);var setDeviseSize=(_b=__read(React__default.useState(getSize()),2),_b[1]);var handleDeviseSizeChange=React__default.useCallback(function(s){setDeviseSize(s);},[]);var setAllRowsSelectedTo=function(isChecked){var rows=isChecked?props.items.map(function(i){return i.key;}):[];onItemsChecked===null||onItemsChecked===void 0?void 0:onItemsChecked(new Set(__spreadArray([],__read(rows),false)));};React__default.useEffect(function(){var subId=subscribe(handleDeviseSizeChange);return function(){unsubscribe(subId);};},[handleDeviseSizeChange]);var hasRowActions=props.items.some(function(i){return i.actions&&isNotEmpty(i.actions);});return jsxRuntime.jsxs(FlexBox,__assign({withRows:true,className:className},{children:[isSmallComputer()||isLargeComputer()?jsxRuntime.jsx(NiceTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(MobileTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)),pagination?jsxRuntime.jsx(Pagination,__assign({},pagination,{onPageChange:onPageChange})):null]}));};exports.Table=styled__default["default"](exports.Table)(templateObject_1||(templateObject_1=__makeTemplateObject([""],[""])));var templateObject_1;exports.MobileTable=MobileTable;exports.NiceTable=NiceTable;
|
|
11913
11913
|
//# sourceMappingURL=tables.js.map
|