monday-ui-react-core/dist/useActiveDescendantListFocus.js

Official monday.com UI resources for application development in React.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["monday-style"]=t(require("react")):e["monday-style"]=t(e.react)}(this,(e=>(()=>{"use strict";var t={85498:(e,t,u)=>{u.r(t)},58267:(e,t,u)=>{Object.defineProperty(t,"__esModule",{value:!0});const s=u(39155),n=(0,u(69228).isClient)()?s.useLayoutEffect:s.useEffect;t.default=n},87683:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPreviousSelectableIndex=t.getNextSelectableIndex=void 0,t.getNextSelectableIndex=function({isItemSelectable:e,visualFocusItemIndex:t,itemsCount:u}){if(!(t>u-1))for(let s=1;s<=u;s++){const n=(t+s)%u;if(e(n))return n}},t.getPreviousSelectableIndex=function({isItemSelectable:e,visualFocusItemIndex:t,itemsCount:u}){for(let s=1;s<=u-1;s++){let n=t-s;if(n<0&&(n=u+n),e(n))return n}}},33346:function(e,t,u){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useKeepFocusOnItemWhenListChanged=t.useSetDefaultItemOnFocusEvent=t.useCleanVisualFocusOnBlur=t.useSupportPressItemKeyboardNavigation=t.useSupportArrowsKeyboardNavigation=void 0;const n=u(39155),o=s(u(18680)),l=s(u(39819)),a=s(u(49128)),c=u(87683),i=s(u(59607));var r;!function(e){e.UP="ArrowUp",e.DOWN="ArrowDown",e.RIGHT="ArrowRight",e.LEFT="ArrowLeft"}(r||(r={}));const d="Enter";t.useSupportArrowsKeyboardNavigation=function({itemsCount:e,focusedElementRef:t,visualFocusItemIndex:u,setVisualFocusItemIndex:s,isHorizontalList:l,isItemSelectable:a,listenerOptions:i,triggeredByKeyboard:d}){const f=l?r.RIGHT:r.DOWN,m=l?r.LEFT:r.UP,I=(0,n.useCallback)((n=>{if(document.activeElement!==t.current)return;if(!d.current&&(d.current=!0,u>-1))return;let o;n===f?o=(0,c.getNextSelectableIndex)({isItemSelectable:a,visualFocusItemIndex:u,itemsCount:e}):n===m&&(o=(0,c.getPreviousSelectableIndex)({isItemSelectable:a,visualFocusItemIndex:u,itemsCount:e})),o>-1&&o!==u&&s(o)}),[t,d,f,m,u,s,a,e]),b=(0,n.useCallback)((()=>{I(m)}),[m,I]),v=(0,n.useCallback)((()=>{I(f)}),[f,I]);(0,o.default)(Object.assign({keys:[f],callback:v},i)),(0,o.default)(Object.assign({keys:[m],callback:b},i))},t.useSupportPressItemKeyboardNavigation=function({visualFocusItemIndex:e,focusedElementRef:t,itemsCount:u,setVisualFocusItemIndex:s,onItemClick:l,isItemSelectable:a,listenerOptions:c,isIgnoreSpaceAsItemSelection:i=!1}){const r=(0,n.useMemo)((()=>i?[d]:[d," "]),[i]),f=(0,n.useCallback)(((t,n)=>{l&&(n>=0&&n<u)&&a(n)&&(e!==n&&s(n),l(t,n))}),[u,l,a,e,s]),m=(0,n.useCallback)((u=>{t.current.contains(document.activeElement)&&f(u,e)}),[f,t,e]);(0,o.default)(Object.assign({keys:r,callback:m},c))},t.useCleanVisualFocusOnBlur=function({focusedElementRef:e,visualFocusItemIndex:t,setVisualFocusItemIndex:u}){const s=(0,a.default)(e),o=(0,n.useCallback)((()=>{-1!==t&&u(-1)}),[u,t]);(0,n.useEffect)((()=>{null===(null==e?void 0:e.current)&&null!==(null==s?void 0:s.current)&&o()}),[e.current,s,o]),(0,l.default)({eventName:"blur",ref:e,callback:o})},t.useSetDefaultItemOnFocusEvent=function({focusedElementRef:e,isItemSelectable:t,visualFocusItemIndex:u,setVisualFocusItemIndex:s,itemsCount:o,defaultVisualFocusItemIndex:l=-1}){const a=(0,n.useRef)(!1),r=(0,n.useCallback)((()=>{if(a.current=!0,u!==l){let e;e=t(l)?l:(0,c.getNextSelectableIndex)({isItemSelectable:t,itemsCount:o,visualFocusItemIndex:l}),s(e)}}),[l,t,o,s,a,u]),d=(0,n.useCallback)((()=>{a.current=!1}),[a]);return(0,i.default)({ref:e,onFocusByKeyboard:r,onFocusByMouse:d}),{triggeredByKeyboard:a}},t.useKeepFocusOnItemWhenListChanged=function({visualFocusItemIndex:e,itemsIds:t,isItemSelectable:u,setVisualFocusItemIndex:s}){const o=(0,a.default)(t);(0,n.useEffect)((()=>{let n;if(void 0!==o&&o!==t&&void 0!==o&&-1!==e){const u=o[e];n=t.indexOf(u)}else n=e;if(n!==e)if(u(n))s(n);else{const e=(0,c.getNextSelectableIndex)({isItemSelectable:u,visualFocusItemIndex:n,itemsCount:t.length});s(e)}}),[e,t,u,s,o])}},39819:(e,t,u)=>{Object.defineProperty(t,"__esModule",{value:!0});const s=u(39155);t.default=function({eventName:e,callback:t,ref:u,capture:n=!1}){(0,s.useEffect)((()=>{const s=u&&u.current;if(!s)return;const o={capture:n};return s.addEventListener(e,t,o),()=>{s.removeEventListener(e,t,o)}}),[e,u,t,n])}},18680:function(e,t,u){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=u(39155),o=s(u(39819)),l=u(69228);var a;!function(e){e.ALT="altKey",e.META="metaKey",e.CTRL="ctrlKey",e.SHIFT="shiftKey",e.CTRL_OR_META="ctrlOrMetaKey"}(a||(a={}));function c({keys:e=[],callback:t,modifier:u,withoutAnyModifier:s,ref:i,ignoreDocumentFallback:r=!1,capture:d=!1,preventDefault:f=!1,stopPropagation:m=!1,keyEventName:I="keydown"}){const b=(0,n.useRef)((0,l.isClient)()?document.body:null),v=(0,n.useCallback)((n=>{const{key:o}=n;e.includes(o)&&(u&&!((e,t)=>t===a.CTRL_OR_META?e.ctrlKey||e.metaKey:e[t])(n,u)||s&&!(e=>!Object.values(c.modifiers).some((t=>{if("ctrlOrMetaKey"!==t)return!!e[t]})))(n)||(f&&n.preventDefault(),m&&n.stopPropagation(),t(n)))}),[e,u,s,f,m,t]);let p;p=i||(r?null:b),(0,o.default)({eventName:I,callback:v,ref:p,capture:d})}t.default=c,c.modifiers=a},59607:function(e,t,u){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=s(u(39819)),o=u(39155);t.default=function({ref:e,onFocusByKeyboard:t,onFocusByMouse:u}){const s=(0,o.useRef)(!1),l=(0,o.useCallback)((()=>{s.current=!0}),[s]),a=(0,o.useCallback)((e=>{s.current?null==u||u(e):null==t||t(e)}),[t,u]),c=(0,o.useCallback)((()=>{s.current=!1}),[s]);(0,n.default)({eventName:"mousedown",ref:e,callback:l}),(0,n.default)({eventName:"focus",ref:e,callback:a}),(0,n.default)({eventName:"mouseup",ref:e,callback:c})}},49128:function(e,t,u){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=u(39155),o=s(u(58267));t.default=function(e){const t=(0,n.useRef)(void 0);return(0,o.default)((()=>{t.current=e})),t.current}},69228:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isServer=t.isClient=void 0;t.isClient=()=>"undefined"!=typeof window;t.isServer=()=>!(0,t.isClient)()},39155:t=>{t.exports=e}},u={};function s(e){var n=u[e];if(void 0!==n)return n.exports;var o=u[e]={exports:{}};return t[e].call(o.exports,o,o.exports,s),o.exports}s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return s(85498),(()=>{var e=n;Object.defineProperty(e,"__esModule",{value:!0});const t=s(39155),u=s(33346);var o;function l({focusedElementRef:e,itemsIds:s,isItemSelectable:n,onItemClick:l,defaultVisualFocusFirstIndex:a=!1,focusedElementRole:c=o.GROUP,isHorizontalList:i=!1,isIgnoreSpaceAsItemSelection:r=!1,useDocumentEventListeners:d=!1,ignoreDocumentFallback:f=!1}){const m=a?0:-1,I=s.length,[b,v]=(0,t.useState)(-1),p=s[b],y=(0,t.useMemo)((()=>d?f?{ignoreDocumentFallback:f}:void 0:{ref:e,preventDefault:!0,stopPropagation:!0}),[d,e,f]),{triggeredByKeyboard:x}=(0,u.useSetDefaultItemOnFocusEvent)({focusedElementRef:e,isItemSelectable:n,visualFocusItemIndex:b,setVisualFocusItemIndex:v,itemsCount:I,defaultVisualFocusItemIndex:m}),F=(0,t.useCallback)(((e,t)=>{x.current=t;const u=s.indexOf(e);u>-1&&u!==b&&v(u)}),[s,x,b]);(0,u.useSupportArrowsKeyboardNavigation)({itemsCount:I,focusedElementRef:e,visualFocusItemIndex:b,setVisualFocusItemIndex:v,triggeredByKeyboard:x,isHorizontalList:i,isItemSelectable:n,listenerOptions:y}),(0,u.useSupportPressItemKeyboardNavigation)({visualFocusItemIndex:b,itemsCount:I,focusedElementRef:e,setVisualFocusItemIndex:v,onItemClick:l,isItemSelectable:n,listenerOptions:y,isIgnoreSpaceAsItemSelection:r}),(0,u.useKeepFocusOnItemWhenListChanged)({visualFocusItemIndex:b,itemsIds:s,isItemSelectable:n,setVisualFocusItemIndex:v}),(0,u.useCleanVisualFocusOnBlur)({focusedElementRef:e,visualFocusItemIndex:b,setVisualFocusItemIndex:v});const C=(0,t.useCallback)((e=>t=>l(t,e)),[l]);return{visualFocusItemIndex:x.current?b:void 0,visualFocusItemId:x.current?p:void 0,focusedElementProps:{"aria-activedescendant":x.current?p:void 0,role:c},onItemClickCallback:l,createOnItemClickCallback:C,setVisualFocusItemId:F}}!function(e){e.APPLICATION="application",e.COMBOBOX="combobox",e.COMPOSITE="composite",e.GROUP="group",e.TEXTBOX="textbox",e.MENU="menu"}(o||(o={})),l.roles=o,e.default=l})(),n})()));