monday-ui-react-core/dist/ColorPickerContent.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 t(r){if(o[r])return o[r].exports;var n=o[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,t),n.l=!0,n.exports}return t.m=e,t.c=o,t.d=function(e,o,r){t.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,o){if(1&o&&(e=t(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var n in e)t.d(r,n,function(o){return e[o]}.bind(null,n));return r},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},t.p="",t(t.s=99)}([function(e,o){e.exports=require("react")},function(e,o){e.exports=require("prop-types")},function(e,o){e.exports=require("classnames")},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.refs,t=void 0===o?[]:o;return(0,r.useMemo)((function(){return t.every((function(e){return null===e}))?null:function(e){t.forEach((function(o){o&&function(e,o){if(null===e)return;if("function"==typeof e)return void e(o);try{e.current=o}catch(t){throw console.error(t),new Error("Cannot assign value '".concat(o,"' to ref '").concat(e,"'"))}}(o,e)}))}}),[t])};var r=t(0)},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.eventName,t=e.callback,n=e.ref,a=e.capture,l=void 0!==a&&a;(0,r.useEffect)((function(){var e=n&&n.current;if(e){var r={capture:l};return e.addEventListener(o,t,r),function(){e.removeEventListener(o,t,r)}}}),[o,n,t,l])};var r=t(0)},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.DialogPositions=o.SIZES=void 0;var r=Object.freeze({LARGE:"large",MEDIUM:"medium",SMALL:"small"});o.SIZES=r;var n=Object.freeze({LEFT:"left",LEFT_START:"left-start",LEFT_END:"left-end",RIGHT:"right",RIGHT_START:"right-start",RIGHT_END:"right-end",TOP:"top",TOP_START:"top-start",TOP_END:"top-end",BOTTOM:"bottom",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"});o.DialogPositions=n},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o,t=e.keys,r=void 0===t?[]:t,l=e.ref,i=e.callback,c=e.ignoreDocumentFallback,u=void 0!==c&&c,d=e.capture,s=void 0!==d&&d,f=e.preventDefault,p=void 0!==f&&f,y=e.stopPropagation,m=void 0!==y&&y,b=e.keyEventName,v=void 0===b?"keydown":b,g=(0,n.useRef)(document),O=(0,n.useCallback)((function(e){var o=e.key;r.includes(o)&&(p&&e.preventDefault(),m&&e.stopPropagation(),i(e))}),[i,r,p,m]);o=l||(u?null:g);(0,a.default)({eventName:v,callback:O,ref:o,capture:s})};var r,n=t(0),a=(r=t(4))&&r.__esModule?r:{default:r}},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var r=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==y(e)&&"function"!=typeof e)return{default:e};var t=f(o);if(t&&t.has(e))return t.get(e);var r={},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(r,a,l):r[a]=e[a]}r.default=e,t&&t.set(e,r);return r}(t(0)),n=s(t(1)),a=s(t(2)),l=t(18),i=s(t(14)),c=s(t(19)),u=s(t(21)),d=s(t(3));function s(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,t=new WeakMap;return(f=function(e){return e?t:o})(e)}function p(){return(p=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}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)}t(22);var m=(0,r.forwardRef)((function(e,o){var t=e.onClick,n=e.className,s=e.icon,f=e.clickable,m=e.iconLabel,b=e.iconType,v=e.iconSize,g=e.ignoreFocusStyle,O=e.tabindex,_=e.ariaHidden,h=(0,u.default)({onClick:t,iconLabel:m,clickable:f,className:n,isDecorationOnly:_,ignoreFocusStyle:g,externalTabIndex:O}),S=h.screenReaderAccessProps,E=h.onClickCallback,T=h.computedClassName,C=h.iconRef,k=(0,d.default)({refs:[o,C]});if(!s)return null;var R="function"==typeof s;if(b===l.ICON_TYPES.SVG||R||"object"===y(s)){var I=s;return r.default.createElement(I,p({},S,{ref:R?void 0:k,size:v.toString(),onClick:t,className:T}))}return b===l.ICON_TYPES.SRC?r.default.createElement(i.default,p({src:s},S,{className:(0,a.default)(T),onClick:E})):r.default.createElement(c.default,p({},S,{className:(0,a.default)(T),onClick:E,ref:k,icon:s}))}));m.type=l.ICON_TYPES,m.propTypes={onClick:n.default.func,className:n.default.string,iconType:n.default.oneOf([m.type.SVG,m.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},m.defaultProps={onClick:function(){},className:"",icon:"",clickable:!0,iconLabel:void 0,iconType:l.ICON_TYPES.SVG,iconSize:16,ignoreFocusStyle:!1,ariaHidden:void 0},m.__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:""},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:""}}};var b=m;o.default=b},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.chainRefFunctions=function(e){var o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(t){for(var r=0;r<e.length;r++){var a=e[r];try{var l=void 0;if((0,n.default)(a)?l=a(t):a&&(a.current=t),!1===l&&o)return}catch(e){return void console.error(e)}}}},o.chainFunctions=function(e){var o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(t){for(var r=0;r<e.length;r++){var n=e[r];try{if(!1===(n&&n(t))&&o)return}catch(e){return void console.error(e)}}}},o.convertToArray=function(e){return(0,r.default)(e)?e:[e]},o.NOOP=function(){};var r=a(t(24)),n=a(t(11));function a(e){return e&&e.__esModule?e:{default:e}}},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.isClickable,t=e.label,a=e.isDecorationOnly;return(0,r.useMemo)((function(){return(0,n.getIconScreenReaderAccessProps)({isClickable:o,label:t,isDecorationOnly:a})}),[o,t,a])};var r=t(0),n=t(17)},function(e,o){e.exports=require("lodash/noop")},function(e,o){e.exports=require("lodash/isFunction")},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.keyCodes=void 0;o.keyCodes={ENTER:"Enter",SPACE:" "}},function(e,o){e.exports=require("lodash/isNil")},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var r=u(t(0)),n=u(t(1)),a=u(t(2)),l=u(t(15));t(16);var i=u(t(9)),c=["className","src","onClick","clickable","ariaLabel","ariaHidden"];function u(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 t=arguments[o];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function s(e,o){if(null==e)return{};var t,r,n=function(e,o){if(null==e)return{};var t,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],o.indexOf(t)>=0||(n[t]=e[t]);return n}(e,o);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],o.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var f=function(e){var o=e.className,t=e.src,n=e.onClick,u=e.clickable,f=e.ariaLabel,p=e.ariaHidden,y=s(e,c),m=(0,i.default)({isClickable:u,label:f,isDecorationOnly:p});return r.default.createElement(l.default,d({},m,{onClick:n,src:t,className:(0,a.default)("monday-style-custom-svg-icon--wrapper",o)},y))};f.propTypes={className:n.default.string,src:n.default.string,ariaLabel:n.default.string,ariaHidden:n.default.bool},f.defaultProps={className:"",src:"",ariaLabel:void 0,ariaHidden:void 0},f.__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:""}}};var p=f;o.default=p},function(e,o){e.exports=require("react-inlinesvg")},function(e,o,t){},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.getIconScreenReaderAccessProps=function(e){var o=e.isClickable,t=e.isDecorationOnly,r=e.isKeyboardAccessible,a=e.label,l=(0,n.default)(t)?!o:t;return o?u({label:a,isDecorationOnly:l,isKeyboardAccessible:r}):{role:"img","aria-hidden":l,tabIndex:void 0,"aria-label":t?void 0:a}},o.getClickableScreenReaderAccessProps=c,o.getClickableIconScreenReaderAccessProps=u;var r,n=(r=t(13))&&r.__esModule?r:{default:r};function a(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function l(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?a(Object(t),!0).forEach((function(o){i(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}function i(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function c(e){var o=e.isKeyboardAccessible,t=void 0===o||o,r=e.isDecorationOnly;return{role:"button",tabIndex:t?0:-1,"aria-hidden":void 0!==r&&r}}function u(e){var o=e.label,t=e.isDecorationOnly,r=void 0!==t&&t,n=e.isKeyboardAccessible;return l(l({},c({isDecorationOnly:r,isKeyboardAccessible:void 0===n||n})),{},{"aria-label":o})}},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.ICON_TYPES=void 0;o.ICON_TYPES={SVG:"SVG",ICON_FONT:"FA",SRC:"SRC"}},function(e,o,t){"use strict";function r(e){return(r="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"!==r(e)&&"function"!=typeof e)return{default:e};var t=i(o);if(t&&t.has(e))return t.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,t&&t.set(e,n);return n}(t(0));t(20);var a,l=(a=t(2))&&a.__esModule?a:{default:a};function i(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:o})(e)}var c=(0,n.forwardRef)((function(e,o){var t=e.className,r=e.onClick,a=e["aria-label"],i=e.tabIndex,c=e.icon,u=e.role,d=void 0===u?"img":u,s=e["aria-hidden"],f="function"==typeof c?"":c;return n.default.createElement("span",{"aria-hidden":s,className:(0,l.default)(t,"fa",f),onClick:r,ref:o,"aria-label":a,tabIndex:i,role:d},"function"==typeof c&&c())}));c.__docgenInfo={description:"",methods:[],displayName:"FontIcon",props:{role:{defaultValue:{value:'"img"',computed:!1},required:!1}}};var u=c;o.default=u},function(e,o,t){},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.onClick,t=e.className,c=e.clickable,d=e.ignoreFocusStyle,f=e.isDecorationOnly,p=e.iconLabel,y=e.externalTabIndex,m=(0,r.useRef)(null),b=(0,r.useCallback)((function(e){document.activeElement===m.current&&o(e)}),[m,o]),v=(0,r.useCallback)((function(e){e.preventDefault()}),[]),g=(0,r.useMemo)((function(){return(0,n.default)("icon_component",t,{"icon_component--clickable":c,"icon_component--no-focus-style":d})}),[c,t,d]);(0,l.default)({eventName:"mousedown",callback:v,ref:m}),(0,i.default)({keys:s,ref:m,callback:b,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var O=(0,r.useCallback)((function(e){(o||a.default)(e)}),[o]),_=(0,u.default)({isClickable:c,label:p,isDecorationOnly:f});return _.tabIndex=null!=y?y:_.tabIndex,{screenReaderAccessProps:_,onClickCallback:O,computedClassName:g,onEnterCallback:b,iconRef:m}};var r=t(0),n=d(t(2)),a=d(t(10)),l=d(t(4)),i=d(t(6)),c=t(12),u=d(t(9));function d(e){return e&&e.__esModule?e:{default:e}}var s=[c.keyCodes.ENTER,c.keyCodes.SPACE]},function(e,o,t){},function(e,o){e.exports=require("lodash/debounce")},function(e,o){e.exports=require("lodash/isArray")},,function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.ref,t=e.callback,r=e.debounceTime,l=void 0===r?200:r,i=(0,n.useMemo)((function(){return 0===l?t:(0,a.default)(t,l)}),[t,l]);(0,n.useEffect)((function(){if(!window.ResizeObserver)return function(){};if(o.current){var e=function(e){return window.requestAnimationFrame((function(){i({borderBoxSize:e})}))},t=null,r=new ResizeObserver((function(o){var r=o[0];if(r&&r.borderBoxSize){var n=r.borderBoxSize.length>0?r.borderBoxSize[0]:r.borderBoxSize;t=e(n)}else{if(!r.contentRect)return function(){};var a={blockSize:r.contentRect.height};t=e(a)}}));return r.observe(o.current),function(){0!==l&&i.cancel(),t&&window.cancelAnimationFrame(t),r.disconnect()}}}),[o.current,t,l,i])};var r,n=t(0),a=(r=t(23))&&r.__esModule?r:{default:r}},,function(e,o,t){"use strict";function r(e){return(r="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"!==r(e)&&"function"!=typeof e)return{default:e};var t=b(o);if(t&&t.has(e))return t.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,t&&t.set(e,n);return n}(t(0)),a=m(t(1)),l=m(t(2)),i=m(t(26)),c=m(t(3));t(44);var u=t(45),d=t(8),s=m(t(7)),f=m(t(34)),p=t(5),y=t(46);function m(e){return e&&e.__esModule?e:{default:e}}function b(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,t=new WeakMap;return(b=function(e){return e?t:o})(e)}function v(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var g=!!window.MSInputMethodContext&&!!document.documentMode?32:6,O=(0,n.forwardRef)((function(e,o){var t=e.className,r=e.children,a=e.kind,d=e.onClick,m=e.name,b=e.size,O=e.color,_=e.disabled,h=e.rightIcon,S=e.leftIcon,E=e.success,T=e.successText,C=e.successIcon,k=e.style,R=e.loading,I=e.active,N=e.id,P=e.marginRight,M=e.marginLeft,L=e.type,A=e.onMouseDown,w=e.ariaLabel,j=e.rightFlat,x=e.leftFlat,B=e.preventClickAnimation,U=e.noSidePadding,V=e.onFocus,D=e.onBlur,q=e.ariaLabeledBy,Y=e.defaultTextColorOnPrimaryColor,z=e.ariaHasPopup,G=e.ariaExpanded,F=e.ariaControls,W=e.blurOnMouseUp,H=(0,n.useRef)(null),K=(0,n.useMemo)((function(){return function(e){var o=e.borderBoxSize,t=o.blockSize,r=o.inlineSize,n=Math.max(r,g),a=Math.max(t,g);H.current&&(H.current.style.setProperty("--element-width","".concat(n,"px")),H.current.style.setProperty("--element-height","".concat(a,"px")))}}),[H]);(0,i.default)({ref:H,callback:K,debounceTime:200}),(0,n.useEffect)((function(){if(O===u.BUTTON_COLORS.ON_PRIMARY_COLOR&&a===u.BUTTON_TYPES.PRIMARY&&H.current){var e=H.current;e.style.color=(0,y.getParentBackgroundColorNotTransparent)(e,Y)}}),[a,H,O,Y]);var Z=(0,n.useCallback)((function(){var e=H.current;e&&W&&e.blur()}),[H,W]),$=(0,n.useCallback)((function(e){_||R||E?e.preventDefault():d&&d(e)}),[d,_,R,E]),Q=(0,n.useCallback)((function(e){_||R||E?e.preventDefault():A&&A(e)}),[A,_,R,E]),X=(0,n.useMemo)((function(){var e,o=E?u.BUTTON_COLORS.POSITIVE:O;return(0,l.default)(t,"monday-style-button","monday-style-button--size-".concat((0,u.getActualSize)(b)),"monday-style-button--kind-".concat(a),"monday-style-button--color-".concat(o),(v(e={"monday-style-button--loading":R},"monday-style-button--color-".concat(o,"-active"),I),v(e,"monday-style-button--margin-right",P),v(e,"monday-style-button--margin-left",M),v(e,"monday-style-button--right-flat",j),v(e,"monday-style-button--left-flat",x),v(e,"monday-style-button--prevent-click-animation",B),v(e,"monday-style-button--no-side-padding",U),e))}),[b,a,O,t,E,R,I,P,M,U,B,x,j]),J=(0,c.default)({refs:[o,H]}),ee=(0,n.useMemo)((function(){return{disabled:_,ref:J,type:L,className:X,name:m,onMouseUp:Z,style:k,onClick:$,id:N,onFocus:V,onBlur:D,onMouseDown:Q,"aria-labelledby":q,"aria-label":w,"aria-busy":R?"true":void 0,"aria-haspopup":z,"aria-expanded":G,"aria-controls":F}}),[_,X,m,Z,k,$,N,L,Q,w,R,V,D,J,q,F,G,z]),oe=(0,n.useMemo)((function(){if("function"==typeof S)return b===p.SIZES.SMALL?"20":(p.SIZES.MEDIUM,"24")}),[S,b]),te=(0,n.useMemo)((function(){if("function"==typeof h)return b===p.SIZES.SMALL?"20":(p.SIZES.MEDIUM,"24")}),[h,b]);return R?n.default.createElement("button",ee,n.default.createElement("span",{className:"monday-style-button__loader"},n.default.createElement(f.default,{svgClassName:"monday-style-button-loader-svg"}))):E?n.default.createElement("button",ee,C?n.default.createElement(s.default,{iconType:s.default.type.ICON_FONT,clickable:!1,icon:C,className:(0,l.default)({"monday-style-button--left-icon":!!T}),ignoreFocusStyle:!0}):null,T):n.default.createElement("button",ee,S?n.default.createElement(s.default,{iconType:s.default.type.ICON_FONT,clickable:!1,icon:S,iconSize:oe,className:(0,l.default)({"monday-style-button--left-icon":!!r}),ignoreFocusStyle:!0}):null,r,h?n.default.createElement(s.default,{iconType:s.default.type.ICON_FONT,clickable:!1,icon:h,iconSize:te,className:(0,l.default)({"monday-style-button--right-icon":!!r}),ignoreFocusStyle:!0}):null)}));O.sizes=p.SIZES,O.colors=u.BUTTON_COLORS,O.kinds=u.BUTTON_TYPES,O.inputTags=u.BUTTON_INPUT_TYPE,O.propTypes={className:a.default.string,kind:a.default.oneOf([O.kinds.PRIMARY,O.kinds.SECONDARY,O.kinds.TERTIARY]),onClick:a.default.func,onMouseDown:a.default.func,blurOnMouseUp:a.default.bool,name:a.default.string,size:a.default.oneOf([O.sizes.SMALL,O.sizes.MEDIUM,O.sizes.LARGE]),color:a.default.oneOf([O.colors.PRIMARY,O.colors.NEGATIVE,O.colors.POSITIVE,O.colors.ON_PRIMARY_COLOR,O.colors.ON_INVERTED_BACKGROUND]),type:a.default.oneOf([O.inputTags.BUTTON,O.inputTags.SUBMIT,O.inputTags.RESET]),disabled:a.default.bool,rightIcon:a.default.oneOfType([a.default.string,a.default.func]),leftIcon:a.default.oneOfType([a.default.string,a.default.func]),success:a.default.bool,successIcon:a.default.oneOfType([a.default.string,a.default.func]),successText:a.default.string,loading:a.default.bool,style:a.default.object,active:a.default.bool,id:a.default.string,marginRight:a.default.bool,marginLeft:a.default.bool,ariaLabeledBy:a.default.string,ariaLabel:a.default.string,ariaHasPopup:a.default.oneOfType([a.default.string,a.default.bool]),ariaExpanded:a.default.bool,ariaControls:a.default.string,onFocus:a.default.func,onBlur:a.default.func,rightFlat:a.default.bool,leftFlat:a.default.bool,preventClickAnimation:a.default.bool,noSidePadding:a.default.bool,defaultTextColorOnPrimaryColor:a.default.string},O.defaultProps={kind:u.BUTTON_TYPES.PRIMARY,onClick:d.NOOP,onMouseDown:d.NOOP,blurOnMouseUp:!0,name:void 0,style:void 0,size:p.SIZES.MEDIUM,color:u.BUTTON_COLORS.PRIMARY,disabled:!1,className:"",rightIcon:null,leftIcon:null,successIcon:"",successText:"",success:!1,loading:!1,active:!1,id:void 0,marginRight:!1,marginLeft:!1,type:u.BUTTON_INPUT_TYPE.BUTTON,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d.NOOP,onBlur:d.NOOP,defaultTextColorOnPrimaryColor:y.TRANSPARENT_COLOR,ariaHasPopup:void 0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0},O.__docgenInfo={description:"",methods:[],displayName:"Button",props:{kind:{defaultValue:{value:"BUTTON_TYPES.PRIMARY",computed:!0},type:{name:"enum",value:[{value:"Button.kinds.PRIMARY",computed:!0},{value:"Button.kinds.SECONDARY",computed:!0},{value:"Button.kinds.TERTIARY",computed:!0}]},required:!1,description:"The kind of a button is exposed on the component"},onClick:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""},onMouseDown:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""},blurOnMouseUp:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:"Blur on button click"},name:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"Name of the button - for form submit usages"},style:{defaultValue:{value:"undefined",computed:!0},type:{name:"object"},required:!1,description:""},size:{defaultValue:{value:"SIZES.MEDIUM",computed:!0},type:{name:"enum",value:[{value:"Button.sizes.SMALL",computed:!0},{value:"Button.sizes.MEDIUM",computed:!0},{value:"Button.sizes.LARGE",computed:!0}]},required:!1,description:"The size of a button is exposed on the component"},color:{defaultValue:{value:"BUTTON_COLORS.PRIMARY",computed:!0},type:{name:"enum",value:[{value:"Button.colors.PRIMARY",computed:!0},{value:"Button.colors.NEGATIVE",computed:!0},{value:"Button.colors.POSITIVE",computed:!0},{value:"Button.colors.ON_PRIMARY_COLOR",computed:!0},{value:"Button.colors.ON_INVERTED_BACKGROUND",computed:!0}]},required:!1,description:"The color of a button is exposed on the component"},disabled:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Disabled property which causes the button to be disabled"},className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},rightIcon:{defaultValue:{value:"null",computed:!1},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"Icon to place on the right"},leftIcon:{defaultValue:{value:"null",computed:!1},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"Icon to place on the left"},successIcon:{defaultValue:{value:'""',computed:!1},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"Success icon name"},successText:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Success text"},success:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"the success props are used when you have async action and wants to display a success message"},loading:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"loading boolean which switches the text to a loader"},active:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"displays the active state"},id:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"id to pass to the button"},marginRight:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"adds 8px margin to the right"},marginLeft:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"adds 8px margin to the left"},type:{defaultValue:{value:"BUTTON_INPUT_TYPE.BUTTON",computed:!0},type:{name:"enum",value:[{value:"Button.inputTags.BUTTON",computed:!0},{value:"Button.inputTags.SUBMIT",computed:!0},{value:"Button.inputTags.RESET",computed:!0}]},required:!1,description:"The type of a button is exposed on the component"},rightFlat:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},leftFlat:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},preventClickAnimation:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},noSidePadding:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},onFocus:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:"On Button Focus callback"},onBlur:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:"On Button Blur callback"},defaultTextColorOnPrimaryColor:{defaultValue:{value:"TRANSPARENT_COLOR",computed:!0},type:{name:"string"},required:!1,description:"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)"},ariaHasPopup:{defaultValue:{value:"undefined",computed:!0},type:{name:"union",value:[{name:"string"},{name:"bool"}]},required:!1,description:"aria for a button popup"},ariaExpanded:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:"aria to be set if the popup is open"},ariaControls:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"aria controls - receives id for the controlled region"},ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"aria label to provide important when providing only Icon"},ariaLabeledBy:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"element id to describe the button accordingly"}}};var _=O;o.default=_},,,,,,function(e,o,t){"use strict";function r(e){return(r="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,a=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=i(o);if(t&&t.has(e))return t.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,t&&t.set(e,n);return n}(t(0)),l=(n=t(1))&&n.__esModule?n:{default:n};function i(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:o})(e)}t(35);var c=(0,a.forwardRef)((function(e,o){var t=e.svgClassName;return a.default.createElement("div",{className:"monday-loader-component",ref:o,role:"alert",title:"loading"},a.default.createElement("svg",{className:"circle-loader-spinner ".concat(t),viewBox:"0 0 50 50"},a.default.createElement("circle",{className:"circle-loader-spinner-path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))}));c.propTypes={svgClassName:l.default.string},c.defaultProps={svgClassName:""},c.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{svgClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""}}};var u=c;o.default=u},function(e,o,t){},,,,,,,,,function(e,o,t){},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.BUTTON_INPUT_TYPE=o.BUTTON_KIND_CLASS_NAMES=o.getActualSize=o.BUTTON_COLORS=o.BUTTON_TYPES=void 0;var r=t(5);o.BUTTON_TYPES={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"};o.BUTTON_COLORS={PRIMARY:"primary",POSITIVE:"positive",NEGATIVE:"negative",ON_PRIMARY_COLOR:"on-primary-color",ON_INVERTED_BACKGROUND:"on-inverted-background"};var n={sm:r.SIZES.SMALL,md:r.SIZES.MEDIUM,lg:r.SIZES.LARGE};o.getActualSize=function(e){return n[e]||e};o.BUTTON_KIND_CLASS_NAMES={PRIMARY:""};o.BUTTON_INPUT_TYPE={BUTTON:"button",SUBMIT:"submit",RESET:"reset"}},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.getParentBackgroundColorNotTransparent=function e(o,t){var n=o.parentElement;if(o===o.parentElement)return o?window.getComputedStyle(o).backgroundColor:t;if(!n)return t;var a=window.getComputedStyle(n).backgroundColor;if(!a||a===t)return e(n,t);return a===r?t:a},o.TRANSPARENT_COLOR=void 0;var r="rgba(0, 0, 0, 0)";o.TRANSPARENT_COLOR=r},,,function(e,o,t){"use strict";function r(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 t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))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 t=0,r=new Array(o);t<o;t++)r[t]=e[t];return r}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 i=[].concat(r(Object.keys(a)),r(Object.keys(l)));o.elementAllowedColors=i;var c=i.reduce((function(e,o){return e[o]=o,e}),{});o.elementColorsNames=c;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"]},,,,,,,,,,,,,,function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var r=l(t(1)),n=l(t(0)),a=["size"];function l(e){return e&&e.__esModule?e:{default:e}}function i(){return(i=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function c(e,o){if(null==e)return{};var t,r,n=function(e,o){if(null==e)return{};var t,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],o.indexOf(t)>=0||(n[t]=e[t]);return n}(e,o);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],o.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var u=function(e){var o=e.size,t=c(e,a);return n.default.createElement("svg",i({viewBox:"0 0 20 20",fill:"currentColor",width:o||"20",height:o||"20"},t),n.default.createElement("path",{d:"M9.99869 2.45479C10.29 2.1796 10.7462 2.18205 11.0346 2.46035 11.8801 3.27645 12.629 4.18707 13.2665 5.17427 13.4912 5.52224 13.3913 5.98648 13.0433 6.21118 12.6953 6.43589 12.2311 6.33596 12.0064 5.98799 11.5642 5.30318 11.0625 4.65922 10.5075 4.06347 8.55502 6.10494 6.79968 9.10384 6.79968 12.2306 6.79968 12.6448 6.4639 12.9806 6.04968 12.9806 5.63547 12.9806 5.29968 12.6448 5.29968 12.2306 5.29968 8.25797 7.68621 4.63918 9.99869 2.45479zM14.0817 8.2783C14.4692 8.13179 14.902 8.3271 15.0485 8.71454 15.4712 9.83227 15.7016 11.0135 15.7298 12.2081 15.7548 12.9019 15.6367 13.5934 15.3829 14.2396 15.1285 14.8874 14.7432 15.4758 14.251 15.9679 13.7589 16.4601 13.1705 16.8454 12.5227 17.0998 11.881 17.3518 11.1947 17.47 10.5059 17.4472 9.21585 17.4632 7.96422 17.0068 6.98717 16.1636 6.67359 15.893 6.63877 15.4194 6.9094 15.1058 7.18003 14.7922 7.65362 14.7574 7.9672 15.028 8.67056 15.635 9.57259 15.9622 10.5015 15.9471 10.5148 15.9469 10.5281 15.9471 10.5414 15.9476 11.0307 15.9657 11.5186 15.8826 11.9744 15.7036 12.4302 15.5246 12.8441 15.2535 13.1904 14.9073 13.5366 14.561 13.8077 14.1471 13.9867 13.6913 14.1657 13.2355 14.2487 12.7477 14.2306 12.2583L14.2303 12.248 14.2303 12.248C14.2065 11.2211 14.0088 10.2058 13.6455 9.2451 13.499 8.85766 13.6943 8.42481 14.0817 8.2783zM17.3142 3.38282C17.6071 3.67571 17.6071 4.15058 17.3142 4.44348L4.53033 17.2274C4.23744 17.5203 3.76256 17.5203 3.46967 17.2274 3.17678 16.9345 3.17678 16.4596 3.46967 16.1667L16.2536 3.38282C16.5465 3.08992 17.0214 3.08992 17.3142 3.38282z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};u.displayName="NoColor",u.propTypes={size:r.default.string},u.__docgenInfo={description:"",methods:[],displayName:"NoColor",props:{size:{type:{name:"string"},required:!1,description:""}}};var d=u;o.default=d},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,o,t){"use strict";function r(e){return(r="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=y(t(2)),a=y(t(110)),l=y(t(111)),i=y(t(1)),c=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=p(o);if(t&&t.has(e))return t.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,t&&t.set(e,n);return n}(t(0)),u=t(49),d=y(t(28)),s=y(t(63)),f=y(t(112));function p(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,t=new WeakMap;return(p=function(e){return e?t:o})(e)}function y(e){return e&&e.__esModule?e:{default:e}}function m(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||v(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 b(e,o){return function(e){if(Array.isArray(e))return e}(e)||function(e,o){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,n,a=[],l=!0,i=!1;try{for(t=t.call(e);!(l=(r=t.next()).done)&&(a.push(r.value),!o||a.length!==o);l=!0);}catch(e){i=!0,n=e}finally{try{l||null==t.return||t.return()}finally{if(i)throw n}}return a}(e,o)||v(e,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,o){if(e){if("string"==typeof e)return g(e,o);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,o):void 0}}function g(e,o){(null==o||o>e.length)&&(o=e.length);for(var t=0,r=new Array(o);t<o;t++)r[t]=e[t];return r}t(115);var O=function(e){var o=e.className,t=e.onValueChange,r=e.value,i=e.noColorText,s=e.colorStyle,p=e.ColorIndicatorIcon,y=e.SelectedIndicatorIcon,v=e.shouldRenderIndicatorWithoutBackground,g=e.NoColorIcon,O=e.isBlackListMode,_=e.colorsList,h=e.isMultiselect,S=(0,c.useCallback)((function(){t(null)}),[t]),E=b((0,c.useState)(r),2),T=E[0],C=E[1],k=(0,c.useCallback)((function(e){if(h){var o=m(r);if(o.includes(e)){var t=o.indexOf(e);t>-1&&o.splice(t,1)}else o.push(e);C(o)}else C(e)}),[h,r]);(0,c.useEffect)((function(){T!==r&&t(T)}),[t,T,r]);var R=(0,c.useMemo)((function(){return O?(0,a.default)(u.contentColors,_):(0,l.default)(u.contentColors,_)}),[O,_]);return c.default.createElement("div",{className:(0,n.default)("color-picker-content--wrapper",o)},c.default.createElement("div",{className:(0,n.default)("color-picker")},R.map((function(e){return c.default.createElement(f.default,{key:e,color:e,onValueChange:k,value:r,shouldRenderIndicatorWithoutBackground:p&&v,colorStyle:s,ColorIndicatorIcon:p,SelectedIndicatorIcon:y,isSelected:h?r.includes(e):r===e,isMultiselect:h})}))),i&&c.default.createElement(d.default,{size:d.default.sizes.SMALL,kind:d.default.kinds.TERTIARY,onClick:S,className:"clear-color-button"},c.default.createElement(g,{size:"16",className:"clear-color-icon"}),i))};O.COLOR_STYLES=u.COLOR_STYLES,O.propTypes={className:i.default.string,onValueChange:i.default.func,ColorIndicatorIcon:i.default.func,SelectedIndicatorIcon:i.default.func,colorStyle:i.default.oneOf([O.COLOR_STYLES.REGULAR,O.COLOR_STYLES.SELECTED]),value:i.default.oneOfType([i.default.arrayOf(i.default.string),i.default.string]),noColorText:i.default.string,shouldRenderIndicatorWithoutBackground:i.default.bool,NoColorIcon:i.default.func,isBlackListMode:i.default.bool,colorsList:i.default.array},O.defaultProps={className:"",onValueChange:function(){},ColorIndicatorIcon:void 0,SelectedIndicatorIcon:void 0,colorStyle:O.COLOR_STYLES.REGULAR,value:"",noColorText:void 0,shouldRenderIndicatorWithoutBackground:!1,NoColorIcon:s.default,isBlackListMode:!0,colorsList:[]},O.__docgenInfo={description:"",methods:[],displayName:"ColorPickerContentComponent",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},onValueChange:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:""},ColorIndicatorIcon:{defaultValue:{value:"undefined",computed:!0},type:{name:"func"},required:!1,description:""},SelectedIndicatorIcon:{defaultValue:{value:"undefined",computed:!0},type:{name:"func"},required:!1,description:""},colorStyle:{defaultValue:{value:"ColorPickerContentComponent.COLOR_STYLES.REGULAR",computed:!0},type:{name:"enum",value:[{value:"ColorPickerContentComponent.COLOR_STYLES.REGULAR",computed:!0},{value:"ColorPickerContentComponent.COLOR_STYLES.SELECTED",computed:!0}]},required:!1,description:""},value:{defaultValue:{value:'""',computed:!1},type:{name:"union",value:[{name:"arrayOf",value:{name:"string"}},{name:"string"}]},required:!1,description:""},noColorText:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},shouldRenderIndicatorWithoutBackground:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},NoColorIcon:{defaultValue:{value:"NoColor",computed:!0},type:{name:"func"},required:!1,description:""},isBlackListMode:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},colorsList:{defaultValue:{value:"[]",computed:!1},type:{name:"array"},required:!1,description:""}}};var _=O;o.default=_},,,,,,,,,,,function(e,o){e.exports=require("lodash/difference")},function(e,o){e.exports=require("lodash/intersection")},function(e,o,t){"use strict";function r(e){return(r="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"!==r(e)&&"function"!=typeof e)return{default:e};var t=d(o);if(t&&t.has(e))return t.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,t&&t.set(e,n);return n}(t(0)),a=u(t(2)),l=t(49),i=t(113);t(114);var c=u(t(7));function u(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,t=new WeakMap;return(d=function(e){return e?t:o})(e)}var s=function(e){var o=e.color,t=e.onValueChange,r=e.value,u=e.colorStyle,d=void 0===u?l.COLOR_STYLES.REGULAR:u,s=e.shouldRenderIndicatorWithoutBackground,f=e.ColorIndicatorIcon,p=e.SelectedIndicatorIcon,y=e.isMultiselect,m=e.isSelected,b=(0,i.getMondayColorAsStyle)(o,d),v=(0,n.useRef)(null);(0,n.useEffect)((function(){if(v&&v.current&&!s){var e=v.current,t=function(e){d===l.COLOR_STYLES.SELECTED?e.target.style.