monday-ui-react-core/dist/ListItem.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(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=279)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},13:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.keyCodes=void 0;t.keyCodes={ENTER:"Enter",SPACE:" "}},2:function(e,t){e.exports=require("classnames")},279: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,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var a=i?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(r,u,a):r[u]=e[u]}r.default=e,n&&n.set(e,r);return r}(n(0)),i=c(n(1)),u=c(n(2)),a=c(n(9)),l=c(n(3));n(280);var s=n(4),d=n(13);function c(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){return"".concat("list-item","--").concat(e)}var m=(0,r.forwardRef)((function(e,t){var n,o=e.className,i=e.id,a=e.onClick,s=e.selected,c=e.disabled,f=e.size,m=e.tabIndex,y=e.children,v=(0,r.useRef)(null),O=(0,l.default)({refs:[t,v]}),T=(0,r.useCallback)((function(e){c||a(e,i)}),[c,a,i]),g=(0,r.useCallback)((function(e){c||[d.keyCodes.ENTER,d.keyCodes.SPACE].includes(e.key)&&a(e,i)}),[c,a,i]);return r.default.createElement("div",{ref:O,className:(0,u.default)("list-item",o,b(f),(n={},p(n,b("selected"),s&&!c),p(n,b("disabled"),c),n)),id:i,"aria-disabled":c,onClick:T,onKeyDown:g,role:"listitem",tabIndex:c?"-1":m},y)}));m.sizes=s.SIZES,m.propTypes={className:i.default.string,id:i.default.string,onClick:i.default.func,disabled:i.default.bool,selected:i.default.bool,size:i.default.oneOf([m.sizes.SMALL,m.sizes.MEDIUM,m.sizes.LARGE]),tabIndex:i.default.number},m.defaultProps={className:"",id:"",onClick:a.default,disabled:!1,selected:!1,size:m.sizes.SMALL,tabIndex:0},m.__docgenInfo={description:"",methods:[],displayName:"ListItem",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"A class name to be passed to the list item wrapper"},id:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"An id to be passed to the list item wrapper"},onClick:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:"A callback function which is being called when the item is being clicked\nIt will be called with the following params\nevent (DomEvent)\nid (the id which is being passed)\nonClick(event, id)"},disabled:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"disabled state - callback will not be called and navigation will be skipped"},selected:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Selected indication"},size:{defaultValue:{value:"ListItem.sizes.SMALL",computed:!0},type:{name:"enum",value:[{value:"ListItem.sizes.SMALL",computed:!0},{value:"ListItem.sizes.MEDIUM",computed:!0},{value:"ListItem.sizes.LARGE",computed:!0}]},required:!1,description:"The size of the list item"},tabIndex:{defaultValue:{value:"0",computed:!1},type:{name:"number"},required:!1,description:'Tabindex is used for keyboard navigation - if you want to skip "Tab navigation" please pass -1.'}}};var y=m;t.default=y},280:function(e,t,n){},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,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)},4:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DialogPositions=t.SIZES=void 0;var o=Object.freeze({LARGE:"large",MEDIUM:"medium",SMALL:"small"});t.SIZES=o;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},9:function(e,t){e.exports=require("lodash/noop")}})}));