monday-ui-react-core/dist/Menu.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 r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},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,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=74)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},2:function(e,t){e.exports=require("classnames")},3:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.eventName,r=e.callback,o=e.ref,u=e.capture,a=void 0!==u&&u;(0,n.useEffect)((function(){var e=o&&o.current;if(e)return e.addEventListener(t,r,{capture:a}),function(){e.removeEventListener(t,r,{capture:a})}}),[t,o,r,a])};var n=r(0)},4:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.keys,r=void 0===t?[]:t,n=e.ref,i=void 0===n?a:n,l=e.callback,c=e.ignoreDocumentFallback,f=void 0!==c&&c,d=e.capture,s=void 0!==d&&d,p=e.preventDefault,y=void 0!==p&&p,b=e.stopPropagation,v=void 0!==b&&b,m=e.keyEventName,S=void 0===m?"keyup":m,M=(0,o.useRef)(document),O=(0,o.useCallback)((function(e){y&&e.preventDefault(),v&&e.stopPropagation();var t=e.key;r.includes(t)&&l(e)}),[l,r,y,v]),E=(0,o.useMemo)((function(){return i&&i.current?i:f?null:M}),[i,i.current,M,f]);(0,u.default)({eventName:S,callback:O,ref:E,capture:s})};var n,o=r(0),u=(n=r(3))&&n.__esModule?n:{default:n};var a={current:null}},74:function(e,t,r){"use strict";function n(e){return(n="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){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var t=f();if(t&&t.has(e))return t.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var a=o?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(r,u,a):r[u]=e[u]}r.default=e,t&&t.set(e,r);return r}(r(0)),u=c(r(4)),a=c(r(1)),i=c(r(2)),l=r(75);function c(e){return e&&e.__esModule?e:{default:e}}function f(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return f=function(){return e},e}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,o=!1,u=void 0;try{for(var a,i=e[Symbol.iterator]();!(n=(a=i.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,u=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw u}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);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 b(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}r(76);var v=function(e,t){var r=t[e];return r.type.isSelectable&&!r.props.disabled},m=function(e){var t=e.classname,r=e.size,n=e.tabIndex,a=e.ariaLabel,l=e.children,c=(0,o.useRef)(null),f=y((0,o.useState)(-1),2),d=f[0],p=f[1],b=(0,o.useCallback)((function(){for(var e,t=l.length-1;t>0&&(e=(d+t)%l.length,!v(e,l));t--);p(e)}),[p,l,d]),m=(0,o.useCallback)((function(){for(var e,t=1;t<=l.length&&(e=(d+t)%l.length,!v(e,l));t++);p(e)}),[p,l,d]);(0,u.default)({keys:["ArrowDown"],callback:m}),(0,u.default)({keys:["ArrowUp"],callback:b});var S=(0,o.useCallback)((function(){p(-1)}),[p]);return o.default.createElement("div",{className:(0,i.default)("monday-style-menu",t,"monday-style-menu--".concat(r)),ref:c,tabIndex:n,onBlur:S,"aria-label":a},l&&o.default.Children.map(l,(function(e,t){return o.default.cloneElement(e,s(s({},null==e?void 0:e.props),{},{activeItemIndex:d,index:t,setActiveItemIndex:p}))})))};m.sizes=l.MENU_SIZES,m.defaultProps={classname:"",size:l.MENU_SIZES.MEDIUM,tabIndex:0,ariaLabel:"Menu",children:[]},m.propTypes={classname:a.default.string,size:a.default.oneOf([l.MENU_SIZES.SMALL,l.MENU_SIZES.MEDIUM,l.MENU_SIZES.LARGE]),tabIndex:a.default.number,ariaLabel:a.default.string},m.__docgenInfo={description:"",methods:[],displayName:"Menu",props:{classname:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},size:{defaultValue:{value:"MENU_SIZES.MEDIUM",computed:!0},type:{name:"enum",value:[{value:"MENU_SIZES.SMALL",computed:!0},{value:"MENU_SIZES.MEDIUM",computed:!0},{value:"MENU_SIZES.LARGE",computed:!0}]},required:!1,description:""},tabIndex:{defaultValue:{value:"0",computed:!1},type:{name:"number"},required:!1,description:""},ariaLabel:{defaultValue:{value:'"Menu"',computed:!1},type:{name:"string"},required:!1,description:""},children:{defaultValue:{value:"[]",computed:!1},required:!1}}};var S=m;t.default=S},75:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.MENU_SIZES=void 0;t.MENU_SIZES={SMALL:"small",MEDIUM:"medium",LARGE:"large"}},76:function(e,t,r){}})}));