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

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

!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports["monday-style"]=o():e["monday-style"]=o()}(this,(function(){return function(e){var o={};function r(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=o,r.d=function(e,o,t){r.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:t})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,o){if(1&o&&(e=r(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var n in e)r.d(t,n,function(o){return e[o]}.bind(null,n));return t},r.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(o,"a",o),o},r.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},r.p="",r(r.s=233)}({0:function(e,o){e.exports=require("react")},1:function(e,o){e.exports=require("prop-types")},10:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.isClickable,r=e.label,l=e.isDecorationOnly;return(0,t.useMemo)((function(){return(0,n.getIconScreenReaderAccessProps)({isClickable:o,label:r,isDecorationOnly:l})}),[o,r,l])};var t=r(0),n=r(17)},11:function(e,o){e.exports=require("lodash/isFunction")},12:function(e,o){e.exports=require("lodash/isNil")},13:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.keyCodes=void 0;o.keyCodes={ENTER:"Enter",SPACE:" "}},14:function(e,o,r){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var n=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==t(e)&&"function"!=typeof e)return{default:e};var r=d(o);if(r&&r.has(e))return r.get(e);var n={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in e)if("default"!==c&&Object.prototype.hasOwnProperty.call(e,c)){var a=l?Object.getOwnPropertyDescriptor(e,c):null;a&&(a.get||a.set)?Object.defineProperty(n,c,a):n[c]=e[c]}n.default=e,r&&r.set(e,n);return n}(r(0)),l=s(r(1)),c=s(r(2)),a=s(r(15));r(16);var i=s(r(10)),u=["className","src","onClick","clickable","ariaLabel","ariaHidden","replaceToCurrentColor","customColor"];function s(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:o})(e)}function f(){return(f=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function p(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function y(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor";return e.replace(/fill=".*?"/g,'fill="'.concat(o,'"'))}var b=function(e){var o=e.className,r=e.src,t=e.onClick,l=e.clickable,s=e.ariaLabel,d=e.ariaHidden,b=e.replaceToCurrentColor,m=e.customColor,v=p(e,u),g=(0,i.default)({isClickable:l,label:s,isDecorationOnly:d}),h=(0,n.useCallback)((function(e){return b?y(e,"currentColor"):m?y(e,m):e}),[b,m]);return n.default.createElement(a.default,f({},g,{onClick:t,src:r,className:(0,c.default)("monday-style-custom-svg-icon--wrapper",o),preProcessor:h},v))};b.propTypes={className:l.default.string,src:l.default.string,ariaLabel:l.default.string,ariaHidden:l.default.bool,replaceToCurrentColor:l.default.bool,customColor:l.default.string},b.defaultProps={className:"",src:"",ariaLabel:void 0,ariaHidden:void 0,replaceToCurrentColor:!1,customColor:void 0},b.__docgenInfo={description:"",methods:[],displayName:"CustomSvgIcon",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},src:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},ariaHidden:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:""},replaceToCurrentColor:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},customColor:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""}}};var m=b;o.default=m},15:function(e,o){e.exports=require("react-inlinesvg")},16:function(e,o,r){},17:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.getIconScreenReaderAccessProps=function(e){var o=e.isClickable,r=e.isDecorationOnly,t=e.isKeyboardAccessible,l=e.label,c=(0,n.default)(r)?!o:r;return o?u({label:l,isDecorationOnly:c,isKeyboardAccessible:t}):{role:c?void 0:"img","aria-hidden":c,tabIndex:void 0,"aria-label":r?void 0:l}},o.getClickableScreenReaderAccessProps=i,o.getClickableIconScreenReaderAccessProps=u;var t,n=(t=r(12))&&t.__esModule?t:{default:t};function l(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function c(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?l(Object(r),!0).forEach((function(o){a(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))}))}return e}function a(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function i(e){var o=e.isKeyboardAccessible,r=void 0===o||o,t=e.isDecorationOnly;return{role:"button",tabIndex:r?0:-1,"aria-hidden":void 0!==t&&t}}function u(e){var o=e.label,r=e.isDecorationOnly,t=void 0!==r&&r,n=e.isKeyboardAccessible;return c(c({},i({isDecorationOnly:t,isKeyboardAccessible:void 0===n||n})),{},{"aria-label":o})}},18:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.ICON_TYPES=void 0;o.ICON_TYPES={SVG:"SVG",ICON_FONT:"FA",SRC:"SRC"}},19:function(e,o,r){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var n=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==t(e)&&"function"!=typeof e)return{default:e};var r=a(o);if(r&&r.has(e))return r.get(e);var n={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in e)if("default"!==c&&Object.prototype.hasOwnProperty.call(e,c)){var i=l?Object.getOwnPropertyDescriptor(e,c):null;i&&(i.get||i.set)?Object.defineProperty(n,c,i):n[c]=e[c]}n.default=e,r&&r.set(e,n);return n}(r(0));r(20);var l,c=(l=r(2))&&l.__esModule?l:{default:l};function a(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:o})(e)}var i=(0,n.forwardRef)((function(e,o){var r=e.className,t=e.onClick,l=e["aria-label"],a=e.tabIndex,i=e.icon,u=e.role,s=void 0===u?"img":u,d=e["aria-hidden"],f="function"==typeof i?"":i;return n.default.createElement("span",{"aria-hidden":d,className:(0,c.default)(r,"fa",f),onClick:t,ref:o,"aria-label":l,tabIndex:a,role:s},"function"==typeof i&&i())}));i.__docgenInfo={description:"",methods:[],displayName:"FontIcon",props:{role:{defaultValue:{value:'"img"',computed:!1},required:!1}}};var u=i;o.default=u},2:function(e,o){e.exports=require("classnames")},20:function(e,o,r){},21:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.onClick,r=e.className,i=e.clickable,s=e.ignoreFocusStyle,f=e.isDecorationOnly,p=e.iconLabel,y=e.externalTabIndex,b=(0,t.useRef)(null),m=(0,t.useCallback)((function(e){document.activeElement===b.current&&o(e)}),[b,o]),v=(0,t.useCallback)((function(e){e.preventDefault()}),[]),g=(0,t.useMemo)((function(){return(0,n.default)("icon_component",r,{"icon_component--clickable":i,"icon_component--no-focus-style":s})}),[i,r,s]);(0,c.default)({eventName:"mousedown",callback:v,ref:b}),(0,a.default)({keys:d,ref:b,callback:m,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var h=(0,t.useCallback)((function(e){(o||l.default)(e)}),[o]),_=(0,u.default)({isClickable:i,label:p,isDecorationOnly:f});return _.tabIndex=null!=y?y:_.tabIndex,{screenReaderAccessProps:_,onClickCallback:h,computedClassName:g,onEnterCallback:m,iconRef:b}};var t=r(0),n=s(r(2)),l=s(r(9)),c=s(r(5)),a=s(r(7)),i=r(13),u=s(r(10));function s(e){return e&&e.__esModule?e:{default:e}}var d=[i.keyCodes.ENTER,i.keyCodes.SPACE]},22:function(e,o,r){},233:function(e,o,r){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var n=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==t(e)&&"function"!=typeof e)return{default:e};var r=y(o);if(r&&r.has(e))return r.get(e);var n={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in e)if("default"!==c&&Object.prototype.hasOwnProperty.call(e,c)){var a=l?Object.getOwnPropertyDescriptor(e,c):null;a&&(a.get||a.set)?Object.defineProperty(n,c,a):n[c]=e[c]}n.default=e,r&&r.set(e,n);return n}(r(0)),l=p(r(1)),c=p(r(2)),a=p(r(8)),i=p(r(3)),u=p(r(47)),s=r(97),d=r(6),f=r(51);function p(e){return e&&e.__esModule?e:{default:e}}function y(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,r=new WeakMap;return(y=function(e){return e?r:o})(e)}r(234);var b=(0,n.forwardRef)((function(e,o){var r=e.className,t=e.id,l=e.label,d=e.leftIcon,p=e.rightIcon,y=e.disabled,b=e.readOnly,m=e.color,v=e.iconSize,g=e.onDelete,h=(0,n.useRef)(null),_=(0,i.default)({refs:[o,h]}),O=(0,n.useMemo)((function(){return{backgroundColor:y?(0,s.getCSSVar)("disabled-background-color"):(0,f.getElementColor)(m,!0)}}),[y,m]),k=(0,n.useCallback)((function(){g&&g(t)}),[t,g]),C=!b&&!y;return n.default.createElement("div",{ref:_,className:(0,c.default)("chips--wrapper",r,{disabled:y,"with-close":C}),id:t,style:O},d?n.default.createElement(a.default,{className:"chip-icon left",iconType:a.default.type.ICON_FONT,clickable:!1,icon:d,iconSize:v,ignoreFocusStyle:!0}):null,n.default.createElement("div",{className:"label"},l),p?n.default.createElement(a.default,{className:"chip-icon right",iconType:a.default.type.ICON_FONT,clickable:!1,icon:p,iconSize:v,ignoreFocusStyle:!0}):null,C&&n.default.createElement(a.default,{"aria-label":"Remove ".concat(l),className:"chip-icon close",iconType:a.default.type.SVG,clickable:!0,icon:u.default,iconSize:18,onClick:k}))}));b.colors=f.elementColorsNames,b.propTypes={className:l.default.string,id:l.default.string,label:l.default.string,disabled:l.default.bool,readOnly:l.default.bool,rightIcon:l.default.node,leftIcon:l.default.node,color:l.default.oneOf(Object.keys(b.colors)),iconSize:l.default.oneOfType([l.default.number,l.default.string]),onDelete:l.default.func},b.defaultProps={className:"",id:"",label:"",disabled:!1,readOnly:!1,rightIcon:null,leftIcon:null,color:b.colors.PRIMARY,iconSize:16,onDelete:d.NOOP},b.__docgenInfo={description:"",methods:[],displayName:"Chips",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},id:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},label:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},disabled:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},readOnly:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},rightIcon:{defaultValue:{value:"null",computed:!1},type:{name:"node"},required:!1,description:"Icon to place on the right"},leftIcon:{defaultValue:{value:"null",computed:!1},type:{name:"node"},required:!1,description:"Icon to place on the left"},color:{defaultValue:{value:"Chips.colors.PRIMARY",computed:!0},type:{name:"enum",computed:!0,value:"Object.keys(Chips.colors)"},required:!1,description:""},iconSize:{defaultValue:{value:"16",computed:!1},type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1,description:"size for font icon"},onDelete:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""}}};var m=b;o.default=m},234:function(e,o,r){},24:function(e,o){e.exports=require("lodash/isArray")},3:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.refs,r=void 0===o?[]:o;return(0,t.useMemo)((function(){return r.every((function(e){return null===e}))?null:function(e){r.forEach((function(o){o&&function(e,o){if(null===e)return;if("function"==typeof e)return void e(o);try{e.current=o}catch(r){throw console.error(r),new Error("Cannot assign value '".concat(o,"' to ref '").concat(e,"'"))}}(o,e)}))}}),[r])};var t=r(0)},47:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var t=c(r(1)),n=c(r(0)),l=["size"];function c(e){return e&&e.__esModule?e:{default:e}}function a(){return(a=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function i(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var u=function(e){var o=e.size,r=i(e,l);return n.default.createElement("svg",a({viewBox:"0 0 20 20",fill:"currentColor",width:o||"20",height:o||"20"},r),n.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"}))};u.displayName="CloseSmall",u.propTypes={size:t.default.string},u.__docgenInfo={description:"",methods:[],displayName:"CloseSmall",props:{size:{type:{name:"string"},required:!1,description:""}}};var s=u;o.default=s},5:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o=e.eventName,r=e.callback,n=e.ref,l=e.capture,c=void 0!==l&&l;(0,t.useEffect)((function(){var e=n&&n.current;if(e){var t={capture:c};return e.addEventListener(o,r,t),function(){e.removeEventListener(o,r,t)}}}),[o,n,r,c])};var t=r(0)},51:function(e,o,r){"use strict";function t(e){return function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,o){if(!e)return;if("string"==typeof e)return n(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,o)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,o){(null==o||o>e.length)&&(o=e.length);for(var r=0,t=new Array(o);r<o;r++)t[r]=e[r];return t}Object.defineProperty(o,"__esModule",{value:!0}),o.allMondayColors=o.getElementColor=o.elementColorsNames=o.elementAllowedColors=o.stateSelectedColors=o.contentColorsByName=o.COLOR_STYLES=o.contentColors=o.colorsMap=void 0;o.colorsMap=[{color:"--primary-color",description:"Use this to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use this to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use this to indicate selected state of primary items"},{color:"--primary-selected-on-secondary-color",description:"Use this to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--positive-color",description:"Use when you want to indicate sometime positive (success, completion of something...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--negative-color",description:"Use when you want to indicate a negative action/state (delete, failed action..., error)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--private-color",description:"Use when you want to indicate that something is private (board, icons...)"},{color:"--shareable-color",description:"Use when you want to indicate that something is shareable (board, dashboard...)"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"}];o.contentColors=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];o.COLOR_STYLES={REGULAR:"regular",SELECTED:"selected"};var l={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=l;var c={POSITIVE:"--positive-color-selected",NEGATIVE:"--negative-color-selected",PRIMARY:"--primary-selected-color"};o.stateSelectedColors=c;var a=[].concat(t(Object.keys(l)),t(Object.keys(c)));o.elementAllowedColors=a;var i=a.reduce((function(e,o){return e[o]=o,e}),{});o.elementColorsNames=i;o.getElementColor=function(e){var o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return l[e]?"var(--color-".concat(l[e]).concat(o?"--selected":""):c[e]&&o?"var(".concat(c[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"]},6:function(e,o,r){"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(r){for(var t=0;t<e.length;t++){var l=e[t];try{var c=void 0;if((0,n.default)(l)?c=l(r):l&&(l.current=r),!1===c&&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(r){for(var t=0;t<e.length;t++){var n=e[t];try{if(!1===(n&&n(r))&&o)return}catch(e){return void console.error(e)}}}},o.convertToArray=function(e){return(0,t.default)(e)?e:[e]},o.NOOP=function(){};var t=l(r(24)),n=l(r(11));function l(e){return e&&e.__esModule?e:{default:e}}},7:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e){var o,r=e.keys,t=void 0===r?[]:r,c=e.ref,a=e.callback,i=e.ignoreDocumentFallback,u=void 0!==i&&i,s=e.capture,d=void 0!==s&&s,f=e.preventDefault,p=void 0!==f&&f,y=e.stopPropagation,b=void 0!==y&&y,m=e.keyEventName,v=void 0===m?"keydown":m,g=(0,n.useRef)(document),h=(0,n.useCallback)((function(e){var o=e.key;t.includes(o)&&(p&&e.preventDefault(),b&&e.stopPropagation(),a(e))}),[a,t,p,b]);o=c||(u?null:g);(0,l.default)({eventName:v,callback:h,ref:o,capture:d})};var t,n=r(0),l=(t=r(5))&&t.__esModule?t:{default:t}},8:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var t=function(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!==y(e)&&"function"!=typeof e)return{default:e};var r=f(o);if(r&&r.has(e))return r.get(e);var t={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var c=n?Object.getOwnPropertyDescriptor(e,l):null;c&&(c.get||c.set)?Object.defineProperty(t,l,c):t[l]=e[l]}t.default=e,r&&r.set(e,t);return t}(r(0)),n=d(r(1)),l=d(r(2)),c=r(18),a=d(r(14)),i=d(r(19)),u=d(r(21)),s=d(r(3));function d(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:o})(e)}function p(){return(p=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}r(22);var b=(0,t.forwardRef)((function(e,o){var r=e.onClick,n=e.className,d=e.icon,f=e.clickable,b=e.iconLabel,m=e.iconType,v=e.iconSize,g=e.ignoreFocusStyle,h=e.tabindex,_=e.ariaHidden,O=e.style,k=e.useCurrentColor,C=e.customColor,S=(0,u.default)({onClick:r,iconLabel:b,clickable:f,className:n,isDecorationOnly:_,ignoreFocusStyle:g,externalTabIndex:h}),P=S.screenReaderAccessProps,w=S.onClickCallback,N=S.computedClassName,E=S.iconRef,j=(0,s.default)({refs:[o,E]});if(!d)return null;var I="function"==typeof d;if(m===c.ICON_TYPES.SVG||I||"object"===y(d)){var R=d;return t.default.createElement(R,p({},P,{ref:I?void 0:j,size:v.toString(),onClick:r,className:N,style:O}))}return m===c.ICON_TYPES.SRC?t.default.createElement(a.default,p({src:d},P,{className:(0,l.default)(N),onClick:w,style:O,replaceToCurrentColor:k,customColor:C})):t.default.createElement(i.default,p({},P,{className:(0,l.default)(N),onClick:w,ref:j,icon:d,style:O}))}));b.type=c.ICON_TYPES,b.propTypes={onClick:n.default.func,className:n.default.string,iconType:n.default.oneOf([b.type.SVG,b.type.ICON_FONT,c.ICON_TYPES.SRC]),icon:n.default.oneOfType([n.default.string,n.default.func]),clickable:n.default.bool,iconLabel:n.default.string,iconSize:n.default.oneOfType([n.default.number,n.default.string]),ignoreFocusStyle:n.default.bool,ariaHidden:n.default.bool,useCurrentColor:n.default.bool,customColor:n.default.string},b.defaultProps={onClick:function(){},className:"",icon:"",clickable:!0,iconLabel:void 0,iconType:c.ICON_TYPES.SVG,iconSize:16,ignoreFocusStyle:!1,ariaHidden:void 0,useCurrentColor:!1,customColor:void 0},b.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{onClick:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:""},className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"class name to be added to icon"},icon:{defaultValue:{value:'""',computed:!1},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"we support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component"},clickable:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:"is in used for tabIndex"},iconLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"icon aria label support"},iconType:{defaultValue:{value:"ICON_TYPES.SVG",computed:!0},type:{name:"enum",value:[{value:"Icon.type.SVG",computed:!0},{value:"Icon.type.ICON_FONT",computed:!0},{value:"ICON_TYPES.SRC",computed:!0}]},required:!1,description:"the type of the component - svg, font or custom svg (using react-inlinesvg)"},iconSize:{defaultValue:{value:"16",computed:!1},type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1,description:"size for font icon"},ignoreFocusStyle:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"remove focus style"},ariaHidden:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:""},useCurrentColor:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:'when using svg from src (Icon.type.SRC) this boolean will transform the "fill" property to "currentColor"'},customColor:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"If you want to override to coloring of currentColor"}}};var m=b;o.default=m},9:function(e,o){e.exports=require("lodash/noop")},97:function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.getCSSVar=function(e){if(function(){try{return!(!window.CSS||!window.CSS.supports)&&window.CSS.supports("color","var(--fake-var)")}catch(e){return!1}}())return"var(--".concat(e,")")},o.getComputedVarColor=void 0;o.getComputedVarColor=function(e,o){return getComputedStyle(e).getPropertyValue("--".concat(o))}}})}));