ingred-ui 33.14.2 → 33.14.3

package/dist/index.es.js

@@ -741,7 +741,7 @@ var Tr=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
     transparent 100%
   );
   z-index: 1;
-`,Da=n((({open:n,trigger:r,width:s,minWidth:p,maxHeight:g,children:f,onOpenChange:b,stickyHeader:v,stickyFooter:x,placement:y,middleware:w},C)=>{const E=ne(),{isRoot:I,close:k}=c($t),[M,$]=i(!1),A=o(null),L=o(null),[V,H]=i(!1),[O,S]=i(!1),D=Lo(`(max-width: ${F.MOBILE}px)`),R=d((()=>{const e=A.current;e&&H((({scrollTop:e,scrollHeight:t,clientHeight:n,epsilon:r=1})=>!(n<=0)&&t>n&&e<t-n-r)({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight}))}),[]),z=R,N=l((()=>!!O||(void 0!==n?n:M)),[n,M,O]),T=d((()=>{k(),$(!1),S(!1),null==b||b(!1)}),[k,$,S,b]),Z=function(e){const t=wi(),n=$i(),r=Mi();return gi((()=>{const e={id:t,parentId:r};return null==n||n.addNode(e),()=>{null==n||n.removeNode(e)}}),[n,t,r]),t}(),{refs:B,floatingStyles:P,context:_}=ho({nodeId:Z,open:N,onOpenChange:e=>{$(e),null==b||b(e)},placement:y,middleware:null!=w?w:[hr({mainAxis:5,crossAxis:0}),pr((()=>I?{allowedPlacements:["bottom-start","bottom-end","top-start","top-end"]}:{allowedPlacements:D?["bottom-start"]:["right-start","left-start"],autoAlignment:!1})),fr({apply({availableWidth:e,availableHeight:t,elements:n}){let r=Math.max(0,t);if(g)if("number"==typeof g)r=Math.min(r,g);else{if(!/[a-z%]+$/i.test(g)){const e=parseFloat(g);isNaN(e)||(r=Math.min(r,e))}}Object.assign(n.floating.style,Object.assign({maxWidth:`${Math.max(0,e)}px`,maxHeight:`${r}px`},null!=s&&{width:`${s}px`}))}})],whileElementsMounted:Vr}),G=function(t,n){void 0===n&&(n={});const{open:r,onOpenChange:i,dataRef:o,elements:{domReference:a}}=t,{enabled:l=!0,event:s="click",toggle:c=!0,ignoreMouse:d=!1,keyboardHandlers:u=!0}=n,p=e.useRef(),m=e.useRef(!1);return e.useMemo((()=>l?{reference:{onPointerDown(e){p.current=e.pointerType},onMouseDown(e){0===e.button&&(Dn(p.current,!0)&&d||"click"!==s&&(!r||!c||o.current.openEvent&&"mousedown"!==o.current.openEvent.type?(e.preventDefault(),i(!0,e.nativeEvent,"click")):i(!1,e.nativeEvent,"click")))},onClick(e){"mousedown"===s&&p.current?p.current=void 0:Dn(p.current,!0)&&d||(!r||!c||o.current.openEvent&&"click"!==o.current.openEvent.type?i(!0,e.nativeEvent,"click"):i(!1,e.nativeEvent,"click"))},onKeyDown(e){p.current=void 0,e.defaultPrevented||!u||ao(e)||(" "!==e.key||lo(a)||(e.preventDefault(),m.current=!0),"Enter"===e.key&&i(!r||!c,e.nativeEvent,"click"))},onKeyUp(e){e.defaultPrevented||!u||ao(e)||lo(a)||" "===e.key&&m.current&&(m.current=!1,i(!r||!c,e.nativeEvent,"click"))}}}:{}),[l,o,s,d,u,a,c,r,i])}(_),j=Di(_,{enabled:!I,mouseOnly:!0,delay:{open:100,close:O?999999:100},restMs:100,handleClose:ko()}),Y=po(_),[W,X]=i(null),J=Eo(_),U=o([]),Q=Co(_,{listRef:U,activeIndex:W,onNavigate:X,loop:!0,nested:!I}),q=$o(U,[]),{getReferenceProps:K,getFloatingProps:ee,getItemProps:te}=fo([G,j,Y,J,Q]),re=[Da.displayName,Dt.displayName,Ro.displayName,_o.displayName,Wo.displayName,ya.displayName,Ca.displayName];a((()=>{Ia(r)&&B.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:r.x,y:r.y,top:r.y,left:r.x,right:r.x,bottom:r.y})})}),[r,C,B]),u((()=>{if(!N)return void H(!1);const e=requestAnimationFrame((()=>{R()}));return()=>cancelAnimationFrame(e)}),[N,f,R]),a((()=>{if(!N)return;if(!window.ResizeObserver)return;const e=A.current,t=L.current;if(!e)return;const n=new window.ResizeObserver((()=>{R()}));return n.observe(e),t&&n.observe(t),()=>{n.disconnect()}}),[N,R]);const ie=m(r)?r.props.ref:void 0,oe=function(t){return e.useMemo((()=>t.every((e=>null==e))?null:e=>{t.forEach((t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)}))}),t)}([C,B.setReference,ie]),ae=!Ia(r)&&m(r)?(()=>{const e=Object.assign({},r.props);return delete e.ref,e})():{};return t.createElement(t.Fragment,null,Ia(r)?null:h(r,Object.assign(Object.assign(Object.assign({},ae),K()),{ref:oe})),t.createElement(Ai,{id:Z},N&&t.createElement(no,null,t.createElement(oo,{context:_,modal:!1,initialFocus:-1,returnFocus:!1},t.createElement(Ma,Object.assign({ref:B.setFloating,$maxHeight:g,style:Object.assign(Object.assign(Object.assign({},P),null!=w&&null!=s&&{width:`${s}px`}),{minWidth:null!=p?p:"auto"})},ee()),t.createElement($a,null,t.createElement($t.Provider,{value:{isRoot:!1,activeIndex:W,maxActiveIndex:q,setActiveIndex:X,close:T}},t.createElement(Xo.Provider,{value:{isSorting:O,setIsSorting:S}},v&&t.createElement(Aa,null,v),t.createElement(Va,null,t.createElement(Ha,{ref:A,onScroll:z},t.createElement(Oa,{ref:L,$hasStickyHeader:!!v,$hasStickyFooter:!!x},((e,n=!0)=>t.Children.toArray(e).filter((e=>{if(!t.isValidElement(e))return!1;const r=e.type;if(r===t.Fragment)return!0;const i="function"==typeof r||"object"==typeof r?r.displayName:void 0;return"ContextMenu2TriggerItem"===i||"DataTable2MenuCountControl"===i||"DataTable2MenuSpaceControl"===i||"DataTable2MenuOrderControl"===i||("ContextMenu2Container"===i||(n||("function"==typeof r||"object"==typeof r)&&re.includes(r.displayName)))})).map((e=>t.isValidElement(e)?t.cloneElement(e,Object.assign(Object.assign(Object.assign({tabIndex:W===e.key?0:-1,ref:t=>{U.current[e.key]=t}},te()),e.props),{key:e.key})):e)))(f))),V&&t.createElement(Sa,{"aria-hidden":"true"},t.createElement(le,{name:"skip_down",type:"fill",size:"md",color:E.palette.black}))),x&&t.createElement(La,null,x)))))))))}));Da.displayName="ContextMenu2";const Ra=({children:e})=>{if(!m(e)||"string"==typeof e.type||"function"!=typeof e.type&&"object"!=typeof e.type||!("displayName"in e.type)||e.type.displayName!==Da.displayName)throw new Error("ContextMenu2Container には 1 つの ContextMenu2 しか入れられません");return t.createElement($t.Provider,{value:{isRoot:!0,close:()=>{},activeIndex:null,maxActiveIndex:-1,setActiveIndex:()=>{}}},t.createElement(Li,null,e))},za=v.p`
+`,Da=n((({open:n,trigger:r,width:s,minWidth:p,maxHeight:g,children:f,onOpenChange:b,stickyHeader:v,stickyFooter:x,placement:y,middleware:w},C)=>{const E=ne(),{isRoot:I,close:k}=c($t),[M,$]=i(!1),A=o(null),L=o(null),[V,H]=i(!1),[O,S]=i(!1),D=Lo(`(max-width: ${F.MOBILE}px)`),R=d((()=>{const e=A.current;e&&H((({scrollTop:e,scrollHeight:t,clientHeight:n,epsilon:r=1})=>!(n<=0)&&t>n&&e<t-n-r)({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight}))}),[]),z=R,N=l((()=>!!O||(void 0!==n?n:M)),[n,M,O]),T=d((()=>{k(),$(!1),S(!1),null==b||b(!1)}),[k,$,S,b]),Z=function(e){const t=wi(),n=$i(),r=Mi();return gi((()=>{const e={id:t,parentId:r};return null==n||n.addNode(e),()=>{null==n||n.removeNode(e)}}),[n,t,r]),t}(),{refs:B,floatingStyles:P,context:_}=ho({nodeId:Z,open:N,onOpenChange:e=>{$(e),null==b||b(e)},placement:y,middleware:null!=w?w:[hr({mainAxis:5,crossAxis:0}),pr((()=>I?{allowedPlacements:["bottom-start","bottom-end","top-start","top-end"]}:{allowedPlacements:D?["bottom-start"]:["right-start","left-start"],autoAlignment:!1})),fr({apply({availableWidth:e,availableHeight:t,elements:n}){let r=Math.max(0,t);if(g)if("number"==typeof g)r=Math.min(r,g);else{if(!/[a-z%]+$/i.test(g)){const e=parseFloat(g);isNaN(e)||(r=Math.min(r,e))}}Object.assign(n.floating.style,Object.assign({maxWidth:`${Math.max(0,e)}px`,maxHeight:`${r}px`},null!=s&&{width:`${s}px`}))}})],whileElementsMounted:Vr}),G=function(t,n){void 0===n&&(n={});const{open:r,onOpenChange:i,dataRef:o,elements:{domReference:a}}=t,{enabled:l=!0,event:s="click",toggle:c=!0,ignoreMouse:d=!1,keyboardHandlers:u=!0}=n,p=e.useRef(),m=e.useRef(!1);return e.useMemo((()=>l?{reference:{onPointerDown(e){p.current=e.pointerType},onMouseDown(e){0===e.button&&(Dn(p.current,!0)&&d||"click"!==s&&(!r||!c||o.current.openEvent&&"mousedown"!==o.current.openEvent.type?(e.preventDefault(),i(!0,e.nativeEvent,"click")):i(!1,e.nativeEvent,"click")))},onClick(e){"mousedown"===s&&p.current?p.current=void 0:Dn(p.current,!0)&&d||(!r||!c||o.current.openEvent&&"click"!==o.current.openEvent.type?i(!0,e.nativeEvent,"click"):i(!1,e.nativeEvent,"click"))},onKeyDown(e){p.current=void 0,e.defaultPrevented||!u||ao(e)||(" "!==e.key||lo(a)||(e.preventDefault(),m.current=!0),"Enter"===e.key&&i(!r||!c,e.nativeEvent,"click"))},onKeyUp(e){e.defaultPrevented||!u||ao(e)||lo(a)||" "===e.key&&m.current&&(m.current=!1,i(!r||!c,e.nativeEvent,"click"))}}}:{}),[l,o,s,d,u,a,c,r,i])}(_),j=Di(_,{enabled:!I,mouseOnly:!0,delay:{open:100,close:O?999999:100},restMs:100,handleClose:ko()}),Y=po(_),[W,X]=i(null),J=Eo(_),U=o([]),Q=Co(_,{listRef:U,activeIndex:W,onNavigate:X,loop:!0,nested:!I}),q=$o(U,[]),{getReferenceProps:K,getFloatingProps:ee,getItemProps:te}=fo([G,j,Y,J,Q]),re=[Da.displayName,Dt.displayName,Ro.displayName,_o.displayName,Wo.displayName,ya.displayName,Ca.displayName];a((()=>{Ia(r)&&B.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:r.x,y:r.y,top:r.y,left:r.x,right:r.x,bottom:r.y})})}),[r,C,B]),u((()=>{N||H((e=>!e&&e))}),[N]),u((()=>{if(!N)return;const e=requestAnimationFrame((()=>{R()}));return()=>cancelAnimationFrame(e)}),[N,f,R]),a((()=>{if(!N)return;if(!window.ResizeObserver)return;const e=A.current,t=L.current;if(!e)return;const n=new window.ResizeObserver((()=>{R()}));return n.observe(e),t&&n.observe(t),()=>{n.disconnect()}}),[N,R]);const ie=m(r)?r.props.ref:void 0,oe=function(t){return e.useMemo((()=>t.every((e=>null==e))?null:e=>{t.forEach((t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)}))}),t)}([C,B.setReference,ie]),ae=!Ia(r)&&m(r)?(()=>{const e=Object.assign({},r.props);return delete e.ref,e})():{};return t.createElement(t.Fragment,null,Ia(r)?null:h(r,Object.assign(Object.assign(Object.assign({},ae),K()),{ref:oe})),t.createElement(Ai,{id:Z},N&&t.createElement(no,null,t.createElement(oo,{context:_,modal:!1,initialFocus:-1,returnFocus:!1},t.createElement(Ma,Object.assign({ref:B.setFloating,$maxHeight:g,style:Object.assign(Object.assign(Object.assign({},P),null!=w&&null!=s&&{width:`${s}px`}),{minWidth:null!=p?p:"auto"})},ee()),t.createElement($a,null,t.createElement($t.Provider,{value:{isRoot:!1,activeIndex:W,maxActiveIndex:q,setActiveIndex:X,close:T}},t.createElement(Xo.Provider,{value:{isSorting:O,setIsSorting:S}},v&&t.createElement(Aa,null,v),t.createElement(Va,null,t.createElement(Ha,{ref:A,onScroll:z},t.createElement(Oa,{ref:L,$hasStickyHeader:!!v,$hasStickyFooter:!!x},((e,n=!0)=>t.Children.toArray(e).filter((e=>{if(!t.isValidElement(e))return!1;const r=e.type;if(r===t.Fragment)return!0;const i="function"==typeof r||"object"==typeof r?r.displayName:void 0;return"ContextMenu2TriggerItem"===i||"DataTable2MenuCountControl"===i||"DataTable2MenuSpaceControl"===i||"DataTable2MenuOrderControl"===i||("ContextMenu2Container"===i||(n||("function"==typeof r||"object"==typeof r)&&re.includes(r.displayName)))})).map((e=>t.isValidElement(e)?t.cloneElement(e,Object.assign(Object.assign(Object.assign({tabIndex:W===e.key?0:-1,ref:t=>{U.current[e.key]=t}},te()),e.props),{key:e.key})):e)))(f))),V&&t.createElement(Sa,{"aria-hidden":"true"},t.createElement(le,{name:"skip_down",type:"fill",size:"md",color:E.palette.black}))),x&&t.createElement(La,null,x)))))))))}));Da.displayName="ContextMenu2";const Ra=({children:e})=>{if(!m(e)||"string"==typeof e.type||"function"!=typeof e.type&&"object"!=typeof e.type||!("displayName"in e.type)||e.type.displayName!==Da.displayName)throw new Error("ContextMenu2Container には 1 つの ContextMenu2 しか入れられません");return t.createElement($t.Provider,{value:{isRoot:!0,close:()=>{},activeIndex:null,maxActiveIndex:-1,setActiveIndex:()=>{}}},t.createElement(Li,null,e))},za=v.p`
   border-radius: 4px;
   padding: 4px 8px;
   margin-bottom: 8px;