monday-ui-react-core/dist/Icon.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 u=t[o]={i:o,l:!1,exports:{}};return e[o].call(u.exports,u,u.exports,n),u.l=!0,u.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 u in e)n.d(o,u,function(t){return e[t]}.bind(null,u));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=6)}([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,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.eventName,n=e.callback,u=e.ref,r=e.capture,a=void 0!==r&&r;(0,o.useEffect)((function(){var e=u&&u.current;if(e)return e.addEventListener(t,n,{capture:a}),function(){e.removeEventListener(t,n,{capture:a})}}),[t,u,n,a])};var o=n(0)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.keys,n=void 0===t?[]:t,o=e.ref,c=void 0===o?a:o,l=e.callback,i=e.ignoreDocumentFallback,f=void 0!==i&&i,d=e.capture,s=void 0!==d&&d,p=e.preventDefault,y=void 0!==p&&p,m=e.stopPropagation,v=void 0!==m&&m,b=e.keyEventName,_=void 0===b?"keyup":b,k=(0,u.useRef)(document),C=(0,u.useCallback)((function(e){y&&e.preventDefault(),v&&e.stopPropagation();var t=e.key;n.includes(t)&&l(e)}),[l,n,y,v]),O=(0,u.useMemo)((function(){return c&&c.current?c:f?null:k}),[c,c.current,k,f]);(0,r.default)({eventName:_,callback:C,ref:O,capture:s})};var o,u=n(0),r=(o=n(3))&&o.__esModule?o:{default:o};var a={current:null}},,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(n(0)),u=i(n(1)),r=i(n(2));n(10);var a=n(11),c=i(n(12)),l=i(n(14));function i(e){return e&&e.__esModule?e:{default:e}}var f=function(e){var t=e.onClick,n=e.className,u=e.icon,i=e.clickable,f=e.iconLabel,d=e.iconType,s=e.iconSize,p=e.ignoreFocusStyle,y=(0,l.default)({onClick:t,clickable:i,className:n,ignoreFocusStyle:p}),m=y.tabindex,v=y.onClickCallback,b=y.computedClassName,_=y.iconRef;if(!u)return null;if(d===a.ICON_TYPES.SVG){var k=u;return o.default.createElement(k,{size:s,onClick:t,tabIndex:m,className:b,ref:_})}return o.default.createElement(c.default,{className:(0,r.default)(b),onClick:v,ref:_,iconLabel:f,tabIndex:m,icon:u})};f.type=a.ICON_TYPES,f.propTypes={onClick:u.default.func,className:u.default.string,icon:u.default.oneOfType([u.default.string,u.default.func]),clickable:u.default.bool,iconLabel:u.default.string,iconType:u.default.oneOf([a.ICON_TYPES.SVG,a.ICON_TYPES.ICON_FONT]),iconSize:u.default.number,ignoreFocusStyle:u.default.bool},f.defaultProps={onClick:function(){},className:"",icon:"",clickable:!0,iconLabel:"",iconType:a.ICON_TYPES.SVG,iconSize:16,ignoreFocusStyle:!1},f.__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:""},clickable:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},iconLabel:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},iconType:{defaultValue:{value:"ICON_TYPES.SVG",computed:!0},type:{name:"enum",value:[{value:"ICON_TYPES.SVG",computed:!0},{value:"ICON_TYPES.ICON_FONT",computed:!0}]},required:!1,description:""},iconSize:{defaultValue:{value:"16",computed:!1},type:{name:"number"},required:!1,description:""},ignoreFocusStyle:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""}}};var d=f;t.default=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.keyCodes=void 0;t.keyCodes={ENTER:"Enter",SPACE:" "}},,function(e,t){e.exports=require("lodash/noop")},function(e,t,n){},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"}},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 u=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=c();if(t&&t.has(e))return t.get(e);var n={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=u?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(0));n(13);var r,a=(r=n(2))&&r.__esModule?r:{default:r};function c(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return c=function(){return e},e}var l=(0,u.forwardRef)((function(e,t){var n=e.className,o=e.onClick,r=e.iconLabel,c=e.tabIndex,l=e.icon,i="function"==typeof l?"":l;return u.default.createElement("span",{className:(0,a.default)(n,"fa",i),onClick:o,ref:t,"aria-label":r,tabIndex:c},"function"==typeof l&&l())}));l.__docgenInfo={description:"",methods:[],displayName:"FontIcon"};var i=l;t.default=i},function(e,t,n){},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.onClick,n=e.className,i=e.clickable,f=e.ignoreFocusStyle,d=(0,o.useRef)(null),s=(0,o.useCallback)((function(e){document.activeElement===d.current&&t(e)}),[d,t]),p=(0,o.useCallback)((function(e){e.preventDefault()}),[]),y=(0,o.useMemo)((function(){return(0,u.default)("icon_component",n,{"icon_component--clickable":i,"icon_component--no-focus-style":f})}),[i,n]);(0,a.default)({eventName:"mousedown",callback:p,ref:d}),(0,c.default)({keys:[l.keyCodes.ENTER,l.keyCodes.SPACE],ref:d,callback:s,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var m=(0,o.useCallback)((function(e){(t||r.default)(e)}),[t]);return{tabindex:i?0:-1,onClickCallback:m,computedClassName:y,onEnterCallback:s,iconRef:d}};var o=n(0),u=i(n(2)),r=i(n(9)),a=i(n(3)),c=i(n(4)),l=n(7);function i(e){return e&&e.__esModule?e:{default:e}}}])}));