@idea-fragments/react-components-zendesk 0.1.36 → 0.1.38

package/dist/tables.js

@@ -11824,7 +11824,7 @@ onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;va
  *
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
- */function _extends$1$1(){_extends$1$1=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$1$1.apply(this,arguments);}function _objectWithoutPropertiesLoose$6(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$3(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$6(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;}var SIZE$2=['small','medium','large'];var _excluded$1$4=["children"];var COMPONENT_ID$2$3='tags.avatar';var StyledAvatar=styled__default["default"](function(_ref){var children=_ref.children,props=_objectWithoutProperties$3(_ref,_excluded$1$4);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$2$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledAvatar",componentId:"sc-3kdmgt-0"})(["flex-shrink:0;font-size:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2$3,props);});StyledAvatar.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$3='tags.close';var StyledClose=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$3,'data-garden-version':'8.53.2','aria-label':'Press delete to remove'}).withConfig({displayName:"StyledClose",componentId:"sc-d6lrpn-0"})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:0.8;border:0;cursor:pointer;padding:0;font-size:0;&:hover{opacity:0.9;}&:focus{outline:none;}",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$1$3,props);});StyledClose.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$d='tags.tag_view';var colorStyles$7=function colorStyles(props){var backgroundColor;var boxShadowColor;var foregroundColor;var closeColor;if(props.hue){var shade=props.hue==='yellow'?400:600;backgroundColor=getColor$1(props.hue,shade,props.theme);boxShadowColor=getColor$1(props.hue,shade,props.theme,0.35);if(props.hue==='yellow'||props.hue==='lemon'){foregroundColor=getColor$1('yellow',800,props.theme);}else{foregroundColor=readableColor(backgroundColor,props.theme.palette.grey[800],props.theme.palette.white);}}else{backgroundColor=getColor$1('neutralHue',200,props.theme);boxShadowColor=getColor$1('neutralHue',600,props.theme,0.35);foregroundColor=getColor$1('neutralHue',700,props.theme);closeColor=getColor$1('neutralHue',600,props.theme);}return styled.css(["background-color:",";color:",";&:hover{color:",";}&:focus{box-shadow:",";}& ","{color:",";}"],backgroundColor,foregroundColor,foregroundColor,props.theme.shadows.sm(boxShadowColor),StyledClose,closeColor);};var sizeStyles$7=function sizeStyles(props){var borderRadius;var padding;var height;var fontSize;var minWidth;var avatarSize;if(props.size==='small'){borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base;height=props.theme.space.base*4;fontSize=props.theme.fontSizes.xs;avatarSize=0;}else if(props.size==='large'){borderRadius=props.theme.borderRadii.md;padding=props.theme.space.base*3;height=props.theme.space.base*8;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*6;}else{borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base*2;height=props.theme.space.base*5;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*4;}var avatarBorderRadius=props.size==='large'?math("".concat(borderRadius," - 1")):borderRadius;var avatarMargin=(height-avatarSize)/2;var avatarTextMargin=props.isRound?avatarMargin:avatarMargin*2;if(props.isRound){borderRadius='50%';padding=0;minWidth=height;avatarBorderRadius='50%';}else if(props.isPill){borderRadius='100px';avatarBorderRadius='50%';if(props.size==='small'){padding=props.theme.space.base*1.5;minWidth=props.theme.space.base*6;}else if(props.size==='large'){minWidth=props.theme.space.base*12;}else{minWidth=props.theme.space.base*7.5;}}return styled.css(["border-radius:",";padding:0 ","px;min-width:",";height:","px;line-height:",";font-size:",";& > *{width:100%;min-width:",";}& ","{margin-",":-","px;margin-",":","px;border-radius:",";width:","px;min-width:","px;height:","px;}& ","{margin-",":-","px;border-radius:",";width:","px;height:","px;}"],borderRadius,padding,minWidth?"".concat(minWidth,"px"):"calc(".concat(padding*2,"px + 1ch)"),height,getLineHeight$1(height,fontSize),fontSize,minWidth?"".concat(minWidth-padding*2,"px"):'1ch',StyledAvatar,props.theme.rtl?'right':'left',padding-avatarMargin,props.theme.rtl?'left':'right',avatarTextMargin,avatarBorderRadius,avatarSize,avatarSize,avatarSize,StyledClose,props.theme.rtl?'left':'right',padding,borderRadius,height,height);};var StyledTag=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTag",componentId:"sc-1jvbe03-0"})(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:",";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:",";direction:",";",";&:hover{cursor:default;text-decoration:none;}&:focus{outline:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}&[data-garden-focus-visible]{text-decoration:none;}",";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:",";}& ","{display:",";}& ","{display:",";}",";"],function(props){return props.isRound&&'center';},function(props){return!props.isRegular&&props.theme.fontWeights.semibold;},function(props){return props.theme.rtl?'rtl':'ltr';},function(props){return sizeStyles$7(props);},function(props){return colorStyles$7(props);},function(props){return props.theme.fontWeights.semibold;},StyledAvatar,function(props){return(props.isRound||props.size==='small')&&'none';},StyledClose,function(props){return props.isRound&&'none';},function(props){return retrieveComponentStyles(COMPONENT_ID$d,props);});StyledTag.defaultProps={size:'medium',theme:DEFAULT_THEME};var _path$2;function _extends$a(){_extends$a=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$a.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$a({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$2||(_path$2=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 9l6-6m0 6L3 3"})));};var CloseComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledClose,_extends$1$1({ref:ref},props),React__default__default["default"].createElement(SvgXStroke,null));});CloseComponent.displayName='Tag.Close';var Close$1=CloseComponent;var AvatarComponent=function AvatarComponent(props){return React__default__default["default"].createElement(StyledAvatar,props);};AvatarComponent.displayName='Tag.Avatar';var Avatar=AvatarComponent;var _excluded$7=["size","hue"];var TagComponent=React__default.forwardRef(function(_ref,ref){var size=_ref.size,hue=_ref.hue,otherProps=_objectWithoutProperties$3(_ref,_excluded$7);return React__default__default["default"].createElement(StyledTag,_extends$1$1({ref:ref,size:size,hue:hue},otherProps));});TagComponent.displayName='Tag';TagComponent.propTypes={size:propTypes.exports.oneOf(SIZE$2),hue:propTypes.exports.string,isPill:propTypes.exports.bool,isRound:propTypes.exports.bool,isRegular:propTypes.exports.bool};TagComponent.defaultProps={size:'medium'};var Tag$1=TagComponent;Tag$1.Avatar=Avatar;Tag$1.Close=Close$1;var Close=styled__default["default"](Tag$1.Close)(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n\n"],["\n\n"])));var Tag=styled__default["default"](Tag$1)(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n  && {\n    cursor: ",";\n  }\n"],["\n  && {\n    cursor: ",";\n  }\n"])),function(_a){var onClick=_a.onClick;return onClick?"pointer":"initial";});var templateObject_1$k,templateObject_2$b;var MultiSelector=function(_a){var maxItems=_a.maxItems,props=__rest(_a,["maxItems"]);var keyField=props.keyField,labelField=props.labelField,options=props.options,optionsKeyMap=props.optionsKeyMap,small=props.small,validation=props.validation;if(optionsKeyMap==null&&options!=null){optionsKeyMap=options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});}return jsxRuntime.jsx(Dropdown,__assign({},props,{shouldFilterOptions:true},{children:jsxRuntime.jsx(MultiSelect,{isCompact:small,maxItems:maxItems,validation:validation===null||validation===void 0?void 0:validation.validation,renderItem:function(_a){var _b;var value=_a.value,removeValue=_a.removeValue;return jsxRuntime.jsxs(Tag,{children:[jsxRuntime.jsx("span",{children:(_b=optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap[value])===null||_b===void 0?void 0:_b[labelField]}),jsxRuntime.jsx(Close,{onClick:function(){return removeValue();}})]});}})}));};// @ts-ignore
+ */function _extends$1$1(){_extends$1$1=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$1$1.apply(this,arguments);}function _objectWithoutPropertiesLoose$6(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$3(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$6(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;}var SIZE$2=['small','medium','large'];var _excluded$1$4=["children"];var COMPONENT_ID$2$3='tags.avatar';var StyledAvatar=styled__default["default"](function(_ref){var children=_ref.children,props=_objectWithoutProperties$3(_ref,_excluded$1$4);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$2$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledAvatar",componentId:"sc-3kdmgt-0"})(["flex-shrink:0;font-size:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2$3,props);});StyledAvatar.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$3='tags.close';var StyledClose=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$3,'data-garden-version':'8.53.2','aria-label':'Press delete to remove'}).withConfig({displayName:"StyledClose",componentId:"sc-d6lrpn-0"})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:0.8;border:0;cursor:pointer;padding:0;font-size:0;&:hover{opacity:0.9;}&:focus{outline:none;}",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$1$3,props);});StyledClose.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$d='tags.tag_view';var colorStyles$7=function colorStyles(props){var backgroundColor;var boxShadowColor;var foregroundColor;var closeColor;if(props.hue){var shade=props.hue==='yellow'?400:600;backgroundColor=getColor$1(props.hue,shade,props.theme);boxShadowColor=getColor$1(props.hue,shade,props.theme,0.35);if(props.hue==='yellow'||props.hue==='lemon'){foregroundColor=getColor$1('yellow',800,props.theme);}else{foregroundColor=readableColor(backgroundColor,props.theme.palette.grey[800],props.theme.palette.white);}}else{backgroundColor=getColor$1('neutralHue',200,props.theme);boxShadowColor=getColor$1('neutralHue',600,props.theme,0.35);foregroundColor=getColor$1('neutralHue',700,props.theme);closeColor=getColor$1('neutralHue',600,props.theme);}return styled.css(["background-color:",";color:",";&:hover{color:",";}&:focus{box-shadow:",";}& ","{color:",";}"],backgroundColor,foregroundColor,foregroundColor,props.theme.shadows.sm(boxShadowColor),StyledClose,closeColor);};var sizeStyles$7=function sizeStyles(props){var borderRadius;var padding;var height;var fontSize;var minWidth;var avatarSize;if(props.size==='small'){borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base;height=props.theme.space.base*4;fontSize=props.theme.fontSizes.xs;avatarSize=0;}else if(props.size==='large'){borderRadius=props.theme.borderRadii.md;padding=props.theme.space.base*3;height=props.theme.space.base*8;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*6;}else{borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base*2;height=props.theme.space.base*5;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*4;}var avatarBorderRadius=props.size==='large'?math("".concat(borderRadius," - 1")):borderRadius;var avatarMargin=(height-avatarSize)/2;var avatarTextMargin=props.isRound?avatarMargin:avatarMargin*2;if(props.isRound){borderRadius='50%';padding=0;minWidth=height;avatarBorderRadius='50%';}else if(props.isPill){borderRadius='100px';avatarBorderRadius='50%';if(props.size==='small'){padding=props.theme.space.base*1.5;minWidth=props.theme.space.base*6;}else if(props.size==='large'){minWidth=props.theme.space.base*12;}else{minWidth=props.theme.space.base*7.5;}}return styled.css(["border-radius:",";padding:0 ","px;min-width:",";height:","px;line-height:",";font-size:",";& > *{width:100%;min-width:",";}& ","{margin-",":-","px;margin-",":","px;border-radius:",";width:","px;min-width:","px;height:","px;}& ","{margin-",":-","px;border-radius:",";width:","px;height:","px;}"],borderRadius,padding,minWidth?"".concat(minWidth,"px"):"calc(".concat(padding*2,"px + 1ch)"),height,getLineHeight$1(height,fontSize),fontSize,minWidth?"".concat(minWidth-padding*2,"px"):'1ch',StyledAvatar,props.theme.rtl?'right':'left',padding-avatarMargin,props.theme.rtl?'left':'right',avatarTextMargin,avatarBorderRadius,avatarSize,avatarSize,avatarSize,StyledClose,props.theme.rtl?'left':'right',padding,borderRadius,height,height);};var StyledTag=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTag",componentId:"sc-1jvbe03-0"})(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:",";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:",";direction:",";",";&:hover{cursor:default;text-decoration:none;}&:focus{outline:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}&[data-garden-focus-visible]{text-decoration:none;}",";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:",";}& ","{display:",";}& ","{display:",";}",";"],function(props){return props.isRound&&'center';},function(props){return!props.isRegular&&props.theme.fontWeights.semibold;},function(props){return props.theme.rtl?'rtl':'ltr';},function(props){return sizeStyles$7(props);},function(props){return colorStyles$7(props);},function(props){return props.theme.fontWeights.semibold;},StyledAvatar,function(props){return(props.isRound||props.size==='small')&&'none';},StyledClose,function(props){return props.isRound&&'none';},function(props){return retrieveComponentStyles(COMPONENT_ID$d,props);});StyledTag.defaultProps={size:'medium',theme:DEFAULT_THEME};var _path$2;function _extends$a(){_extends$a=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$a.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$a({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$2||(_path$2=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 9l6-6m0 6L3 3"})));};var CloseComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledClose,_extends$1$1({ref:ref},props),React__default__default["default"].createElement(SvgXStroke,null));});CloseComponent.displayName='Tag.Close';var Close$1=CloseComponent;var AvatarComponent=function AvatarComponent(props){return React__default__default["default"].createElement(StyledAvatar,props);};AvatarComponent.displayName='Tag.Avatar';var Avatar=AvatarComponent;var _excluded$7=["size","hue"];var TagComponent=React__default.forwardRef(function(_ref,ref){var size=_ref.size,hue=_ref.hue,otherProps=_objectWithoutProperties$3(_ref,_excluded$7);return React__default__default["default"].createElement(StyledTag,_extends$1$1({ref:ref,size:size,hue:hue},otherProps));});TagComponent.displayName='Tag';TagComponent.propTypes={size:propTypes.exports.oneOf(SIZE$2),hue:propTypes.exports.string,isPill:propTypes.exports.bool,isRound:propTypes.exports.bool,isRegular:propTypes.exports.bool};TagComponent.defaultProps={size:'medium'};var Tag$1=TagComponent;Tag$1.Avatar=Avatar;Tag$1.Close=Close$1;var Close=styled__default["default"](Tag$1.Close)(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n\n"],["\n\n"])));var Tag=styled__default["default"](Tag$1).attrs(function(props){return{hue:finalizeColor(props)};})(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n  && {\n    cursor: ",";\n  }\n"],["\n  && {\n    cursor: ",";\n  }\n"])),function(_a){var onClick=_a.onClick;return onClick?"pointer":"initial";});var finalizeColor=function(_a){var color=_a.color,success=_a.success,theme=_a.theme;if(success)return theme.styles.colorSuccess;if(color)return color;return undefined;};var templateObject_1$k,templateObject_2$b;var MultiSelector=function(_a){var maxItems=_a.maxItems,props=__rest(_a,["maxItems"]);var keyField=props.keyField,labelField=props.labelField,options=props.options,optionsKeyMap=props.optionsKeyMap,small=props.small,validation=props.validation;if(optionsKeyMap==null&&options!=null){optionsKeyMap=options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});}return jsxRuntime.jsx(Dropdown,__assign({},props,{shouldFilterOptions:true},{children:jsxRuntime.jsx(MultiSelect,{isCompact:small,maxItems:maxItems,validation:validation===null||validation===void 0?void 0:validation.validation,renderItem:function(_a){var _b;var value=_a.value,removeValue=_a.removeValue;return jsxRuntime.jsxs(Tag,{children:[jsxRuntime.jsx("span",{children:(_b=optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap[value])===null||_b===void 0?void 0:_b[labelField]}),jsxRuntime.jsx(Close,{onClick:function(){return removeValue();}})]});}})}));};// @ts-ignore
 MultiSelector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE}};var SelectorEmptyState=styled__default["default"].span(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(p){return p.theme.styles.textColorSecondary;});var templateObject_1$j;var SelectorOptionKeyMap=/** @class */function(){function SelectorOptionKeyMap(){}SelectorOptionKeyMap.call=function(_a){var keyField=_a.keyField,options=_a.options,optionsKeyMap=_a.optionsKeyMap;if(optionsKeyMap)return optionsKeyMap;return options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});};return SelectorOptionKeyMap;}();var logger$2=new Logger("SearchableSelector");/*
  * If we need this full width, maybe add a Block wrapper here
  * */var SearchableSelector=function(_a){var _b,_c;var children=_a.children,disabled=_a.disabled,props=__rest(_a,["children","disabled"]);var emptyState=props.emptyState,labelField=props.labelField,onChange=props.onChange,options=props.options,selectedKey=props.selectedKey,small=props.small;var optionsKeyMap=SelectorOptionKeyMap.call(props);var selectedOption=selectedKey?optionsKeyMap[selectedKey]:null;var searchText=(_b=__read(React__default.useState(""),2),_b[0]),setSearchText=_b[1];var matchingOptions=(_c=__read(React__default.useState(options),2),_c[0]),setMatchingOptions=_c[1];// TODO See if we need to remove this filter function here