UNPKG

monday-ui-react-core

Version:

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

1 lines • 101 kB
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["monday-style"]=t():e["monday-style"]=t()}(this,(function(){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=196)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("classnames")},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.refs,o=void 0===t?[]:t;return(0,n.useMemo)((function(){return o.every((function(e){return null===e}))?null:function(e){o.forEach((function(t){t&&function(e,t){if(null===e)return;if("function"==typeof e)return void e(t);try{e.current=t}catch(o){throw console.error(o),new Error("Cannot assign value '".concat(t,"' to ref '").concat(e,"'"))}}(t,e)}))}}),[o])};var n=o(0)},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DialogPositions=t.SIZES=void 0;var n=Object.freeze({LARGE:"large",MEDIUM:"medium",SMALL:"small"});t.SIZES=n;var r=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"});t.DialogPositions=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.eventName,o=e.callback,r=e.ref,a=e.capture,l=void 0!==a&&a;(0,n.useEffect)((function(){var e=r&&r.current;if(e){var n={capture:l};return e.addEventListener(t,o,n),function(){e.removeEventListener(t,o,n)}}}),[t,r,o,l])};var n=o(0)},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.chainRefFunctions=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(o){for(var n=0;n<e.length;n++){var a=e[n];try{var l=void 0;if((0,r.default)(a)?l=a(o):a&&(a.current=o),!1===l&&t)return}catch(e){return void console.error(e)}}}},t.chainFunctions=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(o){for(var n=0;n<e.length;n++){var r=e[n];try{if(!1===(r&&r(o))&&t)return}catch(e){return void console.error(e)}}}},t.convertToArray=function(e){return(0,n.default)(e)?e:[e]},t.NOOP=function(){};var n=a(o(23)),r=a(o(11));function a(e){return e&&e.__esModule?e:{default:e}}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,o=e.keys,n=void 0===o?[]:o,l=e.ref,i=e.callback,u=e.ignoreDocumentFallback,c=void 0!==u&&u,s=e.capture,d=void 0!==s&&s,p=e.preventDefault,f=void 0!==p&&p,m=e.stopPropagation,y=void 0!==m&&m,b=e.keyEventName,v=void 0===b?"keydown":b,g=(0,r.useRef)(document),h=(0,r.useCallback)((function(e){var t=e.key;n.includes(t)&&(f&&e.preventDefault(),y&&e.stopPropagation(),i(e))}),[i,n,f,y]);t=l||(c?null:g);(0,a.default)({eventName:v,callback:h,ref:t,capture:d})};var n,r=o(0),a=(n=o(5))&&n.__esModule?n:{default:n}},function(e,t){e.exports=require("lodash/noop")},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==m(e)&&"function"!=typeof e)return{default:e};var o=p(t);if(o&&o.has(e))return o.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=r?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}n.default=e,o&&o.set(e,n);return n}(o(0)),r=d(o(1)),a=d(o(2)),l=o(18),i=d(o(14)),u=d(o(19)),c=d(o(21)),s=d(o(3));function d(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,o=new WeakMap;return(p=function(e){return e?o:t})(e)}function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}function m(e){return(m="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)}o(22);var y=(0,n.forwardRef)((function(e,t){var o=e.onClick,r=e.className,d=e.icon,p=e.clickable,y=e.iconLabel,b=e.iconType,v=e.iconSize,g=e.ignoreFocusStyle,h=e.tabindex,O=e.ariaHidden,S=e.style,C=e.useCurrentColor,w=e.customColor,_=e["data-testid"],E=(0,c.default)({onClick:o,iconLabel:y,clickable:p,className:r,isDecorationOnly:O,ignoreFocusStyle:g,externalTabIndex:h}),k=E.screenReaderAccessProps,D=E.onClickCallback,M=E.computedClassName,I=E.iconRef,P=(0,s.default)({refs:[t,I]});if(!d)return null;var j="function"==typeof d;if(b===l.ICON_TYPES.SVG||j||"object"===m(d)){var T=d;return n.default.createElement(T,f({},k,{ref:j?void 0:P,size:v.toString(),onClick:o,className:M,style:S,"data-testid":_}))}return b===l.ICON_TYPES.SRC?n.default.createElement(i.default,f({src:d},k,{className:(0,a.default)(M),onClick:D,style:S,replaceToCurrentColor:C,customColor:w,"data-testid":_})):n.default.createElement(u.default,f({},k,{className:(0,a.default)(M),onClick:D,ref:P,icon:d,style:S,"data-testid":_}))}));y.type=l.ICON_TYPES,y.propTypes={onClick:r.default.func,className:r.default.string,iconType:r.default.oneOf([y.type.SVG,y.type.ICON_FONT,l.ICON_TYPES.SRC]),icon:r.default.oneOfType([r.default.string,r.default.func]),clickable:r.default.bool,iconLabel:r.default.string,iconSize:r.default.oneOfType([r.default.number,r.default.string]),ignoreFocusStyle:r.default.bool,ariaHidden:r.default.bool,useCurrentColor:r.default.bool,customColor:r.default.string},y.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},y.__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 b=y;t.default=b},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.isClickable,o=e.label,a=e.isDecorationOnly;return(0,n.useMemo)((function(){return(0,r.getIconScreenReaderAccessProps)({isClickable:t,label:o,isDecorationOnly:a})}),[t,o,a])};var n=o(0),r=o(17)},function(e,t){e.exports=require("lodash/isFunction")},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.keyCodes=void 0;t.keyCodes={ENTER:"Enter",SPACE:" "}},function(e,t){e.exports=require("lodash/isNil")},function(e,t,o){"use strict";function n(e){return(n="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(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var o=d(t);if(o&&o.has(e))return o.get(e);var r={},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(r,l,i):r[l]=e[l]}r.default=e,o&&o.set(e,r);return r}(o(0)),a=s(o(1)),l=s(o(2)),i=s(o(15));o(16);var u=s(o(10)),c=["className","src","onClick","clickable","ariaLabel","ariaHidden","replaceToCurrentColor","customColor","data-testid"];function s(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,o=new WeakMap;return(d=function(e){return e?o:t})(e)}function p(){return(p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}function f(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},a=Object.keys(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor";return e.replace(/fill=".*?"/g,'fill="'.concat(t,'"'))}var y=function(e){var t=e.className,o=e.src,n=e.onClick,a=e.clickable,s=e.ariaLabel,d=e.ariaHidden,y=e.replaceToCurrentColor,b=e.customColor,v=e["data-testid"],g=f(e,c),h=(0,u.default)({isClickable:a,label:s,isDecorationOnly:d}),O=(0,r.useCallback)((function(e){return y?m(e,"currentColor"):b?m(e,b):e}),[y,b]);return r.default.createElement(i.default,p({},h,{onClick:n,src:o,className:(0,l.default)("monday-style-custom-svg-icon--wrapper",t),preProcessor:O},g,{"data-testid":v}))};y.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},y.defaultProps={className:"",src:"",ariaLabel:void 0,ariaHidden:void 0,replaceToCurrentColor:!1,customColor:void 0},y.__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 b=y;t.default=b},function(e,t){e.exports=require("react-inlinesvg")},function(e,t,o){},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getIconScreenReaderAccessProps=function(e){var t=e.isClickable,o=e.isDecorationOnly,n=e.isKeyboardAccessible,a=e.label,l=(0,r.default)(o)?!t:o;return t?c({label:a,isDecorationOnly:l,isKeyboardAccessible:n}):{role:l?void 0:"img","aria-hidden":l,tabIndex:void 0,"aria-label":o?void 0:a}},t.getClickableScreenReaderAccessProps=u,t.getClickableIconScreenReaderAccessProps=c;var n,r=(n=o(13))&&n.__esModule?n:{default:n};function a(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function l(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){i(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function i(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function u(e){var t=e.isKeyboardAccessible,o=void 0===t||t,n=e.isDecorationOnly;return{role:"button",tabIndex:o?0:-1,"aria-hidden":void 0!==n&&n}}function c(e){var t=e.label,o=e.isDecorationOnly,n=void 0!==o&&o,r=e.isKeyboardAccessible;return l(l({},u({isDecorationOnly:n,isKeyboardAccessible:void 0===r||r})),{},{"aria-label":t})}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ICON_TYPES=void 0;t.ICON_TYPES={SVG:"SVG",ICON_FONT:"FA",SRC:"SRC"}},function(e,t,o){"use strict";function n(e){return(n="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(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var o=i(t);if(o&&o.has(e))return o.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=a?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(r,l,u):r[l]=e[l]}r.default=e,o&&o.set(e,r);return r}(o(0));o(20);var a,l=(a=o(2))&&a.__esModule?a:{default:a};function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,o=new WeakMap;return(i=function(e){return e?o:t})(e)}var u=(0,r.forwardRef)((function(e,t){var o=e.className,n=e.onClick,a=e["aria-label"],i=e.tabIndex,u=e.icon,c=e.role,s=void 0===c?"img":c,d=e["aria-hidden"],p=e["data-testid"],f="function"==typeof u,m=f?"":u;return r.default.createElement("span",{"aria-hidden":d,className:(0,l.default)(o,"fa",m),onClick:n,ref:t,"aria-label":a,tabIndex:i,role:s,"data-testid":p},f&&u())}));u.__docgenInfo={description:"",methods:[],displayName:"FontIcon",props:{role:{defaultValue:{value:'"img"',computed:!1},required:!1}}};var c=u;t.default=c},function(e,t,o){},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.onClick,o=e.className,u=e.clickable,s=e.ignoreFocusStyle,p=e.isDecorationOnly,f=e.iconLabel,m=e.externalTabIndex,y=(0,n.useRef)(null),b=(0,n.useCallback)((function(e){document.activeElement===y.current&&t(e)}),[y,t]),v=(0,n.useCallback)((function(e){e.preventDefault()}),[]),g=(0,n.useMemo)((function(){return(0,r.default)("icon_component",o,{"icon_component--clickable":u,"icon_component--no-focus-style":s})}),[u,o,s]);(0,l.default)({eventName:"mousedown",callback:v,ref:y}),(0,i.default)({keys:d,ref:y,callback:b,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var h=(0,n.useCallback)((function(e){(t||a.default)(e)}),[t]),O=(0,c.default)({isClickable:u,label:f,isDecorationOnly:p});return O.tabIndex=null!=m?m:O.tabIndex,{screenReaderAccessProps:O,onClickCallback:h,computedClassName:g,onEnterCallback:b,iconRef:y}};var n=o(0),r=s(o(2)),a=s(o(8)),l=s(o(5)),i=s(o(7)),u=o(12),c=s(o(10));function s(e){return e&&e.__esModule?e:{default:e}}var d=[u.keyCodes.ENTER,u.keyCodes.SPACE]},function(e,t,o){},function(e,t){e.exports=require("lodash/isArray")},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HIDE_SHOW_EVENTS=void 0;t.HIDE_SHOW_EVENTS={CLICK:"click",CLICK_OUTSIDE:"clickoutside",ESCAPE_KEY:"esckey",TAB_KEY:"tab",MOUSE_ENTER:"mouseenter",MOUSE_LEAVE:"mouseleave",ENTER:"enter",MOUSE_DOWN:"mousedown",FOCUS:"focus",BLUR:"blur",CONTENT_CLICK:"onContentClick"}},,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BEMClass=function(e){return function(t){var o=t.element,n=t.state,r=e;return o&&(r="".concat(r,"_").concat(o)),n&&(r="".concat(r,"--").concat(n)),r}}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DIALOG_ANIMATION_TYPES=void 0;t.DIALOG_ANIMATION_TYPES={OPACITY_AND_SLIDE:"opacity-and-slide",EXPAND:"expand"}},,,function(e,t){e.exports=require("react-transition-group")},function(e,t,o){"use strict";function n(e){return(n="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(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var o=g(t);if(o&&o.has(e))return o.get(e);var r={},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(r,l,i):r[l]=e[l]}r.default=e,o&&o.set(e,r);return r}(o(0)),a=o(38),l=v(o(1)),i=o(36),u=v(o(2)),c=v(o(11)),s=o(6),d=o(39),p=o(37);o(41);var f=o(42),m=o(24),y=o(4),b=o(27);function v(e){return e&&e.__esModule?e:{default:e}}function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,o=new WeakMap;return(g=function(e){return e?o:t})(e)}function h(e){return function(e){if(Array.isArray(e))return O(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return O(e,t)}(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 O(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function S(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function C(e,t){return(C=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function w(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=k(e);if(t){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return _(this,o)}}function _(e,t){return!t||"object"!==n(t)&&"function"!=typeof t?E(e):t}function E(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function k(e){return(k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var D=function(){},M=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&C(e,t)}(y,e);var t,o,n,l=w(y);function y(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,y),(t=l.call(this,e)).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},t.onMouseEnter=t.onMouseEnter.bind(E(t)),t.onMouseLeave=t.onMouseLeave.bind(E(t)),t.onMouseDown=t.onMouseDown.bind(E(t)),t.onClick=t.onClick.bind(E(t)),t.onFocus=t.onFocus.bind(E(t)),t.onBlur=t.onBlur.bind(E(t)),t.isShown=t.isShown.bind(E(t)),t.onEsc=t.onEsc.bind(E(t)),t.onClickOutside=t.onClickOutside.bind(E(t)),t.onDialogEnter=t.onDialogEnter.bind(E(t)),t.onDialogLeave=t.onDialogLeave.bind(E(t)),t.getContainer=t.getContainer.bind(E(t)),t.onContentClick=t.onContentClick.bind(E(t)),t.onKeyDown=t.onKeyDown.bind(E(t)),t.closeDialogOnEscape=t.closeDialogOnEscape.bind(E(t)),t.hideTimeout=null,t.showTimeout=null,t}return t=y,n=[{key:"getDerivedStateFromProps",value:function(e,t){return t.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}],(o=[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,m.HIDE_SHOW_EVENTS.ESCAPE_KEY);break;case"Tab":this.handleEvent(m.HIDE_SHOW_EVENTS.TAB_KEY,e);break;case"Enter":this.handleEvent(m.HIDE_SHOW_EVENTS.ENTER,e)}}},{key:"componentDidMount",value:function(){var e=this.props,t=e.shoudlCallbackOnMount,o=e.onDialogDidShow,n=this.state.isOpen;document.addEventListener("keyup",this.closeDialogOnEscape),t&&n&&o&&o()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keyup",this.closeDialogOnEscape)}},{key:"getContainer",value:function(){var e=this.props.containerSelector;return e&&document.querySelector(e)||document.body}},{key:"showDialog",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=this.props,n=o.showDelay,r=o.instantShowAndHide,a=o.getDynamicShowDelay,l=n,i=t.preventAnimation;if(a){var u=a();l=u.showDelay||0,i=i||u.preventAnimation}r?(this.onShowDialog(t),this.setState({isOpen:!0,preventAnimation:i}),this.showTimeout=null):this.showTimeout=setTimeout((function(){e.onShowDialog(t),e.showTimeout=null,e.setState({isOpen:!0,preventAnimation:i})}),l)}},{key:"onShowDialog",value:function(){this.isShown()||(0,this.props.onDialogDidShow)()}},{key:"showDialogIfNeeded",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.props.disable;t||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e))}},{key:"hideDialog",value:function(e,t){var o=this,n=this.props,r=n.hideDelay;n.instantShowAndHide?(this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){o.onHideDialog(e,t),o.setState({isOpen:!1}),o.hideTimeout=null}),r)}},{key:"onHideDialog",value:function(e,t){var o=this.props.onDialogDidHide;o&&o(e,t)}},{key:"hideDialogIfNeeded",value:function(e,t){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,t)}},{key:"handleEvent",value:function(e,t,o){var n=this.props,r=n.showTriggerIgnoreClass,a=n.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||(0,p.isInsideClass)(t,r)?this.isHideTrigger(e)&&!(0,p.isInsideClass)(t,a)?this.hideDialogIfNeeded(o,e):void 0:this.showDialogIfNeeded()}},{key:"isShown",value:function(){var e=this.state.isOpen,t=this.props.open;return e||t}},{key:"isShowTrigger",value:function(e){var t=this.props.showTrigger;return(0,s.convertToArray)(t).indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var t=this.props.hideTrigger;return(0,s.convertToArray)(t).indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onClickOutside",value:function(e){var t=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),t(e)}},{key:"onDialogEnter",value:function(){this.props.showOnDialogEnter&&this.showDialogIfNeeded()}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var t=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),t()}},{key:"render",value:function(){var e=this,t=this.props,o=t.wrapperClassName,n=t.content,l=t.startingEdge,s=t.children,p=t.preventAnimationOnMount,m=t.animationType,y=t.position,b=t.showDelay,v=t.moveBy,g=t.modifiers,O=t.tooltip,S=t.tooltipClassName,C=t.referenceWrapperClassName,w=t.zIndex,_=t.hideWhenReferenceHidden,E=this.state.preventAnimation,k=!this.isHideTrigger("clickoutside"),D=!p&&!E&&m,M=(0,c.default)(n)?n():n;return M?r.default.createElement(i.Manager,null,r.default.createElement(i.Reference,null,(function(t){var o=t.ref;return r.default.createElement(f.Refable,{className:C,ref:o,onBlur:I("onBlur",e,e.props),onKeyDown:I("onKeyDown",e,e.props),onClick:I("onClick",e,e.props),onFocus:I("onFocus",e,e.props),onMouseDown:I("onMouseDown",e,e.props),onMouseEnter:I("onMouseEnter",e,e.props),onMouseLeave:I("onMouseLeave",e,e.props)},s)})),(0,a.createPortal)(r.default.createElement(i.Popper,{placement:y,modifiers:[{name:"offset",options:{offset:[v.secondary,v.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var t=e.state;return w&&(t.styles.popper.zIndex=w),t}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var t=e.state;return t.styles.arrow?(t.styles.arrow.transform="".concat(t.styles.arrow.transform," rotate(45deg)"),t):t}}].concat(h(g))},(function(t){var n=t.placement,a=t.style,i=t.ref,c=t.arrowProps,s=t.isReferenceHidden;if(!e.isShown()&&n)return null;if(_&&s){var p=new CustomEvent("onReferenceHidden");e.hideDialog(p,"onReferenceHidden")}return r.default.createElement(d.DialogContent,{isReferenceHidden:_&&s,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,disableOnClickOutside:k,onClickOutside:e.onClickOutside,onEscKey:e.onEsc,animationType:D,position:n,wrapperClassName:o,startingEdge:l,isOpen:e.isShown(),showDelay:b,styleObject:a,ref:i,onClick:e.onContentClick,hasTooltip:!!O},M,O&&r.default.createElement("div",{style:c.style,ref:c.ref,className:(0,u.default)("monday-style-tooltip-arrow",S),"data-placement":n}))})),this.getContainer())):s}}])&&S(t.prototype,o),n&&S(t,n),y}(r.PureComponent);function I(e,t,o){return(0,s.chainFunctions)([o[e],t[e]],!0)}t.default=M,M.hideShowTriggers=m.HIDE_SHOW_EVENTS,M.positions=y.DialogPositions,M.animationTypes=b.DIALOG_ANIMATION_TYPES,M.propTypes={referenceWrapperClassName:l.default.string,position:l.default.oneOf(h(Object.values(M.positions))),modifiers:l.default.array,startingEdge:l.default.string,moveBy:l.default.shape({main:l.default.number,secondary:l.default.number}),showDelay:l.default.number,hideDelay:l.default.number,showTrigger:l.default.any,hideTrigger:l.default.any,showOnDialogEnter:l.default.bool,shouldShowOnMount:l.default.bool,disable:l.default.bool,open:l.default.bool,showTriggerIgnoreClass:l.default.string,hideTriggerIgnoreClass:l.default.string,animationType:l.default.oneOf([M.animationTypes.EXPAND,M.animationTypes.OPACITY_AND_SLIDE]),wrapperClassName:l.default.string,preventAnimationOnMount:l.default.bool,containerSelector:l.default.string,tooltip:l.default.bool,tooltipClassName:l.default.string,onDialogDidShow:l.default.func,onDialogDidHide:l.default.func,onClickOutside:l.default.func,onContentClick:l.default.func,zIndex:l.default.number,useDerivedStateFromProps:l.default.bool,hideWhenReferenceHidden:l.default.bool,shoudlCallbackOnMount:l.default.bool},M.defaultProps={referenceWrapperClassName:"",position:"top",modifiers:[],startingEdge:"",moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:M.hideShowTriggers.MOUSE_ENTER,hideTrigger:M.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,showTriggerIgnoreClass:null,hideTriggerIgnoreClass:null,animationType:M.animationTypes.EXPAND,wrapperClassName:null,preventAnimationOnMount:!1,containerSelector:"body",tooltip:!1,tooltipClassName:"",onDialogDidShow:D,onDialogDidHide:D,onClickOutside:D,onContentClick:D,zIndex:null,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shoudlCallbackOnMount:!1},M.__docgenInfo={description:"",methods:[{name:"closeDialogOnEscape",docblock:null,modifiers:[],params:[{name:"event",type:null}],returns:null},{name:"getContainer",docblock:null,modifiers:[],params:[],returns:null},{name:"showDialog",docblock:null,modifiers:[],params:[{name:"options",type:null}],returns:null},{name:"onShowDialog",docblock:null,modifiers:[],params:[],returns:null},{name:"showDialogIfNeeded",docblock:null,modifiers:[],params:[{name:"options",type:null}],returns:null},{name:"hideDialog",docblock:null,modifiers:[],params:[{name:"event",type:null},{name:"eventName",type:null}],returns:null},{name:"onHideDialog",docblock:null,modifiers:[],params:[{name:"event",type:null},{name:"eventName",type:null}],returns:null},{name:"hideDialogIfNeeded",docblock:null,modifiers:[],params:[{name:"event",type:null},{name:"eventName",type:null}],returns:null},{name:"handleEvent",docblock:null,modifiers:[],params:[{name:"eventName",type:null},{name:"target",type:null},{name:"event",type:null}],returns:null},{name:"isShown",docblock:null,modifiers:[],params:[],returns:null},{name:"isShowTrigger",docblock:null,modifiers:[],params:[{name:"event",type:null}],returns:null},{name:"isHideTrigger",docblock:null,modifiers:[],params:[{name:"eventName",type:null}],returns:null},{name:"onMouseEnter",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"onMouseLeave",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"onClick",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"onKeyDown",docblock:null,modifiers:[],params:[{name:"event",type:null}],returns:null},{name:"onMouseDown",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"onFocus",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"onBlur",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"onEsc",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"onClickOutside",docblock:null,modifiers:[],params:[{name:"event",type:null}],returns:null},{name:"onDialogEnter",docblock:null,modifiers:[],params:[],returns:null},{name:"onDialogLeave",docblock:null,modifiers:[],params:[{name:"event",type:null}],returns:null},{name:"onContentClick",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null}],displayName:"Dialog",props:{referenceWrapperClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"A Classname to be added to <spam> element which wraps the children"},position:{defaultValue:{value:'"top"',computed:!1},type:{name:"enum",value:[{value:"...Object.values(Dialog.positions)",computed:!0}]},required:!1,description:"Where the dialog should be in reference to the children,\nTop, Left, Right, Bottom ..."},modifiers:{defaultValue:{value:"[]",computed:!1},type:{name:"array"},required:!1,description:"PopperJS Modifiers type\nhttps://popper.js.org/docs/v2/modifiers/"},startingEdge:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},moveBy:{defaultValue:{value:"{ main: 0, secondary: 0 }",computed:!1},type:{name:"shape",value:{main:{name:"number",required:!1},secondary:{name:"number",required:!1}}},required:!1,description:"How much to move the dialog in relative to children\nmain is the axis in which the position is aligned to\nsecondary is the vertical axes to the position"},showDelay:{defaultValue:{value:"100",computed:!1},type:{name:"number"},required:!1,description:"how much delay should the Dialog wait until it should trigger the show in MS"},hideDelay:{defaultValue:{value:"100",computed:!1},type:{name:"number"},required:!1,description:"how much delay should the Dialog wait until it should trigger the hide in MS"},showTrigger:{defaultValue:{value:"Dialog.hideShowTriggers.MOUSE_ENTER",computed:!0},type:{name:"any"},required:!1,description:"an array of hide/show trigger -\nDialog.hideShowTriggers"},hideTrigger:{defaultValue:{value:"Dialog.hideShowTriggers.MOUSE_LEAVE",computed:!0},type:{name:"any"},required:!1,description:"an array of hide/show trigger -\nDialog.hideShowTriggers"},showOnDialogEnter:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},shouldShowOnMount:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Show the Dialog when the children is mounting"},disable:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"disable the opening of the dialog"},open:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"open is a controlled prop to open the dialog"},showTriggerIgnoreClass:{defaultValue:{value:"null",computed:!1},type:{name:"string"},required:!1,description:"if this class exists on the children the show trigger will be ignored"},hideTriggerIgnoreClass:{defaultValue:{value:"null",computed:!1},type:{name:"string"},required:!1,description:"if this class exists on the children the hide trigger will be ignored"},animationType:{defaultValue:{value:"Dialog.animationTypes.EXPAND",computed:!0},type:{name:"enum",value:[{value:"Dialog.animationTypes.EXPAND",computed:!0},{value:"Dialog.animationTypes.OPACITY_AND_SLIDE",computed:!0}]},required:!1,description:"Dialog animation type"},wrapperClassName:{defaultValue:{value:"null",computed:!1},type:{name:"string"},required:!1,description:"Classname to be added to the content container"},preventAnimationOnMount:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Prevent Animation"},containerSelector:{defaultValue:{value:'"body"',computed:!1},type:{name:"string"},required:!1,description:'the container selector in which to append the dialog\nfor examples: "body" , ".my-class", "#my-id"'},tooltip:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"should position the tooltip element\nhttps://popper.js.org/docs/v2/modifiers/arrow/"},tooltipClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"class name to add to the tooltip element"},onDialogDidShow:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:"callback to be called when the dialog is shown"},onDialogDidHide:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:"callback to be called when the dialog is hidden"},onClickOutside:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:"callback to be called when click outside is being triggered"},onContentClick:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:"callback to be called when click on the content is being triggered"},zIndex:{defaultValue:{value:"null",computed:!1},type:{name:"number"},required:!1,description:"z-index to add to the dialog"},useDerivedStateFromProps:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},hideWhenReferenceHidden:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},shoudlCallbackOnMount:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""}}}},,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.ref,o=e.callback,n=(0,r.useCallback)((function(e){t&&t.current&&!t.current.contains(e.target)&&o(e)}),[t,o]),l=(0,r.useRef)(document);(0,a.default)({eventName:"click",ref:l,callback:n,capture:!0}),(0,a.default)({eventName:"touchend",ref:l,callback:n,capture:!0})};var n,r=o(0),a=(n=o(5))&&n.__esModule?n:{default:n}},,,function(e,t){e.exports=require("react-popper")},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isInsideClass=function(e,t){if(!t)return!1;var o;o=Array.isArray(t)?t.map((function(e){return".".concat(e)})).join(","):".".concat(t);return!!e.parentElement.closest(o)}},function(e,t){e.exports=require("react-dom")},function(e,t,o){"use strict";function n(e){return(n="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(t,"__esModule",{value:!0}),t.DialogContent=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var o=p(t);if(o&&o.has(e))return o.get(e);var r={},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(r,l,i):r[l]=e[l]}r.default=e,o&&o.set(e,r);return r}(o(0)),a=d(o(2)),l=o(30),i=d(o(33)),u=o(6);o(40);var c=d(o(7)),s=o(24);function d(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,o=new WeakMap;return(p=function(e){return e?o:t})(e)}function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}function m(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var y={},b=function(){},v={},g=["Esc","Escape"],h=r.default.forwardRef((function(e,t){var o,n=e.onEsc,d=void 0===n?b:n,p=e.children,h=e.position,O=e.wrapperClassName,S=e.isOpen,C=void 0!==S&&S,w=e.startingEdge,_=e.animationType,E=void 0===_?"expand":_,k=e.onMouseEnter,D=void 0===k?b:k,M=e.onMouseLeave,I=void 0===M?b:M,P=e.onClickOutside,j=void 0===P?b:P,T=e.onClick,V=void 0===T?b:T,N=e.showDelay,R=e.styleObject,A=void 0===R?v:R,L=e.isReferenceHidden,x=e.hasTooltip,q=void 0!==x&&x,z=(0,r.useRef)(null),U=(0,r.useCallback)((function(e){if(C)return j(e,s.HIDE_SHOW_EVENTS.CLICK_OUTSIDE)}),[C,j]);return(0,c.default)({keys:g,callback:d}),(0,i.default)({callback:U,ref:z}),E&&(y.classNames="monday-style-animation-".concat(E)),r.default.createElement("span",{className:(0,a.default)("monday-style-dialog-content-wrapper",O),ref:t,style:A,onClickCapture:V,"data-popper-reference-hidden":L},r.default.createElement(l.CSSTransition,f({},y,{in:C,appear:!!E,timeout:N}),r.default.createElement("div",{className:(0,a.default)("monday-style-dialog-content-component",h,(o={},m(o,"edge-".concat(w),w),m(o,"has-tooltip",q),o)),ref:z},r.default.Children.toArray(p).map((function(e){return(0,r.cloneElement)(e,{onMouseEnter:(0,u.chainFunctions)([e.props.onMouseEnter,D]),onMouseLeave:(0,u.chainFunctions)([e.props.onMouseLeave,I])})})))))}));t.DialogContent=h,h.__docgenInfo={description:"",methods:[],displayName:"DialogContent",props:{onEsc:{defaultValue:{value:"() => {}",computed:!1},required:!1},isOpen:{defaultValue:{value:"false",computed:!1},required:!1},animationType:{defaultValue:{value:'"expand"',computed:!1},required:!1},onMouseEnter:{defaultValue:{value:"() => {}",computed:!1},required:!1},onMouseLeave:{defaultValue:{value:"() => {}",computed:!1},required:!1},onClickOutside:{defaultValue:{value:"() => {}",computed:!1},required:!1},onClick:{defaultValue:{value:"() => {}",computed:!1},required:!1},styleObject:{defaultValue:{value:"{}",computed:!1},required:!1},hasTooltip:{defaultValue:{value:"false",computed:!1},required:!1}}}},function(e,t,o){},function(e,t,o){},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Refable=void 0;var n,r=(n=o(0))&&n.__esModule?n:{default:n},a=o(6),l=["children"];function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}function u(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function c(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?u(Object(o),!0).forEach((function(t){s(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function s(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},a=Object.keys(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}var p=r.default.forwardRef((function(e,t){var o=e.children,n=d(e,l);return r.default.Children.map(o,(function(e){return r.default.isValidElement(e)?"string"!=typeof e.type?r.default.createElement("span",i({ref:t},n),r.default.cloneElement(e,c({},e.props))):r.default.cloneElement(e,c(c(c({},n),e.props),{},{onClick:f("onClick",e.props,n),onBlur:f("onBlur",e.props,n),onMouseEnter:f("onMouseEnter",e.props,n),onMouseLeave:f("onMouseLeave",e.props,n),onMouseDown:f("onMouseDown",e.props,n),onFocus:f("onFocus",e.props,n),ref:(0,a.chainRefFunctions)([e.ref,t])})):null}))}));function f(e,t,o){return(0,a.chainFunctions)([t[e],o[e]],!0)}t.Refable=p,p.__docgenInfo={description:"",methods:[],displayName:"Refable"}},,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(o(1)),r=l(o(0)),a=["size"];function l(e){return e&&e.__esModule?e:{default:e}}function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}function u(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},a=Object.keys(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}var c=function(e){var t=e.size,o=u(e,a);return r.default.createElement("svg",i({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},o),r.default.createElement("path",{d:"M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};c.displayName="CloseSmall",c.propTypes={size:n.default.string},c.__docgenInfo={description:"",methods:[],displayName:"CloseSmall",props:{size:{type:{name:"string"},required:!1,description:""}}};var s=c;t.default=s},,,,,,,function(e,t,o){"use strict";function n(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return r(e,t)}(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 r(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}Object.defineProperty(t,"__esModule",{value:!0}),t.allMondayColors=t.getElementColor=t.elementColorsNames=t.elementAllowedColors=t.stateSelectedColors=t.contentColorsByName=t.COLOR_STYLES=t.contentColors=t.colorsMap=void 0;t.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