monday-ui-react-core/dist/Avatar.js

Official monday.com UI resources for application development in React.js

!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports["monday-style"]=o():e["monday-style"]=o()}(this,(function(){return function(e){var o={};function r(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=o,r.d=function(e,o,t){r.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:t})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,o){if(1&o&&(e=r(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var n in e)r.d(t,n,function(o){return e[o]}.bind(null,n));return t},r.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(o,"a",o),o},r.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},r.p="",r(r.s=263)}({0:function(e,o){e.exports=require("react")},1:function(e,o){e.exports=require("prop-types")},10:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.isClickable,r=e.label,a=e.isDecorationOnly;return(0,t.useMemo)((function(){return(0,n.getIconScreenReaderAccessProps)({isClickable:o,label:r,isDecorationOnly:a})}),[o,r,a])};var t=r(0),n=r(17)},12:function(e,o){e.exports=require("lodash/isNil")},13:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.keyCodes=void 0;o.keyCodes={ENTER:"Enter",SPACE:" "}},14:function(e,o,r){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var n=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==t(e)&&"function"!=typeof e)return{default:e};var r=d(o);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var c=a?Object.getOwnPropertyDescriptor(e,l):null;c&&(c.get||c.set)?Object.defineProperty(n,l,c):n[l]=e[l]}n.default=e,r&&r.set(e,n);return n}(r(0)),a=s(r(1)),l=s(r(2)),c=s(r(15));r(16);var i=s(r(10)),u=["className","src","onClick","clickable","ariaLabel","ariaHidden","replaceToCurrentColor","customColor"];function s(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:o})(e)}function p(){return(p=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function f(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function y(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor";return e.replace(/fill=".*?"/g,'fill="'.concat(o,'"'))}var b=function(e){var o=e.className,r=e.src,t=e.onClick,a=e.clickable,s=e.ariaLabel,d=e.ariaHidden,b=e.replaceToCurrentColor,m=e.customColor,v=f(e,u),g=(0,i.default)({isClickable:a,label:s,isDecorationOnly:d}),_=(0,n.useCallback)((function(e){return b?y(e,"currentColor"):m?y(e,m):e}),[b,m]);return n.default.createElement(c.default,p({},g,{onClick:t,src:r,className:(0,l.default)("monday-style-custom-svg-icon--wrapper",o),preProcessor:_},v))};b.propTypes={className:a.default.string,src:a.default.string,ariaLabel:a.default.string,ariaHidden:a.default.bool,replaceToCurrentColor:a.default.bool,customColor:a.default.string},b.defaultProps={className:"",src:"",ariaLabel:void 0,ariaHidden:void 0,replaceToCurrentColor:!1,customColor:void 0},b.__docgenInfo={description:"",methods:[],displayName:"CustomSvgIcon",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},src:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},ariaHidden:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:""},replaceToCurrentColor:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},customColor:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""}}};var m=b;o.default=m},15:function(e,o){e.exports=require("react-inlinesvg")},16:function(e,o,r){},17:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.getIconScreenReaderAccessProps=function(e){var o=e.isClickable,r=e.isDecorationOnly,t=e.isKeyboardAccessible,a=e.label,l=(0,n.default)(r)?!o:r;return o?u({label:a,isDecorationOnly:l,isKeyboardAccessible:t}):{role:l?void 0:"img","aria-hidden":l,tabIndex:void 0,"aria-label":r?void 0:a}},o.getClickableScreenReaderAccessProps=i,o.getClickableIconScreenReaderAccessProps=u;var t,n=(t=r(12))&&t.__esModule?t:{default:t};function a(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function l(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?a(Object(r),!0).forEach((function(o){c(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))}))}return e}function c(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function i(e){var o=e.isKeyboardAccessible,r=void 0===o||o,t=e.isDecorationOnly;return{role:"button",tabIndex:r?0:-1,"aria-hidden":void 0!==t&&t}}function u(e){var o=e.label,r=e.isDecorationOnly,t=void 0!==r&&r,n=e.isKeyboardAccessible;return l(l({},i({isDecorationOnly:t,isKeyboardAccessible:void 0===n||n})),{},{"aria-label":o})}},18:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.ICON_TYPES=void 0;o.ICON_TYPES={SVG:"SVG",ICON_FONT:"FA",SRC:"SRC"}},19:function(e,o,r){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var n=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==t(e)&&"function"!=typeof e)return{default:e};var r=c(o);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=a?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(n,l,i):n[l]=e[l]}n.default=e,r&&r.set(e,n);return n}(r(0));r(20);var a,l=(a=r(2))&&a.__esModule?a:{default:a};function c(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:o})(e)}var i=(0,n.forwardRef)((function(e,o){var r=e.className,t=e.onClick,a=e["aria-label"],c=e.tabIndex,i=e.icon,u=e.role,s=void 0===u?"img":u,d=e["aria-hidden"],p="function"==typeof i?"":i;return n.default.createElement("span",{"aria-hidden":d,className:(0,l.default)(r,"fa",p),onClick:t,ref:o,"aria-label":a,tabIndex:c,role:s},"function"==typeof i&&i())}));i.__docgenInfo={description:"",methods:[],displayName:"FontIcon",props:{role:{defaultValue:{value:'"img"',computed:!1},required:!1}}};var u=i;o.default=u},2:function(e,o){e.exports=require("classnames")},20:function(e,o,r){},21:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.onClick,r=e.className,i=e.clickable,s=e.ignoreFocusStyle,p=e.isDecorationOnly,f=e.iconLabel,y=e.externalTabIndex,b=(0,t.useRef)(null),m=(0,t.useCallback)((function(e){document.activeElement===b.current&&o(e)}),[b,o]),v=(0,t.useCallback)((function(e){e.preventDefault()}),[]),g=(0,t.useMemo)((function(){return(0,n.default)("icon_component",r,{"icon_component--clickable":i,"icon_component--no-focus-style":s})}),[i,r,s]);(0,l.default)({eventName:"mousedown",callback:v,ref:b}),(0,c.default)({keys:d,ref:b,callback:m,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var _=(0,t.useCallback)((function(e){(o||a.default)(e)}),[o]),A=(0,u.default)({isClickable:i,label:f,isDecorationOnly:p});return A.tabIndex=null!=y?y:A.tabIndex,{screenReaderAccessProps:A,onClickCallback:_,computedClassName:g,onEnterCallback:m,iconRef:b}};var t=r(0),n=s(r(2)),a=s(r(9)),l=s(r(5)),c=s(r(7)),i=r(13),u=s(r(10));function s(e){return e&&e.__esModule?e:{default:e}}var d=[i.keyCodes.ENTER,i.keyCodes.SPACE]},22:function(e,o,r){},26:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.BEMClass=function(e){return function(o){var r=o.element,t=o.state,n=e;return r&&(n="".concat(n,"_").concat(r)),t&&(n="".concat(n,"--").concat(t)),n}}},263:function(e,o,r){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var n=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==t(e)&&"function"!=typeof e)return{default:e};var r=y(o);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var c=a?Object.getOwnPropertyDescriptor(e,l):null;c&&(c.get||c.set)?Object.defineProperty(n,l,c):n[l]=e[l]}n.default=e,r&&r.set(e,n);return n}(r(0)),a=f(r(12)),l=f(r(1)),c=f(r(2)),i=r(26),u=r(89),s=r(51),d=r(264);r(266);var p=r(267);function f(e){return e&&e.__esModule?e:{default:e}}function y(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,r=new WeakMap;return(y=function(e){return e?r:o})(e)}function b(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function m(){return(m=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}var v="monday-style-avatar",g=(0,i.BEMClass)(v),_=function(e){var o,r=e.type,t=e.className,l=e.size,i=e.src,u=e.icon,f=e.text,y=e.role,_=e.ariaLabel,A=e.backgroundColor,h=e.isSquare,O=e.isDisabled,E=e.tabIndex,S=e.ariaHidden,k=e.topLeftBadgeProps,C=e.topRightBadgeProps,P=e.bottomLeftBadgeProps,I=e.bottomRightBadgeProps,T=(0,n.useMemo)((function(){return i?void 0:{backgroundColor:(0,s.getElementColor)(A)}}),[i,A]),R=(0,n.useMemo)((function(){var e=[];return(0,a.default)(k)||e.push(n.default.createElement("div",{key:"top-left-badge",className:(0,c.default)(g({element:"badge"}),g({element:"badge",state:"top-left"}))},n.default.createElement(d.AvatarBadge,m({size:l},k)))),(0,a.default)(C)||e.push(n.default.createElement("div",{key:"top-right-badge",className:(0,c.default)(g({element:"badge"}),g({element:"badge",state:"top-right"}))},n.default.createElement(d.AvatarBadge,m({size:l},C)))),(0,a.default)(P)||e.push(n.default.createElement("div",{key:"bottom-left-badge",className:(0,c.default)(g({element:"badge"}),g({element:"badge",state:"bottom-left"}))},n.default.createElement(d.AvatarBadge,m({size:l},P)))),(0,a.default)(I)||e.push(n.default.createElement("div",{key:"bottom-right-bade",className:(0,c.default)(g({element:"badge"}),g({element:"badge",state:"bottom-right"}))},n.default.createElement(d.AvatarBadge,m({size:l},I)))),e.length>0?n.default.createElement("div",{className:(0,c.default)(g({element:"badges"}))},e):null}),[l,k,C,P,I]);return n.default.createElement("div",{className:(0,c.default)(v,t)},n.default.createElement("div",{className:(0,c.default)(g({element:"circle"}),g({element:"circle",state:r}),g({element:"circle",state:l}),(o={},b(o,g({element:"circle",state:"is-disabled"}),O),b(o,g({element:"circle",state:"is-square"}),h),o)),"aria-hidden":S,tabIndex:E,style:T},n.default.createElement(p.AvatarContent,{type:r,size:l,src:i,icon:u,text:f,ariaLabel:_,role:y})),R)};_.types=u.AVATAR_TYPES,_.sizes=u.AVATAR_SIZES,_.colors=s.elementColorsNames,_.propTypes={src:l.default.string,type:l.default.oneOf([_.types.TEXT,_.types.ICON,_.types.IMG]),className:l.default.string,backgroundColor:l.default.oneOf(Object.keys(_.colors)),role:l.default.string,ariaLabel:l.default.string,size:l.default.oneOf([_.sizes.LARGE,_.sizes.MEDIUM,_.sizes.SMALL]),tabIndex:l.default.oneOfType([l.default.number,l.default.string]),ariaHidden:l.default.bool,isDisabled:l.default.bool,isSquare:l.default.bool,topLeftBadgeProps:l.default.object,topRightBadgeProps:l.default.object,bottomLeftBadgeProps:l.default.object,bottomRightBadgeProps:l.default.object},_.defaultProps={src:void 0,className:"",type:u.AVATAR_TYPES.TEXT,backgroundColor:s.elementColorsNames.CHILI_BLUE,role:void 0,ariaLabel:void 0,size:u.AVATAR_SIZES.LARGE,tabIndex:0,ariaHidden:!1,isDisabled:!1,isSquare:!1,topLeftBadgeProps:void 0,topRightBadgeProps:void 0,bottomLeftBadgeProps:void 0,bottomRightBadgeProps:void 0},_.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{src:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},type:{defaultValue:{value:"AVATAR_TYPES.TEXT",computed:!0},type:{name:"enum",value:[{value:"Avatar.types.TEXT",computed:!0},{value:"Avatar.types.ICON",computed:!0},{value:"Avatar.types.IMG",computed:!0}]},required:!1,description:""},backgroundColor:{defaultValue:{value:"elementColorsNames.CHILI_BLUE",computed:!0},type:{name:"enum",computed:!0,value:"Object.keys(Avatar.colors)"},required:!1,description:""},role:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},size:{defaultValue:{value:"AVATAR_SIZES.LARGE",computed:!0},type:{name:"enum",value:[{value:"Avatar.sizes.LARGE",computed:!0},{value:"Avatar.sizes.MEDIUM",computed:!0},{value:"Avatar.sizes.SMALL",computed:!0}]},required:!1,description:""},tabIndex:{defaultValue:{value:"0",computed:!1},type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1,description:""},ariaHidden:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},isDisabled:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},isSquare:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},topLeftBadgeProps:{defaultValue:{value:"undefined",computed:!0},type:{name:"object"},required:!1,description:""},topRightBadgeProps:{defaultValue:{value:"undefined",computed:!0},type:{name:"object"},required:!1,description:""},bottomLeftBadgeProps:{defaultValue:{value:"undefined",computed:!0},type:{name:"object"},required:!1,description:""},bottomRightBadgeProps:{defaultValue:{value:"undefined",computed:!0},type:{name:"object"},required:!1,description:""}}};var A=_;o.default=A},264:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.AvatarBadge=void 0;var t=s(r(0)),n=s(r(1)),a=s(r(2)),l=r(26),c=r(89);r(265);var i=s(r(14)),u=["src","ariaLabel","tabIndex","className","size"];function s(e){return e&&e.__esModule?e:{default:e}}function d(){return(d=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function p(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var f="monday-style-avatar-badge",y=(0,l.BEMClass)(f),b=function(e){var o=e.src,r=e.ariaLabel,n=e.tabIndex,l=e.className,c=e.size,s=p(e,u);return o?t.default.createElement(i.default,d({src:o,ariaLabel:r,className:(0,a.default)(f,y({state:c}),l),clickable:-1===n},s)):null};o.AvatarBadge=b,b.sizes=c.AVATAR_SIZES,b.propTypes={src:n.default.string.isRequired,ariaLabel:n.default.string,tabIndex:n.default.oneOfType([n.default.string,n.default.number]),className:n.default.string,size:n.default.oneOf([c.AVATAR_SIZES.LARGE,c.AVATAR_SIZES.MEDIUM,c.AVATAR_SIZES.SMALL])},b.defaultProps={ariaLabel:void 0,tabIndex:0,className:"",size:c.AVATAR_SIZES.LARGE},b.__docgenInfo={description:"",methods:[],displayName:"AvatarBadge",props:{ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},tabIndex:{defaultValue:{value:"0",computed:!1},type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1,description:""},className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},size:{defaultValue:{value:"AVATAR_SIZES.LARGE",computed:!0},type:{name:"enum",value:[{value:"AVATAR_SIZES.LARGE",computed:!0},{value:"AVATAR_SIZES.MEDIUM",computed:!0},{value:"AVATAR_SIZES.SMALL",computed:!0}]},required:!1,description:""},src:{type:{name:"string"},required:!0,description:""}}}},265:function(e,o,r){},266:function(e,o,r){},267:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.AvatarContent=void 0;var t=u(r(0)),n=u(r(2)),a=u(r(1)),l=r(26),c=u(r(8)),i=r(89);function u(e){return e&&e.__esModule?e:{default:e}}r(268);var s=(0,l.BEMClass)("monday-style-avatar-content"),d=function(e){var o=e.type,r=e.src,a=e.icon,l=e.text,u=e.ariaLabel,d=e.role,p=e.size,f=(0,n.default)(s({element:o}),s({element:o,state:p}));switch(o){case i.AVATAR_TYPES.IMG:return t.default.createElement("img",{role:d,alt:u,src:r,className:f});case i.AVATAR_TYPES.ICON:return t.default.createElement(c.default,{icon:a,"aria-label":u,role:d,clickable:!1,className:f,ariaHidden:!1});case i.AVATAR_TYPES.TEXT:return t.default.createElement("span",{"aria-label":u,role:d,className:f},l);default:return null}};o.AvatarContent=d,d.types=i.AVATAR_TYPES,d.sizes=i.AVATAR_SIZES,d.propTypes={src:a.default.string,type:a.default.oneOf([d.types.TEXT,d.types.ICON,d.types.IMG]),size:a.default.oneOf([d.sizes.SMALL,d.sizes.MEDIUM,d.sizes.LARGE]),role:a.default.string,ariaLabel:a.default.string,icon:a.default.oneOfType([a.default.string,a.default.func]),text:a.default.string},d.defaultProps={src:void 0,icon:void 0,type:i.AVATAR_TYPES.TEXT,role:void 0,ariaLabel:void 0,size:i.AVATAR_SIZES.LARGE,text:void 0},d.__docgenInfo={description:"",methods:[],displayName:"AvatarContent",props:{src:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},icon:{defaultValue:{value:"undefined",computed:!0},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"we support two types of icons - SVG and FONT (classname) so this prop is either the name of the icon or the component"},type:{defaultValue:{value:"AVATAR_TYPES.TEXT",computed:!0},type:{name:"enum",value:[{value:"AvatarContent.types.TEXT",computed:!0},{value:"AvatarContent.types.ICON",computed:!0},{value:"AvatarContent.types.IMG",computed:!0}]},required:!1,description:""},role:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},size:{defaultValue:{value:"AVATAR_SIZES.LARGE",computed:!0},type:{name:"enum",value:[{value:"AvatarContent.sizes.SMALL",computed:!0},{value:"AvatarContent.sizes.MEDIUM",computed:!0},{value:"AvatarContent.sizes.LARGE",computed:!0}]},required:!1,description:""},text:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""}}}},268:function(e,o,r){},3:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.refs,r=void 0===o?[]:o;return(0,t.useMemo)((function(){return r.every((function(e){return null===e}))?null:function(e){r.forEach((function(o){o&&function(e,o){if(null===e)return;if("function"==typeof e)return void e(o);try{e.current=o}catch(r){throw console.error(r),new Error("Cannot assign value '".concat(o,"' to ref '").concat(e,"'"))}}(o,e)}))}}),[r])};var t=r(0)},5:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.eventName,r=e.callback,n=e.ref,a=e.capture,l=void 0!==a&&a;(0,t.useEffect)((function(){var e=n&&n.current;if(e){var t={capture:l};return e.addEventListener(o,r,t),function(){e.removeEventListener(o,r,t)}}}),[o,n,r,l])};var t=r(0)},51:function(e,o,r){"use strict";function t(e){return function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,o){if(!e)return;if("string"==typeof e)return n(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,o)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,o){(null==o||o>e.length)&&(o=e.length);for(var r=0,t=new Array(o);r<o;r++)t[r]=e[r];return t}Object.defineProperty(o,"__esModule",{value:!0}),o.allMondayColors=o.getElementColor=o.elementColorsNames=o.elementAllowedColors=o.stateSelectedColors=o.contentColorsByName=o.COLOR_STYLES=o.contentColors=o.colorsMap=void 0;o.colorsMap=[{color:"--primary-color",description:"Use this to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use this to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use this to indicate selected state of primary items"},{color:"--primary-selected-on-secondary-color",description:"Use this to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--positive-color",description:"Use when you want to indicate sometime positive (success, completion of something...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--negative-color",description:"Use when you want to indicate a negative action/state (delete, failed action..., error)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--private-color",description:"Use when you want to indicate that something is private (board, icons...)"},{color:"--shareable-color",description:"Use when you want to indicate that something is shareable (board, dashboard...)"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"}];o.contentColors=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];o.COLOR_STYLES={REGULAR:"regular",SELECTED:"selected"};var a={GRASS_GREEN:"grass_green",DONE_GREEN:"done-green",BRIGHT_GREEN:"bright-green",SALADISH:"saladish",EGG_YOLK:"egg_yolk",WORKING_ORANGE:"working_orange",DARK_ORANGE:"dark-orange",PEACH:"peach",SUNSET:"sunset",STUCK_RED:"stuck-red",DARK_RED:"dark-red",SOFIA_PINK:"sofia_pink",LIPSTICK:"lipstick",BUBBLE:"bubble",PURPLE:"purple",DARK_PURPLE:"dark_purple",BERRY:"berry",DARK_INDIGO:"dark_indigo",INDIGO:"indigo",NAVY:"navy",BRIGHT_BLUE:"bright-blue",DARK_BLUE:"dark-blue",AQUAMARINE:"aquamarine",CHILI_BLUE:"chili-blue",RIVER:"river",WINTER:"winter",EXPLOSIVE:"explosive",AMERICAN_GRAY:"american_gray",BLACKISH:"blackish",BROWN:"brown",ORCHID:"orchid",TAN:"tan",SKY:"sky",COFFEE:"coffee",ROYAL:"royal",TEAL:"teal",LAVENDER:"lavender",STEEL:"steel",LILAC:"lilac",PECAN:"pecan"};o.contentColorsByName=a;var l={POSITIVE:"--positive-color-selected",NEGATIVE:"--negative-color-selected",PRIMARY:"--primary-selected-color"};o.stateSelectedColors=l;var c=[].concat(t(Object.keys(a)),t(Object.keys(l)));o.elementAllowedColors=c;var i=c.reduce((function(e,o){return e[o]=o,e}),{});o.elementColorsNames=i;o.getElementColor=function(e){var o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return a[e]?"var(--color-".concat(a[e]).concat(o?"--selected":""):l[e]&&o?"var(".concat(l[e],")"):e};o.allMondayColors=["--color-asphalt","--color-light_blue","--color-basic_blue","--color-basic_light_blue","--color-dark_blue","--color-link_color","--color-snow_white","--color-success","--color-success-hover","--color-success-highlight","--color-purple","--color-error","--color-error-hover","--color-error-highlight","--color-placholder_gray","--color-wolf_gray","--color-mud_black","--color-jaco_gray","--color-black","--color-dark_purple","--color-blue_links","--color-bazooka","--color-dark_marble","--color-marble","--color-gainsboro","--color-grass_green","--color-jeans","--color-egg_yolk","--color-saladish","--color-lipstick","--color-working_orange","--color-aqua","--color-brown","--color-blackish","--color-explosive","--color-american_gray","--color-highlight_blue","--color-pulse_text_color","--color-highlight","--color-placeholder_light_gray","--color-scrollbar_gray","--color-timeline_grid_blue","--color-timeline_blue","--color-default_group_color","--color-very_light_gray","--color-pulse_bg","--color-jade","--color-form_purple","--color-form_btn_hover","--color-board_views_grey","--color-board_views_blue","--color-board_views_grey_hover","--color-board_views_blue_secondary","--color-brand-blue","--color-brand-charcoal","--color-brand-gold","--color-brand-green","--color-brand-iris","--color-brand-light-blue","--color-brand-malachite","--color-brand-purple","--color-brand-red","--color-public","--color-private","--color-word-blue","--color-ppt-orange","--color-excel-green","--color-pdf-red","--color-zip-orange","--color-media-blue","--color-surface","--color-burned_eggplant","--color-live_blue","--color-extra_light_gray","--color-glitter","--color-ultra_light_gray","--color-red_shadow","--color-green_shadow","--color-storm_gray","--color-riverstone_gray","--color-ui_grey","--color-border_light_gray","--color-like_red","--color-lime-green","--color-mustered","--color-dark_red","--color-dark-red","--color-trolley-grey","--color-dark-purple","--color-dark-orange","--color-sofia_pink","--color-dark-pink","--color-turquoise","--color-light-pink","--color-red-shadow","--color-orange","--color-yellow","--color-green-shadow","--color-grass-green","--color-blue-links","--color-bright-blue","--color-amethyst","--color-green-haze","--color-sunset","--color-bubble","--color-peach","--color-berry","--color-winter","--color-river","--color-navy","--color-aquamarine","--color-indigo","--color-dark_indigo"]},7:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o,r=e.keys,t=void 0===r?[]:r,l=e.ref,c=e.callback,i=e.ignoreDocumentFallback,u=void 0!==i&&i,s=e.capture,d=void 0!==s&&s,p=e.preventDefault,f=void 0!==p&&p,y=e.stopPropagation,b=void 0!==y&&y,m=e.keyEventName,v=void 0===m?"keydown":m,g=(0,n.useRef)(document),_=(0,n.useCallback)((function(e){var o=e.key;t.includes(o)&&(f&&e.preventDefault(),b&&e.stopPropagation(),c(e))}),[c,t,f,b]);o=l||(u?null:g);(0,a.default)({eventName:v,callback:_,ref:o,capture:d})};var t,n=r(0),a=(t=r(5))&&t.__esModule?t:{default:t}},8:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var t=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==y(e)&&"function"!=typeof e)return{default:e};var r=p(o);if(r&&r.has(e))return r.get(e);var t={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=n?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(t,a,l):t[a]=e[a]}t.default=e,r&&r.set(e,t);return t}(r(0)),n=d(r(1)),a=d(r(2)),l=r(18),c=d(r(14)),i=d(r(19)),u=d(r(21)),s=d(r(3));function d(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,r=new WeakMap;return(p=function(e){return e?r:o})(e)}function f(){return(f=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}r(22);var b=(0,t.forwardRef)((function(e,o){var r=e.onClick,n=e.className,d=e.icon,p=e.clickable,b=e.iconLabel,m=e.iconType,v=e.iconSize,g=e.ignoreFocusStyle,_=e.tabindex,A=e.ariaHidden,h=e.style,O=e.useCurrentColor,E=e.customColor,S=(0,u.default)({onClick:r,iconLabel:b,clickable:p,className:n,isDecorationOnly:A,ignoreFocusStyle:g,externalTabIndex:_}),k=S.screenReaderAccessProps,C=S.onClickCallback,P=S.computedClassName,I=S.iconRef,T=(0,s.default)({refs:[o,I]});if(!d)return null;var R="function"==typeof d;if(m===l.ICON_TYPES.SVG||R||"object"===y(d)){var N=d;return t.default.createElement(N,f({},k,{ref:R?void 0:T,size:v.toString(),onClick:r,className:P,style:h}))}return m===l.ICON_TYPES.SRC?t.default.createElement(c.default,f({src:d},k,{className:(0,a.default)(P),onClick:C,style:h,replaceToCurrentColor:O,customColor:E})):t.default.createElement(i.default,f({},k,{className:(0,a.default)(P),onClick:C,ref:T,icon:d,style:h}))}));b.type=l.ICON_TYPES,b.propTypes={onClick:n.default.func,className:n.default.string,iconType:n.default.oneOf([b.type.SVG,b.type.ICON_FONT,l.ICON_TYPES.SRC]),icon:n.default.oneOfType([n.default.string,n.default.func]),clickable:n.default.bool,iconLabel:n.default.string,iconSize:n.default.oneOfType([n.default.number,n.default.string]),ignoreFocusStyle:n.default.bool,ariaHidden:n.default.bool,useCurrentColor:n.default.bool,customColor:n.default.string},b.defaultProps={onClick:function(){},className:"",icon:"",clickable:!0,iconLabel:void 0,iconType:l.ICON_TYPES.SVG,iconSize:16,ignoreFocusStyle:!1,ariaHidden:void 0,useCurrentColor:!1,customColor:void 0},b.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{onClick:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:""},className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"class name to be added to icon"},icon:{defaultValue:{value:'""',computed:!1},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"we support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component"},clickable:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:"is in used for tabIndex"},iconLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"icon aria label support"},iconType:{defaultValue:{value:"ICON_TYPES.SVG",computed:!0},type:{name:"enum",value:[{value:"Icon.type.SVG",computed:!0},{value:"Icon.type.ICON_FONT",computed:!0},{value:"ICON_TYPES.SRC",computed:!0}]},required:!1,description:"the type of the component - svg, font or custom svg (using react-inlinesvg)"},iconSize:{defaultValue:{value:"16",computed:!1},type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1,description:"size for font icon"},ignoreFocusStyle:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"remove focus style"},ariaHidden:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:""},useCurrentColor:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:'when using svg from src (Icon.type.SRC) this boolean will transform the "fill" property to "currentColor"'},customColor:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"If you want to override to coloring of currentColor"}}};var m=b;o.default=m},89:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.AVATAR_ALLOWED_SIZES=o.AVATAR_SIZES=o.AVATAR_ALLOWED_TYPES=o.AVATAR_TYPES=void 0;var t={IMG:"img",ICON:"icon",TEXT:"text"};o.AVATAR_TYPES=t;var n=Object.keys(t);o.AVATAR_ALLOWED_TYPES=n;var a={SMALL:"small",MEDIUM:"medium",LARGE:"large"};o.AVATAR_SIZES=a;var l=Object.keys(a);o.AVATAR_ALLOWED_SIZES=l},9:function(e,o){e.exports=require("lodash/noop")}})}));