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()}(this,(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=104)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},104: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=m();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=n(105),a=v(n(1)),i=v(n(2)),l=v(n(4)),c=v(n(22)),f=v(n(106)),s=v(n(107)),d=v(n(108)),p=v(n(109)),b=v(n(110)),y=n(5);function v(e){return e&&e.__esModule?e:{default:e}}function m(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return m=function(){return e},e}function O(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(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 E(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,i=e[Symbol.iterator]();!(r=(a=i.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){u=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(u)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(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 I(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 I(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(111);var _=(0,u.forwardRef)((function(e,t){var n=e.id,r=e.classname,a=e.size,y=e.tabIndex,v=e.ariaLabel,m=e.ariaDescribedBy,O=e.children,M=e.isVisible,I=void 0===M||M,_=e.onClose,g=e.focusOnMount,j=e.focusItemIndex,h=e.focusItemIndexOnMount,P=e.isSubMenu,k=e.useDocumentEventListeners,w=(0,u.useRef)(null),x=E((0,u.useState)(j),2),D=x[0],A=x[1],T=E((0,u.useState)(!1),2),C=T[0],L=T[1],V=(0,u.useCallback)((function(e){A(e),L(!1)}),[A,L]);(0,u.useEffect)((function(){-1!==h&&(A(h),L(!0))}),[h,L]);var N=(0,u.useMemo)((function(){return u.default.Children.toArray(O).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[O]),q=(0,f.default)(),R=q.setSubMenuIsOpenByIndex,B=q.hasOpenSubMenu,U=q.openSubMenuIndex,F=q.setOpenSubMenuIndex,Z=q.resetOpenSubMenuIndex,H=(0,s.default)(V,F,_);(0,c.default)({ref:w,callback:H}),(0,d.default)(B,H,w,_,P,k),(0,p.default)(B,N,D,V,I,w,Z,k),(0,b.default)(Z,B,w,V),(0,u.useLayoutEffect)((function(){B||k||D>-1&&requestAnimationFrame((function(){w&&w.current&&w.current.focus()}))}),[D,B,k]),(0,u.useLayoutEffect)((function(){g&&!k&&requestAnimationFrame((function(){w&&w.current&&w.current.focus()}))}),[w,g,k]);var W=(0,l.default)({refs:[w,t]}),z=(0,o.useFocusWithin)({onBlurWithin:function(e){H&&H(e)}}).focusWithinProps;return u.default.createElement("ul",{onFocus:z.onFocus,onBlur:z.onBlur,id:n,className:(0,i.default)("monday-style-menu",r,"monday-style-menu--".concat(a)),ref:W,tabIndex:y,"aria-label":v,role:"menu","aria-activedescendant":"".concat(n,"-").concat(D),"aria-describedby":m},N&&u.default.Children.map(N,(function(e,t){return u.default.cloneElement(e,S(S({},null==e?void 0:e.props),{},{activeItemIndex:D,index:t,setActiveItemIndex:A,menuRef:w,resetOpenSubMenuIndex:Z,isParentMenuVisible:I,setSubMenuIsOpenByIndex:R,hasOpenSubMenu:t===U,closeMenu:H,menuId:n,useDocumentEventListeners:k,isInitialSelectedState:C}))})))}));_.isMenu=!0,_.supportFocusOnMount=!0,_.sizes=y.SIZES,_.defaultProps={id:void 0,focusOnMount:!1,classname:"",size:y.SIZES.MEDIUM,tabIndex:0,ariaLabel:"Menu",ariaDescribedBy:void 0,isVisible:!0,onClose:void 0,focusItemIndex:-1,isSubMenu:!1,useDocumentEventListeners:!1,focusItemIndexOnMount:-1},_.propTypes={id:a.default.string,classname:a.default.string,size:a.default.oneOf([y.SIZES.SMALL,y.SIZES.MEDIUM,y.SIZES.LARGE]),tabIndex:a.default.number,ariaLabel:a.default.string,ariaDescribedBy:a.default.string,focusOnMount:a.default.bool,isVisible:a.default.bool,onClose:a.default.func,focusItemIndex:a.default.number,isSubMenu:a.default.bool,useDocumentEventListeners:a.default.bool,focusItemIndexOnMount:a.default.number},_.__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:""},focusOnMount:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},classname:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},size:{defaultValue:{value:"SIZES.MEDIUM",computed:!0},type:{name:"enum",value:[{value:"SIZES.SMALL",computed:!0},{value:"SIZES.MEDIUM",computed:!0},{value:"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:""},ariaDescribedBy:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},onClose:{defaultValue:{value:"undefined",computed:!0},type:{name:"func"},required:!1,description:""},focusItemIndex:{defaultValue:{value:"-1",computed:!1},type:{name:"number"},required:!1,description:""},isSubMenu:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},useDocumentEventListeners:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},focusItemIndexOnMount:{defaultValue:{value:"-1",computed:!1},type:{name:"number"},required:!1,description:""}}};var g=_;t.default=g},105:function(e,t){e.exports=require("@react-aria/interactions")},106:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){var e=(l=(0,r.useState)(null),c=2,function(e){if(Array.isArray(e))return e}(l)||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,i=e[Symbol.iterator]();!(r=(a=i.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){u=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(u)throw o}}return n}}(l,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}}(l,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]),i=(0,r.useCallback)((function(){n(null)}),[n]);var l,c;return{setSubMenuIsOpenByIndex:a,hasOpenSubMenu:o,openSubMenuIndex:t,setOpenSubMenuIndex:n,resetOpenSubMenuIndex:i}};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}},107:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){return(0,r.useCallback)((function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e(-1),t(null),n&&n(r)}),[n,t,e])};var r=n(0)},108:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n,r,l,c){var f=(0,u.useCallback)((function(n){var u="ArrowLeft"===n.key;if(!u||l){if(e)return!1;t(n),r&&(r(n,u?"ArrowLeft":a.HIDE_SHOW_EVENTS.ESCAPE_KEY),n.preventDefault(),n.stopPropagation())}}),[r,e,t,l]);(0,o.default)({keys:i,callback:f,ref:c?void 0:n})};var r,u=n(0),o=(r=n(6))&&r.__esModule?r:{default:r},a=n(11);var i=["Escape","ArrowLeft"]},109:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n,r,a,l,y,v){var m=(0,u.useCallback)((function(u){var o;if(e)return!1;if(u===f)for(var a=1;a<=t.length&&(o=(n+a)%t.length,!b(o,t));a++);else if(u===c)for(var i=t.length-1;i>0&&(o=(n+i)%t.length,!b(o,t));i--);(o||0===o)&&r(o)}),[n,t,e,r]),O=(0,u.useCallback)((function(){m(c)}),[m]),S=(0,u.useCallback)((function(){m(f)}),[m]),M=(0,u.useCallback)((function(e){a&&-1===n&&r(0)}),[r,n,a]),E=(0,u.useMemo)((function(){if(!v)return{ref:l,preventDefault:!0,stopPropagation:!0}}),[v,l]);(0,o.default)(i({keys:s,callback:S},E)),(0,o.default)(i({keys:d,callback:O},E)),(0,o.default)(i({keys:p,callback:M},E))};var r,u=n(0),o=(r=n(6))&&r.__esModule?r:{default:r};function a(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 i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c="up",f="down",s=["ArrowDown"],d=["ArrowUp"],p=["Enter"],b=function(e,t){var n=t[e];return n.type.isSelectable&&!n.props.disabled}},11:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HIDE_SHOW_EVENTS=void 0;t.HIDE_SHOW_EVENTS={CLICK:"click",CLICK_OUTSIDE:"clickoutside",ESCAPE_KEY:"esckey",TAB_KEY:"tab",MOUSE_ENTER:"mouseenter",MOUSE_LEAVE:"mouseleave",ENTER:"enter",MOUSE_DOWN:"mousedown",FOCUS:"focus",BLUR:"blur",CONTENT_CLICK:"onContentClick"}},110:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n,a){var i=(0,u.default)({ref:n}),l=(0,o.default)(i);return(0,r.useLayoutEffect)((function(){i||i!==l&&(t||(e(),a(-1)))}),[e,n,l,i,t,a]),i};var r=n(0),u=a(n(54)),o=a(n(38));function a(e){return e&&e.__esModule?e:{default:e}}},111:function(e,t,n){},2:function(e,t){e.exports=require("classnames")},22:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.ref,n=e.callback,r=(0,u.useCallback)((function(e){t&&t.current&&!t.current.contains(e.target)&&n(e)}),[t,n]),a=(0,u.useRef)(document);(0,o.default)({eventName:"click",ref:a,callback:r,capture:!0}),(0,o.default)({eventName:"touchend",ref:a,callback:r,capture:!0})};var r,u=n(0),o=(r=n(3))&&r.__esModule?r:{default:r}},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;(0,r.useEffect)((function(){var e=u&&u.current;if(e){var r={capture:a};return e.addEventListener(t,n,r),function(){e.removeEventListener(t,n,r)}}}),[t,u,n,a])};var r=n(0)},38:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=(0,r.useRef)();return(0,r.useLayoutEffect)((function(){t.current=e})),t.current};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.DialogPositions=t.SIZES=void 0;var r=Object.freeze({LARGE:"large",MEDIUM:"medium",SMALL:"small"});t.SIZES=r;var u=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=u},54:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.ref,n=(f=(0,u.useState)(!1),s=2,function(e){if(Array.isArray(e))return e}(f)||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,i=e[Symbol.iterator]();!(r=(a=i.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){u=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(u)throw o}}return n}}(f,s)||function(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}(f,s)||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.")}()),r=n[0],i=n[1],l=(0,u.useCallback)((function(e){var n=t&&t.current,r=e.target===n;i(r)}),[i,t]),c=(0,u.useCallback)((function(){return i(!1)}),[i]);var f,s;return(0,o.default)({eventName:"mouseenter",callback:l,ref:t}),(0,o.default)({eventName:"mouseleave",callback:c,ref:t}),r};var r,u=n(0),o=(r=n(3))&&r.__esModule?r:{default:r};function a(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}},6: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,a=e.ref,i=e.callback,l=e.ignoreDocumentFallback,c=void 0!==l&&l,f=e.capture,s=void 0!==f&&f,d=e.preventDefault,p=void 0!==d&&d,b=e.stopPropagation,y=void 0!==b&&b,v=e.keyEventName,m=void 0===v?"keydown":v,O=(0,u.useRef)(document),S=(0,u.useCallback)((function(e){var t=e.key;r.includes(t)&&(p&&e.preventDefault(),y&&e.stopPropagation(),i(e))}),[i,r,p,y]);t=a||(c?null:O);(0,o.default)({eventName:m,callback:S,ref:t,capture:s})};var r,u=n(0),o=(r=n(3))&&r.__esModule?r:{default:r}}})}));