monday-ui-react-core/dist/Clickable.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()}(this,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},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 r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},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=287)}({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")},2:function(e,t){e.exports=require("classnames")},287:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=u?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(o,a,l):o[a]=e[a]}o.default=e,n&&n.set(e,o);return o}(n(0)),u=d(n(10)),a=d(n(1)),l=d(n(2)),i=d(n(3));n(288);var c=n(29),f=n(289);function d(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}var p="monday-style-clickable",y=(0,c.BEMClass)(p),b=(0,o.forwardRef)((function(e,t){var n,r,u,a=e.className,c=e.id,d=e.children,s=e.role,b=e.onClick,m=e.enableTextSelection,v=(0,o.useRef)(null),O=(0,i.default)({refs:[t,v]}),j=(0,f.useKeyboardButtonPressedFunc)(b);return o.default.createElement("div",{ref:O,className:(0,l.default)(p,a,(n={},r=y({state:"disable-text-selection"}),u=!m,r in n?Object.defineProperty(n,r,{value:u,enumerable:!0,configurable:!0,writable:!0}):n[r]=u,n)),role:s,onClick:b,id:c,onKeyDown:j,tabIndex:0},d)}));b.propTypes={className:a.default.string,id:a.default.string,role:a.default.string,onClick:a.default.func,children:a.default.oneOfType([a.default.arrayOf(a.default.node),a.default.node]),enableTextSelection:a.default.bool},b.defaultProps={className:"",id:void 0,role:"button",onClick:u.default,children:void 0,enableTextSelection:!1},b.__docgenInfo={description:"",methods:[],displayName:"Clickable",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"class name to be add to the wrapper"},id:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"id to be add to the wrapper"},role:{defaultValue:{value:'"button"',computed:!1},type:{name:"string"},required:!1,description:""},onClick:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""},children:{defaultValue:{value:"undefined",computed:!0},type:{name:"union",value:[{name:"arrayOf",value:{name:"node"}},{name:"node"}]},required:!1,description:""},enableTextSelection:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""}}};var m=b;t.default=m},288:function(e,t,n){},289:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useKeyboardButtonPressedFunc=function(e){return(0,r.useCallback)((function(t){32!==t.keyCode&&13!==t.keyCode||e(t)}),[e])};var r=n(0)},29:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BEMClass=function(e){return function(t){var n=t.element,r=t.state,o=e;return n&&(o="".concat(o,"_").concat(n)),r&&(o="".concat(o,"--").concat(r)),o}}},3: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,r.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 r=n(0)}})}));