@primer/components 0.0.0-2021111211759 → 0.0.0-2021111212257
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/CHANGELOG.md +1 -1
- package/dist/browser.esm.js +60 -60
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +62 -62
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList2/{MenuContext.d.ts → ActionListContainerContext.d.ts} +3 -3
- package/lib/ActionList2/{MenuContext.js → ActionListContainerContext.js} +3 -3
- package/lib/ActionList2/Item.js +4 -6
- package/lib/ActionList2/List.js +2 -2
- package/lib/ActionList2/Selection.js +4 -4
- package/lib/ActionMenu2.d.ts +13 -9
- package/lib/ActionMenu2.js +63 -29
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.js +9 -1
- package/lib-esm/ActionList2/{MenuContext.d.ts → ActionListContainerContext.d.ts} +3 -3
- package/lib-esm/ActionList2/{MenuContext.js → ActionListContainerContext.js} +1 -1
- package/lib-esm/ActionList2/Item.js +4 -6
- package/lib-esm/ActionList2/List.js +2 -2
- package/lib-esm/ActionList2/Selection.js +4 -4
- package/lib-esm/ActionMenu2.d.ts +13 -9
- package/lib-esm/ActionMenu2.js +60 -27
- package/lib-esm/hooks/index.d.ts +1 -0
- package/lib-esm/hooks/index.js +2 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/dist/browser.esm.js
CHANGED
@@ -260,9 +260,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
260
260
|
color: ${It("colors.accent.fg")};
|
261
261
|
}
|
262
262
|
${Zt};
|
263
|
-
`;var fo=i(((t,r)=>e.createElement(go,Rt({ref:r,"aria-label":"Close"},t),e.createElement(co,null))));const uo={"outside-top":["outside-bottom","outside-right","outside-left","outside-bottom"],"outside-bottom":["outside-top","outside-right","outside-left","outside-bottom"],"outside-left":["outside-right","outside-bottom","outside-top","outside-bottom"],"outside-right":["outside-left","outside-bottom","outside-top","outside-bottom"]};function po(e,t,r={}){const o=function(e){let t=e.parentNode;for(;null!==t;){if(t instanceof HTMLElement&&"static"!==getComputedStyle(t).position)return t;t=t.parentNode}return document.body}(e),a=function(e){let t=e;for(;null!==t&&t!==document.body;){if("visible"!==getComputedStyle(t).overflow)break;t=t.parentNode}const r=t!==document.body&&t instanceof HTMLElement?t:document.body,o=r.getBoundingClientRect(),a=getComputedStyle(r),[n,i,l,d]=[a.borderTopWidth,a.borderLeftWidth,a.borderRightWidth,a.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:o.top+n,left:o.left+i,width:o.width-l-i,height:Math.max(o.height-n-d,r===document.body?window.innerHeight:-1/0)}}(o),n=getComputedStyle(o),i=o.getBoundingClientRect(),[l,d]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,t,r,o,{side:a,align:n,allowOutOfBounds:i,anchorOffset:l,alignmentOffset:d}){const s={top:e.top-t.top,left:e.left-t.left,width:e.width,height:e.height};let c=yo(r,o,a,n,l,d),g=a;if(c.top-=t.top,c.left-=t.left,!i){const i=uo[a];let f=0;if(i){let e=a;for(;f<i.length&&wo(e,c,s,r);){const a=i[f++];e=a,c=yo(r,o,a,n,l,d),c.top-=t.top,c.left-=t.left,g=a}}c.top<s.top&&(c.top=s.top),c.left<s.left&&(c.left=s.left),c.left+r.width>e.width+s.left&&(c.left=e.width+s.left-r.width),i&&f<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:g}}(a,{top:i.top+l,left:i.left+d},e.getBoundingClientRect(),t instanceof Element?t.getBoundingClientRect():t,function(e={}){var t,r,o,a,n;const i=null!==(t=e.side)&&void 0!==t?t:bo,l=null!==(r=e.align)&&void 0!==r?r:ho;return{side:i,align:l,anchorOffset:null!==(o=e.anchorOffset)&&void 0!==o?o:"inside-center"===i?0:mo,alignmentOffset:null!==(a=e.alignmentOffset)&&void 0!==a?a:"center"!==l&&i.startsWith("inside")?vo:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:xo}}(r))}const bo="outside-bottom",ho="start",mo=4,vo=4,xo=!1;function yo(e,t,r,o,a,n){const i=t.left+t.width,l=t.top+t.height;let d=-1,s=-1;return"outside-top"===r?d=t.top-a-e.height:"outside-bottom"===r?d=l+a:"outside-left"===r?s=t.left-a-e.width:"outside-right"===r&&(s=i+a),"outside-top"!==r&&"outside-bottom"!==r||(s="start"===o?t.left+n:"center"===o?t.left-(e.width-t.width)/2+n:i-e.width-n),"outside-left"!==r&&"outside-right"!==r||(d="start"===o?t.top+n:"center"===o?t.top-(e.height-t.height)/2+n:l-e.height-n),"inside-top"===r?d=t.top+a:"inside-bottom"===r?d=l-a-e.height:"inside-left"===r?s=t.left+a:"inside-right"===r?s=i-a-e.width:"inside-center"===r&&(s=(i+t.left)/2-e.width/2+a),"inside-top"===r||"inside-bottom"===r?s="start"===o?t.left+n:"center"===o?t.left-(e.width-t.width)/2+n:i-e.width-n:"inside-left"!==r&&"inside-right"!==r&&"inside-center"!==r||(d="start"===o?t.top+n:"center"===o?t.top-(e.height-t.height)/2+n:l-e.height-n),{top:d,left:s}}function wo(e,t,r,o){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+o.height>r.height+r.top:t.left<r.left||t.left+o.width>r.width+r.left}var Bo="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?l:a;function ko(t,r=[]){const o=Tr(null==t?void 0:t.floatingElementRef),a=Tr(null==t?void 0:t.anchorElementRef),[n,i]=e.useState(void 0),l=e.useCallback((()=>{o.current instanceof Element&&a.current instanceof Element?i(po(o.current,a.current,t)):i(void 0)}),[o,a,...r]);var d;return Bo(l,[l]),Bo((()=>{const e=new window.ResizeObserver((()=>d()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[d=l]),{floatingElementRef:o,anchorElementRef:a,position:n}}Ir();const
|
263
|
+
`;var fo=i(((t,r)=>e.createElement(go,Rt({ref:r,"aria-label":"Close"},t),e.createElement(co,null))));const uo={"outside-top":["outside-bottom","outside-right","outside-left","outside-bottom"],"outside-bottom":["outside-top","outside-right","outside-left","outside-bottom"],"outside-left":["outside-right","outside-bottom","outside-top","outside-bottom"],"outside-right":["outside-left","outside-bottom","outside-top","outside-bottom"]};function po(e,t,r={}){const o=function(e){let t=e.parentNode;for(;null!==t;){if(t instanceof HTMLElement&&"static"!==getComputedStyle(t).position)return t;t=t.parentNode}return document.body}(e),a=function(e){let t=e;for(;null!==t&&t!==document.body;){if("visible"!==getComputedStyle(t).overflow)break;t=t.parentNode}const r=t!==document.body&&t instanceof HTMLElement?t:document.body,o=r.getBoundingClientRect(),a=getComputedStyle(r),[n,i,l,d]=[a.borderTopWidth,a.borderLeftWidth,a.borderRightWidth,a.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:o.top+n,left:o.left+i,width:o.width-l-i,height:Math.max(o.height-n-d,r===document.body?window.innerHeight:-1/0)}}(o),n=getComputedStyle(o),i=o.getBoundingClientRect(),[l,d]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,t,r,o,{side:a,align:n,allowOutOfBounds:i,anchorOffset:l,alignmentOffset:d}){const s={top:e.top-t.top,left:e.left-t.left,width:e.width,height:e.height};let c=yo(r,o,a,n,l,d),g=a;if(c.top-=t.top,c.left-=t.left,!i){const i=uo[a];let f=0;if(i){let e=a;for(;f<i.length&&wo(e,c,s,r);){const a=i[f++];e=a,c=yo(r,o,a,n,l,d),c.top-=t.top,c.left-=t.left,g=a}}c.top<s.top&&(c.top=s.top),c.left<s.left&&(c.left=s.left),c.left+r.width>e.width+s.left&&(c.left=e.width+s.left-r.width),i&&f<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:g}}(a,{top:i.top+l,left:i.left+d},e.getBoundingClientRect(),t instanceof Element?t.getBoundingClientRect():t,function(e={}){var t,r,o,a,n;const i=null!==(t=e.side)&&void 0!==t?t:bo,l=null!==(r=e.align)&&void 0!==r?r:ho;return{side:i,align:l,anchorOffset:null!==(o=e.anchorOffset)&&void 0!==o?o:"inside-center"===i?0:mo,alignmentOffset:null!==(a=e.alignmentOffset)&&void 0!==a?a:"center"!==l&&i.startsWith("inside")?vo:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:xo}}(r))}const bo="outside-bottom",ho="start",mo=4,vo=4,xo=!1;function yo(e,t,r,o,a,n){const i=t.left+t.width,l=t.top+t.height;let d=-1,s=-1;return"outside-top"===r?d=t.top-a-e.height:"outside-bottom"===r?d=l+a:"outside-left"===r?s=t.left-a-e.width:"outside-right"===r&&(s=i+a),"outside-top"!==r&&"outside-bottom"!==r||(s="start"===o?t.left+n:"center"===o?t.left-(e.width-t.width)/2+n:i-e.width-n),"outside-left"!==r&&"outside-right"!==r||(d="start"===o?t.top+n:"center"===o?t.top-(e.height-t.height)/2+n:l-e.height-n),"inside-top"===r?d=t.top+a:"inside-bottom"===r?d=l-a-e.height:"inside-left"===r?s=t.left+a:"inside-right"===r?s=i-a-e.width:"inside-center"===r&&(s=(i+t.left)/2-e.width/2+a),"inside-top"===r||"inside-bottom"===r?s="start"===o?t.left+n:"center"===o?t.left-(e.width-t.width)/2+n:i-e.width-n:"inside-left"!==r&&"inside-right"!==r&&"inside-center"!==r||(d="start"===o?t.top+n:"center"===o?t.top-(e.height-t.height)/2+n:l-e.height-n),{top:d,left:s}}function wo(e,t,r,o){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+o.height>r.height+r.top:t.left<r.left||t.left+o.width>r.width+r.left}var Bo="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?l:a;function ko(t,r=[]){const o=Tr(null==t?void 0:t.floatingElementRef),a=Tr(null==t?void 0:t.anchorElementRef),[n,i]=e.useState(void 0),l=e.useCallback((()=>{o.current instanceof Element&&a.current instanceof Element?i(po(o.current,a.current,t)):i(void 0)}),[o,a,...r]);var d;return Bo(l,[l]),Bo((()=>{const e=new window.ResizeObserver((()=>d()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[d=l]),{floatingElementRef:o,anchorElementRef:a,position:n}}function $o(e,r,a){const[n,i]=t(a);return[null!=e?e:n,o((e=>{i(e),r&&r(e)}),[r])]}Ir();const To=[];let So;function Eo(e,t=!1){return vr(e,{reverse:t,strict:!0,onlyTabbable:!0}).next().value}function Co(e,t,r){const o=new AbortController,a=null!=r?r:o.signal;let n;function i(r){if(r instanceof HTMLElement&&document.contains(e)){if(e.contains(r))return void(n=r);if(n&&yr(n)&&e.contains(n))return void n.focus();if(t&&e.contains(t))return void t.focus();{const t=null===e.getAttribute("tabindex");return t&&e.setAttribute("tabindex","-1"),e.focus(),void(t&&e.addEventListener("blur",(()=>e.removeAttribute("tabindex")),{once:!0}))}}}e.setAttribute("data-focus-trap","active");const l=function(e){const t=new AbortController;return e.addEventListener("abort",(()=>{t.abort()})),t}(a);if(e.addEventListener("keydown",(t=>{if("Tab"!==t.key||t.defaultPrevented)return;const{target:r}=t,o=Eo(e),a=Eo(e,!0);r===o&&t.shiftKey?(t.preventDefault(),null==a||a.focus()):r!==a||t.shiftKey||(t.preventDefault(),null==o||o.focus())}),{signal:l.signal}),So){const e=So;So.container.setAttribute("data-focus-trap","suspended"),So.controller.abort(),To.push(e)}l.signal.addEventListener("abort",(()=>{So=void 0})),a.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const t=To.findIndex((t=>t.container===e));t>=0&&To.splice(t,1),function(){const e=To.pop();e&&Co(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{i(e.target)}),{signal:l.signal,capture:!0}),i(document.activeElement),So={container:e,controller:l,initialFocus:t,originalSignal:a};const d=To.findIndex((t=>t.container===e));if(d>=0&&To.splice(d,1),!r)return o}function zo(t,r=[]){const o=Tr(null==t?void 0:t.containerRef),a=Tr(null==t?void 0:t.initialFocusRef),n=null==t?void 0:t.disabled,i=e.useRef(),l=e.useRef(null);function d(){var e;null===(e=i.current)||void 0===e||e.abort(),null!=t&&t.restoreFocusOnCleanUp&&l.current instanceof HTMLElement&&(l.current.focus(),l.current=null)}return l.current||null!=t&&t.disabled||(l.current=document.activeElement),e.useEffect((()=>{if(o.current instanceof HTMLElement){var e;if(!n)return i.current=Co(o.current,null!==(e=a.current)&&void 0!==e?e:void 0),()=>{d()};d()}}),[o,a,n,...r]),{containerRef:o,initialFocusRef:a}}function Io({icon:t,...r}){return e.createElement(t,r)}Io.displayName="Octicon";const Ao=g(Io)`
|
264
264
|
${Zt}
|
265
|
-
`;
|
265
|
+
`;Ao.defaultProps={size:16};var No=Ao;function Ro(t={},r=[]){const o=Tr(t.containerRef),n=!!t.activeDescendantFocus,i=Tr("boolean"!=typeof t.activeDescendantFocus&&t.activeDescendantFocus?t.activeDescendantFocus:void 0),l=t.disabled,d=e.useRef();return a((()=>{if(o.current instanceof HTMLElement&&(!n||i.current instanceof HTMLElement)){if(!l){var e;const r={...t,activeDescendantControl:null!==(e=i.current)&&void 0!==e?e:void 0};return d.current=Or(o.current,r),()=>{var e;null===(e=d.current)||void 0===e||e.abort()}}var r;null===(r=d.current)||void 0===r||r.abort()}}),[l,...r]),{containerRef:o,activeDescendantControlRef:i}}const Lo={};function Fo(){const e=Lo.__default__;if(!e||!document.body.contains(e)){let e=document.getElementById("__primerPortalRoot__");if(!(e instanceof Element)){e=document.createElement("div"),e.setAttribute("id","__primerPortalRoot__"),e.style.position="absolute",e.style.top="0",e.style.left="0";const t=document.querySelector("[data-portal-root]");t?t.appendChild(e):document.body.appendChild(e)}!function(e,t="__default__"){Lo[t]=e}(e)}}var Do=({children:t,onMount:r,containerName:o})=>{const a=document.createElement("div");a.style.position="relative",a.style.zIndex="1";const n=e.useRef(a);return Bo((()=>{let e=o;void 0===e&&(e="__default__",Fo());const t=Lo[e];if(!t)throw new Error(`Portal container '${o}' is not yet registered. Container must be registered with registerPortal before use.`);const a=n.current;return t.appendChild(a),null==r||r(),()=>{t.removeChild(a)}}),[n]),v(t,n.current)};function Mo(...e){const t=r(null);return Bo((()=>{function r(t=null){for(const r of e){if(!r)return;"function"==typeof r?r(t):r.current=t}}return r(t.current),()=>{r(t.current)}}),[...e,t.current]),t}const Oo={prefix:String(Math.round(1e10*Math.random())),current:0},Po=e.createContext(Oo);function Ho(t){let r=d(Po),o=n((()=>({prefix:r===Oo?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return e.createElement(Po.Provider,{value:o},t.children)}let Wo=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function _o(e){let t=d(Po);return t!==Oo||Wo||console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),n((()=>e||"react-aria"+t.prefix+"-"+ ++t.current),[e])}const jo=g("div")`
|
266
266
|
position: fixed;
|
267
267
|
top: 0;
|
268
268
|
left: 0;
|
@@ -282,7 +282,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
282
282
|
opacity: 1;
|
283
283
|
}
|
284
284
|
}
|
285
|
-
`,
|
285
|
+
`,Uo={small:"480px",large:"640px",auto:"auto"},Ko={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},Vo=g.div`
|
286
286
|
display: flex;
|
287
287
|
flex-direction: column;
|
288
288
|
background-color: ${It("colors.canvas.overlay")};
|
@@ -290,8 +290,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
290
290
|
min-width: 296px;
|
291
291
|
max-width: calc(100vw - 64px);
|
292
292
|
max-height: calc(100vh - 64px);
|
293
|
-
width: ${e=>{var t;return
|
294
|
-
height: ${e=>{var t;return
|
293
|
+
width: ${e=>{var t;return Ko[null!==(t=e.width)&&void 0!==t?t:"xlarge"]}};
|
294
|
+
height: ${e=>{var t;return Uo[null!==(t=e.height)&&void 0!==t?t:"auto"]}};
|
295
295
|
border-radius: 12px;
|
296
296
|
opacity: 1;
|
297
297
|
animation: overlay--dialog-appear ${"200ms"} ${It("animation.easeOutCubic")};
|
@@ -308,29 +308,29 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
308
308
|
}
|
309
309
|
|
310
310
|
${Zt};
|
311
|
-
`,
|
311
|
+
`,Go=({dialogLabelId:t,title:r,subtitle:a,dialogDescriptionId:n,onClose:i})=>{const l=o((()=>{i("close-button")}),[i]);return e.createElement(na.Header,null,e.createElement(Qt,{display:"flex"},e.createElement(Qt,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},e.createElement(na.Title,{id:t},null!=r?r:"Dialog"),a&&e.createElement(na.Subtitle,{id:n},a)),e.createElement(na.CloseButton,{onClose:l})))};Go.displayName="DefaultHeader";const qo=({children:t})=>e.createElement(na.Body,null,t);qo.displayName="DefaultBody";const Xo=({footerButtons:t})=>{const{containerRef:r}=Ro({bindKeys:Nr.ArrowHorizontal|Nr.Tab,focusInStrategy:"closest"});return t?e.createElement(na.Footer,{ref:r},e.createElement(na.Buttons,{buttons:t})):null},Yo=e.forwardRef(((t,o)=>{const{title:a="Dialog",subtitle:n="",renderHeader:i,renderBody:l,renderFooter:d,onClose:s,role:c="dialog",width:g="xlarge",height:f="auto",footerButtons:u=[]}=t,p=_o(),b=_o(),h=r(null);for(const e of u)e.autoFocus&&(e.ref=h);const m={...t,title:a,subtitle:n,role:c,dialogLabelId:p,dialogDescriptionId:b},v=r(null),x=Mo(v,o),y=r(null);zo({containerRef:v,restoreFocusOnCleanUp:!0,initialFocusRef:h}),$r((e=>{s("escape"),e.preventDefault()}),[s]);const w=(null!=i?i:Go)(m),B=(null!=l?l:qo)(m),k=(null!=d?d:Xo)(m);return e.createElement(e.Fragment,null,e.createElement(Do,null,e.createElement(jo,{ref:y},e.createElement(Vo,{width:g,height:f,ref:x,role:c,"aria-labelledby":p,"aria-describedby":b},w,B,k))))}));Yo.displayName="Dialog";const Jo=g.div.attrs({as:"header"})`
|
312
312
|
box-shadow: 0 1px 0 ${It("colors.border.default")};
|
313
313
|
padding: ${It("space.2")};
|
314
314
|
z-index: 1;
|
315
315
|
flex-shrink: 0;
|
316
|
-
`,
|
316
|
+
`,Zo=g.div`
|
317
317
|
font-size: ${It("fontSizes.1")};
|
318
318
|
font-weight: ${It("fontWeights.bold")};
|
319
319
|
|
320
320
|
${Zt};
|
321
|
-
`,
|
321
|
+
`,Qo=g.div`
|
322
322
|
font-size: ${It("fontSizes.0")};
|
323
323
|
margin-top: ${It("space.1")};
|
324
324
|
color: ${It("colors.fg.muted")};
|
325
325
|
|
326
326
|
${Zt};
|
327
|
-
`,
|
327
|
+
`,ea=g.div`
|
328
328
|
flex-grow: 1;
|
329
329
|
overflow: auto;
|
330
330
|
padding: ${It("space.3")};
|
331
331
|
|
332
332
|
${Zt};
|
333
|
-
`,
|
333
|
+
`,ta=g.div.attrs({as:"footer"})`
|
334
334
|
box-shadow: 0 -1px 0 ${It("colors.border.default")};
|
335
335
|
padding: ${It("space.3")};
|
336
336
|
display: flex;
|
@@ -347,7 +347,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
347
347
|
}
|
348
348
|
|
349
349
|
${Zt};
|
350
|
-
`,
|
350
|
+
`,ra={normal:jr,primary:qr,danger:Ur},oa=g(jr)`
|
351
351
|
border-radius: 4px;
|
352
352
|
background: transparent;
|
353
353
|
border: 0;
|
@@ -357,21 +357,21 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
357
357
|
align-self: flex-start;
|
358
358
|
line-height: normal;
|
359
359
|
box-shadow: none;
|
360
|
-
`,
|
360
|
+
`,aa=({onClose:t})=>e.createElement(oa,{"aria-label":"Close",onClick:t},e.createElement(No,{icon:co}));aa.displayName="CloseButton";const na=Object.assign(Yo,{Header:Jo,Title:Zo,Subtitle:Qo,Body:ea,Footer:ta,Buttons:({buttons:r})=>{var o;const n=Tr(null===(o=r.find((e=>e.autoFocus)))||void 0===o?void 0:o.ref);let i=0;const[l,d]=t(0);return a((()=>{var e;1===l?null===(e=n.current)||void 0===e||e.focus():d(l+1)}),[n,l]),e.createElement(e.Fragment,null,r.map(((t,r)=>{const{content:o,buttonType:a="normal",autoFocus:l=!1,...d}=t,s=ra[a];return e.createElement(s,Rt({key:r},d,{variant:a,ref:l&&0===i?(i++,n):null}),o)})))},CloseButton:aa}),ia=g.header`
|
361
361
|
padding: ${It("space.2")};
|
362
362
|
display: flex;
|
363
363
|
flex-direction: row;
|
364
|
-
`,
|
364
|
+
`,la=g(Qt)`
|
365
365
|
font-size: ${It("fontSizes.3")};
|
366
366
|
font-weight: ${It("fontWeights.bold")};
|
367
367
|
padding: 6px ${It("space.2")};
|
368
368
|
flex-grow: 1;
|
369
|
-
`,
|
369
|
+
`,da=({title:t,onClose:r,dialogLabelId:a})=>{const n=o((()=>{r("close-button")}),[r]);return e.createElement(ia,null,e.createElement(la,{id:a},t),e.createElement(na.CloseButton,{onClose:n}))};da.displayName="ConfirmationHeader";const sa=g(Qt)`
|
370
370
|
font-size: ${It("fontSizes.1")};
|
371
371
|
padding: 0 ${It("space.3")} ${It("space.3")} ${It("space.3")};
|
372
372
|
color: ${It("colors.fg.muted")};
|
373
373
|
flex-grow: 1;
|
374
|
-
`,
|
374
|
+
`,ca=({children:t})=>e.createElement(sa,null,t);ca.displayName="ConfirmationBody";const ga=g(Qt)`
|
375
375
|
display: grid;
|
376
376
|
grid-auto-flow: column;
|
377
377
|
grid-auto-columns: max-content;
|
@@ -379,7 +379,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
379
379
|
align-items: end;
|
380
380
|
justify-content: end;
|
381
381
|
padding: ${It("space.1")} ${It("space.3")} ${It("space.3")};
|
382
|
-
`,
|
382
|
+
`,fa=({footerButtons:t})=>{const{containerRef:r}=Ro({bindKeys:Nr.ArrowHorizontal|Nr.Tab,focusInStrategy:"closest"});return e.createElement(ga,{ref:r},e.createElement(na.Buttons,{buttons:null!=t?t:[]}))};fa.displayName="ConfirmationFooter";const ua=t=>{const{onClose:r,title:a,cancelButtonContent:n="Cancel",confirmButtonContent:i="OK",confirmButtonType:l="normal",children:d}=t,s=[{content:n,onClick:o((()=>{r("cancel")}),[r])},{content:i,buttonType:l,onClick:o((()=>{r("confirm")}),[r]),autoFocus:!0}];return e.createElement(na,{onClose:r,title:a,footerButtons:s,role:"alertdialog",width:"medium",renderHeader:da,renderBody:ca,renderFooter:fa},d)};function pa(){const{theme:t,colorMode:r,dayScheme:a,nightScheme:n}=qt();return o((o=>async function(t,r){const{content:o,...a}=r;return new Promise((r=>{const n=document.createElement("div");m.render(e.createElement(Gt,t,e.createElement(ua,Rt({},a,{onClose:e=>{m.unmountComponentAtNode(n),r("confirm"===e)}}),o)),n)}))}({theme:t,colorMode:r,dayScheme:a,nightScheme:n},o)),[t,r,a,n])}ua.displayName="ConfirmationDialog";const ba=g.div`
|
383
383
|
{
|
384
384
|
/* 6px vertical padding + 20px line height = 32px total height
|
385
385
|
*
|
@@ -395,9 +395,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
395
395
|
${({variant:e})=>"filled"===e&&p(["background:",";margin:"," 0;border-top:1px solid ",";border-bottom:1px solid ",";&:first-child{margin-top:0;}"],It("colors.canvas.subtle"),It("space.2"),It("colors.neutral.muted"),It("colors.neutral.muted"))}
|
396
396
|
|
397
397
|
${Zt}
|
398
|
-
`;function
|
398
|
+
`;function ha({variant:t="subtle",title:r,auxiliaryText:o,children:a,...n}){return e.createElement(ba,Rt({role:"heading",variant:t},n),r,o&&e.createElement("span",null,o))}ha.displayName="Header";const ma=g.div`
|
399
399
|
${Zt}
|
400
|
-
`;function
|
400
|
+
`;function va({header:t,items:r,...o}){return e.createElement(ma,o,t&&e.createElement(ha,t),r)}va.displayName="Group";const xa=g.div`
|
401
401
|
display: ${e=>e.inline?"inline-block":"inherit"};
|
402
402
|
overflow: hidden;
|
403
403
|
text-overflow: ellipsis;
|
@@ -406,25 +406,25 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
406
406
|
${we}
|
407
407
|
${e=>e.expandable?"&:hover { max-width: 10000px; }":""}
|
408
408
|
${Zt};
|
409
|
-
`;
|
409
|
+
`;xa.defaultProps={expandable:!1,inline:!1,maxWidth:125};var ya=xa;const wa=g.div`
|
410
410
|
height: 1px;
|
411
411
|
background: ${It("colors.border.muted")};
|
412
412
|
margin-top: calc(${It("space.2")} - 1px);
|
413
413
|
margin-bottom: ${It("space.2")};
|
414
|
-
`;function
|
414
|
+
`;function Ba(){return e.createElement(wa,null)}Ba.displayName="Divider",Ba.renderItem=Ba;const ka=(e="default",t)=>{if(t)return{color:It("colors.primer.fg.disabled"),iconColor:It("colors.primer.fg.disabled"),annotationColor:It("colors.primer.fg.disabled"),hoverCursor:"default"};switch(e){case"danger":return{color:It("colors.danger.fg"),iconColor:It("colors.danger.fg"),annotationColor:It("colors.fg.muted"),hoverCursor:"pointer",hoverBg:It("colors.actionListItem.danger.hoverBg"),focusBg:It("colors.actionListItem.danger.activeBg"),hoverText:It("colors.actionListItem.danger.hoverText")};default:return{color:It("colors.fg.default"),iconColor:It("colors.fg.muted"),annotationColor:It("colors.fg.muted"),hoverCursor:"pointer",hoverBg:It("colors.actionListItem.default.hoverBg"),focusBg:It("colors.actionListItem.default.activeBg")}}},$a=g.div`
|
415
415
|
display: flex;
|
416
416
|
min-width: 0;
|
417
417
|
|
418
418
|
/* Required for dividers */
|
419
419
|
position: relative;
|
420
420
|
flex-grow: 1;
|
421
|
-
|
421
|
+
`,Ta=g.div`
|
422
422
|
align-items: baseline;
|
423
423
|
display: flex;
|
424
424
|
min-width: 0;
|
425
425
|
flex-direction: var(--main-content-flex-direction);
|
426
426
|
flex-grow: 1;
|
427
|
-
`,
|
427
|
+
`,Sa=g.div`
|
428
428
|
/* 6px vertical padding + 20px line height = 32px total height
|
429
429
|
*
|
430
430
|
* TODO: When rem-based spacing on a 4px scale lands, replace
|
@@ -433,7 +433,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
433
433
|
padding: 6px ${It("space.2")};
|
434
434
|
display: flex;
|
435
435
|
border-radius: ${It("radii.2")};
|
436
|
-
color: ${({variant:e,item:t})=>
|
436
|
+
color: ${({variant:e,item:t})=>ka(e,null==t?void 0:t.disabled).color};
|
437
437
|
// 2 frames on a 60hz monitor
|
438
438
|
transition: background 33.333ms linear;
|
439
439
|
text-decoration: none;
|
@@ -443,18 +443,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
443
443
|
// allow override in case another item in the list is active/focused
|
444
444
|
background: var(
|
445
445
|
--item-hover-bg-override,
|
446
|
-
${({variant:e,item:t})=>
|
446
|
+
${({variant:e,item:t})=>ka(e,null==t?void 0:t.disabled).hoverBg}
|
447
447
|
);
|
448
|
-
color: ${({variant:e,item:t})=>
|
449
|
-
cursor: ${({variant:e,item:t})=>
|
448
|
+
color: ${({variant:e,item:t})=>ka(e,null==t?void 0:t.disabled).hoverText};
|
449
|
+
cursor: ${({variant:e,item:t})=>ka(e,null==t?void 0:t.disabled).hoverCursor};
|
450
450
|
}
|
451
451
|
}
|
452
452
|
|
453
453
|
// Item dividers
|
454
|
-
:not(:first-of-type):not(${
|
454
|
+
:not(:first-of-type):not(${wa} + &):not(${ba} + &) {
|
455
455
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
456
456
|
|
457
|
-
${
|
457
|
+
${$a}::before {
|
458
458
|
content: ' ';
|
459
459
|
display: block;
|
460
460
|
position: absolute;
|
@@ -468,46 +468,46 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
468
468
|
|
469
469
|
// Item dividers should not be visible:
|
470
470
|
// - above Hovered
|
471
|
-
&:hover ${
|
471
|
+
&:hover ${$a}::before,
|
472
472
|
// - below Hovered
|
473
473
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
474
|
-
:hover + * ${
|
474
|
+
:hover + * ${$a}::before {
|
475
475
|
// allow override in case another item in the list is active/focused
|
476
476
|
border-color: var(--item-hover-divider-border-color-override, transparent) !important;
|
477
477
|
}
|
478
478
|
|
479
479
|
// - above Focused
|
480
|
-
&:focus ${
|
480
|
+
&:focus ${$a}::before,
|
481
481
|
// - below Focused
|
482
482
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
483
|
-
:focus + * ${
|
483
|
+
:focus + * ${$a}::before,
|
484
484
|
// - above Active Descendent
|
485
|
-
&[${"data-is-active-descendant"}] ${
|
485
|
+
&[${"data-is-active-descendant"}] ${$a}::before,
|
486
486
|
// - below Active Descendent
|
487
|
-
[${"data-is-active-descendant"}] + & ${
|
487
|
+
[${"data-is-active-descendant"}] + & ${$a}::before {
|
488
488
|
// '!important' because all the ':not's above give higher specificity
|
489
489
|
border-color: transparent !important;
|
490
490
|
}
|
491
491
|
|
492
492
|
// Active Descendant
|
493
493
|
&[${"data-is-active-descendant"}='${"activated-directly"}'] {
|
494
|
-
background: ${({variant:e,item:t})=>
|
494
|
+
background: ${({variant:e,item:t})=>ka(e,null==t?void 0:t.disabled).focusBg};
|
495
495
|
}
|
496
496
|
&[${"data-is-active-descendant"}='${"activated-indirectly"}'] {
|
497
|
-
background: ${({variant:e,item:t})=>
|
497
|
+
background: ${({variant:e,item:t})=>ka(e,null==t?void 0:t.disabled).hoverBg};
|
498
498
|
}
|
499
499
|
|
500
500
|
&:focus {
|
501
|
-
background: ${({variant:e,item:t})=>
|
501
|
+
background: ${({variant:e,item:t})=>ka(e,null==t?void 0:t.disabled).focusBg};
|
502
502
|
outline: none;
|
503
503
|
}
|
504
504
|
|
505
505
|
&:active {
|
506
|
-
background: ${({variant:e,item:t})=>
|
506
|
+
background: ${({variant:e,item:t})=>ka(e,null==t?void 0:t.disabled).focusBg};
|
507
507
|
}
|
508
508
|
|
509
509
|
${Zt}
|
510
|
-
`,
|
510
|
+
`,Ea=g.span``,Ca=g.div`
|
511
511
|
// Match visual height to adjacent text line height.
|
512
512
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
513
513
|
// hardcoded '20px' with '${It("space.s20")}'.
|
@@ -518,24 +518,24 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
518
518
|
justify-content: center;
|
519
519
|
align-items: center;
|
520
520
|
flex-shrink: 0;
|
521
|
-
`,
|
521
|
+
`,za=g(Ca)`
|
522
522
|
svg {
|
523
|
-
fill: ${({variant:e,disabled:t})=>
|
523
|
+
fill: ${({variant:e,disabled:t})=>ka(e,t).iconColor};
|
524
524
|
font-size: ${It("fontSizes.0")};
|
525
525
|
}
|
526
|
-
`,
|
526
|
+
`,Ia=g(za)`
|
527
527
|
display: flex;
|
528
528
|
flex-direction: column;
|
529
529
|
justify-content: center;
|
530
|
-
`,
|
531
|
-
color: ${({variant:e,disabled:t})=>
|
530
|
+
`,Aa=g(za)`
|
531
|
+
color: ${({variant:e,disabled:t})=>ka(e,t).annotationColor}};
|
532
532
|
margin-left: ${It("space.2")};
|
533
533
|
margin-right: 0;
|
534
534
|
width: auto;
|
535
535
|
div:nth-child(2) {
|
536
536
|
margin-left: ${It("space.2")};
|
537
537
|
}
|
538
|
-
`,
|
538
|
+
`,Na=g.span`
|
539
539
|
color: ${It("colors.fg.muted")};
|
540
540
|
font-size: ${It("fontSizes.0")};
|
541
541
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
@@ -545,7 +545,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
545
545
|
min-width: 0;
|
546
546
|
flex-grow: 1;
|
547
547
|
flex-basis: var(--description-container-flex-basis);
|
548
|
-
`,
|
548
|
+
`,Ra=g.svg`
|
549
549
|
rect {
|
550
550
|
fill: ${({selected:e})=>It(e?"colors.accent.fg":"colors.canvas.default")};
|
551
551
|
stroke: ${({selected:e})=>It(e?"colors.accent.fg":"colors.border.default")};
|
@@ -556,7 +556,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
556
556
|
boxshadow: ${It("shadow.small")};
|
557
557
|
opacity: ${({selected:e})=>e?1:0};
|
558
558
|
}
|
559
|
-
`,
|
559
|
+
`,La=e.forwardRef(((t,r)=>{const{as:a,text:n,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:g,trailingVisual:f,trailingText:u,variant:p="default",showDivider:b,disabled:h,onAction:m,onKeyPress:v,children:x,onClick:y,id:w,...B}=t,k=_o(),$=_o(),T=o((e=>{h||(null==v||v(e),!e.defaultPrevented&&[" ","Enter"].includes(e.key)&&(null==m||m(t,e)))}),[m,h,t,v]),S=o((e=>{h||(null==y||y(e),e.defaultPrevented||null==m||m(t,e))}),[m,h,t,y]),{theme:E}=qt();return e.createElement(Sa,Rt({ref:r,as:a,tabIndex:h?void 0:-1,variant:p,showDivider:b,"aria-selected":d,"aria-labelledby":n?k:void 0,"aria-describedby":i?$:void 0},B,{"data-id":w,onKeyPress:T,onClick:S}),!!d===d&&e.createElement(Ca,null,"multiple"===s?e.createElement(e.Fragment,null,e.createElement(Ra,{selected:d,width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e.createElement("rect",{x:"2",y:"2",width:"12",height:"12",rx:"4"}),e.createElement("path",{fillRule:"evenodd",strokeWidth:"0",d:"M4.03231 8.69862C3.84775 8.20646 4.49385 7.77554 4.95539 7.77554C5.41693 7.77554 6.80154 9.85246 6.80154 9.85246C6.80154 9.85246 10.2631 4.314 10.4938 4.08323C10.7246 3.85246 11.8785 4.08323 11.4169 5.00631C11.0081 5.82388 7.26308 11.4678 7.26308 11.4678C7.26308 11.4678 6.80154 12.1602 6.34 11.4678C5.87846 10.7755 4.21687 9.19077 4.03231 8.69862Z"}))):d&&e.createElement(eo,{fill:null==E?void 0:E.colors.fg.default})),c&&e.createElement(Ia,{variant:p,disabled:h},e.createElement(c,null)),e.createElement($a,null,e.createElement(Ta,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},x,n?e.createElement(Ea,{id:k},n):null,i?e.createElement(Na,{id:$,style:{"--description-container-margin-left":"inline"===l?It("space.2")(E):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:e.createElement(ya,{title:i,inline:!0,maxWidth:"100%"},i)):null),f?e.createElement(Aa,{variant:p,disabled:h},"function"==typeof f?e.createElement(f,null):f):g||u?e.createElement(Aa,{variant:p,disabled:h},u,g&&e.createElement(g,null)):null))}));La.displayName="ActionList.Item";const Fa=g.div`
|
560
560
|
font-size: ${It("fontSizes.1")};
|
561
561
|
/* 14px font-size * 1.428571429 = 20px line height
|
562
562
|
*
|
@@ -569,15 +569,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
569
569
|
--item-hover-bg-override: none;
|
570
570
|
--item-hover-divider-border-color-override: ${It("colors.border.muted")};
|
571
571
|
}
|
572
|
-
`;const
|
572
|
+
`;const Da=e.forwardRef(((t,r)=>{const{firstGroupStyle:o,lastGroupStyle:a,headerStyle:n,itemStyle:i}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:It("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:It("space.2")},lastGroupStyle:{marginBottom:It("space.2")},itemStyle:{marginX:It("space.2")}}}}(t.variant),l=(r,o,a)=>{var n,l,d;const s="renderItem"in r&&r.renderItem||t.renderItem||La,c=null!==(n=null!==(l="key"in r?r.key:void 0)&&void 0!==l?l:null===(d=r.id)||void 0===d?void 0:d.toString())&&void 0!==n?n:a.toString();return e.createElement(s,Rt({showDivider:t.showItemDividers,selectionVariant:t.selectionVariant},r,{key:c,sx:{...i,...r.sx},item:o}))};let d=[];if(function(e){return"groupMetadata"in e}(t)){const e=t.groupMetadata.reduce(((e,t)=>e.set(t.groupId,t)),new Map);for(const r of t.items){var s,c,g;const t=e.get(r.groupId),o=null!==(s=null==t||null===(c=t.items)||void 0===c?void 0:c.length)&&void 0!==s?s:0;e.set(r.groupId,{...t,items:[...null!==(g=null==t?void 0:t.items)&&void 0!==g?g:[],l({showDivider:null==t?void 0:t.showItemDividers,...t&&"renderItem"in t&&{renderItem:t.renderItem},...r},r,o)]})}d=[...e.values()]}else d=[{items:t.items.map(((e,t)=>l(e,e,t))),groupId:"0"}];return e.createElement(Fa,Rt({},t,{ref:r}),d.map((({header:r,...i},l)=>{const s="filled"===(null==r?void 0:r.variant),c=l>0&&!s;return e.createElement(e.Fragment,{key:i.groupId},c?e.createElement(Ba,{key:`${i.groupId}-divider`}):null,(r=>{var o;const a=(null!==(o="renderGroup"in r&&r.renderGroup)&&void 0!==o?o:t.renderGroup)||va;return e.createElement(a,Rt({},r,{key:r.groupId}))})({sx:{...0===l&&o,...l===d.length-1&&a,...l>0&&!c&&{mt:2}},...r&&{header:{...r,sx:{...n,...r.sx}}},...i}))})))}));Da.displayName="ActionList";const Ma=Object.assign(Da,{Group:va,Item:La,Divider:Ba}),Oa={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Pa={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Ha=g.div`
|
573
573
|
background-color: ${It("colors.canvas.overlay")};
|
574
574
|
box-shadow: ${It("shadows.overlay.shadow")};
|
575
575
|
position: absolute;
|
576
576
|
min-width: 192px;
|
577
577
|
max-width: 640px;
|
578
|
-
height: ${e=>
|
579
|
-
max-height: ${e=>e.maxHeight&&
|
580
|
-
width: ${e=>
|
578
|
+
height: ${e=>Oa[e.height||"auto"]};
|
579
|
+
max-height: ${e=>e.maxHeight&&Oa[e.maxHeight]};
|
580
|
+
width: ${e=>Pa[e.width||"auto"]};
|
581
581
|
border-radius: 12px;
|
582
582
|
overflow: hidden;
|
583
583
|
animation: overlay-appear ${200}ms ${It("animation.easeOutCubic")};
|
@@ -595,7 +595,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
595
595
|
outline: none;
|
596
596
|
}
|
597
597
|
${Zt};
|
598
|
-
`,
|
598
|
+
`,Wa=e.forwardRef((({onClickOutside:t,role:o="none",initialFocusRef:n,returnFocusRef:i,ignoreClickRefs:l,onEscape:d,visibility:s="visible",height:c,top:g,left:f,anchorSide:u,portalContainerName:p,preventFocusOnOpen:b,...h},m)=>{const v=r(null),x=Mo(v,m),{theme:y}=qt(),w=parseInt(It("space.2")(y).replace("px","")),B=It("animation.easeOutCubic")(y);return Sr({overlayRef:v,returnFocusRef:i,onEscape:d,ignoreClickRefs:l,onClickOutside:t,initialFocusRef:n,preventFocusOnOpen:b}),a((()=>{var e;"initial"===c&&null!==(e=x.current)&&void 0!==e&&e.clientHeight&&(x.current.style.height=`${x.current.clientHeight}px`)}),[c,x]),Bo((()=>{var e;const{x:t,y:r}=function(e){return null!=e&&e.endsWith("bottom")?{x:0,y:-1}:null!=e&&e.endsWith("top")?{x:0,y:1}:null!=e&&e.endsWith("right")?{x:-1,y:0}:null!=e&&e.endsWith("left")?{x:1,y:0}:{x:0,y:0}}(u);(t||r)&&null!==(e=v.current)&&void 0!==e&&e.animate&&"hidden"!==s&&v.current.animate({transform:[`translate(${w*t}px, ${w*r}px)`,"translate(0, 0)"]},{duration:200,easing:B})}),[u,w,B,s]),e.createElement(Do,{containerName:p},e.createElement(Ha,Rt({height:c,role:o},h,{ref:x,style:{top:`${g||0}px`,left:`${f||0}px`,"--styled-overlay-visibility":s}})))}));Wa.defaultProps={height:"auto",width:"auto"};var _a=Wa;const ja=({renderAnchor:n,anchorRef:i,children:l,open:d,onOpen:s,onClose:c,height:g,width:f,overlayProps:u,focusTrapSettings:p,focusZoneSettings:b,side:h,align:m})=>{const v=Tr(i),[x,y]=function(){const[e,a]=t(null),n=r(null);n.current=e;const i=o((e=>{n.current=e,a(e)}),[n]);return[n,i]}(),w=_o(),B=o((()=>null==c?void 0:c("click-outside")),[c]),k=o((()=>null==c?void 0:c("escape")),[c]),$=o((e=>{e.defaultPrevented||!d&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==s||s("anchor-key-press"),e.preventDefault())}),[d,s]),T=o((e=>{e.defaultPrevented||0!==e.button||(d?null==c||c("anchor-click"):null==s||s("anchor-click"))}),[d,s,c]),{position:S}=ko({anchorElementRef:v,floatingElementRef:x,side:h,align:m},[x.current]);return a((()=>{!d&&x.current&&y(null)}),[d,x,y]),Ro({containerRef:x,disabled:!d||!S,...b}),zo({containerRef:x,disabled:!d||!S,...p}),e.createElement(e.Fragment,null,n&&n({ref:v,id:w,"aria-labelledby":w,"aria-haspopup":"true",tabIndex:0,onClick:T,onKeyDown:$}),d?e.createElement(_a,Rt({returnFocusRef:v,onClickOutside:B,ignoreClickRefs:[v],onEscape:k,ref:y,role:"none",visibility:S?"visible":"hidden",height:g,width:f,top:(null==S?void 0:S.top)||0,left:(null==S?void 0:S.left)||0,anchorSide:null==S?void 0:S.anchorSide},u),l):null)};ja.displayName="AnchoredOverlay",ja.defaultProps={side:"outside-bottom",align:"start"};const Ua=t=>e.createElement(La,Rt({role:"menuitem"},t));Ua.displayName="ActionMenuItem",Ua.displayName="ActionMenu.Item";const Ka=({anchorContent:t,renderAnchor:r=(t=>e.createElement(jr,t)),anchorRef:a,onAction:i,open:l,setOpen:d,overlayProps:s,items:c,...g})=>{const[f,u]=$o(l,d,!1),p=Tr(a),b=o((()=>u(!0)),[u]),h=o((()=>u(!1)),[u]),m=n((()=>null===r?null:e=>r({"aria-label":"menu",children:t,...e})),[t,r]),v=n((()=>c.map((e=>({...e,role:"menuitem",onAction:(t,r)=>{var o;const a=null!==(o=e.onAction)&&void 0!==o?o:i;null==a||a(t,r),r.defaultPrevented||h()}})))),[c,i,h]);return e.createElement(ja,{renderAnchor:m,anchorRef:p,open:f,onOpen:b,onClose:h,overlayProps:s},e.createElement(Da,Rt({},g,{role:"menu",items:v})))};Ka.displayName="ActionMenuBase",Ka.displayName="ActionMenu";const Va=Object.assign(Ka,{Divider:Ba,Item:Ua}),Ga=s(null);var qa,Xa={exports:{}};
|
599
599
|
/*!
|
600
600
|
Copyright (c) 2018 Jed Watson.
|
601
601
|
Licensed under the MIT License (MIT), see
|
@@ -660,7 +660,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
660
660
|
${we}
|
661
661
|
${Za}
|
662
662
|
${Zt};
|
663
|
-
`;const en=e.forwardRef((({icon:t,block:r,className:o,contrast:a,disabled:n,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:g,...f},u)=>{const p=Ya(o,"TextInput-wrapper");return e.createElement(Qa,{block:r,className:p,contrast:a,disabled:n,hasIcon:!!t,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:g},t&&e.createElement(t,{className:"TextInput-icon"}),e.createElement(Ja,Rt({ref:u,disabled:n},f)))}));en.defaultProps={type:"text"},en.displayName="TextInput";var tn=en;const rn=e.forwardRef((({as:r=tn,onFocus:n,onBlur:i,onChange:l,onKeyDown:s,onKeyUp:c,onKeyPress:g,value:f,...u},p)=>{const b=d(Ga);if(null===b)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:h,autocompleteSuggestion:m="",id:v,inputRef:x,inputValue:y="",isMenuDirectlyActivated:w,setInputValue:B,setShowMenu:k,showMenu:$}=b,T=
|
663
|
+
`;const en=e.forwardRef((({icon:t,block:r,className:o,contrast:a,disabled:n,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:g,...f},u)=>{const p=Ya(o,"TextInput-wrapper");return e.createElement(Qa,{block:r,className:p,contrast:a,disabled:n,hasIcon:!!t,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:g},t&&e.createElement(t,{className:"TextInput-icon"}),e.createElement(Ja,Rt({ref:u,disabled:n},f)))}));en.defaultProps={type:"text"},en.displayName="TextInput";var tn=en;const rn=e.forwardRef((({as:r=tn,onFocus:n,onBlur:i,onChange:l,onKeyDown:s,onKeyUp:c,onKeyPress:g,value:f,...u},p)=>{const b=d(Ga);if(null===b)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:h,autocompleteSuggestion:m="",id:v,inputRef:x,inputValue:y="",isMenuDirectlyActivated:w,setInputValue:B,setShowMenu:k,showMenu:$}=b,T=Mo(x,p),[S,E]=t(!0),C=o((e=>{n&&n(e),k(!0)}),[n,k]),z=o((e=>{i&&i(e),setTimeout((()=>{document.activeElement!==T.current&&k(!1)}),0)}),[i,k,T]),I=o((e=>{l&&l(e),B(e.currentTarget.value),$||k(!0)}),[l,B,k,$]),A=o((e=>{var t;s&&s(e),"Backspace"===e.key&&E(!1),"Escape"===e.key&&null!==(t=x.current)&&void 0!==t&&t.value&&(B(""),x.current.value="")}),[x,B,E,s]),N=o((e=>{c&&c(e),"Backspace"===e.key&&E(!0)}),[E,c]),R=o((e=>{if(g&&g(e),$&&"Enter"===e.key&&h.current){e.preventDefault(),e.nativeEvent.stopImmediatePropagation();const t=new KeyboardEvent(e.type,e.nativeEvent);h.current.dispatchEvent(t)}}),[h,$,g]);return a((()=>{x.current&&(m||(x.current.value=y),S&&m&&(y||w)&&(x.current.value=m,0===m.toLowerCase().indexOf(y.toLowerCase())&&x.current.setSelectionRange(y.length,m.length)))}),[m,y,x,w]),a((()=>{f&&B(f.toString())}),[f,B]),e.createElement(r,Rt({onFocus:C,onBlur:z,onChange:I,onKeyDown:A,onKeyPress:R,onKeyUp:N,ref:T,"aria-controls":`${v}-listbox`,"aria-autocomplete":"both",role:"combobox","aria-expanded":$,"aria-haspopup":"listbox","aria-owns":`${v}-listbox`,autocomplete:"off"},u))}));rn.displayName="AutocompleteInput";var on=rn;const an=(e,t,r="vertical",o=8,a=0,n="smooth")=>{const i="vertical"===r?"top":"left",l="vertical"===r?"bottom":"right",d="vertical"===r?"scrollTop":"scrollLeft",{[i]:s,[l]:c}=e.getBoundingClientRect(),{[i]:g,[l]:f}=t.getBoundingClientRect(),u=c>f-o;if(s<g+a){const e=s-g+t[d];t.scrollTo({behavior:n,[i]:e-a})}else if(u){const e=c-f+t[d];t.scrollTo({behavior:n,[i]:e+o})}};function nn(o){const i=d(Ga);if(null===i)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:l,id:s,inputRef:c,inputValue:g="",scrollContainerRef:f,setAutocompleteSuggestion:u,setShowMenu:p,setInputValue:b,setIsMenuDirectlyActivated:h,setSelectedItemLength:m,showMenu:v}=i,{items:x,selectedItemIds:y,sortOnCloseFn:w,emptyStateText:B,addNewItem:k,loading:$,selectionVariant:T,filterFn:S,"aria-labelledby":E,onOpenChange:C,onSelectedChange:z,customScrollContainerRef:I}=o,A=r(null),[N,R]=t(),[L,F]=t(x.map((({id:e})=>e))),D=n((()=>x.map((e=>({...e,role:"option",id:e.id,selected:"multiple"===T?y.includes(e.id):void 0,onAction:e=>{const t=y.filter((t=>t!==e.id)),r=y.includes(e.id)?t:[...t,e.id];var o,a;((z||(o=b,function(e){const{text:t=""}=Array.isArray(e)?e.slice(-1)[0]:e;o(t)}))(r.map((e=>function(e,t){return t.find((t=>t.id===e))}(e,x)))),"multiple"===T)?(b(""),u("")):(p(!1),null===(a=c.current)||void 0===a||a.setSelectionRange(c.current.value.length,c.current.value.length))}})))),[x,y,c,z,T,u,b,p]),M=n((()=>L.reduce(((e,t,r)=>(e[t]=r,e)),{})),[L]),O=n((()=>{return D.filter(S||(e=g,function(t,r){var o;return Boolean(null===(o=t.text)||void 0===o?void 0:o.toLowerCase().startsWith(e.toLowerCase()))})).sort(((e,t)=>M[e.id]-M[t.id]));var e}),[D,M,S,g]),P=n((()=>[...O,...k?[{...k,leadingVisual:()=>e.createElement(io,null),onAction:e=>{k.handleAddItem({...e,id:e.id||Lr(),leadingVisual:void 0}),"multiple"===T&&(b(""),u(""))}}]:[]]),[O,k,u,T,b]);return Ro({containerRef:A,focusOutBehavior:"wrap",focusableElementFilter:e=>!(e instanceof HTMLInputElement),activeDescendantFocus:c,onActiveDescendantChanged:(e,t,r)=>{if(l.current=e||null,e){const t=D.find((t=>t.id.toString()===e.getAttribute("data-id")));R(t),h(r)}e&&I&&I.current&&r?an(e,I.current):e&&f.current&&r&&an(e,f.current)}},[$]),a((()=>{var e;null!=N&&null!==(e=N.text)&&void 0!==e&&e.startsWith(g)&&!y.includes(N.id)?u(N.text):u("")}),[N,g,y,u]),a((()=>{const e=[...L].sort(w||(t=e=>((e,t)=>t.includes(e))(e,y),(e,r)=>t(e)===t(r)?0:t(e)?-1:1));var t;const r=e.length===L.length&&e.every(((e,t)=>e===L[t]));!1!==v||r||F(e),C&&C(Boolean(v))}),[v,C,y,w,L]),a((()=>{y.length&&m(y.length)}),[y,m]),e.createElement(Qt,{sx:v?{}:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}},$?e.createElement(Qt,{p:3,display:"flex",justifyContent:"center"},e.createElement($l,null)):e.createElement("div",{ref:A},P.length?e.createElement(Ma,{selectionVariant:"multiple",items:P,role:"listbox",id:`${s}-listbox`,"aria-labelledby":E}):e.createElement(Qt,{p:3},B)))}function ln({menuAnchorRef:t,overlayProps:r,children:a}){const n=d(Ga);if(null===n)throw new Error("AutocompleteContext returned null values");const{inputRef:i,scrollContainerRef:l,selectedItemLength:s,setShowMenu:c,showMenu:g=!1}=n,{floatingElementRef:f,position:u}=ko({side:"outside-bottom",align:"start",anchorElementRef:t||i},[g,s]),p=Mo(l,f),b=o((()=>{c(!1)}),[c]);return"undefined"==typeof window?null:e.createElement(_a,Rt({returnFocusRef:i,preventFocusOnOpen:!0,onClickOutside:b,onEscape:b,ref:p,top:null==u?void 0:u.top,left:null==u?void 0:u.left,visibility:g?"visible":"hidden",sx:{overflow:"auto"}},r),a)}nn.displayName="AutocompleteMenu",nn.defaultProps={emptyStateText:"No selectable options",selectionVariant:"single"},nn.displayName="AutocompleteMenu",ln.displayName="AutocompleteOverlay",ln.displayName="AutocompleteOverlay";const dn={inputValue:"",showMenu:!1,isMenuDirectlyActivated:!1,autocompleteSuggestion:"",selectedItemLength:0},sn=(e,t)=>{const{type:r,payload:o}=t;switch(r){case"inputValue":return{...e,inputValue:o};case"showMenu":return{...e,showMenu:o};case"isMenuDirectlyActivated":return{...e,isMenuDirectlyActivated:o};case"autocompleteSuggestion":return{...e,autocompleteSuggestion:o};case"selectedItemLength":return{...e,selectedItemLength:o};default:return e}},cn=({children:t,id:a})=>{const n=r(null),i=r(null),l=r(null),[d,s]=c(sn,dn),{inputValue:g,showMenu:f,autocompleteSuggestion:u,isMenuDirectlyActivated:p,selectedItemLength:b}=d,h=o((e=>{s({type:"inputValue",payload:e})}),[]),m=o((e=>{s({type:"showMenu",payload:e})}),[]),v=o((e=>{s({type:"autocompleteSuggestion",payload:e})}),[]),x=o((e=>{s({type:"isMenuDirectlyActivated",payload:e})}),[]),y=o((e=>{s({type:"selectedItemLength",payload:e})}),[]),w=_o(a);return e.createElement(Ga.Provider,{value:{activeDescendantRef:n,autocompleteSuggestion:u,id:w,inputRef:l,inputValue:g,isMenuDirectlyActivated:p,scrollContainerRef:i,selectedItemLength:b,setAutocompleteSuggestion:v,setInputValue:h,setIsMenuDirectlyActivated:x,setShowMenu:m,setSelectedItemLength:y,showMenu:f}},t)};cn.displayName="Autocomplete";var gn=Object.assign(cn,{Input:on,Menu:nn,Overlay:ln});const fn=g.img.attrs((e=>({height:e.size,width:e.size})))`
|
664
664
|
display: inline-block;
|
665
665
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
666
666
|
line-height: ${It("lineHeights.condensedUltra")};
|
@@ -857,7 +857,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
857
857
|
box-shadow: ${It("shadows.shadow.medium")};
|
858
858
|
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:Wn[t];return{width:r,height:r}}};
|
859
859
|
${Zt};
|
860
|
-
`,jn=g(
|
860
|
+
`,jn=g(No)`
|
861
861
|
height: auto;
|
862
862
|
max-width: 60%;
|
863
863
|
max-height: 55%;
|
@@ -920,7 +920,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
920
920
|
z-index: 99;
|
921
921
|
background: ${It("colors.primer.canvas.backdrop")};
|
922
922
|
}
|
923
|
-
`,ri=i((({children:t,onDismiss:n=Jn,isOpen:i,initialFocusRef:l,returnFocusRef:d,...s},c)=>{const g=r(null),f=
|
923
|
+
`,ri=i((({children:t,onDismiss:n=Jn,isOpen:i,initialFocusRef:l,returnFocusRef:d,...s},c)=>{const g=r(null),f=Mo(c),u=r(null),p=()=>{n(),d&&d.current&&d.current.focus()},{getDialogProps:b}=function({modalRef:e,overlayRef:t,isOpen:r,onDismiss:n=qn,initialFocusRef:i,closeButtonRef:l}){const d=o((r=>{e.current&&t.current&&!e.current.contains(r.target)&&t.current.contains(r.target)&&n()}),[n,e,t]);a((()=>{if(r)return document.addEventListener("click",d),()=>{document.removeEventListener("click",d)}}),[r,d]),a((()=>{r&&(i&&i.current?i.current.focus():l&&l.current&&l.current.focus())}),[r,i,l]);const s=o(((t,r)=>{if(e.current){const o=Array.from(e.current.querySelectorAll("*")).filter(Xn);if(0===o.length)return;t.preventDefault();const a=document.activeElement;if(!a)return;const n=o.indexOf(a)+r,i=1===r?0:o.length-1;return o[n]||o[i]}}),[e]),c=o((e=>{const t=e.shiftKey?-1:1,r=s(e,t);r&&r.focus()}),[s]),g=o((e=>{switch(e.key){case"Tab":c(e);break;case"Escape":n(),e.stopPropagation()}}),[c,n]);return{getDialogProps:()=>({onKeyDown:g})}}({modalRef:f,onDismiss:p,isOpen:i,initialFocusRef:l,closeButtonRef:u,returnFocusRef:d,overlayRef:g});return i?e.createElement(e.Fragment,null,e.createElement(ti,{ref:g}),e.createElement(Zn,Rt({tabIndex:-1,ref:f,role:"dialog","aria-modal":"true"},s,b()),e.createElement(fo,{ref:u,onClick:p,sx:{position:"absolute",top:"16px",right:"16px"}}),t)):null}));ei.defaultProps={backgroundColor:"canvas.subtle"},ei.propTypes={...Qt.propTypes},ei.displayName="Dialog.Header",ri.displayName="Dialog";var oi=Object.assign(ri,{Header:ei});var ai=(e,t)=>({w:`\n top: 0;\n right: 100%;\n left: auto;\n width: auto;\n margin-top: 0;\n margin-right: 10px;\n\n &::before {\n top: 10px;\n right: -16px;\n left: auto;\n border-color: transparent;\n border-left-color: ${It("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n right: -14px;\n left: auto;\n border-color: transparent;\n border-left-color: ${It("colors.border.default")(e)};\n }\n `,e:`\n top: 0;\n left: 100%;\n width: auto;\n margin-top: 0;\n margin-left: 10px;\n\n &::before {\n top: 10px;\n left: -16px;\n border-color: transparent;\n border-right-color: ${It("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${It("colors.border.default")(e)};\n }\n `,ne:`\n top: auto;\n bottom: 100%;\n left: 0;\n margin-bottom: 3px;\n\n &::before,\n &::after {\n top: auto;\n right: auto;\n }\n\n &::before {\n bottom: -8px;\n left: 9px;\n border-top: 8px solid ${It("colors.border.default")(e)};\n border-bottom: 0;\n border-left: 8px solid transparent;\n }\n\n &::after {\n bottom: -7px;\n left: 10px;\n border-top: 7px solid ${It("colors.border.default")(e)};\n border-right: 7px solid transparent;\n border-bottom: 0;\n border-left: 7px solid transparent;\n }\n `,s:"\n right: 50%;\n left: auto;\n transform: translateX(50%);\n\n &::before {\n top: -16px;\n right: 50%;\n transform: translateX(50%);\n }\n\n &::after {\n top: -14px;\n right: 50%;\n transform: translateX(50%);\n }\n ",sw:"\n right: 0;\n left: auto;\n\n &::before {\n top: -16px;\n right: 9px;\n left: auto;\n }\n\n &::after {\n top: -14px;\n right: 10px;\n left: auto;\n }\n ",se:"\n &::before {\n top: -16px;\n left: 9px;\n }\n\n &::after {\n top: -14px;\n left: 10px;\n }\n "}[t]);const ni=g(Gn)`
|
924
924
|
position: relative;
|
925
925
|
display: inline-block;
|
926
926
|
`,ii=({children:t,className:r,...o})=>{const{getDetailsProps:a}=fr({closeOnOutsideClick:!0});return e.createElement(ni,Rt({className:r},a(),o),t)};ii.displayName="Dropdown";const li=({children:t,...r})=>e.createElement(jr,Rt({as:"summary","aria-haspopup":"true"},r),t,e.createElement(di,null));li.displayName="DropdownButton";const di=g.div`
|
@@ -1009,7 +1009,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1009
1009
|
outline: none;
|
1010
1010
|
}
|
1011
1011
|
${Zt};
|
1012
|
-
`;si.defaultProps={direction:"sw"},si.displayName="Dropdown.Menu",ci.displayName="Dropdown.Item",li.defaultProps=jr.defaultProps,li.displayName="Dropdown.Button",di.displayName="Dropdown.Caret",ii.defaultProps=Gn.defaultProps;var gi=Object.assign(ii,{Caret:di,Menu:si,Item:ci,Button:li});const fi=e.forwardRef((({children:t,...r},o)=>e.createElement(jr,Rt({ref:o,type:"button"},r),t,e.createElement(
|
1012
|
+
`;si.defaultProps={direction:"sw"},si.displayName="Dropdown.Menu",ci.displayName="Dropdown.Item",li.defaultProps=jr.defaultProps,li.displayName="Dropdown.Button",di.displayName="Dropdown.Caret",ii.defaultProps=Gn.defaultProps;var gi=Object.assign(ii,{Caret:di,Menu:si,Item:ci,Button:li});const fi=e.forwardRef((({children:t,...r},o)=>e.createElement(jr,Rt({ref:o,type:"button"},r),t,e.createElement(No,{icon:so,sx:{ml:1}}))));function ui({renderAnchor:t=(t=>e.createElement(fi,t)),anchorRef:r,placeholder:a,selectedItem:i,onChange:l,overlayProps:d,items:s,open:c,onOpenChange:g,...f}){const[u,p]=$o(c,g,!1),b=o((()=>p(!0)),[p]),h=o((()=>p(!1)),[p]),m=Tr(r),v=n((()=>null===t?null:e=>{var r;return t({...e,children:null!==(r=null==i?void 0:i.text)&&void 0!==r?r:a})}),[a,t,null==i?void 0:i.text]),x=n((()=>s.map((e=>({...e,role:"option",selected:e===i,onAction:(t,r)=>{var o;null===(o=e.onAction)||void 0===o||o.call(e,t,r),r.defaultPrevented||(h(),null==l||l(e===i?void 0:e))}})))),[s,l,h,i]);return e.createElement(ja,{renderAnchor:v,anchorRef:m,open:u,onOpen:b,onClose:h,overlayProps:d},e.createElement(Da,Rt({},f,{role:"listbox",items:x})))}ui.displayName="DropdownMenu",ui.displayName="DropdownMenu";var pi=g.div`
|
1013
1013
|
display: flex;
|
1014
1014
|
align-items: stretch;
|
1015
1015
|
|
@@ -1519,7 +1519,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1519
1519
|
`,fl=({children:t,theme:r,...o})=>e.createElement(gl,Rt({theme:r},o),e.createElement(cl,{theme:r},t));fl.displayName="SelectMenuHeader",fl.displayName="SelectMenu.Header";var ul=fl;const pl=p(["display:flex;align-items:center;padding:",";overflow:hidden;text-align:left;cursor:pointer;background-color:",";border:0;border-bottom:"," solid ",";color:",";text-decoration:none;font-size:",";font-family:inherit;width:100%;&:hover{text-decoration:none;}&:focus{outline:none;}&[hidden]{display:none !important;}@media (min-width:","){padding-top:",";padding-bottom:",";}.SelectMenu-icon{width:",";margin-right:",";flex-shrink:0;}.SelectMenu-selected-icon{visibility:hidden;transition:transform 0.12s cubic-bezier(0.5,0.1,1,0.5),visibility 0s 0.12s linear;transform:scale(0);}&[aria-checked='true']{font-weight:500;color:",";.SelectMenu-selected-icon{visibility:visible;transition:transform 0.12s cubic-bezier(0,0,0.2,1),visibility 0s linear;transform:scale(1);}}@media (hover:hover){&:hover,&:active,&:focus{background-color:",";}}@media (hover:none){&:focus,&:active{background-color:",";}-webkit-tap-highlight-color:",";}"],It("space.3"),It("colors.canvas.overlay"),It("borderWidths.1"),It("colors.border.muted"),It("colors.fg.muted"),It("fontSizes.0"),It("breakpoints.0"),It("space.2"),It("space.2"),It("space.3"),It("space.2"),It("colors.fg.default"),It("colors.neutral.subtle"),It("colors.canvas.subtle"),It("colors.selectMenu.tapHighlight")),bl=g.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
1520
1520
|
${pl}
|
1521
1521
|
${Zt};
|
1522
|
-
`,hl=i((({children:t,selected:o,theme:a,onClick:n,...i},l)=>{const s=d(el),c=r(null),g=null!=l?l:c;return e.createElement(bl,Rt({ref:g},i,{theme:a,onClick:e=>{var t;(n&&n(e),e.defaultPrevented)||(null===(t=s.setOpen)||void 0===t||t.call(s,!1))},"aria-checked":o}),e.createElement(
|
1522
|
+
`,hl=i((({children:t,selected:o,theme:a,onClick:n,...i},l)=>{const s=d(el),c=r(null),g=null!=l?l:c;return e.createElement(bl,Rt({ref:g},i,{theme:a,onClick:e=>{var t;(n&&n(e),e.defaultPrevented)||(null===(t=s.setOpen)||void 0===t||t.call(s,!1))},"aria-checked":o}),e.createElement(No,{theme:a,className:"SelectMenu-icon SelectMenu-selected-icon",icon:eo}),t)}));hl.defaultProps={selected:!1},hl.displayName="SelectMenu.Item";var ml=hl;const vl=p(["position:relative;padding:0;margin:0;flex:auto;overflow-x:hidden;overflow-y:auto;background-color:",";-webkit-overflow-scrolling:touch;@media (hover:hover){.SelectMenuTab:focus{background-color:",";}.SelectMenuTab:not([aria-checked='true']):hover{color:",";background-color:",";}.SelectMenuTab:not([aria-checked='true']):active{color:",";background-color:",";}}"],It("colors.canvas.overlay"),It("colors.selectMenu.tapFocusBg"),It("colors.fg.default"),It("colors.canvas.subtle"),It("colors.fg.default"),It("colors.canvas.subtle")),xl=g.div`
|
1523
1523
|
${vl}
|
1524
1524
|
${Zt};
|
1525
1525
|
`;xl.displayName="SelectMenu.List";var yl=xl;const wl={small:"16px",medium:"32px",large:"64px"};function Bl({size:t="medium",...r}){const o=wl[t];return e.createElement("svg",Rt({height:o,width:o,viewBox:"0 0 16 16",fill:"none"},r),e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.25",strokeWidth:"2",vectorEffect:"non-scaling-stroke"}),e.createElement("path",{d:"M15 8a7.002 7.002 0 00-7-7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",vectorEffect:"non-scaling-stroke"}))}Bl.displayName="Spinner";const kl=g(Bl)`
|
@@ -1656,7 +1656,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1656
1656
|
${rd};
|
1657
1657
|
${od};
|
1658
1658
|
${Zt};
|
1659
|
-
`;function nd({children:t,status:r,variant:o,...a}){const n="small"===o?{width:"1em"}:{};return e.createElement(ad,Rt({},a,{variant:o,status:r}),r&&e.createElement(
|
1659
|
+
`;function nd({children:t,status:r,variant:o,...a}){const n="small"===o?{width:"1em"}:{};return e.createElement(ad,Rt({},a,{variant:o,status:r}),r&&e.createElement(No,Rt({},n,{icon:td[r]||lo,sx:{mr:1}})),t)}nd.displayName="StateLabel",nd.defaultProps={variant:"normal"};const id=g.nav`
|
1660
1660
|
display: flex;
|
1661
1661
|
justify-content: space-between;
|
1662
1662
|
|
@@ -1863,7 +1863,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1863
1863
|
line-height: 0;
|
1864
1864
|
|
1865
1865
|
${e=>{switch(e.size){case"large":case"extralarge":return p(["margin-right:",";"],It("space.2"));default:return p(["margin-right:",";"],It("space.1"))}}}
|
1866
|
-
`,Ad=i(((t,r)=>{const{as:o,onRemove:a,id:n,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:g,...f}=t,u=xd(t)&&Boolean(a)&&!s,p={as:o,href:c,onClick:g};return e.createElement(zd,Rt({onRemove:a,hideRemoveButton:s||!a,id:null==n?void 0:n.toString(),text:l,size:d,isTokenInteractive:xd(t)},u?{}:p,f,{ref:r}),i?e.createElement(Id,{size:d},e.createElement(i,null)):null,e.createElement(Cd,u?p:{},l),!s&&a?e.createElement(Ed,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:xd(t),"aria-hidden":u?"true":"false",sx:u?{position:"relative",zIndex:"1"}:{}}):null)}));Ad.displayName="Token",Ad.defaultProps={size:"medium"};var Nd=Ad;const Rd={small:0,medium:1,large:1,extralarge:2};function Ld({icon:o,contrast:a,className:n,block:i,disabled:l,theme:d,sx:s,tokens:c,onTokenRemove:g,tokenComponent:f,preventTokenWrapping:u,size:p,hideTokenRemoveButtons:b,maxHeight:h,width:m,minWidth:v,maxWidth:x,variant:y,visibleTokenCount:w,...B},k){const{onBlur:$,onFocus:T,onKeyDown:S,...E}=function(e){var t={};for(var r in e)md.test(r)||(t[r]=e[r]);return t}(B),C=Tr(k),z=
|
1866
|
+
`,Ad=i(((t,r)=>{const{as:o,onRemove:a,id:n,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:g,...f}=t,u=xd(t)&&Boolean(a)&&!s,p={as:o,href:c,onClick:g};return e.createElement(zd,Rt({onRemove:a,hideRemoveButton:s||!a,id:null==n?void 0:n.toString(),text:l,size:d,isTokenInteractive:xd(t)},u?{}:p,f,{ref:r}),i?e.createElement(Id,{size:d},e.createElement(i,null)):null,e.createElement(Cd,u?p:{},l),!s&&a?e.createElement(Ed,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:xd(t),"aria-hidden":u?"true":"false",sx:u?{position:"relative",zIndex:"1"}:{}}):null)}));Ad.displayName="Token",Ad.defaultProps={size:"medium"};var Nd=Ad;const Rd={small:0,medium:1,large:1,extralarge:2};function Ld({icon:o,contrast:a,className:n,block:i,disabled:l,theme:d,sx:s,tokens:c,onTokenRemove:g,tokenComponent:f,preventTokenWrapping:u,size:p,hideTokenRemoveButtons:b,maxHeight:h,width:m,minWidth:v,maxWidth:x,variant:y,visibleTokenCount:w,...B},k){const{onBlur:$,onFocus:T,onKeyDown:S,...E}=function(e){var t={};for(var r in e)md.test(r)||(t[r]=e[r]);return t}(B),C=Tr(k),z=Mo(r(null),C),[I,A]=t(),[N,R]=t(Boolean(w)),{containerRef:L}=Ro({focusOutBehavior:"wrap",bindKeys:Nr.ArrowHorizontal|Nr.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!I&&0!==I)return;let r=I+1;return"next"===e&&(r+=1),"previous"===e&&(r-=1),r>c.length||r<1?z.current||void 0:null===(t=L.current)||void 0===t?void 0:t.children[r]}},[I]),F=e=>{g(e),setTimeout((()=>{var e,t;const r=null===(e=L.current)||void 0===e?void 0:e.children[I||0],o=r&&xr(r)?r:Array.from((null===(t=L.current)||void 0===t?void 0:t.children)||[]).find((e=>xr(e)));var a;o?o.focus():null===(a=C.current)||void 0===a||a.focus()}),0)},D=()=>{A(void 0),setTimeout((()=>{var e;null!==(e=L.current)&&void 0!==e&&e.contains(document.activeElement)||!w||R(!0)}),0)},M=e=>{var t;"Escape"===e.key&&(null===(t=C.current)||void 0===t||t.focus())},O=e=>{e.stopPropagation()},P=N?c.slice(0,w):c;return e.createElement(Qa,{block:i,className:n,contrast:a,disabled:l,hasIcon:!!o,theme:d,width:m,minWidth:v,maxWidth:x,variant:y,onClick:()=>{var e;null===(e=z.current)||void 0===e||e.focus()},sx:{...i?{display:"flex",width:"100%"}:{},...h?{maxHeight:h,overflow:"auto"}:{},...u?{overflow:"auto"}:{},...s}},e.createElement(Qt,{ref:L,display:"flex",sx:{alignItems:"center",flexWrap:u?"nowrap":"wrap",marginLeft:"-0.25rem",marginBottom:"-0.25rem",flexGrow:1,"> *":{flexShrink:0,marginLeft:"0.25rem",marginBottom:"0.25rem"}}},e.createElement(Qt,{sx:{order:1,flexGrow:1}},o&&e.createElement(o,{className:"TextInput-icon"}),e.createElement(Ja,Rt({ref:z,disabled:l,onFocus:e=>{T&&T(e),A(void 0),w&&R(!1)},onBlur:e=>{$&&$(e),setTimeout((()=>{var e;null!==(e=L.current)&&void 0!==e&&e.contains(document.activeElement)||!w||R(!0)}),0)},onKeyDown:e=>{var t;if(S&&S(e),null!==(t=C.current)&&void 0!==t&&t.value)return;const r=c[c.length-1];"Backspace"===e.key&&r&&(F(r.id),C.current&&(C.current.value=`${r.text} `),setTimeout((()=>{var e;null===(e=C.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},E))),f?P.map((({id:t,...r},o)=>{return e.createElement(f,Rt({key:t,onFocus:(a=o,()=>{A(a)}),onBlur:D,onKeyUp:M,onClick:O,isSelected:I===o,onRemove:()=>{F(t)},hideRemoveButton:b,size:p,tabIndex:0},r));var a})):null,N?e.createElement(Yn,{color:"fg.muted",fontSize:p&&Rd[p]},"+",c.length-P.length):null))}Ld.displayName="TextInputWithTokensInnerComponent";const Fd=e.forwardRef(Ld);Fd.defaultProps={tokenComponent:Nd,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Fd.displayName="TextInputWithTokens";var Dd=Fd;const Md=g.div`
|
1867
1867
|
display: flex;
|
1868
1868
|
flex-direction: column;
|
1869
1869
|
${e=>e.clipSidebar&&p([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
@@ -2210,5 +2210,5 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
2210
2210
|
${e=>e.disabled&&"cursor: not-allowed;"}
|
2211
2211
|
|
2212
2212
|
${Zt}
|
2213
|
-
`,hs=e.forwardRef((({checked:t,indeterminate:r,disabled:o,sx:a,required:n,validationStatus:i,...d},s)=>{const c=Tr(s);return l((()=>{c.current&&(c.current.indeterminate=r||!1)}),[r,t,c]),e.createElement(bs,Rt({type:"checkbox",disabled:o,"aria-disabled":o?"true":"false",ref:s||c,checked:!r&&t,"aria-checked":r?"mixed":t?"true":"false",sx:a,required:n,"aria-required":n?"true":"false","aria-invalid":"error"===i?"true":"false"},d))}));hs.displayName="Checkbox";var ms=hs;export{dr as Absolute,
|
2213
|
+
`,hs=e.forwardRef((({checked:t,indeterminate:r,disabled:o,sx:a,required:n,validationStatus:i,...d},s)=>{const c=Tr(s);return l((()=>{c.current&&(c.current.indeterminate=r||!1)}),[r,t,c]),e.createElement(bs,Rt({type:"checkbox",disabled:o,"aria-disabled":o?"true":"false",ref:s||c,checked:!r&&t,"aria-checked":r?"mixed":t?"true":"false",sx:a,required:n,"aria-required":n?"true":"false","aria-invalid":"error"===i?"true":"false"},d))}));hs.displayName="Checkbox";var ms=hs;export{dr as Absolute,Ma as ActionList,Va as ActionMenu,gn as Autocomplete,un as Avatar,hn as AvatarPair,xn as AvatarStack,ds as AvatarToken,Dt as BaseStyles,tr as BorderBox,Qt as Box,yn as BranchName,Sn as Breadcrumb,Tn as Breadcrumbs,jr as Button,fo as ButtonClose,Ur as ButtonDanger,Vr as ButtonGroup,Xr as ButtonInvisible,Gr as ButtonOutline,qr as ButtonPrimary,Yr as ButtonTableList,Hn as Caret,ms as Checkbox,Un as CircleBadge,Kn as CircleOcticon,ua as ConfirmationDialog,An as CounterLabel,Gn as Details,oi as Dialog,gi as Dropdown,fi as DropdownButton,ui as DropdownMenu,xi as FilterList,pi as FilteredSearch,sr as Fixed,Bi as Flash,or as Flex,Ti as FormGroup,nr as Grid,zi as Header,Ii as Heading,ns as IssueLabelToken,Fi as Label,Ai as LabelGroup,Mi as Link,Rn as NewButton,_a as Overlay,Oi as Pagehead,_i as Pagination,Ki as PointerBox,qi as Popover,lr as Position,Zi as ProgressBar,cr as Relative,Ho as SSRProvider,ql as SelectMenu,ed as SideNav,$l as Spinner,nd as StateLabel,gr as Sticky,No as StyledOcticon,cd as SubNav,bd as TabNav,Yn as Text,tn as TextInput,Dd as TextInputWithTokens,Jt as ThemeProvider,_d as Timeline,Nd as Token,cs as Tooltip,ya as Truncate,ps as UnderlineNav,x as theme,It as themeGet,Xt as useColorSchemeVar,pa as useConfirm,fr as useDetails,$r as useOnEscapePress,mr as useOnOutsideClick,wr as useOpenAndCloseFocus,Sr as useOverlay,_o as useSSRSafeId,ur as useSafeTimeout,qt as useTheme};
|
2214
2214
|
//# sourceMappingURL=browser.esm.js.map
|