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

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

!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()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=123)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},10:function(e,t){e.exports=require("lodash/noop")},11:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.keyCodes=void 0;t.keyCodes={ENTER:"Enter",SPACE:" "}},123:function(e,t,n){"use strict";function o(e){return(o="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){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=s();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){var u=r?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(n,a,u):n[a]=e[a]}n.default=e,t&&t.set(e,n);return n}(n(0)),a=f(n(1)),u=f(n(2)),l=f(n(7)),c=f(n(49)),i=n(124);function f(e){return e&&e.__esModule?e:{default:e}}function s(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return s=function(){return e},e}n(125);var d=function(e){var t=e.componentClassName,n=e.type,o=e.icon,a=e.iconType,c=e.title,f=e.text,s=(0,r.useMemo)((function(){return n===i.ATTENTION_BOX_TYPES.DANGER?"alert":"complementary"}),[n]),d=(0,r.useMemo)((function(){return n===i.ATTENTION_BOX_TYPES.DANGER?"alert":n===i.ATTENTION_BOX_TYPES.SUCCESS?"success":"attention"}),[n]),p="".concat(i.baseClassName,"--type-").concat(n);return r.default.createElement("aside",{className:(0,u.default)(i.baseClassName,p,t),role:s},r.default.createElement("div",{className:(0,u.default)("".concat(i.baseClassName,"__title-container"),"".concat(p,"__title-container")),role:"heading","aria-level":"2"},r.default.createElement(l.default,{iconType:a,clickable:!1,icon:o,className:(0,u.default)("".concat(i.baseClassName,"__title-container__icon"),"".concat(p,"__title-container__icon")),ignoreFocusStyle:!0,iconSize:"24",iconLabel:d}),r.default.createElement("span",{className:(0,u.default)("".concat(i.baseClassName,"__title-container__title"),"".concat(p,"__title-container__title"))},c)),r.default.createElement("div",{className:(0,u.default)("".concat(i.baseClassName,"__text"),"".concat(p,"__text"))},f))};d.types=i.ATTENTION_BOX_TYPES,d.propTypes={componentClassName:a.default.string,type:a.default.oneOf([i.ATTENTION_BOX_TYPES.PRIMARY,i.ATTENTION_BOX_TYPES.SUCCESS,i.ATTENTION_BOX_TYPES.DANGER,i.ATTENTION_BOX_TYPES.DARK]),iconType:a.default.oneOf([l.default.type.SVG,l.default.type.ICON_FONT]),icon:a.default.oneOfType([a.default.string,a.default.func]),title:a.default.string,text:a.default.string},d.defaultProps={componentClassName:"",type:i.ATTENTION_BOX_TYPES.PRIMARY,icon:c.default,iconType:l.default.type.SVG,title:"",text:""},d.__docgenInfo={description:"",methods:[],displayName:"AttentionBox",props:{componentClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},type:{defaultValue:{value:"ATTENTION_BOX_TYPES.PRIMARY",computed:!0},type:{name:"enum",value:[{value:"ATTENTION_BOX_TYPES.PRIMARY",computed:!0},{value:"ATTENTION_BOX_TYPES.SUCCESS",computed:!0},{value:"ATTENTION_BOX_TYPES.DANGER",computed:!0},{value:"ATTENTION_BOX_TYPES.DARK",computed:!0}]},required:!1,description:"we support 4 types of attention boxes"},icon:{defaultValue:{value:"AlertIcon",computed:!0},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"Icon classname for icon font or SVG Icon Component for SVG Type"},iconType:{defaultValue:{value:"Icon.type.SVG",computed:!0},type:{name:"enum",value:[{value:"Icon.type.SVG",computed:!0},{value:"Icon.type.ICON_FONT",computed:!0}]},required:!1,description:"We support two types of icons, SVG and Icon font (please see Icon component for more information)"},title:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},text:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""}}};var p=d;t.default=p},124:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ATTENTION_BOX_TYPES=t.baseClassName=void 0;t.baseClassName="monday-style-attention-box-component";t.ATTENTION_BOX_TYPES={PRIMARY:"primary",SUCCESS:"success",DANGER:"danger",DARK:"dark"}},125:function(e,t,n){},13:function(e,t,n){},14:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ICON_TYPES=void 0;t.ICON_TYPES={SVG:"SVG",ICON_FONT:"FA"}},15:function(e,t,n){"use strict";function o(e){return(o="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){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=l();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){var u=r?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(n,a,u):n[a]=e[a]}n.default=e,t&&t.set(e,n);return n}(n(0));n(16);var a,u=(a=n(2))&&a.__esModule?a:{default:a};function l(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return l=function(){return e},e}var c=(0,r.forwardRef)((function(e,t){var n=e.className,o=e.onClick,a=e.iconLabel,l=e.tabIndex,c=e.icon,i=e.role,f="function"==typeof c?"":c;return r.default.createElement("span",{className:(0,u.default)(n,"fa",f),onClick:o,ref:t,"aria-label":a,tabIndex:l,role:i},"function"==typeof c&&c())}));c.__docgenInfo={description:"",methods:[],displayName:"FontIcon"};var i=c;t.default=i},16:function(e,t,n){},17:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.onClick,n=e.className,c=e.clickable,i=e.ignoreFocusStyle,s=(0,o.useRef)(null),d=(0,o.useCallback)((function(e){document.activeElement===s.current&&t(e)}),[s,t]),p=(0,o.useCallback)((function(e){e.preventDefault()}),[]),y=(0,o.useMemo)((function(){return(0,r.default)("icon_component",n,{"icon_component--clickable":c,"icon_component--no-focus-style":i})}),[c,n,i]);(0,u.default)({eventName:"mousedown",callback:p,ref:s}),(0,l.default)({keys:f,ref:s,callback:d,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var m=(0,o.useCallback)((function(e){(t||a.default)(e)}),[t]);return{tabindex:c?0:-1,onClickCallback:m,computedClassName:y,onEnterCallback:d,iconRef:s,role:c?"button":""}};var o=n(0),r=i(n(2)),a=i(n(10)),u=i(n(3)),l=i(n(6)),c=n(11);function i(e){return e&&e.__esModule?e:{default:e}}var f=[c.keyCodes.ENTER,c.keyCodes.SPACE]},2:function(e,t){e.exports=require("classnames")},3:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.eventName,n=e.callback,r=e.ref,a=e.capture,u=void 0!==a&&a;(0,o.useEffect)((function(){var e=r&&r.current;if(e){var o={capture:u};return e.addEventListener(t,n,o),function(){e.removeEventListener(t,n,o)}}}),[t,r,n,u])};var o=n(0)},4:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.refs,n=void 0===t?[]:t;return(0,o.useMemo)((function(){return n.every((function(e){return null===e}))?null:function(e){n.forEach((function(t){t&&function(e,t){if(null===e)return;if("function"==typeof e)return void e(t);try{e.current=t}catch(n){throw console.error(n),new Error("Cannot assign value '".concat(t,"' to ref '").concat(e,"'"))}}(t,e)}))}}),[n])};var o=n(0)},49:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(1)),r=a(n(0));function a(e){return e&&e.__esModule?e:{default:e}}function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=function(e){var t=e.size,n=l(e,["size"]);return r.default.createElement("svg",u({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},n),r.default.createElement("path",{d:"M10 2.10596C9.661 2.10596 9.32868 2.20028 9.04023 2.37836C8.75177 2.55645 8.51855 2.81128 8.36665 3.11435L8.36633 3.11498L2.44277 14.9621L2.44269 14.9623C2.30353 15.2407 2.23784 15.5502 2.25185 15.8612C2.26586 16.1721 2.3591 16.4744 2.52272 16.7392C2.68635 17.0041 2.91493 17.2227 3.18678 17.3744C3.45863 17.5261 3.76473 17.6058 4.07604 17.606H4.07644H15.9236H15.924C16.2353 17.6058 16.5414 17.5261 16.8132 17.3744C17.0851 17.2227 17.3137 17.0041 17.4773 16.7392C17.6409 16.4744 17.7341 16.1721 17.7481 15.8612C17.7622 15.5502 17.6965 15.2407 17.5573 14.9623L17.5572 14.9621L11.6337 3.11498L11.6333 3.11435C11.4815 2.81128 11.2482 2.55645 10.9598 2.37836C10.6713 2.20028 10.339 2.10596 10 2.10596ZM9.82821 3.65471C9.87984 3.62284 9.93932 3.60596 10 3.60596C10.0607 3.60596 10.1202 3.62284 10.1718 3.65471C10.2233 3.68654 10.265 3.73207 10.2922 3.78622L10.2923 3.78645L16.2155 15.6328L16.2156 15.6329C16.2404 15.6827 16.2522 15.7381 16.2497 15.7937C16.2472 15.8493 16.2305 15.9034 16.2012 15.9508C16.1719 15.9982 16.131 16.0374 16.0823 16.0645C16.0337 16.0917 15.9789 16.1059 15.9232 16.106H4.07684C4.02112 16.1059 3.96633 16.0917 3.91767 16.0645C3.86901 16.0374 3.8281 15.9982 3.79881 15.9508C3.76953 15.9034 3.75284 15.8493 3.75033 15.7937C3.74783 15.7381 3.75956 15.6827 3.78441 15.6329L3.78449 15.6328L9.70765 3.78645L9.70777 3.7862C9.73496 3.73206 9.77666 3.68654 9.82821 3.65471ZM10 6.95135C10.4142 6.95135 10.75 7.28714 10.75 7.70135V10.9324C10.75 11.3466 10.4142 11.6824 10 11.6824C9.58579 11.6824 9.25 11.3466 9.25 10.9324V7.70135C9.25 7.28714 9.58579 6.95135 10 6.95135ZM9.2303 13.3937C9.43444 13.1896 9.7113 13.0749 9.99999 13.0749C10.2887 13.0749 10.5655 13.1896 10.7697 13.3937C10.9738 13.5979 11.0885 13.8747 11.0885 14.1634C11.0885 14.4521 10.9738 14.729 10.7697 14.9331C10.5655 15.1372 10.2887 15.2519 9.99999 15.2519C9.7113 15.2519 9.43444 15.1372 9.2303 14.9331C9.02617 14.729 8.91149 14.4521 8.91149 14.1634C8.91149 13.8747 9.02617 13.5979 9.2303 13.3937ZM9.99999 14.1749C10.003 14.1749 10.006 14.1737 10.0081 14.1715C10.0103 14.1694 10.0115 14.1665 10.0115 14.1634C10.0115 14.1604 10.0103 14.1574 10.0081 14.1553C10.006 14.1531 10.003 14.1519 9.99999 14.1519C9.99695 14.1519 9.99402 14.1531 9.99187 14.1553C9.98971 14.1574 9.9885 14.1604 9.9885 14.1634C9.9885 14.1665 9.98971 14.1694 9.99187 14.1715C9.99402 14.1737 9.99695 14.1749 9.99999 14.1749Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};c.displayName="Alert",c.propTypes={size:o.default.string},c.__docgenInfo={description:"",methods:[],displayName:"Alert",props:{size:{type:{name:"string"},required:!1,description:""}}};var i=c;t.default=i},6:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,n=e.keys,o=void 0===n?[]:n,u=e.ref,l=e.callback,c=e.ignoreDocumentFallback,i=void 0!==c&&c,f=e.capture,s=void 0!==f&&f,d=e.preventDefault,p=void 0!==d&&d,y=e.stopPropagation,m=void 0!==y&&y,v=e.keyEventName,b=void 0===v?"keydown":v,_=(0,r.useRef)(document),O=(0,r.useCallback)((function(e){var t=e.key;o.includes(t)&&(p&&e.preventDefault(),m&&e.stopPropagation(),l(e))}),[l,o,p,m]);t=u||(i?null:_);(0,a.default)({eventName:b,callback:O,ref:t,capture:s})};var o,r=n(0),a=(o=n(3))&&o.__esModule?o:{default:o}},7:function(e,t,n){"use strict";function o(e){return(o="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){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){var u=r?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(n,a,u):n[a]=e[a]}n.default=e,t&&t.set(e,n);return n}(n(0)),a=s(n(1)),u=s(n(2));n(13);var l=n(14),c=s(n(15)),i=s(n(17)),f=s(n(4));function s(e){return e&&e.__esModule?e:{default:e}}function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}var p=(0,r.forwardRef)((function(e,t){var n=e.onClick,o=e.className,a=e.icon,s=e.clickable,d=e.iconLabel,p=e.iconType,y=e.iconSize,m=e.ignoreFocusStyle,v=e.tabindex,b=(0,i.default)({onClick:n,clickable:s,className:o,ignoreFocusStyle:m}),_=b.tabindex,O=b.onClickCallback,C=b.computedClassName,T=b.iconRef,N=b.role,S=(0,f.default)({refs:[t,T]});if(!a)return null;if(p===l.ICON_TYPES.SVG){var E=a;return r.default.createElement(E,{size:y.toString(),onClick:n,tabIndex:null!=v?v:_,className:C,role:N})}return r.default.createElement(c.default,{className:(0,u.default)(C),onClick:O,ref:S,iconLabel:d,tabIndex:null!=v?v:_,icon:a,role:N})}));p.type=l.ICON_TYPES,p.propTypes={onClick:a.default.func,className:a.default.string,iconType:a.default.oneOf([p.type.SVG,p.type.ICON_FONT]),icon:a.default.oneOfType([a.default.string,a.default.func]),clickable:a.default.bool,iconLabel:a.default.string,iconSize:a.default.oneOfType([a.default.number,a.default.string]),ignoreFocusStyle:a.default.bool},p.defaultProps={onClick:function(){},className:"",icon:"",clickable:!0,iconLabel:"",iconType:l.ICON_TYPES.SVG,iconSize:16,ignoreFocusStyle:!1},p.__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 two types of icons - SVG and FONT (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:'""',computed:!1},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}]},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"}}};var y=p;t.default=y}})}));