@idea-fragments/react-components-zendesk 0.1.14 → 0.1.15

package/dist/forms.js

@@ -14302,7 +14302,7 @@ jsxRuntime.jsx(exports.Dropdown,__assign({},props,{onStateChange:setDropdownStat
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */function _extends$1(){_extends$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.apply(this,arguments);}function _objectWithoutPropertiesLoose(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(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(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=['small','medium','large'];var _excluded$1=["children"];var COMPONENT_ID$2='tags.avatar';var StyledAvatar=styled__default["default"](function(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded$1);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$2,'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,props);});StyledAvatar.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1='tags.close';var StyledClose=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'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,props);});StyledClose.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID='tags.tag_view';var colorStyles=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=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(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,'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(props);},function(props){return colorStyles(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,props);});StyledTag.defaultProps={size:'medium',theme:DEFAULT_THEME};var _path;function _extends(){_extends=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.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path||(_path=/*#__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({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=["size","hue"];var TagComponent=React__default.forwardRef(function(_ref,ref){var size=_ref.size,hue=_ref.hue,otherProps=_objectWithoutProperties(_ref,_excluded);return React__default__default["default"].createElement(StyledTag,_extends$1({ref:ref,size:size,hue:hue},otherProps));});TagComponent.displayName='Tag';TagComponent.propTypes={size:propTypes.exports.oneOf(SIZE),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$9||(templateObject_1$9=__makeTemplateObject(["\n  &&& { height: 26px; }\n"],["\n  &&& { height: 26px; }\n"])));var Tag=styled__default["default"](Tag$1)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n  && {\n    height: unset;\n    padding: .3rem 12px;\n\n    span {\n      line-height: 1rem;\n    }\n  }\n"],["\n  && {\n    height: unset;\n    padding: .3rem 12px;\n\n    span {\n      line-height: 1rem;\n    }\n  }\n"])));var templateObject_1$9,templateObject_2$4;var MultiSelector=function(_a){var maxItems=_a.maxItems,props=__rest(_a,["maxItems"]);var keyField=props.keyField,options=props.options,optionsKeyMap=props.optionsKeyMap,valueField=props.valueField,validation=props.validation;if(optionsKeyMap==null&&options!=null){optionsKeyMap=options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});}return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{shouldFilterOptions:true},{children:jsxRuntime.jsx(MultiSelect,{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,__assign({size:"large"},{children:[jsxRuntime.jsx("span",{children:(_b=optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap[value])===null||_b===void 0?void 0:_b[valueField]}),jsxRuntime.jsx(Close,{onClick:function(){return removeValue();}})]}));}})}));};// @ts-ignore
 MultiSelector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE}};var MonthYearSelector=function(props){var _a=__read(React__default.useState({isOpen:false}),2),state=_a[0],setState=_a[1];var value=props.value,emptyState=props.emptyState,disabled=props.disabled;props.onChange;var setDropdownState=function(_a){var isOpen=_a.isOpen;if(disabled||isOpen==null)return;setState({isOpen:isOpen});};return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{// @ts-ignore
-onStateChange:setDropdownState,isOpen:state.isOpen,useRawOptions:true,options:[],menuCSS:"width: auto !important;"},{children:jsxRuntime.jsx(Select,__assign({validation:props.validation.validation,disabled:disabled},{children:value?value:emptyState}))}));};var Field=styled__default["default"](Field$2)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n  width: ",";\n"],["\n  width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});exports.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 mobxReact.useObserver(function(){return jsxRuntime.jsx(Container$1,__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$2,__assign({css:"&&& {font-size: ".concat(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,{resizable:true,value:value,onChange:onChange})),message?jsxRuntime.jsx(Message$2,__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_2$3||(templateObject_2$3=__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
+onStateChange:setDropdownState,isOpen:state.isOpen,useRawOptions:true,options:[],menuCSS:"width: auto !important;"},{children:jsxRuntime.jsx(Select,__assign({validation:props.validation.validation,disabled:disabled},{children:value?value:emptyState}))}));};var Field=styled__default["default"](Field$2)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n  width: ",";\n"],["\n  width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});exports.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$1,__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$2,__assign({css:"&&& {font-size: ".concat(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,{resizable:true,value:value,onChange:onChange})),message?jsxRuntime.jsx(Message$2,__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_2$3||(templateObject_2$3=__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
 ])),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
 exports.TextFieldWrapper=styled__default["default"](exports.TextFieldWrapper)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});exports.TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$1=styled__default["default"](FlexBox)(templateObject_4||(templateObject_4=__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$8,templateObject_2$3,templateObject_3$1,templateObject_4;exports.TextField=React__default.forwardRef(function(_a,ref){var _b;var onChange=_a.onChange,useNewOnChange=(_b=_a.useNewOnChange,_b===void 0?false:_b),props=__rest(_a,["onChange","useNewOnChange"]);var notifyParentOfChange=function(e){if(useNewOnChange===true){onChange(e.target.value,e);return;}onChange(e);};return jsxRuntime.jsx(exports.TextFieldWrapper,__assign({},props,{ref:ref,onChange:notifyParentOfChange,WrappedComponent:Input}));});// @ts-ignore
 exports.TextField=styled__default["default"](exports.TextField)(templateObject_1$7||(templateObject_1$7=__makeTemplateObject([""],[""// @ts-ignore