jattac.libs.web.overflow-menu 0.0.17 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,2 +1,2 @@
1
- import e,{useState as t,useRef as n,useEffect as o,useLayoutEffect as r}from"react";import a from"react-dom";import{AnimatePresence as i,motion as l}from"framer-motion";var s="OverflowMenu-module_trigger__imdPK",u="OverflowMenu-module_menu__n8uKD",d="OverflowMenu-module_dotsWrapper__CHO9Q",c="OverflowMenu-module_dot__g5Rgi";!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".OverflowMenu-module_menuWrapper__psD7a{display:inline-block;position:relative;z-index:0}.OverflowMenu-module_trigger__imdPK{align-items:center;background:transparent;border:none;border-radius:50%;color:#024b59;cursor:pointer;display:flex;font-size:1.8rem;height:3rem;justify-content:center;transition:color .2s ease,background-color .2s ease;width:3rem}.OverflowMenu-module_trigger__imdPK:focus,.OverflowMenu-module_trigger__imdPK:hover{background-color:rgba(2,75,89,.05);color:#016a80;outline:none}.OverflowMenu-module_menu__n8uKD{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.75);border:1px solid #016a80;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);color:#024b59;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;gap:.35rem;margin-top:.5rem;min-width:180px;padding:.5rem .25rem;position:absolute;right:0;top:100%;width:max-content;z-index:9999}.OverflowMenu-module_menu__n8uKD button{background:transparent;border:none;border-bottom:1px solid rgba(2,75,89,.1);border-radius:8px;color:#024b59;cursor:pointer;font-size:1rem;padding:.6rem 1rem;text-align:left;transition:background .25s ease,transform .12s ease;user-select:none}.OverflowMenu-module_menu__n8uKD button:last-child{border-bottom:none}.OverflowMenu-module_menu__n8uKD button:focus,.OverflowMenu-module_menu__n8uKD button:hover{background:rgba(2,75,89,.05);outline:none;transform:scale(1.03)}.OverflowMenu-module_menu__n8uKD button:active{background:rgba(2,75,89,.1);transform:scale(.98)}.OverflowMenu-module_dotsWrapper__CHO9Q{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center}.OverflowMenu-module_dot__g5Rgi{background-color:currentColor;border-radius:50%;display:block;height:5px;width:5px}");const m={open:{opacity:1,y:0,transition:{type:"spring",stiffness:400,damping:40,staggerChildren:.07}},closed:{opacity:0,y:-10,transition:{duration:.2}}},p={open:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}},closed:{opacity:0,y:10,transition:{duration:.2}}},f=({item:t,index:n,itemVariants:o,setOpen:r})=>e.createElement(l.button,{key:n,role:"menuitem",onClick:()=>{t.onClick&&t.onClick(),r(!1)},variants:o,whileHover:{backgroundColor:"#016a80",color:"#FFFFFF"},whileTap:{scale:.98,backgroundColor:"rgba(2, 75, 89, 0.1)"},transition:{duration:.1}},t.content),g=({open:t})=>e.createElement(l.div,{className:d},e.createElement(l.span,{className:c,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:0,duration:.3,ease:"easeInOut"},custom:0}),e.createElement(l.span,{className:c,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:.1,duration:.3,ease:"easeInOut"},custom:1}),e.createElement(l.span,{className:c,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:.2,duration:.3,ease:"easeInOut"},custom:2})),b=({icon:d="⋮",portal:c,className:b,items:w})=>{const[v,_]=t(!1),y=n(null),h=n(null),[k,x]=t({top:0,left:0});o(()=>{const e=e=>{v&&y.current&&!y.current.contains(e.target)&&h.current&&!h.current.contains(e.target)&&_(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[v]),o(()=>{if(!v)return;const e=e=>{"Escape"===e.key&&_(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[v]),r(()=>{var e,t;if(v){if(!y.current||!h.current)return;const t=y.current.getBoundingClientRect(),n=h.current.offsetWidth,o=h.current.offsetHeight,r=window.innerWidth,a=window.innerHeight,i=768;let l=t.bottom+window.scrollY+4,s=0;if(t.bottom+o>a&&(l=t.top+window.scrollY-o-4),r<i)s=(r-n)/2+window.scrollX;else{let e=t.right+window.scrollX-160;s=e+n>r+window.scrollX?t.left+window.scrollX-n:e}x({top:l,left:s});const u=null===(e=h.current)||void 0===e?void 0:e.querySelector('[role="menuitem"]');null==u||u.focus()}else null===(t=y.current)||void 0===t||t.focus()},[v]);const C=e.createElement(i,null,v&&e.createElement(l.div,{ref:h,role:"menu",className:u,style:{position:"absolute",top:k.top,left:k.left},variants:m,initial:"closed",animate:"open",exit:"closed",onKeyDown:e=>{var t,n;if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const o=Array.from(null===(t=h.current)||void 0===t?void 0:t.querySelectorAll('[role="menuitem"]')),r=o.findIndex(e=>e===document.activeElement);let a=-1;"ArrowDown"===e.key?a=(r+1)%o.length:"ArrowUp"===e.key&&(a=(r-1+o.length)%o.length),null===(n=o[a])||void 0===n||n.focus()}}},w.map((t,n)=>e.createElement(f,{key:n,item:t,index:n,itemVariants:p,setOpen:_}))));return e.createElement(e.Fragment,null,e.createElement("button",{ref:y,className:`${s} ${b}`,onClick:()=>_(!v),"aria-haspopup":"true","aria-expanded":v},e.createElement(l.div,{whileHover:{scale:1.2}},"⋮"===d?e.createElement(g,{open:v}):e.createElement(l.div,{animate:{rotate:v?90:0},transition:{type:"spring",stiffness:400,damping:40}},d))),c?a.createPortal(C,c):C)};export{b as default};
1
+ import e,{useState as t,useRef as n,useEffect as o,useLayoutEffect as r}from"react";import a from"react-dom";import{AnimatePresence as i,motion as l}from"framer-motion";var s="OverflowMenu-module_trigger__imdPK",u="OverflowMenu-module_menu__n8uKD",d="OverflowMenu-module_dotsWrapper__CHO9Q",c="OverflowMenu-module_dot__g5Rgi";!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".OverflowMenu-module_menuWrapper__psD7a{display:inline-block;position:relative;z-index:0}.OverflowMenu-module_trigger__imdPK{align-items:center;background:transparent;border:none;border-radius:50%;color:#024b59;cursor:pointer;display:flex;font-size:1.8rem;height:3rem;justify-content:center;transition:color .2s ease,background-color .2s ease;width:3rem}.OverflowMenu-module_trigger__imdPK:focus,.OverflowMenu-module_trigger__imdPK:hover{background-color:rgba(2,75,89,.05);color:#016a80;outline:none}.OverflowMenu-module_menu__n8uKD{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.75);border:1px solid #016a80;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);color:#024b59;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;gap:.35rem;margin-top:.5rem;min-width:180px;padding:.5rem .25rem;position:absolute;right:0;top:100%;width:max-content;z-index:9999}.OverflowMenu-module_menu__n8uKD button{background:transparent;border:none;border-bottom:1px solid rgba(2,75,89,.1);border-radius:8px;color:#024b59;cursor:pointer;font-size:1rem;padding:.6rem 1rem;text-align:left;transition:background .25s ease,transform .12s ease;user-select:none}.OverflowMenu-module_menu__n8uKD button:last-child{border-bottom:none}.OverflowMenu-module_menu__n8uKD button:focus,.OverflowMenu-module_menu__n8uKD button:hover{background:rgba(2,75,89,.05);outline:none;transform:scale(1.03)}.OverflowMenu-module_menu__n8uKD button:active{background:rgba(2,75,89,.1);transform:scale(.98)}.OverflowMenu-module_dotsWrapper__CHO9Q{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center}.OverflowMenu-module_dot__g5Rgi{background-color:currentColor;border-radius:50%;display:block;height:5px;width:5px}");const m={open:{opacity:1,y:0,transition:{type:"spring",stiffness:400,damping:40,staggerChildren:.07}},closed:{opacity:0,y:-10,transition:{duration:.2}}},p={open:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}},closed:{opacity:0,y:10,transition:{duration:.2}}},f=({item:t,index:n,itemVariants:o,setOpen:r})=>e.createElement(l.button,{key:n,role:"menuitem",onClick:()=>{t.onClick&&t.onClick(),r(!1)},variants:o,whileHover:{backgroundColor:"rgba(0, 188, 212, 0.1)",color:"#024b59"},whileTap:{scale:.98,backgroundColor:"rgba(2, 75, 89, 0.1)"},transition:{duration:.1}},t.content),g=({open:t})=>e.createElement(l.div,{className:d},e.createElement(l.span,{className:c,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:0,duration:.3,ease:"easeInOut"},custom:0}),e.createElement(l.span,{className:c,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:.1,duration:.3,ease:"easeInOut"},custom:1}),e.createElement(l.span,{className:c,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:.2,duration:.3,ease:"easeInOut"},custom:2})),b=({icon:d="⋮",portal:c,className:b,items:w})=>{const[v,_]=t(!1),y=n(null),h=n(null),[k,x]=t({top:0,left:0});o(()=>{const e=e=>{v&&y.current&&!y.current.contains(e.target)&&h.current&&!h.current.contains(e.target)&&_(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[v]),o(()=>{if(!v)return;const e=e=>{"Escape"===e.key&&_(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[v]),r(()=>{var e,t;if(v){if(!y.current||!h.current)return;const t=y.current.getBoundingClientRect(),n=h.current.offsetWidth,o=h.current.offsetHeight,r=window.innerWidth,a=window.innerHeight,i=768;let l=t.bottom+window.scrollY+4,s=0;if(t.bottom+o>a&&(l=t.top+window.scrollY-o-4),r<i)s=(r-n)/2+window.scrollX;else{let e=t.right+window.scrollX-160;s=e+n>r+window.scrollX?t.left+window.scrollX-n:e}x({top:l,left:s});const u=null===(e=h.current)||void 0===e?void 0:e.querySelector('[role="menuitem"]');null==u||u.focus()}else null===(t=y.current)||void 0===t||t.focus()},[v]);const C=e.createElement(i,null,v&&e.createElement(l.div,{ref:h,role:"menu",className:u,style:{position:"absolute",top:k.top,left:k.left},variants:m,initial:"closed",animate:"open",exit:"closed",onKeyDown:e=>{var t,n;if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const o=Array.from(null===(t=h.current)||void 0===t?void 0:t.querySelectorAll('[role="menuitem"]')),r=o.findIndex(e=>e===document.activeElement);let a=-1;"ArrowDown"===e.key?a=(r+1)%o.length:"ArrowUp"===e.key&&(a=(r-1+o.length)%o.length),null===(n=o[a])||void 0===n||n.focus()}}},w.map((t,n)=>e.createElement(f,{key:n,item:t,index:n,itemVariants:p,setOpen:_}))));return e.createElement(e.Fragment,null,e.createElement("button",{ref:y,className:`${s} ${b}`,onClick:()=>_(!v),"aria-haspopup":"true","aria-expanded":v},e.createElement(l.div,{whileHover:{scale:1.2}},"⋮"===d?e.createElement(g,{open:v}):e.createElement(l.div,{animate:{rotate:v?90:0},transition:{type:"spring",stiffness:400,damping:40}},d))),c?a.createPortal(C,c):C)};export{b as default};
2
2
  //# sourceMappingURL=index.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/UI/OverflowMenu.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","menuVariants","open","opacity","y","transition","stiffness","damping","staggerChildren","closed","duration","itemVariants","OverflowMenuItem","item","index","setOpen","React","motion","button","key","role","onClick","variants","whileHover","backgroundColor","color","whileTap","scale","content","DefaultIcon","div","className","styles","span","animate","x","delay","ease","custom","OverflowMenu","icon","portal","items","useState","triggerRef","useRef","menuRef","menuPos","setMenuPos","top","left","useEffect","handleClickOutside","event","current","contains","target","addEventListener","removeEventListener","handleEsc","useLayoutEffect","triggerRect","getBoundingClientRect","menuWidth","offsetWidth","menuHeight","offsetHeight","viewportWidth","window","innerWidth","viewportHeight","innerHeight","breakpoint","newTop","bottom","scrollY","newLeft","scrollX","desiredLeft","right","firstItem","_a","querySelector","focus","_b","menuContent","AnimatePresence","position","initial","exit","onKeyDown","e","preventDefault","Array","from","querySelectorAll","activeIndex","findIndex","activeElement","nextIndex","length","map","Fragment","rotate","ReactDOM","createPortal"],"mappings":"uUAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBU,CAqBxD,gxDCXA,MAAMe,EAAyB,CAC7BC,KAAM,CACJC,QAAS,EACTC,EAAG,EACHC,WAAY,CACVX,KAAM,SACNY,UAAW,IACXC,QAAS,GACTC,gBAAiB,MAGrBC,OAAQ,CACNN,QAAS,EACTC,GAAG,GACHC,WAAY,CACVK,SAAU,MAMVC,EAAyB,CAC7BT,KAAM,CACJC,QAAS,EACTC,EAAG,EACHC,WAAY,CAAEX,KAAM,SAAUY,UAAW,IAAKC,QAAS,KAEzDE,OAAQ,CACNN,QAAS,EACTC,EAAG,GACHC,WAAY,CAAEK,SAAU,MAWtBE,EAAqD,EAAGC,OAAMC,QAAOH,eAAcI,aAErFC,EAAAvB,cAACwB,EAAOC,QACNC,IAAKL,EACLM,KAAK,WACLC,QAAS,KACHR,EAAKQ,SAASR,EAAKQ,UACvBN,GAAQ,IAEVO,SAAUX,EACVY,WAAY,CAAEC,gBAAiB,UAAWC,MAAO,WACjDC,SAAU,CAAEC,MAAO,IAAMH,gBAAiB,wBAC1CnB,WAAY,CAAEK,SAAU,KAEvBG,EAAKe,SAMNC,EAAc,EAAG3B,UAEnBc,EAAAvB,cAACwB,EAAOa,KACNC,UAAWC,GAEXhB,EAAAvB,cAACwB,EAAOgB,KAAI,CACVF,UAAWC,EACXE,QAAShC,EAAO,CAAEiC,EAAG,CAAC,EAAG,EAAG,GAAIX,gBAAiB,WAAc,CAAEpB,EAAG,CAAC,GAAG,EAAI,GAAIoB,gBAAiB,WACjGnB,WAAY,CACV+B,MAAO,EACP1B,SAAU,GACV2B,KAAM,aAERC,OAAQ,IAEVtB,EAAAvB,cAACwB,EAAOgB,KAAI,CACVF,UAAWC,EACXE,QAAShC,EAAO,CAAEiC,EAAG,CAAC,EAAG,EAAG,GAAIX,gBAAiB,WAAc,CAAEpB,EAAG,CAAC,GAAG,EAAI,GAAIoB,gBAAiB,WACjGnB,WAAY,CACV+B,MAAO,GACP1B,SAAU,GACV2B,KAAM,aAERC,OAAQ,IAEVtB,EAAAvB,cAACwB,EAAOgB,KAAI,CACVF,UAAWC,EACXE,QAAShC,EAAO,CAAEiC,EAAG,CAAC,EAAG,EAAG,GAAIX,gBAAiB,WAAc,CAAEpB,EAAG,CAAC,GAAG,EAAI,GAAIoB,gBAAiB,WACjGnB,WAAY,CACV+B,MAAO,GACP1B,SAAU,GACV2B,KAAM,aAERC,OAAQ,KAMVC,EAAiC,EAAGC,OAAO,IAAKC,SAAQV,YAAWW,YACvE,MAAOxC,EAAMa,GAAW4B,GAAS,GAC3BC,EAAaC,EAA0B,MACvCC,EAAUD,EAAuB,OAChCE,EAASC,GAAcL,EAAwC,CACpEM,IAAK,EACLC,KAAM,IAIRC,EAAU,KACR,MAAMC,EAAsBC,IAExBnD,GACA0C,EAAWU,UACVV,EAAWU,QAAQC,SAASF,EAAMG,SACnCV,EAAQQ,UACPR,EAAQQ,QAAQC,SAASF,EAAMG,SAEhCzC,GAAQ,IAIZ,OADA1B,SAASoE,iBAAiB,YAAaL,GAChC,IAAM/D,SAASqE,oBAAoB,YAAaN,IACtD,CAAClD,IAGJiD,EAAU,KACR,IAAKjD,EAAM,OACX,MAAMyD,EAAaN,IACC,WAAdA,EAAMlC,KACRJ,GAAQ,IAIZ,OADA1B,SAASoE,iBAAiB,UAAWE,GAC9B,IAAMtE,SAASqE,oBAAoB,UAAWC,IACpD,CAACzD,IAGJ0D,EAAgB,aACd,GAAI1D,EAAM,CACR,IAAK0C,EAAWU,UAAYR,EAAQQ,QAAS,OAG7C,MAAMO,EAAcjB,EAAWU,QAAQQ,wBACjCC,EAAYjB,EAAQQ,QAAQU,YAC5BC,EAAanB,EAAQQ,QAAQY,aAC7BC,EAAgBC,OAAOC,WACvBC,EAAiBF,OAAOG,YAExBC,EAAa,IAEnB,IAAIC,EAASZ,EAAYa,OAASN,OAAOO,QAAU,EAC/CC,EAAU,EAQd,GALIf,EAAYa,OAAST,EAAaK,IACpCG,EAASZ,EAAYZ,IAAMmB,OAAOO,QAAUV,EAAa,GAIvDE,EAAgBK,EAElBI,GAAWT,EAAgBJ,GAAa,EAAIK,OAAOS,YAC9C,CAEL,IAAIC,EAAcjB,EAAYkB,MAAQX,OAAOS,QAAU,IAKrDD,EAFEE,EAAcf,EAAYI,EAAgBC,OAAOS,QAEzChB,EAAYX,KAAOkB,OAAOS,QAAUd,EAEpCe,EAId9B,EAAW,CACTC,IAAKwB,EACLvB,KAAM0B,IAIR,MAAMI,EAA2B,QAAfC,EAAAnC,EAAQQ,eAAO,IAAA2B,OAAA,EAAAA,EAAEC,cAAc,qBACjDF,SAAAA,EAAWG,aAGO,QAAlBC,EAAAxC,EAAWU,eAAO,IAAA8B,GAAAA,EAAED,SAErB,CAACjF,IAEJ,MAiBMmF,EACJrE,EAAAvB,cAAC6F,OACEpF,GACCc,EAAAvB,cAACwB,EAAOa,IAAG,CACT3C,IAAK2D,EACL1B,KAAK,OACLW,UAAWC,EACXxC,MAAO,CAAE+F,SAAU,WAAYtC,IAAKF,EAAQE,IAAKC,KAAMH,EAAQG,MAC/D5B,SAAUrB,EACVuF,QAAQ,SACRtD,QAAQ,OACRuD,KAAK,SACLC,UA7BmBC,YACzB,GAAc,YAAVA,EAAExE,KAA+B,cAAVwE,EAAExE,IAAqB,CAChDwE,EAAEC,iBACF,MAAMlD,EAAQmD,MAAMC,aAAKb,EAAAnC,EAAQQ,8BAASyC,iBAAiB,sBACrDC,EAActD,EAAMuD,UAAWpF,GAASA,IAASxB,SAAS6G,eAChE,IAAIC,GAAY,EAEF,cAAVR,EAAExE,IACJgF,GAAaH,EAAc,GAAKtD,EAAM0D,OACnB,YAAVT,EAAExE,MACXgF,GAAaH,EAAc,EAAItD,EAAM0D,QAAU1D,EAAM0D,QAGvC,QAAhBhB,EAAA1C,EAAMyD,UAAU,IAAAf,GAAAA,EAAED,WAkBbzC,EAAM2D,IAAI,CAACxF,EAAMC,IAChBE,EAAAvB,cAACmB,GACCO,IAAKL,EACLD,KAAMA,EACNC,MAAOA,EACPH,aAAcA,EACdI,QAASA,OAQrB,OACEC,EAAAvB,cAAAuB,EAAAsF,SAAA,KACEtF,EAAAvB,cAAA,SAAA,CACEN,IAAKyD,EACLb,UAAW,GAAGC,KAAkBD,IAChCV,QAAS,IAAMN,GAASb,GAAK,gBACf,OAAM,gBACLA,GAEfc,EAAAvB,cAACwB,EAAOa,IAAG,CAACP,WAAY,CAAEI,MAAO,MACrB,MAATa,EACCxB,EAAAvB,cAACoC,EAAW,CAAC3B,KAAMA,IAEnBc,EAAAvB,cAACwB,EAAOa,IAAG,CACTI,QAAS,CAAEqE,OAAQrG,EAAO,GAAK,GAC/BG,WAAY,CAAEX,KAAM,SAAUY,UAAW,IAAKC,QAAS,KAEtDiC,KAKRC,EAAS+D,EAASC,aAAapB,EAAa5C,GAAU4C","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.es.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/UI/OverflowMenu.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","menuVariants","open","opacity","y","transition","stiffness","damping","staggerChildren","closed","duration","itemVariants","OverflowMenuItem","item","index","setOpen","React","motion","button","key","role","onClick","variants","whileHover","backgroundColor","color","whileTap","scale","content","DefaultIcon","div","className","styles","span","animate","x","delay","ease","custom","OverflowMenu","icon","portal","items","useState","triggerRef","useRef","menuRef","menuPos","setMenuPos","top","left","useEffect","handleClickOutside","event","current","contains","target","addEventListener","removeEventListener","handleEsc","useLayoutEffect","triggerRect","getBoundingClientRect","menuWidth","offsetWidth","menuHeight","offsetHeight","viewportWidth","window","innerWidth","viewportHeight","innerHeight","breakpoint","newTop","bottom","scrollY","newLeft","scrollX","desiredLeft","right","firstItem","_a","querySelector","focus","_b","menuContent","AnimatePresence","position","initial","exit","onKeyDown","e","preventDefault","Array","from","querySelectorAll","activeIndex","findIndex","activeElement","nextIndex","length","map","Fragment","rotate","ReactDOM","createPortal"],"mappings":"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","x_google_ignoreList":[0]}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react"),t=require("react-dom"),n=require("framer-motion");var o="OverflowMenu-module_trigger__imdPK",r="OverflowMenu-module_menu__n8uKD",i="OverflowMenu-module_dotsWrapper__CHO9Q",a="OverflowMenu-module_dot__g5Rgi";!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".OverflowMenu-module_menuWrapper__psD7a{display:inline-block;position:relative;z-index:0}.OverflowMenu-module_trigger__imdPK{align-items:center;background:transparent;border:none;border-radius:50%;color:#024b59;cursor:pointer;display:flex;font-size:1.8rem;height:3rem;justify-content:center;transition:color .2s ease,background-color .2s ease;width:3rem}.OverflowMenu-module_trigger__imdPK:focus,.OverflowMenu-module_trigger__imdPK:hover{background-color:rgba(2,75,89,.05);color:#016a80;outline:none}.OverflowMenu-module_menu__n8uKD{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.75);border:1px solid #016a80;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);color:#024b59;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;gap:.35rem;margin-top:.5rem;min-width:180px;padding:.5rem .25rem;position:absolute;right:0;top:100%;width:max-content;z-index:9999}.OverflowMenu-module_menu__n8uKD button{background:transparent;border:none;border-bottom:1px solid rgba(2,75,89,.1);border-radius:8px;color:#024b59;cursor:pointer;font-size:1rem;padding:.6rem 1rem;text-align:left;transition:background .25s ease,transform .12s ease;user-select:none}.OverflowMenu-module_menu__n8uKD button:last-child{border-bottom:none}.OverflowMenu-module_menu__n8uKD button:focus,.OverflowMenu-module_menu__n8uKD button:hover{background:rgba(2,75,89,.05);outline:none;transform:scale(1.03)}.OverflowMenu-module_menu__n8uKD button:active{background:rgba(2,75,89,.1);transform:scale(.98)}.OverflowMenu-module_dotsWrapper__CHO9Q{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center}.OverflowMenu-module_dot__g5Rgi{background-color:currentColor;border-radius:50%;display:block;height:5px;width:5px}");const l={open:{opacity:1,y:0,transition:{type:"spring",stiffness:400,damping:40,staggerChildren:.07}},closed:{opacity:0,y:-10,transition:{duration:.2}}},s={open:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}},closed:{opacity:0,y:10,transition:{duration:.2}}},u=({item:t,index:o,itemVariants:r,setOpen:i})=>e.createElement(n.motion.button,{key:o,role:"menuitem",onClick:()=>{t.onClick&&t.onClick(),i(!1)},variants:r,whileHover:{backgroundColor:"#016a80",color:"#FFFFFF"},whileTap:{scale:.98,backgroundColor:"rgba(2, 75, 89, 0.1)"},transition:{duration:.1}},t.content),d=({open:t})=>e.createElement(n.motion.div,{className:i},e.createElement(n.motion.span,{className:a,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:0,duration:.3,ease:"easeInOut"},custom:0}),e.createElement(n.motion.span,{className:a,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:.1,duration:.3,ease:"easeInOut"},custom:1}),e.createElement(n.motion.span,{className:a,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:.2,duration:.3,ease:"easeInOut"},custom:2}));module.exports=({icon:i="⋮",portal:a,className:c,items:m})=>{const[p,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(null),[w,v]=e.useState({top:0,left:0});e.useEffect(()=>{const e=e=>{p&&g.current&&!g.current.contains(e.target)&&b.current&&!b.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[p]),e.useEffect(()=>{if(!p)return;const e=e=>{"Escape"===e.key&&f(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[p]),e.useLayoutEffect(()=>{var e,t;if(p){if(!g.current||!b.current)return;const t=g.current.getBoundingClientRect(),n=b.current.offsetWidth,o=b.current.offsetHeight,r=window.innerWidth,i=window.innerHeight,a=768;let l=t.bottom+window.scrollY+4,s=0;if(t.bottom+o>i&&(l=t.top+window.scrollY-o-4),r<a)s=(r-n)/2+window.scrollX;else{let e=t.right+window.scrollX-160;s=e+n>r+window.scrollX?t.left+window.scrollX-n:e}v({top:l,left:s});const u=null===(e=b.current)||void 0===e?void 0:e.querySelector('[role="menuitem"]');null==u||u.focus()}else null===(t=g.current)||void 0===t||t.focus()},[p]);const _=e.createElement(n.AnimatePresence,null,p&&e.createElement(n.motion.div,{ref:b,role:"menu",className:r,style:{position:"absolute",top:w.top,left:w.left},variants:l,initial:"closed",animate:"open",exit:"closed",onKeyDown:e=>{var t,n;if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const o=Array.from(null===(t=b.current)||void 0===t?void 0:t.querySelectorAll('[role="menuitem"]')),r=o.findIndex(e=>e===document.activeElement);let i=-1;"ArrowDown"===e.key?i=(r+1)%o.length:"ArrowUp"===e.key&&(i=(r-1+o.length)%o.length),null===(n=o[i])||void 0===n||n.focus()}}},m.map((t,n)=>e.createElement(u,{key:n,item:t,index:n,itemVariants:s,setOpen:f}))));return e.createElement(e.Fragment,null,e.createElement("button",{ref:g,className:`${o} ${c}`,onClick:()=>f(!p),"aria-haspopup":"true","aria-expanded":p},e.createElement(n.motion.div,{whileHover:{scale:1.2}},"⋮"===i?e.createElement(d,{open:p}):e.createElement(n.motion.div,{animate:{rotate:p?90:0},transition:{type:"spring",stiffness:400,damping:40}},i))),a?t.createPortal(_,a):_)};
1
+ "use strict";var e=require("react"),t=require("react-dom"),n=require("framer-motion");var o="OverflowMenu-module_trigger__imdPK",r="OverflowMenu-module_menu__n8uKD",i="OverflowMenu-module_dotsWrapper__CHO9Q",a="OverflowMenu-module_dot__g5Rgi";!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".OverflowMenu-module_menuWrapper__psD7a{display:inline-block;position:relative;z-index:0}.OverflowMenu-module_trigger__imdPK{align-items:center;background:transparent;border:none;border-radius:50%;color:#024b59;cursor:pointer;display:flex;font-size:1.8rem;height:3rem;justify-content:center;transition:color .2s ease,background-color .2s ease;width:3rem}.OverflowMenu-module_trigger__imdPK:focus,.OverflowMenu-module_trigger__imdPK:hover{background-color:rgba(2,75,89,.05);color:#016a80;outline:none}.OverflowMenu-module_menu__n8uKD{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.75);border:1px solid #016a80;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);color:#024b59;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;gap:.35rem;margin-top:.5rem;min-width:180px;padding:.5rem .25rem;position:absolute;right:0;top:100%;width:max-content;z-index:9999}.OverflowMenu-module_menu__n8uKD button{background:transparent;border:none;border-bottom:1px solid rgba(2,75,89,.1);border-radius:8px;color:#024b59;cursor:pointer;font-size:1rem;padding:.6rem 1rem;text-align:left;transition:background .25s ease,transform .12s ease;user-select:none}.OverflowMenu-module_menu__n8uKD button:last-child{border-bottom:none}.OverflowMenu-module_menu__n8uKD button:focus,.OverflowMenu-module_menu__n8uKD button:hover{background:rgba(2,75,89,.05);outline:none;transform:scale(1.03)}.OverflowMenu-module_menu__n8uKD button:active{background:rgba(2,75,89,.1);transform:scale(.98)}.OverflowMenu-module_dotsWrapper__CHO9Q{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center}.OverflowMenu-module_dot__g5Rgi{background-color:currentColor;border-radius:50%;display:block;height:5px;width:5px}");const l={open:{opacity:1,y:0,transition:{type:"spring",stiffness:400,damping:40,staggerChildren:.07}},closed:{opacity:0,y:-10,transition:{duration:.2}}},s={open:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}},closed:{opacity:0,y:10,transition:{duration:.2}}},u=({item:t,index:o,itemVariants:r,setOpen:i})=>e.createElement(n.motion.button,{key:o,role:"menuitem",onClick:()=>{t.onClick&&t.onClick(),i(!1)},variants:r,whileHover:{backgroundColor:"rgba(0, 188, 212, 0.1)",color:"#024b59"},whileTap:{scale:.98,backgroundColor:"rgba(2, 75, 89, 0.1)"},transition:{duration:.1}},t.content),d=({open:t})=>e.createElement(n.motion.div,{className:i},e.createElement(n.motion.span,{className:a,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:0,duration:.3,ease:"easeInOut"},custom:0}),e.createElement(n.motion.span,{className:a,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:.1,duration:.3,ease:"easeInOut"},custom:1}),e.createElement(n.motion.span,{className:a,animate:t?{x:[0,4,0],backgroundColor:"#00BCD4"}:{y:[0,-4,0],backgroundColor:"#024b59"},transition:{delay:.2,duration:.3,ease:"easeInOut"},custom:2}));module.exports=({icon:i="⋮",portal:a,className:c,items:m})=>{const[p,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(null),[w,v]=e.useState({top:0,left:0});e.useEffect(()=>{const e=e=>{p&&g.current&&!g.current.contains(e.target)&&b.current&&!b.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[p]),e.useEffect(()=>{if(!p)return;const e=e=>{"Escape"===e.key&&f(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[p]),e.useLayoutEffect(()=>{var e,t;if(p){if(!g.current||!b.current)return;const t=g.current.getBoundingClientRect(),n=b.current.offsetWidth,o=b.current.offsetHeight,r=window.innerWidth,i=window.innerHeight,a=768;let l=t.bottom+window.scrollY+4,s=0;if(t.bottom+o>i&&(l=t.top+window.scrollY-o-4),r<a)s=(r-n)/2+window.scrollX;else{let e=t.right+window.scrollX-160;s=e+n>r+window.scrollX?t.left+window.scrollX-n:e}v({top:l,left:s});const u=null===(e=b.current)||void 0===e?void 0:e.querySelector('[role="menuitem"]');null==u||u.focus()}else null===(t=g.current)||void 0===t||t.focus()},[p]);const _=e.createElement(n.AnimatePresence,null,p&&e.createElement(n.motion.div,{ref:b,role:"menu",className:r,style:{position:"absolute",top:w.top,left:w.left},variants:l,initial:"closed",animate:"open",exit:"closed",onKeyDown:e=>{var t,n;if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const o=Array.from(null===(t=b.current)||void 0===t?void 0:t.querySelectorAll('[role="menuitem"]')),r=o.findIndex(e=>e===document.activeElement);let i=-1;"ArrowDown"===e.key?i=(r+1)%o.length:"ArrowUp"===e.key&&(i=(r-1+o.length)%o.length),null===(n=o[i])||void 0===n||n.focus()}}},m.map((t,n)=>e.createElement(u,{key:n,item:t,index:n,itemVariants:s,setOpen:f}))));return e.createElement(e.Fragment,null,e.createElement("button",{ref:g,className:`${o} ${c}`,onClick:()=>f(!p),"aria-haspopup":"true","aria-expanded":p},e.createElement(n.motion.div,{whileHover:{scale:1.2}},"⋮"===i?e.createElement(d,{open:p}):e.createElement(n.motion.div,{animate:{rotate:p?90:0},transition:{type:"spring",stiffness:400,damping:40}},i))),a?t.createPortal(_,a):_)};
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/UI/OverflowMenu.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","menuVariants","open","opacity","y","transition","stiffness","damping","staggerChildren","closed","duration","itemVariants","OverflowMenuItem","item","index","setOpen","React","motion","button","key","role","onClick","variants","whileHover","backgroundColor","color","whileTap","scale","content","DefaultIcon","div","className","styles","span","animate","x","delay","ease","custom","icon","portal","items","useState","triggerRef","useRef","menuRef","menuPos","setMenuPos","top","left","useEffect","handleClickOutside","event","current","contains","target","addEventListener","removeEventListener","handleEsc","useLayoutEffect","triggerRect","getBoundingClientRect","menuWidth","offsetWidth","menuHeight","offsetHeight","viewportWidth","window","innerWidth","viewportHeight","innerHeight","breakpoint","newTop","bottom","scrollY","newLeft","scrollX","desiredLeft","right","firstItem","_a","querySelector","focus","_b","menuContent","AnimatePresence","position","initial","exit","onKeyDown","e","preventDefault","Array","from","querySelectorAll","activeIndex","findIndex","activeElement","nextIndex","length","map","Fragment","rotate","ReactDOM","createPortal"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/UI/OverflowMenu.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","menuVariants","open","opacity","y","transition","stiffness","damping","staggerChildren","closed","duration","itemVariants","OverflowMenuItem","item","index","setOpen","React","motion","button","key","role","onClick","variants","whileHover","backgroundColor","color","whileTap","scale","content","DefaultIcon","div","className","styles","span","animate","x","delay","ease","custom","icon","portal","items","useState","triggerRef","useRef","menuRef","menuPos","setMenuPos","top","left","useEffect","handleClickOutside","event","current","contains","target","addEventListener","removeEventListener","handleEsc","useLayoutEffect","triggerRect","getBoundingClientRect","menuWidth","offsetWidth","menuHeight","offsetHeight","viewportWidth","window","innerWidth","viewportHeight","innerHeight","breakpoint","newTop","bottom","scrollY","newLeft","scrollX","desiredLeft","right","firstItem","_a","querySelector","focus","_b","menuContent","AnimatePresence","position","initial","exit","onKeyDown","e","preventDefault","Array","from","querySelectorAll","activeIndex","findIndex","activeElement","nextIndex","length","map","Fragment","rotate","ReactDOM","createPortal"],"mappings":"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","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jattac.libs.web.overflow-menu",
3
- "version": "0.0.17",
3
+ "version": "0.0.18",
4
4
  "description": "A customizable and lightweight React overflow menu component with a modern design.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",