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 n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.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 u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));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=90)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},19:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.ref,n=e.callback,r=t&&t.current,a=(0,u.useCallback)((function(e){r&&!r.contains(e.target)&&n(e)}),[r,n]),l=(0,u.useRef)(document);(0,o.default)({eventName:"click",ref:l,callback:a,capture:!0}),(0,o.default)({eventName:"touchend",ref:l,callback:a,capture:!0})};var r,u=n(0),o=(r=n(3))&&r.__esModule?r:{default:r}},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,u=e.ref,o=e.capture,a=void 0!==o&&o,l=u&&u.current;(0,r.useEffect)((function(){if(l)return l.addEventListener(t,n,{capture:a}),function(){l.removeEventListener(t,n,{capture:a})}}),[t,l,n,a])};var r=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,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)},5:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,n=e.keys,r=void 0===n?[]:n,l=e.ref,i=void 0===l?a:l,c=e.callback,f=e.ignoreDocumentFallback,d=void 0!==f&&f,s=e.capture,p=void 0!==s&&s,b=e.preventDefault,y=void 0!==b&&b,v=e.stopPropagation,m=void 0!==v&&v,M=e.keyEventName,S=void 0===M?"keyup":M,O=(0,u.useRef)(document),I=(0,u.useCallback)((function(e){var t=e.key;r.includes(t)&&(y&&e.preventDefault(),m&&e.stopPropagation(),c(e))}),[c,r,y,m]);t=i&&i.current?i:d?null:O;(0,o.default)({eventName:S,callback:I,ref:t,capture:p})};var r,u=n(0),o=(r=n(3))&&r.__esModule?r:{default:r};var a={current:null}},90: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 u=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=y();if(t&&t.has(e))return t.get(e);var n={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=u?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(0)),o=b(n(1)),a=b(n(2)),l=b(n(4)),i=b(n(19)),c=b(n(91)),f=b(n(92)),d=b(n(93)),s=b(n(94)),p=n(95);function b(e){return e&&e.__esModule?e:{default:e}}function y(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return y=function(){return e},e}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(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 n=[],r=!0,u=!1,o=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){u=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(u)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return O(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 O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n(96);var I=(0,u.forwardRef)((function(e,t){var n=e.id,r=e.classname,o=e.size,p=e.tabIndex,b=e.ariaLabel,y=e.children,v=e.isVisible,M=void 0===v||v,O=e.closeSubMenu,I=e.focusItemIndex,_=(0,u.useRef)(null),g=_&&_.current,j=S((0,u.useState)(I),2),E=j[0],h=j[1],x=(0,u.useMemo)((function(){return u.default.Children.toArray(y)}),[y]),k=(0,c.default)(),P=k.setSubMenuIsOpenByIndex,w=k.hasOpenSubMenu,A=k.openSubMenuIndex,U=k.setOpenSubMenuIndex,N=k.resetOpenSubMenuIndex,C=(0,f.default)(h,U,O);(0,i.default)({ref:_,callback:C}),(0,d.default)(w,C,g,O),(0,s.default)(w,x,E,h,M);var D=(0,u.useCallback)((function(){g&&g.focus()}),[g]),L=(0,l.default)({refs:[_,t]});return u.default.createElement("div",{id:n,className:(0,a.default)("monday-style-menu",r,"monday-style-menu--".concat(o)),ref:L,tabIndex:p,"aria-label":b},x&&u.default.Children.map(x,(function(e,t){return u.default.cloneElement(e,m(m({},null==e?void 0:e.props),{},{activeItemIndex:E,index:t,focusParentMenu:D,setActiveItemIndex:h,resetOpenSubMenuIndex:N,isParentMenuVisible:M,setSubMenuIsOpenByIndex:P,hasOpenSubMenu:t===A}))})))}));I.sizes=p.MENU_SIZES,I.defaultProps={id:void 0,classname:"",size:p.MENU_SIZES.MEDIUM,tabIndex:0,ariaLabel:"Menu",isVisible:!0,closeSubMenu:void 0,focusItemIndex:-1},I.propTypes={id:o.default.string,classname:o.default.string,size:o.default.oneOf([p.MENU_SIZES.SMALL,p.MENU_SIZES.MEDIUM,p.MENU_SIZES.LARGE]),tabIndex:o.default.number,ariaLabel:o.default.string,isVisible:o.default.bool,closeSubMenu:o.default.func,focusItemIndex:o.default.number},I.__docgenInfo={description:"",methods:[],displayName:"Menu",props:{isVisible:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},id:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},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:""},closeSubMenu:{defaultValue:{value:"undefined",computed:!0},type:{name:"func"},required:!1,description:""},focusItemIndex:{defaultValue:{value:"-1",computed:!1},type:{name:"number"},required:!1,description:""}}};var _=I;t.default=_},91:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){var e=(i=(0,r.useState)(null),c=2,function(e){if(Array.isArray(e))return e}(i)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,u=!1,o=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){u=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(u)throw o}}return n}}(i,c)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(i,c)||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.")}()),t=e[0],n=e[1],o=t||0===t,a=(0,r.useCallback)((function(e,t){n(t?e:null)}),[n]),l=(0,r.useCallback)((function(){n(null)}),[n]);var i,c;return{setSubMenuIsOpenByIndex:a,hasOpenSubMenu:o,openSubMenuIndex:t,setOpenSubMenuIndex:n,resetOpenSubMenuIndex:l}};var r=n(0);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}},92:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){return(0,r.useCallback)((function(){e(-1),t(null),n&&n()}),[n,t,e])};var r=n(0)},93:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n,r){var a=(0,u.useCallback)((function(u){if(e)return!1;t(),r?(u.preventDefault(),u.stopPropagation()):n&&n.blur()}),[r,e,n,t]);(0,o.default)({keys:["Escape","ArrowLeft"],callback:a})};var r,u=n(0),o=(r=n(5))&&r.__esModule?r:{default:r}},94:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n,r,c){var f=(0,u.useCallback)((function(u){var o;if(e)return!1;if(u===l)for(var c=1;c<=t.length&&(o=(n+c)%t.length,!i(o,t));c++);else if(u===a)for(var f=t.length-1;f>0&&(o=(n+f)%t.length,!i(o,t));f--);(o||0===o)&&r(o)}),[n,t,e,r]),d=(0,u.useCallback)((function(){f(a)}),[f]),s=(0,u.useCallback)((function(){f(l)}),[f]),p=(0,u.useCallback)((function(e){c&&-1===n&&r(0)}),[r,n,c]);(0,o.default)({keys:["ArrowDown"],callback:s}),(0,o.default)({keys:["ArrowUp"],callback:d}),(0,o.default)({keys:["Enter"],callback:p})};var r,u=n(0),o=(r=n(5))&&r.__esModule?r:{default:r};var a="up",l="down",i=function(e,t){var n=t[e];return n.type.isSelectable&&!n.props.disabled}},95:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.MENU_SIZES=void 0;t.MENU_SIZES={SMALL:"small",MEDIUM:"medium",LARGE:"large"}},96:function(e,t,n){}})}));