@cloudoperators/juno-ui-components 2.30.0 → 2.31.0
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/build/Code.component-CIzbcpEn.js +1 -0
- package/build/Code.js +1 -1
- package/build/ComboBox.component-Bv_9h8jb.js +1 -0
- package/build/ComboBox.js +1 -1
- package/build/ComboBoxOption.js +1 -1
- package/build/{ContextMenu.component-DyB2n7er.js → ContextMenu.component-DH-m8O-z.js} +1 -1
- package/build/ContextMenu.js +1 -1
- package/build/{DateTimePicker.component-C2tX_eji.js → DateTimePicker.component-BMkIzxY0.js} +3 -3
- package/build/DateTimePicker.js +1 -1
- package/build/{Pagination.component-6CTFGCb-.js → Pagination.component-D7vw3gPl.js} +1 -1
- package/build/Pagination.js +1 -1
- package/build/{Select.component-BfgCOLpX.js → Select.component-DNPTrdQs.js} +1 -1
- package/build/{Select.component-BpoPsXOT.js → Select.component-zF_9SDqa.js} +1 -1
- package/build/Select.js +1 -1
- package/build/SelectOption.js +1 -1
- package/build/{SelectRow.component-D3y6s-A2.js → SelectRow.component-D0F2VY1t.js} +1 -1
- package/build/SelectRow.js +1 -1
- package/build/{Tooltip.component-D23JdNpf.js → Tooltip.component-pZQW88UK.js} +1 -1
- package/build/Tooltip.js +1 -1
- package/build/{TooltipContent.component-A3crwGIj.js → TooltipContent.component-Cfo0dBzg.js} +1 -1
- package/build/TooltipContent.js +1 -1
- package/build/{TooltipTrigger.component-D5levpwF.js → TooltipTrigger.component-Cp9J4Mh7.js} +1 -1
- package/build/TooltipTrigger.js +1 -1
- package/build/{ComboBox.component-BpssbOYC.js → combobox-JmdrroKh.js} +2 -116
- package/build/components/Code/Code.component.d.ts +11 -0
- package/build/components/Code/Code.component.d.ts.map +1 -0
- package/build/components/Code/index.d.ts +2 -0
- package/build/components/Code/index.d.ts.map +1 -0
- package/build/components/ComboBox/ComboBox.component.d.ts +69 -0
- package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -0
- package/build/components/ComboBox/index.d.ts +2 -0
- package/build/components/ComboBox/index.d.ts.map +1 -0
- package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts +15 -0
- package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts.map +1 -0
- package/build/components/ComboBoxOption/index.d.ts +2 -0
- package/build/components/ComboBoxOption/index.d.ts.map +1 -0
- package/build/{floating-ui.react-dom-DmTNS6Kr.js → floating-ui.react-dom-Bx8TUz-v.js} +1 -1
- package/build/{headlessui-float-lyiwAWIX.js → headlessui-float-BQHnLFxQ.js} +1 -1
- package/build/index.js +154 -2
- package/package.json +1 -1
- package/build/Code.component-w7x4oiMK.js +0 -4
- package/build/ComboBoxOption.component-D7XdDUph.js +0 -39
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as React from"react";import{useLayoutEffect,useEffect}from"react";import*as ReactDOM from"react-dom";const sides=["top","right","bottom","left"],alignments=["start","end"],placements=sides.reduce((a,b)=>a.concat(b,b+"-"+alignments[0],b+"-"+alignments[1]),[]),min$1=Math.min,max$1=Math.max,oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp(a,b,c){return max$1(a,min$1(b,c))}function evaluate(a,b){return"function"==typeof a?a(b):a}function getSide(a){return a.split("-")[0]}function getAlignment(a){return a.split("-")[1]}function getOppositeAxis(a){return"x"===a?"y":"x"}function getAxisLength(a){return"y"===a?"height":"width"}function getSideAxis(a){return["top","bottom"].includes(getSide(a))?"y":"x"}function getAlignmentAxis(a){return getOppositeAxis(getSideAxis(a))}function getAlignmentSides(a,b,c){void 0===c&&(c=!1);const d=getAlignment(a),e=getAlignmentAxis(a),f=getAxisLength(e);let g="x"===e?d===(c?"end":"start")?"right":"left":"start"===d?"bottom":"top";return b.reference[f]>b.floating[f]&&(g=getOppositePlacement(g)),[g,getOppositePlacement(g)]}function getExpandedPlacements(a){const b=getOppositePlacement(a);return[getOppositeAlignmentPlacement(a),b,getOppositeAlignmentPlacement(b)]}function getOppositeAlignmentPlacement(a){return a.replace(/start|end/g,a=>oppositeAlignmentMap[a])}function getSideList(a,b,c){const d=["left","right"],e=["right","left"];return"top"===a||"bottom"===a?c?b?e:d:b?d:e:"left"===a||"right"===a?b?["top","bottom"]:["bottom","top"]:[]}function getOppositeAxisPlacements(a,b,c,d){const e=getAlignment(a);let f=getSideList(getSide(a),"start"===c,d);return e&&(f=f.map(a=>a+"-"+e),b&&(f=f.concat(f.map(getOppositeAlignmentPlacement)))),f}function getOppositePlacement(a){return a.replace(/left|right|bottom|top/g,a=>oppositeSideMap[a])}function expandPaddingObject(a){return{top:0,right:0,bottom:0,left:0,...a}}function getPaddingObject(a){return"number"==typeof a?{top:a,right:a,bottom:a,left:a}:expandPaddingObject(a)}function rectToClientRect(a){const{x:b,y:c,width:d,height:e}=a;return{width:d,height:e,top:c,left:b,right:b+d,bottom:c+e,x:b,y:c}}function computeCoordsFromPlacement(a,b,c){let{reference:d,floating:e}=a;const f=getSideAxis(b),g=getAlignmentAxis(b),h=getAxisLength(g),i=getSide(b),j="y"===f,k=d.x+d.width/2-e.width/2,l=d.y+d.height/2-e.height/2,m=d[h]/2-e[h]/2;let n;switch(n="top"===i?{x:k,y:d.y-e.height}:"bottom"===i?{x:k,y:d.y+d.height}:"right"===i?{x:d.x+d.width,y:l}:"left"===i?{x:d.x-e.width,y:l}:{x:d.x,y:d.y},getAlignment(b)){case"start":n[g]-=m*(c&&j?-1:1);break;case"end":n[g]+=m*(c&&j?-1:1)}return n}const computePosition$1=async(a,b,c)=>{const{placement:e="bottom",strategy:f="absolute",middleware:g=[],platform:d}=c,h=g.filter(Boolean),j=await(null==d.isRTL?void 0:d.isRTL(b));let k=await d.getElementRects({reference:a,floating:b,strategy:f}),{x:l,y:m}=computeCoordsFromPlacement(k,e,j),n=e,o={},p=0;for(let g=0;g<h.length;g++){const{name:c,fn:i}=h[g],{x:q,y:r,data:s,reset:t}=await i({x:l,y:m,initialPlacement:e,placement:n,strategy:f,middlewareData:o,rects:k,platform:d,elements:{reference:a,floating:b}});l=null==q?l:q,m=null==r?m:r,o={...o,[c]:{...o[c],...s}},t&&50>=p&&(p++,"object"==typeof t&&(t.placement&&(n=t.placement),t.rects&&(k=!0===t.rects?await d.getElementRects({reference:a,floating:b,strategy:f}):t.rects),{x:l,y:m}=computeCoordsFromPlacement(k,n,j)),g=-1)}return{x:l,y:m,placement:n,strategy:f,middlewareData:o}};async function detectOverflow(a,b){var c;void 0===b&&(b={});const{x:d,y:e,platform:f,rects:g,elements:h,strategy:i}=a,{boundary:j="clippingAncestors",rootBoundary:k="viewport",elementContext:l="floating",altBoundary:m=!1,padding:n=0}=evaluate(b,a),o=getPaddingObject(n),p="floating"===l?"reference":"floating",q=h[m?p:l],r=rectToClientRect(await f.getClippingRect({element:!(null!=(c=await(null==f.isElement?void 0:f.isElement(q))))||c?q:q.contextElement||(await(null==f.getDocumentElement?void 0:f.getDocumentElement(h.floating))),boundary:j,rootBoundary:k,strategy:i})),s="floating"===l?{x:d,y:e,width:g.floating.width,height:g.floating.height}:g.reference,t=await(null==f.getOffsetParent?void 0:f.getOffsetParent(h.floating)),u=(await(null==f.isElement?void 0:f.isElement(t)))?(await(null==f.getScale?void 0:f.getScale(t)))||{x:1,y:1}:{x:1,y:1},v=rectToClientRect(f.convertOffsetParentRelativeRectToViewportRelativeRect?await f.convertOffsetParentRelativeRectToViewportRelativeRect({elements:h,rect:s,offsetParent:t,strategy:i}):s);return{top:(r.top-v.top+o.top)/u.y,bottom:(v.bottom-r.bottom+o.bottom)/u.y,left:(r.left-v.left+o.left)/u.x,right:(v.right-r.right+o.right)/u.x}}const arrow$1=a=>({name:"arrow",options:a,async fn(b){const{x:c,y:d,placement:e,rects:f,platform:g,elements:h,middlewareData:i}=b,{element:j,padding:k=0}=evaluate(a,b)||{};if(null==j)return{};const l=getPaddingObject(k),m={x:c,y:d},n=getAlignmentAxis(e),o=getAxisLength(n),p=await g.getDimensions(j),q="y"===n,r=q?"top":"left",s=q?"bottom":"right",t=q?"clientHeight":"clientWidth",u=f.reference[o]+f.reference[n]-m[n]-f.floating[o],v=m[n]-f.reference[n],w=await(null==g.getOffsetParent?void 0:g.getOffsetParent(j));let x=w?w[t]:0;x&&(await(null==g.isElement?void 0:g.isElement(w)))||(x=h.floating[t]||f.floating[o]);const y=x/2-p[o]/2-1,z=min$1(l[r],y),A=min$1(l[s],y),B=z,C=x-p[o]-A,D=x/2-p[o]/2+(u/2-v/2),E=clamp(B,D,C),F=!i.arrow&&null!=getAlignment(e)&&D!==E&&0>f.reference[o]/2-(D<B?z:A)-p[o]/2,G=F?D<B?D-B:D-C:0;return{[n]:m[n]+G,data:{[n]:E,centerOffset:D-E-G,...(F&&{alignmentOffset:G})},reset:F}}});function getPlacementList(a,b,c){const d=a?[...c.filter(b=>getAlignment(b)===a),...c.filter(b=>getAlignment(b)!==a)]:c.filter(a=>getSide(a)===a);return d.filter(c=>!a||getAlignment(c)===a||!!b&&getOppositeAlignmentPlacement(c)!==c)}const autoPlacement$2=function(a){return void 0===a&&(a={}),{name:"autoPlacement",options:a,async fn(b){var c,d,e;const{rects:f,middlewareData:g,placement:h,platform:i,elements:j}=b,{crossAxis:m=!1,alignment:k,allowedPlacements:n=placements,autoAlignment:o=!0,...l}=evaluate(a,b),p=void 0!==k||n===placements?getPlacementList(k||null,o,n):n,q=await detectOverflow(b,l),r=(null==(c=g.autoPlacement)?void 0:c.index)||0,s=p[r];if(null==s)return{};const t=getAlignmentSides(s,f,await(null==i.isRTL?void 0:i.isRTL(j.floating)));if(h!==s)return{reset:{placement:p[0]}};const u=[q[getSide(s)],q[t[0]],q[t[1]]],v=[...((null==(d=g.autoPlacement)?void 0:d.overflows)||[]),{placement:s,overflows:u}],w=p[r+1];if(w)return{data:{index:r+1,overflows:v},reset:{placement:w}};const x=v.map(a=>{const b=getAlignment(a.placement);return[a.placement,b&&m?a.overflows.slice(0,2).reduce((a,b)=>a+b,0):a.overflows[0],a.overflows]}).sort((c,a)=>c[1]-a[1]),y=x.filter(a=>a[2].slice(0,getAlignment(a[0])?2:3).every(a=>0>=a)),z=(null==(e=y[0])?void 0:e[0])||x[0][0];return z===h?{}:{data:{index:r+1,overflows:v},reset:{placement:z}}}}},flip$2=function(a){return void 0===a&&(a={}),{name:"flip",options:a,async fn(b){var c,d;const{placement:e,middlewareData:f,rects:g,initialPlacement:h,platform:i,elements:j}=b,{mainAxis:m=!0,crossAxis:n=!0,fallbackPlacements:k,fallbackStrategy:o="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:q=!0,...l}=evaluate(a,b);if(null!=(c=f.arrow)&&c.alignmentOffset)return{};const r=getSide(e),s=getSideAxis(h),t=getSide(h)===h,u=await(null==i.isRTL?void 0:i.isRTL(j.floating)),v=k||(t||!q?[getOppositePlacement(h)]:getExpandedPlacements(h)),w="none"!==p;!k&&w&&v.push(...getOppositeAxisPlacements(h,q,p,u));const x=[h,...v],y=await detectOverflow(b,l),z=[];let A=(null==(d=f.flip)?void 0:d.overflows)||[];if(m&&z.push(y[r]),n){const a=getAlignmentSides(e,g,u);z.push(y[a[0]],y[a[1]])}if(A=[...A,{placement:e,overflows:z}],!z.every(a=>0>=a)){var B,C;const a=((null==(B=f.flip)?void 0:B.index)||0)+1,b=x[a];if(b)return{data:{index:a,overflows:A},reset:{placement:b}};let c=null==(C=A.filter(a=>0>=a.overflows[0]).sort((c,a)=>c.overflows[1]-a.overflows[1])[0])?void 0:C.placement;if(!c)switch(o){case"bestFit":{var D;const a=null==(D=A.filter(a=>{if(w){const b=getSideAxis(a.placement);return b===s||"y"===b}return!0}).map(a=>[a.placement,a.overflows.filter(a=>0<a).reduce((a,b)=>a+b,0)]).sort((c,a)=>c[1]-a[1])[0])?void 0:D[0];a&&(c=a);break}case"initialPlacement":c=h}if(e!==c)return{reset:{placement:c}}}return{}}}};function getSideOffsets(a,b){return{top:a.top-b.height,right:a.right-b.width,bottom:a.bottom-b.height,left:a.left-b.width}}function isAnySideFullyClipped(a){return sides.some(b=>0<=a[b])}const hide$1=function(a){return void 0===a&&(a={}),{name:"hide",options:a,async fn(b){const{rects:c}=b,{strategy:e="referenceHidden",...d}=evaluate(a,b);switch(e){case"referenceHidden":{const a=await detectOverflow(b,{...d,elementContext:"reference"}),e=getSideOffsets(a,c.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:isAnySideFullyClipped(e)}}}case"escaped":{const a=await detectOverflow(b,{...d,altBoundary:!0}),e=getSideOffsets(a,c.floating);return{data:{escapedOffsets:e,escaped:isAnySideFullyClipped(e)}}}default:return{}}}}};async function convertValueToCoords(a,b){const{placement:c,platform:d,elements:e}=a,f=await(null==d.isRTL?void 0:d.isRTL(e.floating)),g=getSide(c),h=getAlignment(c),i="y"===getSideAxis(c),j=["left","top"].includes(g)?-1:1,k=f&&i?-1:1,l=evaluate(b,a);let{mainAxis:m,crossAxis:n,alignmentAxis:o}="number"==typeof l?{mainAxis:l,crossAxis:0,alignmentAxis:null}:{mainAxis:l.mainAxis||0,crossAxis:l.crossAxis||0,alignmentAxis:l.alignmentAxis};return h&&"number"==typeof o&&(n="end"===h?-1*o:o),i?{x:n*k,y:m*j}:{x:m*j,y:n*k}}const offset$2=function(a){return void 0===a&&(a=0),{name:"offset",options:a,async fn(b){var c,d;const{x:e,y:f,placement:g,middlewareData:h}=b,i=await convertValueToCoords(b,a);return g===(null==(c=h.offset)?void 0:c.placement)&&null!=(d=h.arrow)&&d.alignmentOffset?{}:{x:e+i.x,y:f+i.y,data:{...i,placement:g}}}}},shift$2=function(a){return void 0===a&&(a={}),{name:"shift",options:a,async fn(b){const{x:c,y:d,placement:e}=b,{mainAxis:g=!0,crossAxis:h=!1,limiter:i={fn:a=>{let{x:b,y:c}=a;return{x:b,y:c}}},...f}=evaluate(a,b),j={x:c,y:d},k=await detectOverflow(b,f),l=getSideAxis(getSide(e)),m=getOppositeAxis(l);let n=j[m],o=j[l];if(g){const a="y"===m?"top":"left",b="y"===m?"bottom":"right",c=n+k[a],d=n-k[b];n=clamp(c,n,d)}if(h){const a="y"===l?"top":"left",b="y"===l?"bottom":"right",c=o+k[a],d=o-k[b];o=clamp(c,o,d)}const p=i.fn({...b,[m]:n,[l]:o});return{...p,data:{x:p.x-c,y:p.y-d,enabled:{[m]:g,[l]:h}}}}}},size$2=function(a){return void 0===a&&(a={}),{name:"size",options:a,async fn(b){var c,d;const{placement:e,rects:f,platform:g,elements:h}=b,{apply:j=()=>{},...i}=evaluate(a,b),k=await detectOverflow(b,i),l=getSide(e),m=getAlignment(e),n="y"===getSideAxis(e),{width:o,height:p}=f.floating;let q,r;"top"===l||"bottom"===l?(q=l,r=m===((await(null==g.isRTL?void 0:g.isRTL(h.floating)))?"start":"end")?"left":"right"):(r=l,q="end"===m?"top":"bottom");const s=p-k.top-k.bottom,t=o-k.left-k.right,u=min$1(p-k[q],s),v=min$1(o-k[r],t),w=!b.middlewareData.shift;let x=u,y=v;if(null!=(c=b.middlewareData.shift)&&c.enabled.x&&(y=t),null!=(d=b.middlewareData.shift)&&d.enabled.y&&(x=s),w&&!m){const a=max$1(k.left,0),b=max$1(k.right,0),c=max$1(k.top,0),d=max$1(k.bottom,0);n?y=o-2*(0!==a||0!==b?a+b:max$1(k.left,k.right)):x=p-2*(0!==c||0!==d?c+d:max$1(k.top,k.bottom))}await j({...b,availableWidth:y,availableHeight:x});const z=await g.getDimensions(h.floating);return o!==z.width||p!==z.height?{reset:{rects:!0}}:{}}}},min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=a=>({x:a,y:a});function hasWindow(){return"undefined"!=typeof window}function getNodeName(a){return isNode(a)?(a.nodeName||"").toLowerCase():"#document"}function getWindow(a){var b;return(null==a||null==(b=a.ownerDocument)?void 0:b.defaultView)||window}function getDocumentElement(a){var b;return null==(b=(isNode(a)?a.ownerDocument:a.document)||window.document)?void 0:b.documentElement}function isNode(a){return!!hasWindow()&&(a instanceof Node||a instanceof getWindow(a).Node)}function isElement(a){return!!hasWindow()&&(a instanceof Element||a instanceof getWindow(a).Element)}function isHTMLElement(a){return!!hasWindow()&&(a instanceof HTMLElement||a instanceof getWindow(a).HTMLElement)}function isShadowRoot(a){return!!(hasWindow()&&"undefined"!=typeof ShadowRoot)&&(a instanceof ShadowRoot||a instanceof getWindow(a).ShadowRoot)}function isOverflowElement(a){const{overflow:b,overflowX:c,overflowY:d,display:e}=getComputedStyle(a);return /auto|scroll|overlay|hidden|clip/.test(b+d+c)&&!["inline","contents"].includes(e)}function isTableElement(a){return["table","td","th"].includes(getNodeName(a))}function isTopLayer(a){return[":popover-open",":modal"].some(b=>{try{return a.matches(b)}catch(a){return!1}})}function isContainingBlock(a){const b=isWebKit(),c=isElement(a)?getComputedStyle(a):a;return"none"!==c.transform||"none"!==c.perspective||!!c.containerType&&"normal"!==c.containerType||!b&&!!c.backdropFilter&&"none"!==c.backdropFilter||!b&&!!c.filter&&"none"!==c.filter||["transform","perspective","filter"].some(a=>(c.willChange||"").includes(a))||["paint","layout","strict","content"].some(a=>(c.contain||"").includes(a))}function getContainingBlock(a){for(let b=getParentNode(a);isHTMLElement(b)&&!isLastTraversableNode(b);){if(isContainingBlock(b))return b;if(isTopLayer(b))return null;b=getParentNode(b)}return null}function isWebKit(){return!!("undefined"!=typeof CSS&&CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(a){return["html","body","#document"].includes(getNodeName(a))}function getComputedStyle(a){return getWindow(a).getComputedStyle(a)}function getNodeScroll(a){return isElement(a)?{scrollLeft:a.scrollLeft,scrollTop:a.scrollTop}:{scrollLeft:a.scrollX,scrollTop:a.scrollY}}function getParentNode(a){if("html"===getNodeName(a))return a;const b=a.assignedSlot||a.parentNode||isShadowRoot(a)&&a.host||getDocumentElement(a);return isShadowRoot(b)?b.host:b}function getNearestOverflowAncestor(a){const b=getParentNode(a);return isLastTraversableNode(b)?a.ownerDocument?a.ownerDocument.body:a.body:isHTMLElement(b)&&isOverflowElement(b)?b:getNearestOverflowAncestor(b)}function getOverflowAncestors(a,b,c){var d;void 0===b&&(b=[]),void 0===c&&(c=!0);const e=getNearestOverflowAncestor(a),f=e===(null==(d=a.ownerDocument)?void 0:d.body),g=getWindow(e);if(f){const a=getFrameElement(g);return b.concat(g,g.visualViewport||[],isOverflowElement(e)?e:[],a&&c?getOverflowAncestors(a):[])}return b.concat(e,getOverflowAncestors(e,[],c))}function getFrameElement(a){return a.parent&&Object.getPrototypeOf(a.parent)?a.frameElement:null}function getCssDimensions(a){const b=getComputedStyle(a);let c=parseFloat(b.width)||0,d=parseFloat(b.height)||0;const e=isHTMLElement(a),f=e?a.offsetWidth:c,g=e?a.offsetHeight:d,h=round(c)!==f||round(d)!==g;return h&&(c=f,d=g),{width:c,height:d,$:h}}function unwrapElement(a){return isElement(a)?a:a.contextElement}function getScale(a){var b=Number.isFinite;const c=unwrapElement(a);if(!isHTMLElement(c))return createCoords(1);const d=c.getBoundingClientRect(),{width:e,height:f,$:g}=getCssDimensions(c);let h=(g?round(d.width):d.width)/e,i=(g?round(d.height):d.height)/f;return h&&b(h)||(h=1),i&&b(i)||(i=1),{x:h,y:i}}const noOffsets=createCoords(0);function getVisualOffsets(a){const b=getWindow(a);return isWebKit()&&b.visualViewport?{x:b.visualViewport.offsetLeft,y:b.visualViewport.offsetTop}:noOffsets}function shouldAddVisualOffsets(a,b,c){return void 0===b&&(b=!1),c&&(!b||c===getWindow(a))&&b}function getBoundingClientRect(a,b,c,d){void 0===b&&(b=!1),void 0===c&&(c=!1);const e=a.getBoundingClientRect(),f=unwrapElement(a);let g=createCoords(1);b&&(d?isElement(d)&&(g=getScale(d)):g=getScale(a));const h=shouldAddVisualOffsets(f,c,d)?getVisualOffsets(f):createCoords(0);let i=(e.left+h.x)/g.x,j=(e.top+h.y)/g.y,k=e.width/g.x,l=e.height/g.y;if(f){const a=getWindow(f),b=d&&isElement(d)?getWindow(d):d;let c=a,e=getFrameElement(c);for(;e&&d&&b!==c;){const a=getScale(e),b=e.getBoundingClientRect(),d=getComputedStyle(e),f=b.left+(e.clientLeft+parseFloat(d.paddingLeft))*a.x,g=b.top+(e.clientTop+parseFloat(d.paddingTop))*a.y;i*=a.x,j*=a.y,k*=a.x,l*=a.y,i+=f,j+=g,c=getWindow(e),e=getFrameElement(c)}}return rectToClientRect({width:k,height:l,x:i,y:j})}function convertOffsetParentRelativeRectToViewportRelativeRect(a){let{elements:b,rect:c,offsetParent:d,strategy:e}=a;const f="fixed"===e,g=getDocumentElement(d),h=!!b&&isTopLayer(b.floating);if(d===g||h&&f)return c;let i={scrollLeft:0,scrollTop:0},j=createCoords(1);const k=createCoords(0),l=isHTMLElement(d);if((l||!l&&!f)&&(("body"!==getNodeName(d)||isOverflowElement(g))&&(i=getNodeScroll(d)),isHTMLElement(d))){const a=getBoundingClientRect(d);j=getScale(d),k.x=a.x+d.clientLeft,k.y=a.y+d.clientTop}return{width:c.width*j.x,height:c.height*j.y,x:c.x*j.x-i.scrollLeft*j.x+k.x,y:c.y*j.y-i.scrollTop*j.y+k.y}}function getClientRects(a){return Array.from(a.getClientRects())}function getWindowScrollBarX(a,b){const c=getNodeScroll(a).scrollLeft;return b?b.left+c:getBoundingClientRect(getDocumentElement(a)).left+c}function getDocumentRect(a){const b=getDocumentElement(a),c=getNodeScroll(a),d=a.ownerDocument.body,e=max(b.scrollWidth,b.clientWidth,d.scrollWidth,d.clientWidth),f=max(b.scrollHeight,b.clientHeight,d.scrollHeight,d.clientHeight);let g=-c.scrollLeft+getWindowScrollBarX(a);const h=-c.scrollTop;return"rtl"===getComputedStyle(d).direction&&(g+=max(b.clientWidth,d.clientWidth)-e),{width:e,height:f,x:g,y:h}}function getViewportRect(a,b){const c=getWindow(a),d=getDocumentElement(a),e=c.visualViewport;let f=d.clientWidth,g=d.clientHeight,h=0,i=0;if(e){f=e.width,g=e.height;const a=isWebKit();(!a||a&&"fixed"===b)&&(h=e.offsetLeft,i=e.offsetTop)}return{width:f,height:g,x:h,y:i}}function getInnerBoundingClientRect(a,b){const c=getBoundingClientRect(a,!0,"fixed"===b),d=c.top+a.clientTop,e=c.left+a.clientLeft,f=isHTMLElement(a)?getScale(a):createCoords(1),g=a.clientWidth*f.x,h=a.clientHeight*f.y,i=e*f.x,j=d*f.y;return{width:g,height:h,x:i,y:j}}function getClientRectFromClippingAncestor(a,b,c){let d;if("viewport"===b)d=getViewportRect(a,c);else if("document"===b)d=getDocumentRect(getDocumentElement(a));else if(isElement(b))d=getInnerBoundingClientRect(b,c);else{const c=getVisualOffsets(a);d={...b,x:b.x-c.x,y:b.y-c.y}}return rectToClientRect(d)}function hasFixedPositionAncestor(a,b){const c=getParentNode(a);return c!==b&&isElement(c)&&!isLastTraversableNode(c)&&("fixed"===getComputedStyle(c).position||hasFixedPositionAncestor(c,b))}function getClippingElementAncestors(a,b){const c=b.get(a);if(c)return c;let d=getOverflowAncestors(a,[],!1).filter(a=>isElement(a)&&"body"!==getNodeName(a)),e=null;const f="fixed"===getComputedStyle(a).position;for(let c=f?getParentNode(a):a;isElement(c)&&!isLastTraversableNode(c);){const b=getComputedStyle(c),g=isContainingBlock(c);g||"fixed"!==b.position||(e=null);const h=f?!g&&!e:!g&&"static"===b.position&&!!e&&["absolute","fixed"].includes(e.position)||isOverflowElement(c)&&!g&&hasFixedPositionAncestor(a,c);h?d=d.filter(a=>a!==c):e=b,c=getParentNode(c)}return b.set(a,d),d}function getClippingRect(a){let{element:b,boundary:c,rootBoundary:d,strategy:e}=a;const f="clippingAncestors"===c?isTopLayer(b)?[]:getClippingElementAncestors(b,this._c):[].concat(c),g=[...f,d],h=g[0],i=g.reduce((a,c)=>{const d=getClientRectFromClippingAncestor(b,c,e);return a.top=max(d.top,a.top),a.right=min(d.right,a.right),a.bottom=min(d.bottom,a.bottom),a.left=max(d.left,a.left),a},getClientRectFromClippingAncestor(b,h,e));return{width:i.right-i.left,height:i.bottom-i.top,x:i.left,y:i.top}}function getDimensions(a){const{width:b,height:c}=getCssDimensions(a);return{width:b,height:c}}function getRectRelativeToOffsetParent(a,b,c){const d=isHTMLElement(b),e=getDocumentElement(b),f="fixed"===c,g=getBoundingClientRect(a,!0,f,b);let h={scrollLeft:0,scrollTop:0};const i=createCoords(0);if(d||!d&&!f)if(("body"!==getNodeName(b)||isOverflowElement(e))&&(h=getNodeScroll(b)),d){const a=getBoundingClientRect(b,!0,f,b);i.x=a.x+b.clientLeft,i.y=a.y+b.clientTop}else e&&(i.x=getWindowScrollBarX(e));let j=0,k=0;if(e&&!d&&!f){const a=e.getBoundingClientRect();k=a.top+h.scrollTop,j=a.left+h.scrollLeft-getWindowScrollBarX(e,a)}const l=g.left+h.scrollLeft-i.x-j,m=g.top+h.scrollTop-i.y-k;return{x:l,y:m,width:g.width,height:g.height}}function isStaticPositioned(a){return"static"===getComputedStyle(a).position}function getTrueOffsetParent(a,b){if(!isHTMLElement(a)||"fixed"===getComputedStyle(a).position)return null;if(b)return b(a);let c=a.offsetParent;return getDocumentElement(a)===c&&(c=c.ownerDocument.body),c}function getOffsetParent(a,b){const c=getWindow(a);if(isTopLayer(a))return c;if(!isHTMLElement(a)){for(let b=getParentNode(a);b&&!isLastTraversableNode(b);){if(isElement(b)&&!isStaticPositioned(b))return b;b=getParentNode(b)}return c}let d=getTrueOffsetParent(a,b);for(;d&&isTableElement(d)&&isStaticPositioned(d);)d=getTrueOffsetParent(d,b);return d&&isLastTraversableNode(d)&&isStaticPositioned(d)&&!isContainingBlock(d)?c:d||getContainingBlock(a)||c}const getElementRects=async function(a){const b=this.getOffsetParent||getOffsetParent,c=this.getDimensions,d=await c(a.floating);return{reference:getRectRelativeToOffsetParent(a.reference,await b(a.floating),a.strategy),floating:{x:0,y:0,width:d.width,height:d.height}}};function isRTL(a){return"rtl"===getComputedStyle(a).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function observeMove(a,b){function c(){var a;clearTimeout(e),null==(a=f)||a.disconnect(),f=null}function d(h,i){function j(a){const b=a[0].intersectionRatio;if(b!==i){if(!t)return d();b?d(!1,b):e=setTimeout(()=>{d(!1,1e-7)},1e3)}t=!1}void 0===h&&(h=!1),void 0===i&&(i=1),c();const{left:k,top:l,width:m,height:n}=a.getBoundingClientRect();if(h||b(),!m||!n)return;const o=floor(l),p=floor(g.clientWidth-(k+m)),q=floor(g.clientHeight-(l+n)),r=floor(k),s={rootMargin:-o+"px "+-p+"px "+-q+"px "+-r+"px",threshold:max(0,min(1,i))||1};let t=!0;try{f=new IntersectionObserver(j,{...s,root:g.ownerDocument})}catch(a){f=new IntersectionObserver(j,s)}f.observe(a)}let e,f=null;const g=getDocumentElement(a);return d(!0),c}function autoUpdate(a,b,c,d){function e(){const b=getBoundingClientRect(a);q&&(b.x!==q.x||b.y!==q.y||b.width!==q.width||b.height!==q.height)&&c(),q=b,p=requestAnimationFrame(e)}void 0===d&&(d={});const{ancestorScroll:f=!0,ancestorResize:g=!0,elementResize:h="function"==typeof ResizeObserver,layoutShift:i="function"==typeof IntersectionObserver,animationFrame:j=!1}=d,k=unwrapElement(a),l=f||g?[...(k?getOverflowAncestors(k):[]),...getOverflowAncestors(b)]:[];l.forEach(a=>{f&&a.addEventListener("scroll",c,{passive:!0}),g&&a.addEventListener("resize",c)});const m=k&&i?observeMove(k,c):null;let n=-1,o=null;h&&(o=new ResizeObserver(a=>{let[d]=a;d&&d.target===k&&o&&(o.unobserve(b),cancelAnimationFrame(n),n=requestAnimationFrame(()=>{var a;null==(a=o)||a.observe(b)})),c()}),k&&!j&&o.observe(k),o.observe(b));let p,q=j?getBoundingClientRect(a):null;return j&&e(),c(),()=>{var a;l.forEach(a=>{f&&a.removeEventListener("scroll",c),g&&a.removeEventListener("resize",c)}),null==m||m(),null==(a=o)||a.disconnect(),o=null,j&&cancelAnimationFrame(p)}}const offset$1=offset$2,autoPlacement$1=autoPlacement$2,shift$1=shift$2,flip$1=flip$2,size$1=size$2,hide=hide$1,arrow=arrow$1,computePosition=(a,b,c)=>{const d=new Map,e={platform,...c},f={...e.platform,_c:d};return computePosition$1(a,b,{...e,platform:f})};var index="undefined"==typeof document?useEffect:useLayoutEffect;function deepEqual(c,a){if(c===a)return!0;if(typeof c!=typeof a)return!1;if("function"==typeof c&&c.toString()===a.toString())return!0;let b,d,e;if(c&&a&&"object"==typeof c){if(Array.isArray(c)){if(b=c.length,b!==a.length)return!1;for(d=b;0!=d--;)if(!deepEqual(c[d],a[d]))return!1;return!0}if(e=Object.keys(c),b=e.length,b!==Object.keys(a).length)return!1;for(d=b;0!=d--;)if(!{}.hasOwnProperty.call(a,e[d]))return!1;for(d=b;0!=d--;){const b=e[d];if(!("_owner"===b&&c.$$typeof)&&!deepEqual(c[b],a[b]))return!1}return!0}return c!==c&&a!==a}function getDPR(a){if("undefined"==typeof window)return 1;const b=a.ownerDocument.defaultView||window;return b.devicePixelRatio||1}function roundByDPR(a,b){const c=getDPR(a);return Math.round(b*c)/c}function useLatestRef(a){const b=React.useRef(a);return index(()=>{b.current=a}),b}function useFloating(a){void 0===a&&(a={});const{placement:e="bottom",strategy:f="absolute",middleware:g=[],platform:b,elements:{reference:i,floating:j}={},transform:h=!0,whileElementsMounted:c,open:d}=a,[k,l]=React.useState({x:0,y:0,strategy:f,placement:e,middlewareData:{},isPositioned:!1}),[m,n]=React.useState(g);deepEqual(m,g)||n(g);const[o,p]=React.useState(null),[q,r]=React.useState(null),s=React.useCallback(a=>{a!==w.current&&(w.current=a,p(a))},[]),t=React.useCallback(a=>{a!==x.current&&(x.current=a,r(a))},[]),u=i||o,v=j||q,w=React.useRef(null),x=React.useRef(null),y=React.useRef(k),z=useLatestRef(c),A=useLatestRef(b),B=useLatestRef(d),C=React.useCallback(()=>{if(w.current&&x.current){const a={placement:e,strategy:f,middleware:m};A.current&&(a.platform=A.current),computePosition(w.current,x.current,a).then(a=>{const b={...a,isPositioned:!1!==B.current};D.current&&!deepEqual(y.current,b)&&(y.current=b,ReactDOM.flushSync(()=>{l(b)}))})}},[m,e,f,A,B]);index(()=>{!1===d&&y.current.isPositioned&&(y.current.isPositioned=!1,l(a=>({...a,isPositioned:!1})))},[d]);const D=React.useRef(!1);index(()=>(D.current=!0,()=>{D.current=!1}),[]),index(()=>{if(u&&(w.current=u),v&&(x.current=v),u&&v){if(z.current)return z.current(u,v,C);C()}},[u,v,C,z,null!=c]);const E=React.useMemo(()=>({reference:w,floating:x,setReference:s,setFloating:t}),[s,t]),F=React.useMemo(()=>({reference:u,floating:v}),[u,v]),G=React.useMemo(()=>{const a={position:f,left:0,top:0};if(!F.floating)return a;const b=roundByDPR(F.floating,k.x),c=roundByDPR(F.floating,k.y);return h?{...a,transform:"translate("+b+"px, "+c+"px)",...(1.5<=getDPR(F.floating)&&{willChange:"transform"})}:{position:f,left:b,top:c}},[f,h,F.floating,k.x,k.y]);return React.useMemo(()=>({...k,update:C,refs:E,elements:F,floatingStyles:G}),[k,C,E,F,G])}const offset=(a,b)=>({...offset$1(a),options:[a,b]}),shift=(a,b)=>({...shift$1(a),options:[a,b]}),flip=(a,b)=>({...flip$1(a),options:[a,b]}),size=(a,b)=>({...size$1(a),options:[a,b]}),autoPlacement=(a,b)=>({...autoPlacement$1(a),options:[a,b]});export{autoPlacement as a,shift as b,autoUpdate as c,arrow as d,computePosition as e,flip as f,getOverflowAncestors as g,offset$1 as h,flip$1 as i,shift$1 as j,autoPlacement$1 as k,hide as l,offset as o,size as s,useFloating as u};
|
|
1
|
+
import*as React from"react";import{useLayoutEffect,useEffect}from"react";import*as ReactDOM from"react-dom";const sides=["top","right","bottom","left"],alignments=["start","end"],placements=sides.reduce((a,b)=>a.concat(b,b+"-"+alignments[0],b+"-"+alignments[1]),[]),min$1=Math.min,max$1=Math.max,oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp(a,b,c){return max$1(a,min$1(b,c))}function evaluate(a,b){return"function"==typeof a?a(b):a}function getSide(a){return a.split("-")[0]}function getAlignment(a){return a.split("-")[1]}function getOppositeAxis(a){return"x"===a?"y":"x"}function getAxisLength(a){return"y"===a?"height":"width"}function getSideAxis(a){return["top","bottom"].includes(getSide(a))?"y":"x"}function getAlignmentAxis(a){return getOppositeAxis(getSideAxis(a))}function getAlignmentSides(a,b,c){void 0===c&&(c=!1);const d=getAlignment(a),e=getAlignmentAxis(a),f=getAxisLength(e);let g="x"===e?d===(c?"end":"start")?"right":"left":"start"===d?"bottom":"top";return b.reference[f]>b.floating[f]&&(g=getOppositePlacement(g)),[g,getOppositePlacement(g)]}function getExpandedPlacements(a){const b=getOppositePlacement(a);return[getOppositeAlignmentPlacement(a),b,getOppositeAlignmentPlacement(b)]}function getOppositeAlignmentPlacement(a){return a.replace(/start|end/g,a=>oppositeAlignmentMap[a])}function getSideList(a,b,c){const d=["left","right"],e=["right","left"];return"top"===a||"bottom"===a?c?b?e:d:b?d:e:"left"===a||"right"===a?b?["top","bottom"]:["bottom","top"]:[]}function getOppositeAxisPlacements(a,b,c,d){const e=getAlignment(a);let f=getSideList(getSide(a),"start"===c,d);return e&&(f=f.map(a=>a+"-"+e),b&&(f=f.concat(f.map(getOppositeAlignmentPlacement)))),f}function getOppositePlacement(a){return a.replace(/left|right|bottom|top/g,a=>oppositeSideMap[a])}function expandPaddingObject(a){return{top:0,right:0,bottom:0,left:0,...a}}function getPaddingObject(a){return"number"==typeof a?{top:a,right:a,bottom:a,left:a}:expandPaddingObject(a)}function rectToClientRect(a){const{x:b,y:c,width:d,height:e}=a;return{width:d,height:e,top:c,left:b,right:b+d,bottom:c+e,x:b,y:c}}function computeCoordsFromPlacement(a,b,c){let{reference:d,floating:e}=a;const f=getSideAxis(b),g=getAlignmentAxis(b),h=getAxisLength(g),i=getSide(b),j="y"===f,k=d.x+d.width/2-e.width/2,l=d.y+d.height/2-e.height/2,m=d[h]/2-e[h]/2;let n;switch(n="top"===i?{x:k,y:d.y-e.height}:"bottom"===i?{x:k,y:d.y+d.height}:"right"===i?{x:d.x+d.width,y:l}:"left"===i?{x:d.x-e.width,y:l}:{x:d.x,y:d.y},getAlignment(b)){case"start":n[g]-=m*(c&&j?-1:1);break;case"end":n[g]+=m*(c&&j?-1:1)}return n}const computePosition$1=async(a,b,c)=>{const{placement:e="bottom",strategy:f="absolute",middleware:g=[],platform:d}=c,h=g.filter(Boolean),j=await(null==d.isRTL?void 0:d.isRTL(b));let k=await d.getElementRects({reference:a,floating:b,strategy:f}),{x:l,y:m}=computeCoordsFromPlacement(k,e,j),n=e,o={},p=0;for(let g=0;g<h.length;g++){const{name:c,fn:i}=h[g],{x:q,y:r,data:s,reset:t}=await i({x:l,y:m,initialPlacement:e,placement:n,strategy:f,middlewareData:o,rects:k,platform:d,elements:{reference:a,floating:b}});l=null==q?l:q,m=null==r?m:r,o={...o,[c]:{...o[c],...s}},t&&50>=p&&(p++,"object"==typeof t&&(t.placement&&(n=t.placement),t.rects&&(k=!0===t.rects?await d.getElementRects({reference:a,floating:b,strategy:f}):t.rects),{x:l,y:m}=computeCoordsFromPlacement(k,n,j)),g=-1)}return{x:l,y:m,placement:n,strategy:f,middlewareData:o}};async function detectOverflow(a,b){var c;void 0===b&&(b={});const{x:d,y:e,platform:f,rects:g,elements:h,strategy:i}=a,{boundary:j="clippingAncestors",rootBoundary:k="viewport",elementContext:l="floating",altBoundary:m=!1,padding:n=0}=evaluate(b,a),o=getPaddingObject(n),p="floating"===l?"reference":"floating",q=h[m?p:l],r=rectToClientRect(await f.getClippingRect({element:!(null!=(c=await(null==f.isElement?void 0:f.isElement(q))))||c?q:q.contextElement||(await(null==f.getDocumentElement?void 0:f.getDocumentElement(h.floating))),boundary:j,rootBoundary:k,strategy:i})),s="floating"===l?{x:d,y:e,width:g.floating.width,height:g.floating.height}:g.reference,t=await(null==f.getOffsetParent?void 0:f.getOffsetParent(h.floating)),u=(await(null==f.isElement?void 0:f.isElement(t)))?(await(null==f.getScale?void 0:f.getScale(t)))||{x:1,y:1}:{x:1,y:1},v=rectToClientRect(f.convertOffsetParentRelativeRectToViewportRelativeRect?await f.convertOffsetParentRelativeRectToViewportRelativeRect({elements:h,rect:s,offsetParent:t,strategy:i}):s);return{top:(r.top-v.top+o.top)/u.y,bottom:(v.bottom-r.bottom+o.bottom)/u.y,left:(r.left-v.left+o.left)/u.x,right:(v.right-r.right+o.right)/u.x}}const arrow$1=a=>({name:"arrow",options:a,async fn(b){const{x:c,y:d,placement:e,rects:f,platform:g,elements:h,middlewareData:i}=b,{element:j,padding:k=0}=evaluate(a,b)||{};if(null==j)return{};const l=getPaddingObject(k),m={x:c,y:d},n=getAlignmentAxis(e),o=getAxisLength(n),p=await g.getDimensions(j),q="y"===n,r=q?"top":"left",s=q?"bottom":"right",t=q?"clientHeight":"clientWidth",u=f.reference[o]+f.reference[n]-m[n]-f.floating[o],v=m[n]-f.reference[n],w=await(null==g.getOffsetParent?void 0:g.getOffsetParent(j));let x=w?w[t]:0;x&&(await(null==g.isElement?void 0:g.isElement(w)))||(x=h.floating[t]||f.floating[o]);const y=x/2-p[o]/2-1,z=min$1(l[r],y),A=min$1(l[s],y),B=z,C=x-p[o]-A,D=x/2-p[o]/2+(u/2-v/2),E=clamp(B,D,C),F=!i.arrow&&null!=getAlignment(e)&&D!==E&&0>f.reference[o]/2-(D<B?z:A)-p[o]/2,G=F?D<B?D-B:D-C:0;return{[n]:m[n]+G,data:{[n]:E,centerOffset:D-E-G,...(F&&{alignmentOffset:G})},reset:F}}});function getPlacementList(a,b,c){const d=a?[...c.filter(b=>getAlignment(b)===a),...c.filter(b=>getAlignment(b)!==a)]:c.filter(a=>getSide(a)===a);return d.filter(c=>!a||getAlignment(c)===a||!!b&&getOppositeAlignmentPlacement(c)!==c)}const autoPlacement$2=function(a){return void 0===a&&(a={}),{name:"autoPlacement",options:a,async fn(b){var c,d,e;const{rects:f,middlewareData:g,placement:h,platform:i,elements:j}=b,{crossAxis:m=!1,alignment:k,allowedPlacements:n=placements,autoAlignment:o=!0,...l}=evaluate(a,b),p=void 0!==k||n===placements?getPlacementList(k||null,o,n):n,q=await detectOverflow(b,l),r=(null==(c=g.autoPlacement)?void 0:c.index)||0,s=p[r];if(null==s)return{};const t=getAlignmentSides(s,f,await(null==i.isRTL?void 0:i.isRTL(j.floating)));if(h!==s)return{reset:{placement:p[0]}};const u=[q[getSide(s)],q[t[0]],q[t[1]]],v=[...((null==(d=g.autoPlacement)?void 0:d.overflows)||[]),{placement:s,overflows:u}],w=p[r+1];if(w)return{data:{index:r+1,overflows:v},reset:{placement:w}};const x=v.map(a=>{const b=getAlignment(a.placement);return[a.placement,b&&m?a.overflows.slice(0,2).reduce((a,b)=>a+b,0):a.overflows[0],a.overflows]}).sort((c,a)=>c[1]-a[1]),y=x.filter(a=>a[2].slice(0,getAlignment(a[0])?2:3).every(a=>0>=a)),z=(null==(e=y[0])?void 0:e[0])||x[0][0];return z===h?{}:{data:{index:r+1,overflows:v},reset:{placement:z}}}}},flip$2=function(a){return void 0===a&&(a={}),{name:"flip",options:a,async fn(b){var c,d;const{placement:e,middlewareData:f,rects:g,initialPlacement:h,platform:i,elements:j}=b,{mainAxis:m=!0,crossAxis:n=!0,fallbackPlacements:k,fallbackStrategy:o="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:q=!0,...l}=evaluate(a,b);if(null!=(c=f.arrow)&&c.alignmentOffset)return{};const r=getSide(e),s=getSideAxis(h),t=getSide(h)===h,u=await(null==i.isRTL?void 0:i.isRTL(j.floating)),v=k||(t||!q?[getOppositePlacement(h)]:getExpandedPlacements(h)),w="none"!==p;!k&&w&&v.push(...getOppositeAxisPlacements(h,q,p,u));const x=[h,...v],y=await detectOverflow(b,l),z=[];let A=(null==(d=f.flip)?void 0:d.overflows)||[];if(m&&z.push(y[r]),n){const a=getAlignmentSides(e,g,u);z.push(y[a[0]],y[a[1]])}if(A=[...A,{placement:e,overflows:z}],!z.every(a=>0>=a)){var B,C;const a=((null==(B=f.flip)?void 0:B.index)||0)+1,b=x[a];if(b)return{data:{index:a,overflows:A},reset:{placement:b}};let c=null==(C=A.filter(a=>0>=a.overflows[0]).sort((c,a)=>c.overflows[1]-a.overflows[1])[0])?void 0:C.placement;if(!c)switch(o){case"bestFit":{var D;const a=null==(D=A.filter(a=>{if(w){const b=getSideAxis(a.placement);return b===s||"y"===b}return!0}).map(a=>[a.placement,a.overflows.filter(a=>0<a).reduce((a,b)=>a+b,0)]).sort((c,a)=>c[1]-a[1])[0])?void 0:D[0];a&&(c=a);break}case"initialPlacement":c=h}if(e!==c)return{reset:{placement:c}}}return{}}}};function getSideOffsets(a,b){return{top:a.top-b.height,right:a.right-b.width,bottom:a.bottom-b.height,left:a.left-b.width}}function isAnySideFullyClipped(a){return sides.some(b=>0<=a[b])}const hide$1=function(a){return void 0===a&&(a={}),{name:"hide",options:a,async fn(b){const{rects:c}=b,{strategy:e="referenceHidden",...d}=evaluate(a,b);switch(e){case"referenceHidden":{const a=await detectOverflow(b,{...d,elementContext:"reference"}),e=getSideOffsets(a,c.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:isAnySideFullyClipped(e)}}}case"escaped":{const a=await detectOverflow(b,{...d,altBoundary:!0}),e=getSideOffsets(a,c.floating);return{data:{escapedOffsets:e,escaped:isAnySideFullyClipped(e)}}}default:return{}}}}};async function convertValueToCoords(a,b){const{placement:c,platform:d,elements:e}=a,f=await(null==d.isRTL?void 0:d.isRTL(e.floating)),g=getSide(c),h=getAlignment(c),i="y"===getSideAxis(c),j=["left","top"].includes(g)?-1:1,k=f&&i?-1:1,l=evaluate(b,a);let{mainAxis:m,crossAxis:n,alignmentAxis:o}="number"==typeof l?{mainAxis:l,crossAxis:0,alignmentAxis:null}:{mainAxis:l.mainAxis||0,crossAxis:l.crossAxis||0,alignmentAxis:l.alignmentAxis};return h&&"number"==typeof o&&(n="end"===h?-1*o:o),i?{x:n*k,y:m*j}:{x:m*j,y:n*k}}const offset$2=function(a){return void 0===a&&(a=0),{name:"offset",options:a,async fn(b){var c,d;const{x:e,y:f,placement:g,middlewareData:h}=b,i=await convertValueToCoords(b,a);return g===(null==(c=h.offset)?void 0:c.placement)&&null!=(d=h.arrow)&&d.alignmentOffset?{}:{x:e+i.x,y:f+i.y,data:{...i,placement:g}}}}},shift$2=function(a){return void 0===a&&(a={}),{name:"shift",options:a,async fn(b){const{x:c,y:d,placement:e}=b,{mainAxis:g=!0,crossAxis:h=!1,limiter:i={fn:a=>{let{x:b,y:c}=a;return{x:b,y:c}}},...f}=evaluate(a,b),j={x:c,y:d},k=await detectOverflow(b,f),l=getSideAxis(getSide(e)),m=getOppositeAxis(l);let n=j[m],o=j[l];if(g){const a="y"===m?"top":"left",b="y"===m?"bottom":"right",c=n+k[a],d=n-k[b];n=clamp(c,n,d)}if(h){const a="y"===l?"top":"left",b="y"===l?"bottom":"right",c=o+k[a],d=o-k[b];o=clamp(c,o,d)}const p=i.fn({...b,[m]:n,[l]:o});return{...p,data:{x:p.x-c,y:p.y-d,enabled:{[m]:g,[l]:h}}}}}},size$2=function(a){return void 0===a&&(a={}),{name:"size",options:a,async fn(b){var c,d;const{placement:e,rects:f,platform:g,elements:h}=b,{apply:j=()=>{},...i}=evaluate(a,b),k=await detectOverflow(b,i),l=getSide(e),m=getAlignment(e),n="y"===getSideAxis(e),{width:o,height:p}=f.floating;let q,r;"top"===l||"bottom"===l?(q=l,r=m===((await(null==g.isRTL?void 0:g.isRTL(h.floating)))?"start":"end")?"left":"right"):(r=l,q="end"===m?"top":"bottom");const s=p-k.top-k.bottom,t=o-k.left-k.right,u=min$1(p-k[q],s),v=min$1(o-k[r],t),w=!b.middlewareData.shift;let x=u,y=v;if(null!=(c=b.middlewareData.shift)&&c.enabled.x&&(y=t),null!=(d=b.middlewareData.shift)&&d.enabled.y&&(x=s),w&&!m){const a=max$1(k.left,0),b=max$1(k.right,0),c=max$1(k.top,0),d=max$1(k.bottom,0);n?y=o-2*(0!==a||0!==b?a+b:max$1(k.left,k.right)):x=p-2*(0!==c||0!==d?c+d:max$1(k.top,k.bottom))}await j({...b,availableWidth:y,availableHeight:x});const z=await g.getDimensions(h.floating);return o!==z.width||p!==z.height?{reset:{rects:!0}}:{}}}},min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=a=>({x:a,y:a});function hasWindow(){return"undefined"!=typeof window}function getNodeName(a){return isNode(a)?(a.nodeName||"").toLowerCase():"#document"}function getWindow(a){var b;return(null==a||null==(b=a.ownerDocument)?void 0:b.defaultView)||window}function getDocumentElement(a){var b;return null==(b=(isNode(a)?a.ownerDocument:a.document)||window.document)?void 0:b.documentElement}function isNode(a){return!!hasWindow()&&(a instanceof Node||a instanceof getWindow(a).Node)}function isElement(a){return!!hasWindow()&&(a instanceof Element||a instanceof getWindow(a).Element)}function isHTMLElement(a){return!!hasWindow()&&(a instanceof HTMLElement||a instanceof getWindow(a).HTMLElement)}function isShadowRoot(a){return!!(hasWindow()&&"undefined"!=typeof ShadowRoot)&&(a instanceof ShadowRoot||a instanceof getWindow(a).ShadowRoot)}function isOverflowElement(a){const{overflow:b,overflowX:c,overflowY:d,display:e}=getComputedStyle(a);return /auto|scroll|overlay|hidden|clip/.test(b+d+c)&&!["inline","contents"].includes(e)}function isTableElement(a){return["table","td","th"].includes(getNodeName(a))}function isTopLayer(a){return[":popover-open",":modal"].some(b=>{try{return a.matches(b)}catch(a){return!1}})}function isContainingBlock(a){const b=isWebKit(),c=isElement(a)?getComputedStyle(a):a;return"none"!==c.transform||"none"!==c.perspective||!!c.containerType&&"normal"!==c.containerType||!b&&!!c.backdropFilter&&"none"!==c.backdropFilter||!b&&!!c.filter&&"none"!==c.filter||["transform","perspective","filter"].some(a=>(c.willChange||"").includes(a))||["paint","layout","strict","content"].some(a=>(c.contain||"").includes(a))}function getContainingBlock(a){for(let b=getParentNode(a);isHTMLElement(b)&&!isLastTraversableNode(b);){if(isContainingBlock(b))return b;if(isTopLayer(b))return null;b=getParentNode(b)}return null}function isWebKit(){return!!("undefined"!=typeof CSS&&CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(a){return["html","body","#document"].includes(getNodeName(a))}function getComputedStyle(a){return getWindow(a).getComputedStyle(a)}function getNodeScroll(a){return isElement(a)?{scrollLeft:a.scrollLeft,scrollTop:a.scrollTop}:{scrollLeft:a.scrollX,scrollTop:a.scrollY}}function getParentNode(a){if("html"===getNodeName(a))return a;const b=a.assignedSlot||a.parentNode||isShadowRoot(a)&&a.host||getDocumentElement(a);return isShadowRoot(b)?b.host:b}function getNearestOverflowAncestor(a){const b=getParentNode(a);return isLastTraversableNode(b)?a.ownerDocument?a.ownerDocument.body:a.body:isHTMLElement(b)&&isOverflowElement(b)?b:getNearestOverflowAncestor(b)}function getOverflowAncestors(a,b,c){var d;void 0===b&&(b=[]),void 0===c&&(c=!0);const e=getNearestOverflowAncestor(a),f=e===(null==(d=a.ownerDocument)?void 0:d.body),g=getWindow(e);if(f){const a=getFrameElement(g);return b.concat(g,g.visualViewport||[],isOverflowElement(e)?e:[],a&&c?getOverflowAncestors(a):[])}return b.concat(e,getOverflowAncestors(e,[],c))}function getFrameElement(a){return a.parent&&Object.getPrototypeOf(a.parent)?a.frameElement:null}function getCssDimensions(a){const b=getComputedStyle(a);let c=parseFloat(b.width)||0,d=parseFloat(b.height)||0;const e=isHTMLElement(a),f=e?a.offsetWidth:c,g=e?a.offsetHeight:d,h=round(c)!==f||round(d)!==g;return h&&(c=f,d=g),{width:c,height:d,$:h}}function unwrapElement(a){return isElement(a)?a:a.contextElement}function getScale(a){var b=Number.isFinite;const c=unwrapElement(a);if(!isHTMLElement(c))return createCoords(1);const d=c.getBoundingClientRect(),{width:e,height:f,$:g}=getCssDimensions(c);let h=(g?round(d.width):d.width)/e,i=(g?round(d.height):d.height)/f;return h&&b(h)||(h=1),i&&b(i)||(i=1),{x:h,y:i}}const noOffsets=createCoords(0);function getVisualOffsets(a){const b=getWindow(a);return isWebKit()&&b.visualViewport?{x:b.visualViewport.offsetLeft,y:b.visualViewport.offsetTop}:noOffsets}function shouldAddVisualOffsets(a,b,c){return void 0===b&&(b=!1),c&&(!b||c===getWindow(a))&&b}function getBoundingClientRect(a,b,c,d){void 0===b&&(b=!1),void 0===c&&(c=!1);const e=a.getBoundingClientRect(),f=unwrapElement(a);let g=createCoords(1);b&&(d?isElement(d)&&(g=getScale(d)):g=getScale(a));const h=shouldAddVisualOffsets(f,c,d)?getVisualOffsets(f):createCoords(0);let i=(e.left+h.x)/g.x,j=(e.top+h.y)/g.y,k=e.width/g.x,l=e.height/g.y;if(f){const a=getWindow(f),b=d&&isElement(d)?getWindow(d):d;let c=a,e=getFrameElement(c);for(;e&&d&&b!==c;){const a=getScale(e),b=e.getBoundingClientRect(),d=getComputedStyle(e),f=b.left+(e.clientLeft+parseFloat(d.paddingLeft))*a.x,g=b.top+(e.clientTop+parseFloat(d.paddingTop))*a.y;i*=a.x,j*=a.y,k*=a.x,l*=a.y,i+=f,j+=g,c=getWindow(e),e=getFrameElement(c)}}return rectToClientRect({width:k,height:l,x:i,y:j})}function convertOffsetParentRelativeRectToViewportRelativeRect(a){let{elements:b,rect:c,offsetParent:d,strategy:e}=a;const f="fixed"===e,g=getDocumentElement(d),h=!!b&&isTopLayer(b.floating);if(d===g||h&&f)return c;let i={scrollLeft:0,scrollTop:0},j=createCoords(1);const k=createCoords(0),l=isHTMLElement(d);if((l||!l&&!f)&&(("body"!==getNodeName(d)||isOverflowElement(g))&&(i=getNodeScroll(d)),isHTMLElement(d))){const a=getBoundingClientRect(d);j=getScale(d),k.x=a.x+d.clientLeft,k.y=a.y+d.clientTop}return{width:c.width*j.x,height:c.height*j.y,x:c.x*j.x-i.scrollLeft*j.x+k.x,y:c.y*j.y-i.scrollTop*j.y+k.y}}function getClientRects(a){return Array.from(a.getClientRects())}function getWindowScrollBarX(a,b){const c=getNodeScroll(a).scrollLeft;return b?b.left+c:getBoundingClientRect(getDocumentElement(a)).left+c}function getDocumentRect(a){const b=getDocumentElement(a),c=getNodeScroll(a),d=a.ownerDocument.body,e=max(b.scrollWidth,b.clientWidth,d.scrollWidth,d.clientWidth),f=max(b.scrollHeight,b.clientHeight,d.scrollHeight,d.clientHeight);let g=-c.scrollLeft+getWindowScrollBarX(a);const h=-c.scrollTop;return"rtl"===getComputedStyle(d).direction&&(g+=max(b.clientWidth,d.clientWidth)-e),{width:e,height:f,x:g,y:h}}function getViewportRect(a,b){const c=getWindow(a),d=getDocumentElement(a),e=c.visualViewport;let f=d.clientWidth,g=d.clientHeight,h=0,i=0;if(e){f=e.width,g=e.height;const a=isWebKit();(!a||a&&"fixed"===b)&&(h=e.offsetLeft,i=e.offsetTop)}return{width:f,height:g,x:h,y:i}}function getInnerBoundingClientRect(a,b){const c=getBoundingClientRect(a,!0,"fixed"===b),d=c.top+a.clientTop,e=c.left+a.clientLeft,f=isHTMLElement(a)?getScale(a):createCoords(1),g=a.clientWidth*f.x,h=a.clientHeight*f.y,i=e*f.x,j=d*f.y;return{width:g,height:h,x:i,y:j}}function getClientRectFromClippingAncestor(a,b,c){let d;if("viewport"===b)d=getViewportRect(a,c);else if("document"===b)d=getDocumentRect(getDocumentElement(a));else if(isElement(b))d=getInnerBoundingClientRect(b,c);else{const c=getVisualOffsets(a);d={...b,x:b.x-c.x,y:b.y-c.y}}return rectToClientRect(d)}function hasFixedPositionAncestor(a,b){const c=getParentNode(a);return c!==b&&isElement(c)&&!isLastTraversableNode(c)&&("fixed"===getComputedStyle(c).position||hasFixedPositionAncestor(c,b))}function getClippingElementAncestors(a,b){const c=b.get(a);if(c)return c;let d=getOverflowAncestors(a,[],!1).filter(a=>isElement(a)&&"body"!==getNodeName(a)),e=null;const f="fixed"===getComputedStyle(a).position;for(let c=f?getParentNode(a):a;isElement(c)&&!isLastTraversableNode(c);){const b=getComputedStyle(c),g=isContainingBlock(c);g||"fixed"!==b.position||(e=null);const h=f?!g&&!e:!g&&"static"===b.position&&!!e&&["absolute","fixed"].includes(e.position)||isOverflowElement(c)&&!g&&hasFixedPositionAncestor(a,c);h?d=d.filter(a=>a!==c):e=b,c=getParentNode(c)}return b.set(a,d),d}function getClippingRect(a){let{element:b,boundary:c,rootBoundary:d,strategy:e}=a;const f="clippingAncestors"===c?isTopLayer(b)?[]:getClippingElementAncestors(b,this._c):[].concat(c),g=[...f,d],h=g[0],i=g.reduce((a,c)=>{const d=getClientRectFromClippingAncestor(b,c,e);return a.top=max(d.top,a.top),a.right=min(d.right,a.right),a.bottom=min(d.bottom,a.bottom),a.left=max(d.left,a.left),a},getClientRectFromClippingAncestor(b,h,e));return{width:i.right-i.left,height:i.bottom-i.top,x:i.left,y:i.top}}function getDimensions(a){const{width:b,height:c}=getCssDimensions(a);return{width:b,height:c}}function getRectRelativeToOffsetParent(a,b,c){const d=isHTMLElement(b),e=getDocumentElement(b),f="fixed"===c,g=getBoundingClientRect(a,!0,f,b);let h={scrollLeft:0,scrollTop:0};const i=createCoords(0);if(d||!d&&!f)if(("body"!==getNodeName(b)||isOverflowElement(e))&&(h=getNodeScroll(b)),d){const a=getBoundingClientRect(b,!0,f,b);i.x=a.x+b.clientLeft,i.y=a.y+b.clientTop}else e&&(i.x=getWindowScrollBarX(e));let j=0,k=0;if(e&&!d&&!f){const a=e.getBoundingClientRect();k=a.top+h.scrollTop,j=a.left+h.scrollLeft-getWindowScrollBarX(e,a)}const l=g.left+h.scrollLeft-i.x-j,m=g.top+h.scrollTop-i.y-k;return{x:l,y:m,width:g.width,height:g.height}}function isStaticPositioned(a){return"static"===getComputedStyle(a).position}function getTrueOffsetParent(a,b){if(!isHTMLElement(a)||"fixed"===getComputedStyle(a).position)return null;if(b)return b(a);let c=a.offsetParent;return getDocumentElement(a)===c&&(c=c.ownerDocument.body),c}function getOffsetParent(a,b){const c=getWindow(a);if(isTopLayer(a))return c;if(!isHTMLElement(a)){for(let b=getParentNode(a);b&&!isLastTraversableNode(b);){if(isElement(b)&&!isStaticPositioned(b))return b;b=getParentNode(b)}return c}let d=getTrueOffsetParent(a,b);for(;d&&isTableElement(d)&&isStaticPositioned(d);)d=getTrueOffsetParent(d,b);return d&&isLastTraversableNode(d)&&isStaticPositioned(d)&&!isContainingBlock(d)?c:d||getContainingBlock(a)||c}const getElementRects=async function(a){const b=this.getOffsetParent||getOffsetParent,c=this.getDimensions,d=await c(a.floating);return{reference:getRectRelativeToOffsetParent(a.reference,await b(a.floating),a.strategy),floating:{x:0,y:0,width:d.width,height:d.height}}};function isRTL(a){return"rtl"===getComputedStyle(a).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function observeMove(a,b){function c(){var a;clearTimeout(e),null==(a=f)||a.disconnect(),f=null}function d(h,i){function j(a){const b=a[0].intersectionRatio;if(b!==i){if(!t)return d();b?d(!1,b):e=setTimeout(()=>{d(!1,1e-7)},1e3)}t=!1}void 0===h&&(h=!1),void 0===i&&(i=1),c();const{left:k,top:l,width:m,height:n}=a.getBoundingClientRect();if(h||b(),!m||!n)return;const o=floor(l),p=floor(g.clientWidth-(k+m)),q=floor(g.clientHeight-(l+n)),r=floor(k),s={rootMargin:-o+"px "+-p+"px "+-q+"px "+-r+"px",threshold:max(0,min(1,i))||1};let t=!0;try{f=new IntersectionObserver(j,{...s,root:g.ownerDocument})}catch(a){f=new IntersectionObserver(j,s)}f.observe(a)}let e,f=null;const g=getDocumentElement(a);return d(!0),c}function autoUpdate(a,b,c,d){function e(){const b=getBoundingClientRect(a);q&&(b.x!==q.x||b.y!==q.y||b.width!==q.width||b.height!==q.height)&&c(),q=b,p=requestAnimationFrame(e)}void 0===d&&(d={});const{ancestorScroll:f=!0,ancestorResize:g=!0,elementResize:h="function"==typeof ResizeObserver,layoutShift:i="function"==typeof IntersectionObserver,animationFrame:j=!1}=d,k=unwrapElement(a),l=f||g?[...(k?getOverflowAncestors(k):[]),...getOverflowAncestors(b)]:[];l.forEach(a=>{f&&a.addEventListener("scroll",c,{passive:!0}),g&&a.addEventListener("resize",c)});const m=k&&i?observeMove(k,c):null;let n=-1,o=null;h&&(o=new ResizeObserver(a=>{let[d]=a;d&&d.target===k&&o&&(o.unobserve(b),cancelAnimationFrame(n),n=requestAnimationFrame(()=>{var a;null==(a=o)||a.observe(b)})),c()}),k&&!j&&o.observe(k),o.observe(b));let p,q=j?getBoundingClientRect(a):null;return j&&e(),c(),()=>{var a;l.forEach(a=>{f&&a.removeEventListener("scroll",c),g&&a.removeEventListener("resize",c)}),null==m||m(),null==(a=o)||a.disconnect(),o=null,j&&cancelAnimationFrame(p)}}const offset$1=offset$2,autoPlacement$1=autoPlacement$2,shift$1=shift$2,flip$1=flip$2,size$1=size$2,hide=hide$1,arrow=arrow$1,computePosition=(a,b,c)=>{const d=new Map,e={platform,...c},f={...e.platform,_c:d};return computePosition$1(a,b,{...e,platform:f})};var index="undefined"==typeof document?useEffect:useLayoutEffect;function deepEqual(c,a){if(c===a)return!0;if(typeof c!=typeof a)return!1;if("function"==typeof c&&c.toString()===a.toString())return!0;let b,d,e;if(c&&a&&"object"==typeof c){if(Array.isArray(c)){if(b=c.length,b!==a.length)return!1;for(d=b;0!=d--;)if(!deepEqual(c[d],a[d]))return!1;return!0}if(e=Object.keys(c),b=e.length,b!==Object.keys(a).length)return!1;for(d=b;0!=d--;)if(!{}.hasOwnProperty.call(a,e[d]))return!1;for(d=b;0!=d--;){const b=e[d];if(!("_owner"===b&&c.$$typeof)&&!deepEqual(c[b],a[b]))return!1}return!0}return c!==c&&a!==a}function getDPR(a){if("undefined"==typeof window)return 1;const b=a.ownerDocument.defaultView||window;return b.devicePixelRatio||1}function roundByDPR(a,b){const c=getDPR(a);return Math.round(b*c)/c}function useLatestRef(a){const b=React.useRef(a);return index(()=>{b.current=a}),b}function useFloating(a){void 0===a&&(a={});const{placement:e="bottom",strategy:f="absolute",middleware:g=[],platform:b,elements:{reference:i,floating:j}={},transform:h=!0,whileElementsMounted:c,open:d}=a,[k,l]=React.useState({x:0,y:0,strategy:f,placement:e,middlewareData:{},isPositioned:!1}),[m,n]=React.useState(g);deepEqual(m,g)||n(g);const[o,p]=React.useState(null),[q,r]=React.useState(null),s=React.useCallback(a=>{a!==w.current&&(w.current=a,p(a))},[]),t=React.useCallback(a=>{a!==x.current&&(x.current=a,r(a))},[]),u=i||o,v=j||q,w=React.useRef(null),x=React.useRef(null),y=React.useRef(k),z=useLatestRef(c),A=useLatestRef(b),B=useLatestRef(d),C=React.useCallback(()=>{if(w.current&&x.current){const a={placement:e,strategy:f,middleware:m};A.current&&(a.platform=A.current),computePosition(w.current,x.current,a).then(a=>{const b={...a,isPositioned:!1!==B.current};D.current&&!deepEqual(y.current,b)&&(y.current=b,ReactDOM.flushSync(()=>{l(b)}))})}},[m,e,f,A,B]);index(()=>{!1===d&&y.current.isPositioned&&(y.current.isPositioned=!1,l(a=>({...a,isPositioned:!1})))},[d]);const D=React.useRef(!1);index(()=>(D.current=!0,()=>{D.current=!1}),[]),index(()=>{if(u&&(w.current=u),v&&(x.current=v),u&&v){if(z.current)return z.current(u,v,C);C()}},[u,v,C,z,null!=c]);const E=React.useMemo(()=>({reference:w,floating:x,setReference:s,setFloating:t}),[s,t]),F=React.useMemo(()=>({reference:u,floating:v}),[u,v]),G=React.useMemo(()=>{const a={position:f,left:0,top:0};if(!F.floating)return a;const b=roundByDPR(F.floating,k.x),c=roundByDPR(F.floating,k.y);return h?{...a,transform:"translate("+b+"px, "+c+"px)",...(1.5<=getDPR(F.floating)&&{willChange:"transform"})}:{position:f,left:b,top:c}},[f,h,F.floating,k.x,k.y]);return React.useMemo(()=>({...k,update:C,refs:E,elements:F,floatingStyles:G}),[k,C,E,F,G])}const offset=(a,b)=>({...offset$1(a),options:[a,b]}),shift=(a,b)=>({...shift$1(a),options:[a,b]}),flip=(a,b)=>({...flip$1(a),options:[a,b]}),size=(a,b)=>({...size$1(a),options:[a,b]}),autoPlacement=(a,b)=>({...autoPlacement$1(a),options:[a,b]});export{size as a,autoPlacement as b,autoUpdate as c,arrow as d,computePosition as e,flip as f,getOverflowAncestors as g,offset$1 as h,flip$1 as i,shift$1 as j,autoPlacement$1 as k,hide as l,offset as o,shift as s,useFloating as u};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as React from"react";import React__default,{useRef,useEffect,useContext,createContext,useState,Fragment,useCallback,useMemo,useLayoutEffect,forwardRef,isValidElement}from"react";import*as ReactDOM from"react-dom";import{createPortal}from"react-dom";import{l as l$1,o,v as t,U as U$2,y,w as T,n,z as s,A as l$2,C,u,g as o$1,p as p$1,q as s$1,O,B as v$1,d,E as t$1,s as s$2,b as u$1}from"./keyboard-D0PLkOsr.js";import{d as arrow$1,e as computePosition,c as autoUpdate,h as offset,i as flip,j as shift,k as autoPlacement,l as hide}from"./floating-ui.react-dom-DmTNS6Kr.js";function f$1(){let a=useRef(!1);return l$1(()=>(a.current=!0,()=>{a.current=!1}),[]),a}function c$1(a){let b=o(a),c=useRef(!1);useEffect(()=>(c.current=!1,()=>{c.current=!0,t(()=>{c.current&&b()})}),[b])}let e=createContext(!1);function a(){return useContext(e)}function F(b){let c=a(),d=useContext(_),f=n(b),[e,g]=useState(()=>{if(!c&&null!==d||s.isServer)return null;let a=null==f?void 0:f.getElementById("headlessui-portal-root");if(a)return a;if(null===f)return null;let b=f.createElement("div");return b.setAttribute("id","headlessui-portal-root"),f.body.appendChild(b)});return useEffect(()=>{null!==e&&(null!=f&&f.body.contains(e)||null==f||f.body.appendChild(e))},[e,f]),useEffect(()=>{c||null!==d&&g(d.current)},[d,g,c]),e}let U$1=Fragment;function N(b,c){let d=useRef(null),e=y(T(a=>{d.current=a}),c),a=n(d),g=F(d),[h]=useState(()=>{var b;return s.isServer?null:null==(b=null==a?void 0:a.createElement("div"))?null:b}),j=useContext(f),i=l$2();return l$1(()=>{g&&h&&!g.contains(h)&&(h.setAttribute("data-headlessui-portal",""),g.appendChild(h))},[g,h]),l$1(()=>{if(h&&j)return j.register(h)},[j,h]),c$1(()=>{var a;g&&h&&(h instanceof Node&&g.contains(h)&&g.removeChild(h),0>=g.childNodes.length&&(null==(a=g.parentElement)||a.removeChild(g)))}),i?g&&h?createPortal(C({ourProps:{ref:e},theirProps:b,defaultTag:U$1,name:"Portal"}),h):null:null}let S$1=Fragment,_=createContext(null);function j(a,b){let{target:c,...d}=a,e={ref:y(b)};return React__default.createElement(_.Provider,{value:c},C({ourProps:e,theirProps:d,defaultTag:S$1,name:"Popover.Group"}))}let f=createContext(null),D$1=U$2(N),I$2=U$2(j),te=Object.assign(D$1,{Group:I$2});function c(){let b=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0,[a,c]=useState(b),d=f$1(),e=useCallback(a=>{d.current&&c(b=>b|a)},[a,d]),f=useCallback(b=>!!(a&b),[a]),h=useCallback(a=>{d.current&&c(b=>b&~a)},[c,d]),i=useCallback(a=>{d.current&&c(b=>b^a)},[c]);return{flags:a,addFlag:e,hasFlag:f,removeFlag:h,toggleFlag:i}}function l(a){let b={called:!1};return function(){if(!b.called)return b.called=!0,a(...arguments)}}function g(a){for(var b=arguments.length,c=Array(1<b?b-1:0),d=1;d<b;d++)c[d-1]=arguments[d];a&&0<c.length&&a.classList.add(...c)}function v(a){for(var b=arguments.length,c=Array(1<b?b-1:0),d=1;d<b;d++)c[d-1]=arguments[d];a&&0<c.length&&a.classList.remove(...c)}function b(b,c){let d=o$1();if(!b)return d.dispose;let{transitionDuration:e,transitionDelay:f}=getComputedStyle(b),[a,g]=[e,f].map(a=>{let[b=0]=a.split(",").filter(Boolean).map(a=>a.includes("ms")?parseFloat(a):1e3*parseFloat(a)).sort((a,b)=>b-a);return b}),h=a+g;if(0!==h){d.group(a=>{a.setTimeout(()=>{c(),a.dispose()},h),a.addEventListener(b,"transitionrun",b=>{b.target===b.currentTarget&&a.dispose()})});let a=d.addEventListener(b,"transitionend",b=>{b.target===b.currentTarget&&(c(),a())})}else c();return d.add(()=>c()),d.dispose}function M$1(c,d,e,f){let h=e?"enter":"leave",a=o$1(),i=void 0===f?()=>{}:l(f);"enter"==h&&(c.removeAttribute("hidden"),c.style.display="");let j=u(h,{enter:()=>d.enter,leave:()=>d.leave}),k=u(h,{enter:()=>d.enterTo,leave:()=>d.leaveTo}),m=u(h,{enter:()=>d.enterFrom,leave:()=>d.leaveFrom});return v(c,...d.base,...d.enter,...d.enterTo,...d.enterFrom,...d.leave,...d.leaveFrom,...d.leaveTo,...d.entered),g(c,...d.base,...j,...m),a.nextFrame(()=>{v(c,...d.base,...j,...m),g(c,...d.base,...j,...k),b(c,()=>(v(c,...d.base,...j),g(c,...d.base,...d.entered),i()))}),a.dispose}function D(b){let{immediate:f,container:g,direction:h,classes:j,onStart:k,onStop:a}=b,c=f$1(),l=p$1(),d=s$1(h);l$1(()=>{f&&(d.current="enter")},[f]),l$1(()=>{let b=o$1();l.add(b.dispose);let e=g.current;if(e&&"idle"!==d.current&&c.current)return b.dispose(),k.current(d.current),b.add(M$1(e,j.current,"enter"===d.current,()=>{b.dispose(),a.current(d.current)})),b.dispose},[h])}function S(){let a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"";return a.split(/\s+/).filter(a=>1<a.length)}let I$1=createContext(null);I$1.displayName="TransitionContext";var Se$1=(a=>(a.Visible="visible",a.Hidden="hidden",a))(Se$1||{});function ye(){let a=useContext(I$1);if(null===a)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return a}function xe(){let a=useContext(M);if(null===a)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return a}let M=createContext(null);M.displayName="NestingContext";function U(a){return"children"in a?U(a.children):0<a.current.filter(a=>{let{el:b}=a;return null!==b.current}).filter(a=>{let{state:b}=a;return"visible"===b}).length}function se(a,b){let c=s$1(a),f=useRef([]),e=f$1(),j=p$1(),k=o(function(b){let d=1<arguments.length&&arguments[1]!==void 0?arguments[1]:v$1.Hidden,g=f.current.findIndex(a=>{let{el:c}=a;return c===b});-1!==g&&(u(d,{[v$1.Unmount](){f.current.splice(g,1)},[v$1.Hidden](){f.current[g].state="hidden"}}),j.microTask(()=>{var a;!U(f)&&e.current&&(null==(a=c.current)||a.call(c))}))}),i=o(b=>{let a=f.current.find(c=>{let{el:d}=c;return d===b});return a?"visible"!==a.state&&(a.state="visible"):f.current.push({el:b,state:"visible"}),()=>k(b,v$1.Unmount)}),l=useRef([]),h=useRef(Promise.resolve()),m=useRef({enter:[],leave:[],idle:[]}),n=o((c,d,e)=>{l.current.splice(0),b&&(b.chains.current[d]=b.chains.current[d].filter(a=>{let[b]=a;return b!==c})),null==b||b.chains.current[d].push([c,new Promise(a=>{l.current.push(a)})]),null==b||b.chains.current[d].push([c,new Promise(a=>{Promise.all(m.current[d].map(a=>{let[b,c]=a;return c})).then(()=>a())})]),"enter"===d?h.current=h.current.then(()=>null==b?void 0:b.wait.current).then(()=>e(d)):e(d)}),g=o((b,c,d)=>{Promise.all(m.current[c].splice(0).map(a=>{let[b,c]=a;return c})).then(()=>{var a;null==(a=l.current.shift())||a()}).then(()=>d(c))});return useMemo(()=>({children:f,register:i,unregister:k,onStart:n,onStop:g,wait:h,chains:m}),[i,k,f,n,g,m,h])}function Ne(){}let Pe=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function ae(a){var b;let c={};for(let d of Pe)c[d]=null==(b=a[d])?Ne:b;return c}function Re(a){let b=useRef(ae(a));return useEffect(()=>{b.current=ae(a)},[a]),b}let De="div",le=O.RenderStrategy;function He(b,m){var n,q;let{beforeEnter:t,afterEnter:r,beforeLeave:s,afterLeave:A,enter:E,enterFrom:p,enterTo:x,entered:h,leave:v,leaveFrom:F,leaveTo:g,...I}=b,i=useRef(null),e=y(i,m),a=null==(n=I.unmount)||n?v$1.Unmount:v$1.Hidden,{show:J,appear:f,initial:N}=ye(),[R,l]=useState(J?"visible":"hidden"),j=xe(),{register:z,unregister:L}=j;useEffect(()=>z(i),[z,i]),useEffect(()=>{if(a===v$1.Hidden&&i.current)return J&&"visible"!==R?void l("visible"):u(R,{hidden:()=>L(i),visible:()=>z(i)})},[R,i,z,L,J,a]);let O=s$1({base:S(I.className),enter:S(E),enterFrom:S(p),enterTo:S(x),entered:S(h),leave:S(v),leaveFrom:S(F),leaveTo:S(g)}),k=Re({beforeEnter:t,afterEnter:r,beforeLeave:s,afterLeave:A}),T=l$2();useEffect(()=>{if(T&&"visible"===R&&null===i.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[i,R,T]);let G=f&&J&&N,K=(()=>!T||N&&!f?"idle":J?"enter":"leave")(),V=c(0),H=o(a=>u(a,{enter:()=>{V.addFlag(d.Opening),k.current.beforeEnter()},leave:()=>{V.addFlag(d.Closing),k.current.beforeLeave()},idle:()=>{}})),W=o(a=>u(a,{enter:()=>{V.removeFlag(d.Opening),k.current.afterEnter()},leave:()=>{V.removeFlag(d.Closing),k.current.afterLeave()},idle:()=>{}})),X=se(()=>{l("hidden"),L(i)},j),w=useRef(!1);D({immediate:G,container:i,classes:O,direction:K,onStart:s$1(a=>{w.current=!0,X.onStart(i,a,H)}),onStop:s$1(a=>{w.current=!1,X.onStop(i,a,W),"leave"!==a||U(X)||(l("hidden"),L(i))})});let B=I;return G?B={...B,className:t$1(I.className,...O.current.enter,...O.current.enterFrom)}:w.current&&(B.className=t$1(I.className,null==(q=i.current)?void 0:q.className),""===B.className&&delete B.className),React__default.createElement(M.Provider,{value:X},React__default.createElement(s$2,{value:u(R,{visible:d.Open,hidden:d.Closed})|V.flags},C({ourProps:{ref:e},theirProps:B,defaultTag:De,features:le,visible:"visible"===R,name:"Transition.Child"})))}function Fe$1(b,c){let{show:j,appear:l=!1,unmount:m=!0,...k}=b,n=useRef(null),p=y(n,c);l$2();let q=u$1();if(void 0===j&&null!==q&&(j=(q&d.Open)===d.Open),![!0,!1].includes(j))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[h,s]=useState(j?"visible":"hidden"),t=se(()=>{s("hidden")}),[g,u]=useState(!0),i=useRef([j]);l$1(()=>{!1!==g&&i.current[i.current.length-1]!==j&&(i.current.push(j),u(!1))},[i,j]);let e=useMemo(()=>({show:j,appear:l,initial:g}),[j,l,g]);useEffect(()=>{if(j)s("visible");else if(!U(t))s("hidden");else{let a=n.current;if(!a)return;let b=a.getBoundingClientRect();0===b.x&&0===b.y&&0===b.width&&0===b.height&&s("hidden")}},[j,t]);let a={unmount:m},v=o(()=>{var a;g&&u(!1),null==(a=b.beforeEnter)||a.call(b)}),f=o(()=>{var a;g&&u(!1),null==(a=b.beforeLeave)||a.call(b)});return React__default.createElement(M.Provider,{value:t},React__default.createElement(I$1.Provider,{value:e},C({ourProps:{...a,as:Fragment,children:React__default.createElement(ue$1,{ref:p,...a,...k,beforeEnter:v,beforeLeave:f})},theirProps:{},defaultTag:Fragment,features:le,visible:"visible"===h,name:"Transition"})))}function _e(a,b){let c=null!==useContext(I$1),d=null!==u$1();return React__default.createElement(React__default.Fragment,null,!c&&d?React__default.createElement(q,{ref:b,...a}):React__default.createElement(ue$1,{ref:b,...a}))}let q=U$2(Fe$1),ue$1=U$2(He),Le=U$2(_e),qe=Object.assign(q,{Child:Le,Root:q});const arrow=a=>{function b(a){return Object.prototype.hasOwnProperty.call(a,"current")}const{element:c,padding:d}=a;return{name:"arrow",options:a,fn(a){if(b(c))return null==c.current?{}:arrow$1({element:c.current,padding:d}).fn(a);return c?arrow$1({element:c,padding:d}).fn(a):{}}}};var index$1="undefined"==typeof document?useEffect:useLayoutEffect;function deepEqual(c,a){if(c===a)return!0;if(typeof c!=typeof a)return!1;if("function"==typeof c&&c.toString()===a.toString())return!0;let b,d,e;if(c&&a&&"object"==typeof c){if(Array.isArray(c)){if(b=c.length,b!=a.length)return!1;for(d=b;0!=d--;)if(!deepEqual(c[d],a[d]))return!1;return!0}if(e=Object.keys(c),b=e.length,b!==Object.keys(a).length)return!1;for(d=b;0!=d--;)if(!Object.prototype.hasOwnProperty.call(a,e[d]))return!1;for(d=b;0!=d--;){const b=e[d];if(!("_owner"===b&&c.$$typeof)&&!deepEqual(c[b],a[b]))return!1}return!0}return c!==c&&a!==a}function useLatestRef(a){const b=React.useRef(a);return index$1(()=>{b.current=a}),b}function useFloating$1(a){void 0===a&&(a={});const{placement:e="bottom",strategy:f="absolute",middleware:g=[],platform:b,whileElementsMounted:c,open:d}=a,[h,i]=React.useState({x:null,y:null,strategy:f,placement:e,middlewareData:{},isPositioned:!1}),[j,k]=React.useState(g);deepEqual(j,g)||k(g);const l=React.useRef(null),m=React.useRef(null),n=React.useRef(h),o=useLatestRef(c),p=useLatestRef(b),[q,r]=React.useState(null),[s,t]=React.useState(null),u=React.useCallback(a=>{l.current!==a&&(l.current=a,r(a))},[]),v=React.useCallback(a=>{m.current!==a&&(m.current=a,t(a))},[]),w=React.useCallback(()=>{if(l.current&&m.current){const a={placement:e,strategy:f,middleware:j};p.current&&(a.platform=p.current),computePosition(l.current,m.current,a).then(a=>{const b={...a,isPositioned:!0};x.current&&!deepEqual(n.current,b)&&(n.current=b,ReactDOM.flushSync(()=>{i(b)}))})}},[j,e,f,p]);index$1(()=>{!1===d&&n.current.isPositioned&&(n.current.isPositioned=!1,i(a=>({...a,isPositioned:!1})))},[d]);const x=React.useRef(!1);index$1(()=>(x.current=!0,()=>{x.current=!1}),[]),index$1(()=>{if(q&&s){if(o.current)return o.current(q,s,w);w()}},[q,s,w,o]);const y=React.useMemo(()=>({reference:l,floating:m,setReference:u,setFloating:v}),[u,v]),z=React.useMemo(()=>({reference:q,floating:s}),[q,s]);return React.useMemo(()=>({...h,update:w,refs:y,elements:z,reference:u,floating:v}),[h,w,y,z,u,v])}var index="undefined"==typeof document?useEffect:useLayoutEffect;function createPubSub(){const a=new Map;return{emit(b,c){var d;null==(d=a.get(b))?void 0:d.forEach(a=>a(c))},on(b,c){a.set(b,[...(a.get(b)||[]),c])},off(b,c){a.set(b,(a.get(b)||[]).filter(a=>a!==c))}}}const FloatingTreeContext=React.createContext(null),useFloatingTree=()=>React.useContext(FloatingTreeContext);function getDocument(a){return(null==a?void 0:a.ownerDocument)||document}function getWindow(a){return getDocument(a).defaultView||window}function isElement(a){return!!a&&a instanceof getWindow(a).Element}const useInsertionEffect=React["useInsertionEffect".toString()],useSafeInsertionEffect=useInsertionEffect||(a=>a());function useEvent(a){const b=React.useRef(()=>{if("production"!==process.env.NODE_ENV)throw new Error("Cannot call an event handler while rendering.")});return useSafeInsertionEffect(()=>{b.current=a}),React.useCallback(function(){for(var a=arguments.length,c=Array(a),d=0;d<a;d++)c[d]=arguments[d];return null==b.current?void 0:b.current(...c)},[])}function useFloating(a){void 0===a&&(a={});const{open:d=!1,onOpenChange:b,nodeId:c}=a,e=useFloating$1(a),f=useFloatingTree(),g=React.useRef(null),h=React.useRef({}),i=React.useState(()=>createPubSub())[0],[j,k]=React.useState(null),l=React.useCallback(a=>{const b=isElement(a)?{getBoundingClientRect:()=>a.getBoundingClientRect(),contextElement:a}:a;e.refs.setReference(b)},[e.refs]),m=React.useCallback(a=>{(isElement(a)||null===a)&&(g.current=a,k(a)),(isElement(e.refs.reference.current)||null===e.refs.reference.current||null!==a&&!isElement(a))&&e.refs.setReference(a)},[e.refs]),n=React.useMemo(()=>({...e.refs,setReference:m,setPositionReference:l,domReference:g}),[e.refs,m,l]),o=React.useMemo(()=>({...e.elements,domReference:j}),[e.elements,j]),p=useEvent(b),q=React.useMemo(()=>({...e,refs:n,elements:o,dataRef:h,nodeId:c,events:i,open:d,onOpenChange:p}),[e,c,i,d,p,n,o]);return index(()=>{const a=null==f?void 0:f.nodesRef.current.find(a=>a.id===c);a&&(a.context=q)}),React.useMemo(()=>({...e,context:q,refs:n,reference:m,positionReference:l}),[e,n,q,m,l])}var Ze,Wt=Object.defineProperty,Yt=(b,c,a)=>c in b?Wt(b,c,{enumerable:!0,configurable:!0,writable:!0,value:a}):b[c]=a,Te=(b,c,a)=>(Yt(b,"symbol"==typeof c?c:c+"",a),a),Se={exports:{}},K={};function Kt(){function b(h,i,j){var b,k={},l=null,n=null;for(b in void 0!==j&&(l=""+j),void 0!==i.key&&(l=""+i.key),void 0!==i.ref&&(n=i.ref),i)a.call(i,b)&&!g.hasOwnProperty(b)&&(k[b]=i[b]);if(h&&h.defaultProps)for(b in i=h.defaultProps,i)void 0===k[b]&&(k[b]=i[b]);return{$$typeof:c,type:h,key:l,ref:n,props:k,_owner:e.current}}if(Ze)return K;Ze=1;var c=Symbol.for("react.element"),a=Object.prototype.hasOwnProperty,e=React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};return K.Fragment=Symbol.for("react.fragment"),K.jsx=b,K.jsxs=b,K}var Qe,Z={};function Zt(){return Qe||(Qe=1,"production"!==process.env.NODE_ENV&&function(){function c(a){if(null===a||"object"!=typeof a)return null;var b=m&&a[m]||a["@@iterator"];return"function"==typeof b?b:null}function j(a){{for(var b=arguments.length,d=Array(1<b?b-1:0),e=1;e<b;e++)d[e-1]=arguments[e];g("error",a,d)}}function g(a,b,d){{var e=x.ReactDebugCurrentFrame,c=e.getStackAddendum();""!==c&&(b+="%s",d=d.concat([c]));var f=d.map(function(a){return a+""});f.unshift("Warning: "+b),Function.prototype.apply.call(console[a],console,f)}}function p(a){return!!("string"==typeof a||"function"==typeof a||a===o||a===u||!1||a===r||a===d||a===b||!1||a===C||!1||!1||!1||"object"==typeof a&&null!==a&&(a.$$typeof===s||a.$$typeof===f||a.$$typeof===h||a.$$typeof===l||a.$$typeof===y||a.$$typeof===da||void 0!==a.getModuleId))}function k(a,b,d){var e=a.displayName;if(e)return e;var c=b.displayName||b.name||"";return""===c?d:d+"("+c+")"}function q(a){return a.displayName||"Context"}function t(m){if(null==m)return null;if("number"==typeof m.tag&&j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),"function"==typeof m)return m.displayName||m.name||null;if("string"==typeof m)return m;switch(m){case o:return"Fragment";case a:return"Portal";case u:return"Profiler";case r:return"StrictMode";case d:return"Suspense";case b:return"SuspenseList"}if("object"==typeof m)switch(m.$$typeof){case l:var e=m;return q(e)+".Consumer";case h:var n=m;return q(n._context)+".Provider";case y:return k(m,m.render,"ForwardRef");case f:var i=m.displayName||null;return null===i?t(m.type)||"Memo":i;case s:{var c=m,p=c._payload,v=c._init;try{return t(v(p))}catch{return null}}}return null}function i(){}function z(){{if(0===L){A=console.log,fa=console.info,ga=console.warn,ha=console.error,ia=console.group,ja=console.groupCollapsed,ka=console.groupEnd;var a={configurable:!0,enumerable:!0,value:i,writable:!0};Object.defineProperties(console,{info:a,log:a,warn:a,error:a,group:a,groupCollapsed:a,groupEnd:a})}L++}}function e(){{if(L--,0==L){var a={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:la({},a,{value:A}),info:la({},a,{value:fa}),warn:la({},a,{value:ga}),error:la({},a,{value:ha}),group:la({},a,{value:ia}),groupCollapsed:la({},a,{value:ja}),groupEnd:la({},a,{value:ka})})}0>L&&j("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}function D(a,b,d){{if(void 0===ma)try{throw Error()}catch(a){var e=a.stack.trim().match(/\n( *(at )?)/);ma=e&&e[1]||""}return`
|
|
1
|
+
import*as React from"react";import React__default,{useRef,useEffect,useContext,createContext,useState,Fragment,useCallback,useMemo,useLayoutEffect,forwardRef,isValidElement}from"react";import*as ReactDOM from"react-dom";import{createPortal}from"react-dom";import{l as l$1,o,v as t,U as U$2,y,w as T,n,z as s,A as l$2,C,u,g as o$1,p as p$1,q as s$1,O,B as v$1,d,E as t$1,s as s$2,b as u$1}from"./keyboard-D0PLkOsr.js";import{d as arrow$1,e as computePosition,c as autoUpdate,h as offset,i as flip,j as shift,k as autoPlacement,l as hide}from"./floating-ui.react-dom-Bx8TUz-v.js";function f$1(){let a=useRef(!1);return l$1(()=>(a.current=!0,()=>{a.current=!1}),[]),a}function c$1(a){let b=o(a),c=useRef(!1);useEffect(()=>(c.current=!1,()=>{c.current=!0,t(()=>{c.current&&b()})}),[b])}let e=createContext(!1);function a(){return useContext(e)}function F(b){let c=a(),d=useContext(_),f=n(b),[e,g]=useState(()=>{if(!c&&null!==d||s.isServer)return null;let a=null==f?void 0:f.getElementById("headlessui-portal-root");if(a)return a;if(null===f)return null;let b=f.createElement("div");return b.setAttribute("id","headlessui-portal-root"),f.body.appendChild(b)});return useEffect(()=>{null!==e&&(null!=f&&f.body.contains(e)||null==f||f.body.appendChild(e))},[e,f]),useEffect(()=>{c||null!==d&&g(d.current)},[d,g,c]),e}let U$1=Fragment;function N(b,c){let d=useRef(null),e=y(T(a=>{d.current=a}),c),a=n(d),g=F(d),[h]=useState(()=>{var b;return s.isServer?null:null==(b=null==a?void 0:a.createElement("div"))?null:b}),j=useContext(f),i=l$2();return l$1(()=>{g&&h&&!g.contains(h)&&(h.setAttribute("data-headlessui-portal",""),g.appendChild(h))},[g,h]),l$1(()=>{if(h&&j)return j.register(h)},[j,h]),c$1(()=>{var a;g&&h&&(h instanceof Node&&g.contains(h)&&g.removeChild(h),0>=g.childNodes.length&&(null==(a=g.parentElement)||a.removeChild(g)))}),i?g&&h?createPortal(C({ourProps:{ref:e},theirProps:b,defaultTag:U$1,name:"Portal"}),h):null:null}let S$1=Fragment,_=createContext(null);function j(a,b){let{target:c,...d}=a,e={ref:y(b)};return React__default.createElement(_.Provider,{value:c},C({ourProps:e,theirProps:d,defaultTag:S$1,name:"Popover.Group"}))}let f=createContext(null),D$1=U$2(N),I$2=U$2(j),te=Object.assign(D$1,{Group:I$2});function c(){let b=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0,[a,c]=useState(b),d=f$1(),e=useCallback(a=>{d.current&&c(b=>b|a)},[a,d]),f=useCallback(b=>!!(a&b),[a]),h=useCallback(a=>{d.current&&c(b=>b&~a)},[c,d]),i=useCallback(a=>{d.current&&c(b=>b^a)},[c]);return{flags:a,addFlag:e,hasFlag:f,removeFlag:h,toggleFlag:i}}function l(a){let b={called:!1};return function(){if(!b.called)return b.called=!0,a(...arguments)}}function g(a){for(var b=arguments.length,c=Array(1<b?b-1:0),d=1;d<b;d++)c[d-1]=arguments[d];a&&0<c.length&&a.classList.add(...c)}function v(a){for(var b=arguments.length,c=Array(1<b?b-1:0),d=1;d<b;d++)c[d-1]=arguments[d];a&&0<c.length&&a.classList.remove(...c)}function b(b,c){let d=o$1();if(!b)return d.dispose;let{transitionDuration:e,transitionDelay:f}=getComputedStyle(b),[a,g]=[e,f].map(a=>{let[b=0]=a.split(",").filter(Boolean).map(a=>a.includes("ms")?parseFloat(a):1e3*parseFloat(a)).sort((a,b)=>b-a);return b}),h=a+g;if(0!==h){d.group(a=>{a.setTimeout(()=>{c(),a.dispose()},h),a.addEventListener(b,"transitionrun",b=>{b.target===b.currentTarget&&a.dispose()})});let a=d.addEventListener(b,"transitionend",b=>{b.target===b.currentTarget&&(c(),a())})}else c();return d.add(()=>c()),d.dispose}function M$1(c,d,e,f){let h=e?"enter":"leave",a=o$1(),i=void 0===f?()=>{}:l(f);"enter"==h&&(c.removeAttribute("hidden"),c.style.display="");let j=u(h,{enter:()=>d.enter,leave:()=>d.leave}),k=u(h,{enter:()=>d.enterTo,leave:()=>d.leaveTo}),m=u(h,{enter:()=>d.enterFrom,leave:()=>d.leaveFrom});return v(c,...d.base,...d.enter,...d.enterTo,...d.enterFrom,...d.leave,...d.leaveFrom,...d.leaveTo,...d.entered),g(c,...d.base,...j,...m),a.nextFrame(()=>{v(c,...d.base,...j,...m),g(c,...d.base,...j,...k),b(c,()=>(v(c,...d.base,...j),g(c,...d.base,...d.entered),i()))}),a.dispose}function D(b){let{immediate:f,container:g,direction:h,classes:j,onStart:k,onStop:a}=b,c=f$1(),l=p$1(),d=s$1(h);l$1(()=>{f&&(d.current="enter")},[f]),l$1(()=>{let b=o$1();l.add(b.dispose);let e=g.current;if(e&&"idle"!==d.current&&c.current)return b.dispose(),k.current(d.current),b.add(M$1(e,j.current,"enter"===d.current,()=>{b.dispose(),a.current(d.current)})),b.dispose},[h])}function S(){let a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"";return a.split(/\s+/).filter(a=>1<a.length)}let I$1=createContext(null);I$1.displayName="TransitionContext";var Se$1=(a=>(a.Visible="visible",a.Hidden="hidden",a))(Se$1||{});function ye(){let a=useContext(I$1);if(null===a)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return a}function xe(){let a=useContext(M);if(null===a)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return a}let M=createContext(null);M.displayName="NestingContext";function U(a){return"children"in a?U(a.children):0<a.current.filter(a=>{let{el:b}=a;return null!==b.current}).filter(a=>{let{state:b}=a;return"visible"===b}).length}function se(a,b){let c=s$1(a),f=useRef([]),e=f$1(),j=p$1(),k=o(function(b){let d=1<arguments.length&&arguments[1]!==void 0?arguments[1]:v$1.Hidden,g=f.current.findIndex(a=>{let{el:c}=a;return c===b});-1!==g&&(u(d,{[v$1.Unmount](){f.current.splice(g,1)},[v$1.Hidden](){f.current[g].state="hidden"}}),j.microTask(()=>{var a;!U(f)&&e.current&&(null==(a=c.current)||a.call(c))}))}),i=o(b=>{let a=f.current.find(c=>{let{el:d}=c;return d===b});return a?"visible"!==a.state&&(a.state="visible"):f.current.push({el:b,state:"visible"}),()=>k(b,v$1.Unmount)}),l=useRef([]),h=useRef(Promise.resolve()),m=useRef({enter:[],leave:[],idle:[]}),n=o((c,d,e)=>{l.current.splice(0),b&&(b.chains.current[d]=b.chains.current[d].filter(a=>{let[b]=a;return b!==c})),null==b||b.chains.current[d].push([c,new Promise(a=>{l.current.push(a)})]),null==b||b.chains.current[d].push([c,new Promise(a=>{Promise.all(m.current[d].map(a=>{let[b,c]=a;return c})).then(()=>a())})]),"enter"===d?h.current=h.current.then(()=>null==b?void 0:b.wait.current).then(()=>e(d)):e(d)}),g=o((b,c,d)=>{Promise.all(m.current[c].splice(0).map(a=>{let[b,c]=a;return c})).then(()=>{var a;null==(a=l.current.shift())||a()}).then(()=>d(c))});return useMemo(()=>({children:f,register:i,unregister:k,onStart:n,onStop:g,wait:h,chains:m}),[i,k,f,n,g,m,h])}function Ne(){}let Pe=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function ae(a){var b;let c={};for(let d of Pe)c[d]=null==(b=a[d])?Ne:b;return c}function Re(a){let b=useRef(ae(a));return useEffect(()=>{b.current=ae(a)},[a]),b}let De="div",le=O.RenderStrategy;function He(b,m){var n,q;let{beforeEnter:t,afterEnter:r,beforeLeave:s,afterLeave:A,enter:E,enterFrom:p,enterTo:x,entered:h,leave:v,leaveFrom:F,leaveTo:g,...I}=b,i=useRef(null),e=y(i,m),a=null==(n=I.unmount)||n?v$1.Unmount:v$1.Hidden,{show:J,appear:f,initial:N}=ye(),[R,l]=useState(J?"visible":"hidden"),j=xe(),{register:z,unregister:L}=j;useEffect(()=>z(i),[z,i]),useEffect(()=>{if(a===v$1.Hidden&&i.current)return J&&"visible"!==R?void l("visible"):u(R,{hidden:()=>L(i),visible:()=>z(i)})},[R,i,z,L,J,a]);let O=s$1({base:S(I.className),enter:S(E),enterFrom:S(p),enterTo:S(x),entered:S(h),leave:S(v),leaveFrom:S(F),leaveTo:S(g)}),k=Re({beforeEnter:t,afterEnter:r,beforeLeave:s,afterLeave:A}),T=l$2();useEffect(()=>{if(T&&"visible"===R&&null===i.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[i,R,T]);let G=f&&J&&N,K=(()=>!T||N&&!f?"idle":J?"enter":"leave")(),V=c(0),H=o(a=>u(a,{enter:()=>{V.addFlag(d.Opening),k.current.beforeEnter()},leave:()=>{V.addFlag(d.Closing),k.current.beforeLeave()},idle:()=>{}})),W=o(a=>u(a,{enter:()=>{V.removeFlag(d.Opening),k.current.afterEnter()},leave:()=>{V.removeFlag(d.Closing),k.current.afterLeave()},idle:()=>{}})),X=se(()=>{l("hidden"),L(i)},j),w=useRef(!1);D({immediate:G,container:i,classes:O,direction:K,onStart:s$1(a=>{w.current=!0,X.onStart(i,a,H)}),onStop:s$1(a=>{w.current=!1,X.onStop(i,a,W),"leave"!==a||U(X)||(l("hidden"),L(i))})});let B=I;return G?B={...B,className:t$1(I.className,...O.current.enter,...O.current.enterFrom)}:w.current&&(B.className=t$1(I.className,null==(q=i.current)?void 0:q.className),""===B.className&&delete B.className),React__default.createElement(M.Provider,{value:X},React__default.createElement(s$2,{value:u(R,{visible:d.Open,hidden:d.Closed})|V.flags},C({ourProps:{ref:e},theirProps:B,defaultTag:De,features:le,visible:"visible"===R,name:"Transition.Child"})))}function Fe$1(b,c){let{show:j,appear:l=!1,unmount:m=!0,...k}=b,n=useRef(null),p=y(n,c);l$2();let q=u$1();if(void 0===j&&null!==q&&(j=(q&d.Open)===d.Open),![!0,!1].includes(j))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[h,s]=useState(j?"visible":"hidden"),t=se(()=>{s("hidden")}),[g,u]=useState(!0),i=useRef([j]);l$1(()=>{!1!==g&&i.current[i.current.length-1]!==j&&(i.current.push(j),u(!1))},[i,j]);let e=useMemo(()=>({show:j,appear:l,initial:g}),[j,l,g]);useEffect(()=>{if(j)s("visible");else if(!U(t))s("hidden");else{let a=n.current;if(!a)return;let b=a.getBoundingClientRect();0===b.x&&0===b.y&&0===b.width&&0===b.height&&s("hidden")}},[j,t]);let a={unmount:m},v=o(()=>{var a;g&&u(!1),null==(a=b.beforeEnter)||a.call(b)}),f=o(()=>{var a;g&&u(!1),null==(a=b.beforeLeave)||a.call(b)});return React__default.createElement(M.Provider,{value:t},React__default.createElement(I$1.Provider,{value:e},C({ourProps:{...a,as:Fragment,children:React__default.createElement(ue$1,{ref:p,...a,...k,beforeEnter:v,beforeLeave:f})},theirProps:{},defaultTag:Fragment,features:le,visible:"visible"===h,name:"Transition"})))}function _e(a,b){let c=null!==useContext(I$1),d=null!==u$1();return React__default.createElement(React__default.Fragment,null,!c&&d?React__default.createElement(q,{ref:b,...a}):React__default.createElement(ue$1,{ref:b,...a}))}let q=U$2(Fe$1),ue$1=U$2(He),Le=U$2(_e),qe=Object.assign(q,{Child:Le,Root:q});const arrow=a=>{function b(a){return Object.prototype.hasOwnProperty.call(a,"current")}const{element:c,padding:d}=a;return{name:"arrow",options:a,fn(a){if(b(c))return null==c.current?{}:arrow$1({element:c.current,padding:d}).fn(a);return c?arrow$1({element:c,padding:d}).fn(a):{}}}};var index$1="undefined"==typeof document?useEffect:useLayoutEffect;function deepEqual(c,a){if(c===a)return!0;if(typeof c!=typeof a)return!1;if("function"==typeof c&&c.toString()===a.toString())return!0;let b,d,e;if(c&&a&&"object"==typeof c){if(Array.isArray(c)){if(b=c.length,b!=a.length)return!1;for(d=b;0!=d--;)if(!deepEqual(c[d],a[d]))return!1;return!0}if(e=Object.keys(c),b=e.length,b!==Object.keys(a).length)return!1;for(d=b;0!=d--;)if(!Object.prototype.hasOwnProperty.call(a,e[d]))return!1;for(d=b;0!=d--;){const b=e[d];if(!("_owner"===b&&c.$$typeof)&&!deepEqual(c[b],a[b]))return!1}return!0}return c!==c&&a!==a}function useLatestRef(a){const b=React.useRef(a);return index$1(()=>{b.current=a}),b}function useFloating$1(a){void 0===a&&(a={});const{placement:e="bottom",strategy:f="absolute",middleware:g=[],platform:b,whileElementsMounted:c,open:d}=a,[h,i]=React.useState({x:null,y:null,strategy:f,placement:e,middlewareData:{},isPositioned:!1}),[j,k]=React.useState(g);deepEqual(j,g)||k(g);const l=React.useRef(null),m=React.useRef(null),n=React.useRef(h),o=useLatestRef(c),p=useLatestRef(b),[q,r]=React.useState(null),[s,t]=React.useState(null),u=React.useCallback(a=>{l.current!==a&&(l.current=a,r(a))},[]),v=React.useCallback(a=>{m.current!==a&&(m.current=a,t(a))},[]),w=React.useCallback(()=>{if(l.current&&m.current){const a={placement:e,strategy:f,middleware:j};p.current&&(a.platform=p.current),computePosition(l.current,m.current,a).then(a=>{const b={...a,isPositioned:!0};x.current&&!deepEqual(n.current,b)&&(n.current=b,ReactDOM.flushSync(()=>{i(b)}))})}},[j,e,f,p]);index$1(()=>{!1===d&&n.current.isPositioned&&(n.current.isPositioned=!1,i(a=>({...a,isPositioned:!1})))},[d]);const x=React.useRef(!1);index$1(()=>(x.current=!0,()=>{x.current=!1}),[]),index$1(()=>{if(q&&s){if(o.current)return o.current(q,s,w);w()}},[q,s,w,o]);const y=React.useMemo(()=>({reference:l,floating:m,setReference:u,setFloating:v}),[u,v]),z=React.useMemo(()=>({reference:q,floating:s}),[q,s]);return React.useMemo(()=>({...h,update:w,refs:y,elements:z,reference:u,floating:v}),[h,w,y,z,u,v])}var index="undefined"==typeof document?useEffect:useLayoutEffect;function createPubSub(){const a=new Map;return{emit(b,c){var d;null==(d=a.get(b))?void 0:d.forEach(a=>a(c))},on(b,c){a.set(b,[...(a.get(b)||[]),c])},off(b,c){a.set(b,(a.get(b)||[]).filter(a=>a!==c))}}}const FloatingTreeContext=React.createContext(null),useFloatingTree=()=>React.useContext(FloatingTreeContext);function getDocument(a){return(null==a?void 0:a.ownerDocument)||document}function getWindow(a){return getDocument(a).defaultView||window}function isElement(a){return!!a&&a instanceof getWindow(a).Element}const useInsertionEffect=React["useInsertionEffect".toString()],useSafeInsertionEffect=useInsertionEffect||(a=>a());function useEvent(a){const b=React.useRef(()=>{if("production"!==process.env.NODE_ENV)throw new Error("Cannot call an event handler while rendering.")});return useSafeInsertionEffect(()=>{b.current=a}),React.useCallback(function(){for(var a=arguments.length,c=Array(a),d=0;d<a;d++)c[d]=arguments[d];return null==b.current?void 0:b.current(...c)},[])}function useFloating(a){void 0===a&&(a={});const{open:d=!1,onOpenChange:b,nodeId:c}=a,e=useFloating$1(a),f=useFloatingTree(),g=React.useRef(null),h=React.useRef({}),i=React.useState(()=>createPubSub())[0],[j,k]=React.useState(null),l=React.useCallback(a=>{const b=isElement(a)?{getBoundingClientRect:()=>a.getBoundingClientRect(),contextElement:a}:a;e.refs.setReference(b)},[e.refs]),m=React.useCallback(a=>{(isElement(a)||null===a)&&(g.current=a,k(a)),(isElement(e.refs.reference.current)||null===e.refs.reference.current||null!==a&&!isElement(a))&&e.refs.setReference(a)},[e.refs]),n=React.useMemo(()=>({...e.refs,setReference:m,setPositionReference:l,domReference:g}),[e.refs,m,l]),o=React.useMemo(()=>({...e.elements,domReference:j}),[e.elements,j]),p=useEvent(b),q=React.useMemo(()=>({...e,refs:n,elements:o,dataRef:h,nodeId:c,events:i,open:d,onOpenChange:p}),[e,c,i,d,p,n,o]);return index(()=>{const a=null==f?void 0:f.nodesRef.current.find(a=>a.id===c);a&&(a.context=q)}),React.useMemo(()=>({...e,context:q,refs:n,reference:m,positionReference:l}),[e,n,q,m,l])}var Ze,Wt=Object.defineProperty,Yt=(b,c,a)=>c in b?Wt(b,c,{enumerable:!0,configurable:!0,writable:!0,value:a}):b[c]=a,Te=(b,c,a)=>(Yt(b,"symbol"==typeof c?c:c+"",a),a),Se={exports:{}},K={};function Kt(){function b(h,i,j){var b,k={},l=null,n=null;for(b in void 0!==j&&(l=""+j),void 0!==i.key&&(l=""+i.key),void 0!==i.ref&&(n=i.ref),i)a.call(i,b)&&!g.hasOwnProperty(b)&&(k[b]=i[b]);if(h&&h.defaultProps)for(b in i=h.defaultProps,i)void 0===k[b]&&(k[b]=i[b]);return{$$typeof:c,type:h,key:l,ref:n,props:k,_owner:e.current}}if(Ze)return K;Ze=1;var c=Symbol.for("react.element"),a=Object.prototype.hasOwnProperty,e=React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};return K.Fragment=Symbol.for("react.fragment"),K.jsx=b,K.jsxs=b,K}var Qe,Z={};function Zt(){return Qe||(Qe=1,"production"!==process.env.NODE_ENV&&function(){function c(a){if(null===a||"object"!=typeof a)return null;var b=m&&a[m]||a["@@iterator"];return"function"==typeof b?b:null}function j(a){{for(var b=arguments.length,d=Array(1<b?b-1:0),e=1;e<b;e++)d[e-1]=arguments[e];g("error",a,d)}}function g(a,b,d){{var e=x.ReactDebugCurrentFrame,c=e.getStackAddendum();""!==c&&(b+="%s",d=d.concat([c]));var f=d.map(function(a){return a+""});f.unshift("Warning: "+b),Function.prototype.apply.call(console[a],console,f)}}function p(a){return!!("string"==typeof a||"function"==typeof a||a===o||a===u||!1||a===r||a===d||a===b||!1||a===C||!1||!1||!1||"object"==typeof a&&null!==a&&(a.$$typeof===s||a.$$typeof===f||a.$$typeof===h||a.$$typeof===l||a.$$typeof===y||a.$$typeof===da||void 0!==a.getModuleId))}function k(a,b,d){var e=a.displayName;if(e)return e;var c=b.displayName||b.name||"";return""===c?d:d+"("+c+")"}function q(a){return a.displayName||"Context"}function t(m){if(null==m)return null;if("number"==typeof m.tag&&j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),"function"==typeof m)return m.displayName||m.name||null;if("string"==typeof m)return m;switch(m){case o:return"Fragment";case a:return"Portal";case u:return"Profiler";case r:return"StrictMode";case d:return"Suspense";case b:return"SuspenseList"}if("object"==typeof m)switch(m.$$typeof){case l:var e=m;return q(e)+".Consumer";case h:var n=m;return q(n._context)+".Provider";case y:return k(m,m.render,"ForwardRef");case f:var i=m.displayName||null;return null===i?t(m.type)||"Memo":i;case s:{var c=m,p=c._payload,v=c._init;try{return t(v(p))}catch{return null}}}return null}function i(){}function z(){{if(0===L){A=console.log,fa=console.info,ga=console.warn,ha=console.error,ia=console.group,ja=console.groupCollapsed,ka=console.groupEnd;var a={configurable:!0,enumerable:!0,value:i,writable:!0};Object.defineProperties(console,{info:a,log:a,warn:a,error:a,group:a,groupCollapsed:a,groupEnd:a})}L++}}function e(){{if(L--,0==L){var a={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:la({},a,{value:A}),info:la({},a,{value:fa}),warn:la({},a,{value:ga}),error:la({},a,{value:ha}),group:la({},a,{value:ia}),groupCollapsed:la({},a,{value:ja}),groupEnd:la({},a,{value:ka})})}0>L&&j("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}function D(a,b,d){{if(void 0===ma)try{throw Error()}catch(a){var e=a.stack.trim().match(/\n( *(at )?)/);ma=e&&e[1]||""}return`
|
|
2
2
|
`+ma+a}}function v(a,b){if(!a||pa)return"";{var d=na.get(a);if(void 0!==d)return d}var f;pa=!0;var h=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var i;i=oa.current,oa.current=null,z();try{if(b){var j=function(){throw Error()};if(Object.defineProperty(j.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(j,[])}catch(a){f=a}Reflect.construct(a,[],j)}else{try{j.call()}catch(a){f=a}a.call(j.prototype)}}else{try{throw Error()}catch(a){f=a}a()}}catch(b){if(b&&f&&"string"==typeof b.stack){for(var g=b.stack.split(`
|
|
3
3
|
`),l=f.stack.split(`
|
|
4
4
|
`),m=g.length-1,n=l.length-1;1<=m&&0<=n&&g[m]!==l[n];)n--;for(;1<=m&&0<=n;m--,n--)if(g[m]!==l[n]){if(1!==m||1!==n)do if(m--,n--,0>n||g[m]!==l[n]){var o=`
|
package/build/index.js
CHANGED
|
@@ -1,4 +1,156 @@
|
|
|
1
|
-
export{A as AppBody}from"./AppBody.component-DMNphrA9.js";export{A as AppIntro}from"./AppIntro.component-BnwrDrke.js";export{A as AppShell}from"./AppShell.component-kPo9ejh-.js";export{A as AppShellProvider}from"./AppShellProvider.component-CoGCOuox.js";export{B as Badge}from"./Badge.component-Bw_Sw1Jl.js";export{B as Box}from"./Box.component-B-zlG37z.js";export{B as Breadcrumb}from"./Breadcrumb.component-DmLZCJ80.js";export{B as BreadcrumbItem}from"./BreadcrumbItem.component-himz8R38.js";export{B as Button}from"./Button.component-Ck0-XKMD.js";export{B as ButtonRow}from"./ButtonRow.component-CgfANnke.js";export{C as Checkbox}from"./Checkbox.component-DxULmNji.js";export{C as CheckboxRow}from"./CheckboxRow.component-CrN2DXEm.js";export{C as CheckboxGroup}from"./CheckboxGroup.component-DJN7waSM.js";export{C as Code}from"./Code.component-
|
|
1
|
+
export{A as AppBody}from"./AppBody.component-DMNphrA9.js";export{A as AppIntro}from"./AppIntro.component-BnwrDrke.js";export{A as AppShell}from"./AppShell.component-kPo9ejh-.js";export{A as AppShellProvider}from"./AppShellProvider.component-CoGCOuox.js";export{B as Badge}from"./Badge.component-Bw_Sw1Jl.js";export{B as Box}from"./Box.component-B-zlG37z.js";export{B as Breadcrumb}from"./Breadcrumb.component-DmLZCJ80.js";export{B as BreadcrumbItem}from"./BreadcrumbItem.component-himz8R38.js";export{B as Button}from"./Button.component-Ck0-XKMD.js";export{B as ButtonRow}from"./ButtonRow.component-CgfANnke.js";export{C as Checkbox}from"./Checkbox.component-DxULmNji.js";export{C as CheckboxRow}from"./CheckboxRow.component-CrN2DXEm.js";export{C as CheckboxGroup}from"./CheckboxGroup.component-DJN7waSM.js";export{C as Code}from"./Code.component-CIzbcpEn.js";export{C as CodeBlock}from"./CodeBlock.component-CXDUnHIb.js";import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext,useContext,Fragment,useRef}from"react";import PropTypes from"prop-types";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon,k as knownIcons}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{o as offset,s as shift,f as flip,a as size}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{q as qt}from"./combobox-JmdrroKh.js";export{C as ContentArea}from"./ContentArea.component-VS-3jOgO.js";export{C as ContentHeading}from"./ContentHeading.component-Io-M-spm.js";export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-Cr9XddQc.js";export{C as ContentAreaWrapper}from"./ContentAreaWrapper.component-D6yksmzo.js";export{C as ContentContainer}from"./ContentContainer.component-rfZz78lB.js";export{C as Container}from"./Container.component-B8M3UgGG.js";export{C as ContextMenu}from"./ContextMenu.component-DH-m8O-z.js";export{D as DataList}from"./DataList.component-BYn0Gl6b.js";export{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.js";export{D as DataListRow}from"./DataListRow.component-RvjQ652d.js";export{D as DataGrid}from"./DataGrid.component-BBT0bs34.js";export{D as DataGridCell}from"./DataGridCell.component-DTZCr2iq.js";export{D as DataGridHeadCell}from"./DataGridHeadCell.component-Ce2yeOu8.js";export{D as DataGridRow}from"./DataGridRow.component-D0MKrB0t.js";export{D as DataGridToolbar}from"./DataGridToolbar.component-BxGtUy7D.js";export{D as DateTimePicker}from"./DateTimePicker.component-BMkIzxY0.js";export{F as FilterInput}from"./FilterInput.component-CBfEzQ3x.js";export{F as FilterPill}from"./FilterPill.component-C9YwMkKe.js";export{F as Filters}from"./Filters.component-Cu8sV-IL.js";export{F as Form}from"./Form.component-D-BE29tV.js";export{F as FormattedText}from"./FormattedText.component-Dv5KRlOH.js";export{F as FormRow}from"./FormRow.component--LSv8Yz8.js";export{F as FormSection}from"./FormSection.component-D-txM2wI.js";export{G as Grid}from"./Grid.component-DhdNobry.js";export{G as GridRow}from"./GridRow.component-DP4HP_Ai.js";export{G as GridColumn}from"./GridColumn.component-Dn_zRSnd.js";export{I as Icon}from"./Icon.component-7-ap-6Ys.js";export{I as InputGroup}from"./InputGroup.component-BKBRJie5.js";export{I as IntroBox}from"./IntroBox.component-BuW5vo-r.js";export{J as JsonViewer}from"./JsonViewer.component-i75ln2HG.js";export{L as Label}from"./Label.component-TbF3yilt.js";export{L as LoadingIndicator}from"./LoadingIndicator.component-CjUcoOtA.js";export{M as MainContainer}from"./MainContainer.component-beO5Qib0.js";export{M as MainContainerInner}from"./MainContainerInner.component-Dp6YCm8D.js";export{M as MainTabs}from"./MainTabs.component-C4jnzeW8.js";export{M as Menu}from"./Menu.component-B2zPLmdP.js";export{M as MenuItem}from"./MenuItem.component-2A91klk9.js";export{M as MenuSection}from"./MenuSection.component-CXCYKlVr.js";export{M as Message}from"./Message.component-COHT30fL.js";import{F as FocusTrap}from"./focus-trap-react-QYyPJKV2.js";import{B as Button}from"./Stack.component-fYvcWRNi.js";import{B as ButtonRow}from"./ButtonRow.component-CnJPyZ99.js";export{N as NativeSelect}from"./NativeSelect.component-BeYgemsP.js";export{N as NativeSelectOption}from"./NativeSelectOption.component-CLFcWbs7.js";export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-B9j74Fm2.js";export{P as Panel}from"./Panel.component-DW6z1JGn.js";export{P as PanelBody}from"./PanelBody.component-ejsCohbW.js";export{P as PanelFooter}from"./PanelFooter.component-B3HXAhmg.js";export{P as PageFooter}from"./PageFooter.component-CrlDnfPd.js";export{P as PageHeader}from"./PageHeader.component-QuQOQj_P.js";export{P as Pagination,S as SelectOption}from"./Pagination.component-D7vw3gPl.js";export{P as Pill}from"./Pill.component-CLGgHKga.js";export{a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";export{R as Radio}from"./Radio.component-qjlCYiuP.js";export{R as RadioGroup}from"./RadioGroup.component-Cj0bQHOM.js";export{R as RadioRow}from"./RadioRow.component-CqrB8Bvr.js";export{S as SearchInput}from"./SearchInput.component-CMboCbvO.js";export{S as Select}from"./Select.component-DNPTrdQs.js";export{S as SelectRow}from"./SelectRow.component-D0F2VY1t.js";export{S as ShadowRoot}from"./ShadowRoot.component-DZn4gLKB.js";export{S as SideNavigation}from"./SideNavigation.component-D9A0_YjX.js";export{S as SideNavigationItem}from"./SideNavigationItem.component-EiOe7rV_.js";export{S as Spinner}from"./Spinner.component-B_OKKh5D.js";export{S as Stack}from"./Stack.component-BNRLhyTo.js";export{a as StyleProvider}from"./StyleProvider.component-DpOVgdlo.js";export{S as Switch}from"./Switch.component-BxCFYGD_.js";export{S as SwitchRow}from"./SwitchRow.component-BNceFC47.js";export{T as Tab}from"./Tab.component-o-IJCaGX.js";export{T as TabList}from"./TabList.component-DeI4QJVH.js";export{T as TabNavigation}from"./TabNavigation.component-DlfET9Dg.js";export{T as TabNavigationItem}from"./TabNavigationItem.component-CgTEvAMf.js";export{T as TabPanel}from"./TabPanel.component-CSMpnrRv.js";export{T as Textarea}from"./Textarea.component-BrJM-k2b.js";export{T as Tabs}from"./Tabs.component-NQTjUypo.js";export{T as TextareaRow}from"./TextareaRow.component-DfVYxpvo.js";export{T as TextInput}from"./TextInput.component-D1qpmHfA.js";export{T as TextInputRow}from"./TextInputRow.component-DEWfa_NF.js";export{T as ThemeToggle}from"./ThemeToggle.component-CNb4Nbso.js";export{T as Toast}from"./Toast.component-Ck1OSJRg.js";export{T as Tooltip}from"./Tooltip.component-pZQW88UK.js";export{T as TooltipContent}from"./TooltipContent.component-Cfo0dBzg.js";export{T as TooltipTrigger}from"./TooltipTrigger.component-Cp9J4Mh7.js";export{T as TopNavigation}from"./TopNavigation.component-gPpoiPKf.js";export{T as TopNavigationItem}from"./TopNavigationItem.component-C99GMBgq.js";import"./tslib.es6-bjGg6Bxl.js";import"./FormHint.component-B30ehV71.js";import"./withDeprecationWarning.component-DQTD5UdI.js";import"./keyboard-D0PLkOsr.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";import"./withDeprecationWarning.component-fIFVSC34.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./TextInput.component-CkNlIlj0.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./listbox-CbPsJ3A1.js";import"./FormRow.component-5oxVn9c0.js";import"./Navigation.component-Q2fi8-qR.js";import"./NavigationItem.component-DcH7SF-F.js";import"./ibm-plex-BfDpQmIi.js";import"./TabPanel-B6oG_h5d.js";import"./Textarea.component-4fIvQVeJ.js";const inputWrapperStyles=`
|
|
2
|
+
jn-relative
|
|
3
|
+
`,labelStyles=`
|
|
4
|
+
jn-pointer-events-none
|
|
5
|
+
jn-top-2
|
|
6
|
+
jn-left-[0.9375rem]
|
|
7
|
+
`,inputStyles=`
|
|
8
|
+
jn-rounded-3px
|
|
9
|
+
jn-bg-theme-textinput
|
|
10
|
+
jn-text-theme-textinput
|
|
11
|
+
jn-border
|
|
12
|
+
jn-text-base
|
|
13
|
+
jn-leading-4
|
|
14
|
+
jn-w-full
|
|
15
|
+
jn-px-4
|
|
16
|
+
jn-h-textinput
|
|
17
|
+
jn-text-left
|
|
18
|
+
jn-overflow-hidden
|
|
19
|
+
jn-text-ellipsis
|
|
20
|
+
jn-whitespace-nowrap
|
|
21
|
+
focus:jn-outline-none
|
|
22
|
+
focus:jn-ring-2
|
|
23
|
+
focus:jn-ring-theme-focus
|
|
24
|
+
`,withLabelInputStyles=`
|
|
25
|
+
jn-pt-[1.125rem]
|
|
26
|
+
jn-pb-1
|
|
27
|
+
`,noLabelInputStyles=`
|
|
28
|
+
jn-py-4
|
|
29
|
+
`,disabledInputStyles=`
|
|
30
|
+
jn-cursor-not-allowed
|
|
31
|
+
jn-pointer-events-none
|
|
32
|
+
jn-opacity-50
|
|
33
|
+
`,defaultBorderStyles=`
|
|
34
|
+
jn-border-theme-textinput-default
|
|
35
|
+
`,validStyles=`
|
|
36
|
+
jn-border-theme-success
|
|
37
|
+
`,invalidStyles=`
|
|
38
|
+
jn-border-theme-error
|
|
39
|
+
`,buttonStyles=`
|
|
40
|
+
jn-absolute
|
|
41
|
+
jn-top-0
|
|
42
|
+
jn-right-0
|
|
43
|
+
jn-h-textinput
|
|
44
|
+
jn-w-6
|
|
45
|
+
jn-h-4
|
|
46
|
+
jn-border-l-0
|
|
47
|
+
jn-border-y-[1px]
|
|
48
|
+
jn-border-r-[1px]
|
|
49
|
+
jn-rounded-tr
|
|
50
|
+
jn-rounded-br
|
|
51
|
+
jn-appearance-none
|
|
52
|
+
jn-bg-theme-textinput
|
|
53
|
+
jn-text-theme-textinput
|
|
54
|
+
`,defaultButtonStyles=`
|
|
55
|
+
jn-border-theme-textinput-default
|
|
56
|
+
`,invalidButtonStyles=`
|
|
57
|
+
jn-border-theme-error
|
|
58
|
+
`,validButtonStyles=`
|
|
59
|
+
jn-border-theme-success
|
|
60
|
+
`,disabledButtonStyles=`
|
|
61
|
+
jn-cursor-not-allowed
|
|
62
|
+
jn-pointer-events-none
|
|
63
|
+
jn-bg-transparent
|
|
64
|
+
jn-opacity-50
|
|
65
|
+
`,menuStyles=`
|
|
66
|
+
jn-rounded
|
|
67
|
+
jn-bg-theme-background-lvl-1
|
|
68
|
+
jn-w-full
|
|
69
|
+
jn-overflow-y-auto
|
|
70
|
+
`,iconContainerStyles=`
|
|
71
|
+
jn-absolute
|
|
72
|
+
jn-top-[.4rem]
|
|
73
|
+
jn-right-6
|
|
74
|
+
`,centeredIconStyles=`
|
|
75
|
+
jn-absolute
|
|
76
|
+
jn-top-1/2
|
|
77
|
+
jn-left-1/2
|
|
78
|
+
jn-translate-y-[-50%]
|
|
79
|
+
jn-translate-x-[-0.75rem]
|
|
80
|
+
`,ComboBoxContext=createContext(),ComboBox=a=>{let{ariaLabel:b,children:j=null,className:k="",defaultValue:l="",disabled:m=!1,error:n=!1,errortext:o="",helptext:p="",id:q="",invalid:r=!1,loading:s=!1,label:c,name:t="",nullable:u=!0,onBlur:d,onChange:e,onFocus:f,onInputChange:g,placeholder:v="Select\u2026",required:w=!1,successtext:x="",truncateOptions:y=!1,valid:z=!1,value:A="",valueLabel:h,width:B="full",wrapperClassName:C="",...i}=a;const D=a=>"string"!=typeof a||0!==a.trim().length,E=q||"juno-combobox-"+useId(),F="juno-combobox-helptext-"+useId(),[G,H]=useState(new Map),[I,J]=useState(""),[K,L]=useState(A),[M,N]=useState(!1),[O,P]=useState(!1),[Q,R]=useState(!1),[S,T]=useState(!1),[U,V]=useState(!1),W=useMemo(()=>r||!!(o&&D(o)),[r,o]),X=useMemo(()=>z||!!(x&&D(x)),[z,x]);useEffect(()=>{L(A)},[A]),useEffect(()=>{P(n)},[n]),useEffect(()=>{N(s)},[s]),useEffect(()=>{T(W)},[W]),useEffect(()=>{V(X)},[X]);const Y=usePortalRef(),Z=[offset(4),shift(),flip(),size({boundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}})],$=""===I?j:j.filter(a=>{const b=a.props.children?.toString()||a.props.label||a.props.value;return b?.toLowerCase().includes(I.toLowerCase())});return React__default.createElement(ComboBoxContext.Provider,{value:{selectedValue:K,truncateOptions:y,addOptionValueAndLabel:(a,b,c)=>{H(d=>new Map(d).set(a||c,{val:a,label:b,children:c}))}}},React__default.createElement("div",{className:`
|
|
81
|
+
juno-combobox-wrapper
|
|
82
|
+
jn-relative
|
|
83
|
+
${"auto"==B?"jn-inline-block":"jn-block"}
|
|
84
|
+
${"auto"==B?"jn-w-auto":"jn-w-full"}
|
|
85
|
+
${C}
|
|
86
|
+
`},React__default.createElement(qt,_extends({defaultValue:l,disabled:m||M||O,name:t,nullable:u,onChange:a=>{L(a),e&&e(a)},value:K||l},i),React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:Z},React__default.createElement(pr.Reference,null,React__default.createElement("div",{className:`
|
|
87
|
+
juno-combobox-input-wrapper
|
|
88
|
+
${inputWrapperStyles}
|
|
89
|
+
${m?"jn-cursor-not-allowed":""}
|
|
90
|
+
`},c&&D(c)&&!M&&!O?React__default.createElement(Label,{text:c,disabled:m,required:w,htmlFor:E,className:`${labelStyles}`,floating:!0,minimized:!!(v||Q||I&&D(I)||K&&D(K))}):"",React__default.createElement(qt.Input,{autoComplete:"off","aria-label":b||c,"aria-describedby":p?F:"",disabled:m||M||O,id:E,onBlur:a=>{R(!1),d&&d(a)},onChange:a=>{J(a?.target?.value),g&&g(a)},onFocus:a=>{R(!0),f&&f(a)},placeholder:M||O?"":v,displayValue:a=>G.get(a)?.children||G.get(a)?.label||h||a,className:`
|
|
91
|
+
juno-combobox-input
|
|
92
|
+
${inputStyles}
|
|
93
|
+
${c&&D(c)?withLabelInputStyles:noLabelInputStyles}
|
|
94
|
+
${m?disabledInputStyles:""}
|
|
95
|
+
${S?"juno-combobox-invalid "+invalidStyles:""}
|
|
96
|
+
${U?"juno-combobox-valid "+validStyles:""}
|
|
97
|
+
${U||S?"":defaultBorderStyles}
|
|
98
|
+
${M?"juno-combobox-loading jn-cursor-not-allowed":""}
|
|
99
|
+
${O?"juno-combobox-error jn-cursor-not-allowed":""}
|
|
100
|
+
${k}
|
|
101
|
+
`}),M||O?React__default.createElement("span",{className:`${centeredIconStyles}`},M?React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"}):React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):U||S?React__default.createElement("span",{className:`
|
|
102
|
+
juno-combobox-icon-container
|
|
103
|
+
${iconContainerStyles}
|
|
104
|
+
${m?"jn-opacity-50":""}
|
|
105
|
+
`},React__default.createElement(Icon,{icon:U?"checkCircle":"dangerous",color:U?"jn-text-theme-success":"jn-text-theme-error"})):"",O||M?"":React__default.createElement(qt.Button,{disabled:m,className:`
|
|
106
|
+
juno-combobox-toggle
|
|
107
|
+
${buttonStyles}
|
|
108
|
+
${m?disabledButtonStyles:""}
|
|
109
|
+
${S?"juno-combobox-toggle-invalid "+invalidButtonStyles:""}
|
|
110
|
+
${U?"juno-combobox-toggle-valid "+validButtonStyles:""}
|
|
111
|
+
${U||S?"":defaultButtonStyles}
|
|
112
|
+
`},a=>{let{open:b}=a;return React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"})}))),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(qt.Options,{unmount:!1,className:`
|
|
113
|
+
juno-combobox-options
|
|
114
|
+
${menuStyles}
|
|
115
|
+
`},$)),Y?Y:document.body))),o&&D(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",p&&D(p)?React__default.createElement(FormHint,{text:p,id:F}):""))};ComboBox.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,name:PropTypes.string,nullable:PropTypes.bool,onBlur:PropTypes.func,onChange:PropTypes.func,onFocus:PropTypes.func,onInputChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:PropTypes.string,valueLabel:PropTypes.string,width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};const optionStyles=`
|
|
116
|
+
jn-flex
|
|
117
|
+
jn-pt-[0.6875rem]
|
|
118
|
+
jn-pb-[0.5rem]
|
|
119
|
+
jn-pr-[0.875rem]
|
|
120
|
+
jn-select-none
|
|
121
|
+
data-[headlessui-state=active]:jn-outline-none
|
|
122
|
+
data-[headlessui-state=active]:jn-ring-2
|
|
123
|
+
data-[headlessui-state=active]:jn-ring-inset
|
|
124
|
+
data-[headlessui-state=active]:jn-ring-theme-focus
|
|
125
|
+
data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
|
|
126
|
+
`,unselectedOptionStyles=`
|
|
127
|
+
jn-text-theme-default
|
|
128
|
+
jn-pl-[2.375rem]
|
|
129
|
+
`,selectedOptionStyles=`
|
|
130
|
+
jn-text-theme-accent
|
|
131
|
+
jn-pl-3.5
|
|
132
|
+
`,selectedIconStyles=`
|
|
133
|
+
jn-inline-block
|
|
134
|
+
jn-mr-1.5
|
|
135
|
+
`,disabledOptionLabelStyles=`
|
|
136
|
+
jn-opacity-50
|
|
137
|
+
jn-cursor-not-allowed
|
|
138
|
+
`,truncateOptionStyles=`
|
|
139
|
+
jn-block
|
|
140
|
+
jn-h-6
|
|
141
|
+
jn-overflow-hidden
|
|
142
|
+
jn-text-ellipsis
|
|
143
|
+
jn-whitespace-nowrap
|
|
144
|
+
`,ComboBoxOption=a=>{let{children:b,disabled:e=!1,value:f="",label:c,className:g="",...d}=a;const h=useContext(ComboBoxContext),{selectedValue:i,truncateOptions:j,addOptionValueAndLabel:k}=h||{};useEffect(()=>{k(f,c,b)},[f,c,b]);const l=f||b;return React__default.createElement(qt.Option,{value:l,disabled:e,as:Fragment},React__default.createElement("li",_extends({className:`
|
|
145
|
+
juno-combobox-option
|
|
146
|
+
${optionStyles}
|
|
147
|
+
${i===f?selectedOptionStyles:unselectedOptionStyles}
|
|
148
|
+
${e?"jn-cursor-not-allowed":""}
|
|
149
|
+
${g}
|
|
150
|
+
`},d),i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
|
|
151
|
+
${e?disabledOptionLabelStyles:""}
|
|
152
|
+
${j?truncateOptionStyles:""}
|
|
153
|
+
`},b||c||f)))};ComboBoxOption.propTypes={children:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string,className:PropTypes.string};const modalfooterstyles=`
|
|
2
154
|
jn-flex
|
|
3
155
|
jn-flex-row
|
|
4
156
|
jn-border-t
|
|
@@ -42,4 +194,4 @@ export{A as AppBody}from"./AppBody.component-DMNphrA9.js";export{A as AppIntro}f
|
|
|
42
194
|
jn-h-px
|
|
43
195
|
jn-w-full
|
|
44
196
|
jn-bg-theme-background-lvl-3
|
|
45
|
-
`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",_extends({className:`juno-select-divider ${dividerStyles} ${d}`,ref:b},c))});SelectDivider.displayName="SelectDivider",SelectDivider.propTypes={className:PropTypes.string};export{Modal,ModalFooter,SelectDivider};
|
|
197
|
+
`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",_extends({className:`juno-select-divider ${dividerStyles} ${d}`,ref:b},c))});SelectDivider.displayName="SelectDivider",SelectDivider.propTypes={className:PropTypes.string};export{ComboBox,ComboBoxOption,Modal,ModalFooter,SelectDivider};
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const codeStyles=`
|
|
2
|
-
jn-bg-theme-code-block
|
|
3
|
-
jn-text-sm
|
|
4
|
-
`,Code=a=>{let{content:c="",children:d=null,className:e="",...b}=a;return React__default.createElement("code",_extends({className:`juno-code ${codeStyles} ${e}`},b),c||d)};Code.propTypes={content:PropTypes.string,className:PropTypes.string,children:PropTypes.node};export{Code as C};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useEffect,Fragment}from"react";import PropTypes from"prop-types";import{a as ComboBoxContext,q as qt}from"./ComboBox.component-BpssbOYC.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";const optionStyles=`
|
|
2
|
-
jn-flex
|
|
3
|
-
jn-pt-[0.6875rem]
|
|
4
|
-
jn-pb-[0.5rem]
|
|
5
|
-
jn-pr-[0.875rem]
|
|
6
|
-
jn-select-none
|
|
7
|
-
data-[headlessui-state=active]:jn-outline-none
|
|
8
|
-
data-[headlessui-state=active]:jn-ring-2
|
|
9
|
-
data-[headlessui-state=active]:jn-ring-inset
|
|
10
|
-
data-[headlessui-state=active]:jn-ring-theme-focus
|
|
11
|
-
data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
|
|
12
|
-
`,unselectedOptionStyles=`
|
|
13
|
-
jn-text-theme-default
|
|
14
|
-
jn-pl-[2.375rem]
|
|
15
|
-
`,selectedOptionStyles=`
|
|
16
|
-
jn-text-theme-accent
|
|
17
|
-
jn-pl-3.5
|
|
18
|
-
`,selectedIconStyles=`
|
|
19
|
-
jn-inline-block
|
|
20
|
-
jn-mr-1.5
|
|
21
|
-
`,disabledOptionLabelStyles=`
|
|
22
|
-
jn-opacity-50
|
|
23
|
-
jn-cursor-not-allowed
|
|
24
|
-
`,truncateOptionStyles=`
|
|
25
|
-
jn-block
|
|
26
|
-
jn-h-6
|
|
27
|
-
jn-overflow-hidden
|
|
28
|
-
jn-text-ellipsis
|
|
29
|
-
jn-whitespace-nowrap
|
|
30
|
-
`,ComboBoxOption=a=>{let{children:b,disabled:e=!1,value:f="",label:c,className:g="",...d}=a;const h=useContext(ComboBoxContext),{selectedValue:i,truncateOptions:j,addOptionValueAndLabel:k}=h||{};useEffect(()=>{k(f,c,b)},[f,c,b]);const l=f||b;return React__default.createElement(qt.Option,{value:l,disabled:e,as:Fragment},React__default.createElement("li",_extends({className:`
|
|
31
|
-
juno-combobox-option
|
|
32
|
-
${optionStyles}
|
|
33
|
-
${i===f?selectedOptionStyles:unselectedOptionStyles}
|
|
34
|
-
${e?"jn-cursor-not-allowed":""}
|
|
35
|
-
${g}
|
|
36
|
-
`},d),i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
|
|
37
|
-
${e?disabledOptionLabelStyles:""}
|
|
38
|
-
${j?truncateOptionStyles:""}
|
|
39
|
-
`},b||c||f)))};ComboBoxOption.propTypes={children:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string,className:PropTypes.string};export{ComboBoxOption as C};
|