@worldresources/wri-design-systems 2.158.0 → 2.160.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/README.md +2 -1
- package/dist/index.cjs.js +41 -34
- package/dist/index.esm.js +38 -31
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -40,8 +40,9 @@ With this custom theme you can change the color scheme according to your Project
|
|
|
40
40
|
|
|
41
41
|
```tsx
|
|
42
42
|
import { createSystem, defaultConfig } from '@chakra-ui/react'
|
|
43
|
+
import { designSystemStyles } from '@worldresources/wri-design-systems'
|
|
43
44
|
|
|
44
|
-
export const system = createSystem(
|
|
45
|
+
export const system = createSystem(designSystemStyles._config, {
|
|
45
46
|
theme: {
|
|
46
47
|
tokens: {
|
|
47
48
|
colors: {
|
package/dist/index.cjs.js
CHANGED
|
@@ -3269,6 +3269,8 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3269
3269
|
background-color: ${h("primary",500)};
|
|
3270
3270
|
box-shadow: 0px 2px 4px -2px #0000001a;
|
|
3271
3271
|
box-shadow: 0px 4px 6px -1px #0000001a;
|
|
3272
|
+
outline-offset: 3px;
|
|
3273
|
+
outline: 2px solid ${h("primary",700)};
|
|
3272
3274
|
}
|
|
3273
3275
|
|
|
3274
3276
|
&:active {
|
|
@@ -3290,7 +3292,12 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3290
3292
|
position: absolute;
|
|
3291
3293
|
top: -8px;
|
|
3292
3294
|
left: 15px;
|
|
3293
|
-
`,$f=
|
|
3295
|
+
`,$f=r.css`
|
|
3296
|
+
font-size: 12px;
|
|
3297
|
+
line-height: 16px;
|
|
3298
|
+
font-weight: 700;
|
|
3299
|
+
color: ${h("primary",800)};
|
|
3300
|
+
`,Sf=n.forwardRef((({name:n,ariaLabel:o,size:i="medium",customSize:a="",src:s,srcSet:l,onClick:c,notificationCount:u,disabled:d=!0,customBackgroundColor:p=""},f)=>{const x=()=>{d||c?.()},g=(()=>{let e="";return u&&u>0&&(e=`${u>99?"99+":u}`),e})();let v="16px";u&&u>99?v="28px":u&&u>9&&(v="22px");const m=!!s||!!l,b=c&&!d;return t.jsxs(e.Avatar.Root,{"aria-label":o||n,ref:f,css:jf(i,a,d,p),onClick:x,onKeyDown:e=>{d||"Enter"!==e.key||x()},role:b?"button":void 0,tabIndex:b?0:void 0,"aria-disabled":d,children:[m&&t.jsx(e.Avatar.Image,{src:s,srcSet:l}),!m&&n&&t.jsx(e.Avatar.Fallback,{name:n,css:$f}),!m&&!n&&t.jsx(Q,{size:"100%",style:{padding:"15%",color:d?h("neutral",400):void 0}}),g.length>0?t.jsx("div",{css:kf(v),children:t.jsx("div",{css:r.css`
|
|
3294
3301
|
height: 16px;
|
|
3295
3302
|
width: auto;
|
|
3296
3303
|
background-color: ${h("error",500)};
|
|
@@ -3302,16 +3309,16 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3302
3309
|
font-size: 12px;
|
|
3303
3310
|
font-weight: 700;
|
|
3304
3311
|
color: ${h("error",100)};
|
|
3305
|
-
`,children:t.jsx("p",{"aria-label":`${u} unread message`,children:g})})}):null]})})),
|
|
3312
|
+
`,children:t.jsx("p",{"aria-label":`${u} unread message`,children:g})})}):null]})})),Ef=r.css`
|
|
3306
3313
|
display: flex;
|
|
3307
3314
|
justify-content: flex-start;
|
|
3308
3315
|
align-items: center;
|
|
3309
3316
|
gap: 8px;
|
|
3310
|
-
`,
|
|
3317
|
+
`,Rf=e=>r.css`
|
|
3311
3318
|
width: ${e||"16px"};
|
|
3312
3319
|
position: relative;
|
|
3313
3320
|
display: flex;
|
|
3314
|
-
`,
|
|
3321
|
+
`,Of=r.css`
|
|
3315
3322
|
height: 4px;
|
|
3316
3323
|
width: 4px;
|
|
3317
3324
|
background-color: ${h("error",500)};
|
|
@@ -3319,7 +3326,7 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3319
3326
|
position: absolute;
|
|
3320
3327
|
top: 0px;
|
|
3321
3328
|
right: 0px;
|
|
3322
|
-
`,
|
|
3329
|
+
`,Lf=r.css`
|
|
3323
3330
|
height: 10px;
|
|
3324
3331
|
background-color: ${h("error",500)};
|
|
3325
3332
|
padding: 0 3px 1px 3px;
|
|
@@ -3330,11 +3337,11 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3330
3337
|
position: absolute;
|
|
3331
3338
|
top: -2px;
|
|
3332
3339
|
left: 9px;
|
|
3333
|
-
`,
|
|
3340
|
+
`,Tf=r.css`
|
|
3334
3341
|
font-size: 9px;
|
|
3335
3342
|
font-weight: 700;
|
|
3336
3343
|
color: ${h("error",100)};
|
|
3337
|
-
`,
|
|
3344
|
+
`,Pf=r.css`
|
|
3338
3345
|
height: 16px;
|
|
3339
3346
|
min-width: 16px;
|
|
3340
3347
|
background-color: ${h("error",500)};
|
|
@@ -3343,11 +3350,11 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3343
3350
|
justify-content: center;
|
|
3344
3351
|
align-items: center;
|
|
3345
3352
|
padding: 0px 4px 1px 4px;
|
|
3346
|
-
`,
|
|
3353
|
+
`,Mf=r.css`
|
|
3347
3354
|
font-size: 16px;
|
|
3348
3355
|
font-weight: 700;
|
|
3349
3356
|
color: ${h("error",100)};
|
|
3350
|
-
`,
|
|
3357
|
+
`,_f=(e,t)=>r.css`
|
|
3351
3358
|
width: 100%;
|
|
3352
3359
|
max-width: ${"small"===e?"234px":"320px"};
|
|
3353
3360
|
border-radius: 4px;
|
|
@@ -3362,7 +3369,7 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3362
3369
|
button {
|
|
3363
3370
|
margin-left: ${t?0:"24px"};
|
|
3364
3371
|
}
|
|
3365
|
-
`,
|
|
3372
|
+
`,Df=r.css`
|
|
3366
3373
|
display: flex;
|
|
3367
3374
|
align-items: flex-start;
|
|
3368
3375
|
gap: 8px;
|
|
@@ -3370,28 +3377,28 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3370
3377
|
svg {
|
|
3371
3378
|
margin-top: 6px;
|
|
3372
3379
|
}
|
|
3373
|
-
`,
|
|
3380
|
+
`,If=e=>r.css`
|
|
3374
3381
|
color: ${h("neutral",800)};
|
|
3375
3382
|
font-size: ${"small"===e?"14px":"18px"};
|
|
3376
3383
|
line-height: ${"small"===e?"20px":"28px"};
|
|
3377
3384
|
font-weight: 400;
|
|
3378
3385
|
text-align: left;
|
|
3379
|
-
`,
|
|
3386
|
+
`,Vf=e=>r.css`
|
|
3380
3387
|
color: ${h("neutral",700)};
|
|
3381
3388
|
font-size: ${"small"===e?"12px":"16px"};
|
|
3382
3389
|
line-height: ${"small"===e?"16px":"24px"};
|
|
3383
3390
|
font-weight: 400;
|
|
3384
3391
|
margin-left: 24px;
|
|
3385
3392
|
text-align: left;
|
|
3386
|
-
`,
|
|
3393
|
+
`,Nf=r.css`
|
|
3387
3394
|
background-color: ${h("neutral",100)};
|
|
3388
3395
|
border: 1px solid ${h("neutral",300)};
|
|
3389
3396
|
color: ${h("neutral",700)};
|
|
3390
|
-
`,
|
|
3397
|
+
`,Af=r.css`
|
|
3391
3398
|
background-color: ${h("neutral",200)};
|
|
3392
3399
|
border: 1px solid ${h("neutral",300)};
|
|
3393
3400
|
color: ${h("neutral",700)};
|
|
3394
|
-
`,
|
|
3401
|
+
`,zf=r.css`
|
|
3395
3402
|
background-color: ${h("success",100)};
|
|
3396
3403
|
border: 1px solid ${h("success",300)};
|
|
3397
3404
|
color: ${h("success",500)};
|
|
@@ -3399,7 +3406,7 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3399
3406
|
p {
|
|
3400
3407
|
color: ${h("success",900)};
|
|
3401
3408
|
}
|
|
3402
|
-
`,
|
|
3409
|
+
`,Bf=r.css`
|
|
3403
3410
|
background-color: ${h("warning",100)};
|
|
3404
3411
|
border: 1px solid ${h("warning",300)};
|
|
3405
3412
|
color: ${h("warning",500)};
|
|
@@ -3407,7 +3414,7 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3407
3414
|
p {
|
|
3408
3415
|
color: ${h("warning",900)};
|
|
3409
3416
|
}
|
|
3410
|
-
`,
|
|
3417
|
+
`,Hf=r.css`
|
|
3411
3418
|
background-color: ${h("error",100)};
|
|
3412
3419
|
border: 1px solid ${h("error",300)};
|
|
3413
3420
|
color: ${h("error",500)};
|
|
@@ -3415,32 +3422,32 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3415
3422
|
p {
|
|
3416
3423
|
color: ${h("error",900)};
|
|
3417
3424
|
}
|
|
3418
|
-
`,
|
|
3425
|
+
`,Ff=r.css`
|
|
3419
3426
|
height: 8px;
|
|
3420
3427
|
width: 100%;
|
|
3421
3428
|
background-color: ${h("neutral",300)};
|
|
3422
3429
|
display: flex;
|
|
3423
3430
|
align-items: center;
|
|
3424
3431
|
justify-content: flex-start;
|
|
3425
|
-
`,
|
|
3432
|
+
`,Zf=e=>r.css`
|
|
3426
3433
|
height: 100%;
|
|
3427
3434
|
width: ${e}%;
|
|
3428
3435
|
background-color: ${h("primary",500)};
|
|
3429
3436
|
transition: width 0.5s ease-in-out;
|
|
3430
|
-
`,
|
|
3437
|
+
`,Wf=r.css`
|
|
3431
3438
|
width: 100%;
|
|
3432
3439
|
display: flex;
|
|
3433
3440
|
align-items: center;
|
|
3434
3441
|
justify-content: space-between;
|
|
3435
3442
|
position: relative;
|
|
3436
|
-
`,
|
|
3443
|
+
`,Gf=r.css`
|
|
3437
3444
|
height: 60px;
|
|
3438
3445
|
width: 80px;
|
|
3439
3446
|
display: flex;
|
|
3440
3447
|
flex-direction: column;
|
|
3441
3448
|
align-items: center;
|
|
3442
3449
|
justify-content: space-between;
|
|
3443
|
-
`,
|
|
3450
|
+
`,qf=(e,t)=>r.css`
|
|
3444
3451
|
height: 32px;
|
|
3445
3452
|
width: 32px;
|
|
3446
3453
|
display: flex;
|
|
@@ -3476,12 +3483,12 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3476
3483
|
}
|
|
3477
3484
|
|
|
3478
3485
|
${t?`\n background-color: ${h("neutral",300)};\n \n &:hover {\n background-color: ${h("neutral",300)};\n box-shadow: none;\n }\n `:""}
|
|
3479
|
-
`,
|
|
3486
|
+
`,Uf=e=>r.css`
|
|
3480
3487
|
color: ${h("neutral",e?800:600)};
|
|
3481
3488
|
font-size: 14px;
|
|
3482
3489
|
line-height: 20px;
|
|
3483
3490
|
font-weight: 400;
|
|
3484
|
-
`,
|
|
3491
|
+
`,Xf=r.css`
|
|
3485
3492
|
height: 1px;
|
|
3486
3493
|
width: 100%;
|
|
3487
3494
|
padding: 0 30px;
|
|
@@ -3489,11 +3496,11 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3489
3496
|
top: 16px;
|
|
3490
3497
|
left: 0;
|
|
3491
3498
|
z-index: -1;
|
|
3492
|
-
`,
|
|
3499
|
+
`,Yf=r.css`
|
|
3493
3500
|
height: 1px;
|
|
3494
3501
|
width: 100%;
|
|
3495
3502
|
background-color: ${h("neutral",400)};
|
|
3496
|
-
`,
|
|
3503
|
+
`,Kf=r.css`
|
|
3497
3504
|
justify-content: space-between;
|
|
3498
3505
|
align-items: center;
|
|
3499
3506
|
gap: 8px;
|
|
@@ -3536,21 +3543,21 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3536
3543
|
color: ${h("error",900)};
|
|
3537
3544
|
}
|
|
3538
3545
|
}
|
|
3539
|
-
`,
|
|
3546
|
+
`,Jf=r.css`
|
|
3540
3547
|
font-size: 18px;
|
|
3541
3548
|
line-height: 28px;
|
|
3542
3549
|
font-weight: 400;
|
|
3543
3550
|
color: ${h("neutral",800)};
|
|
3544
|
-
`,
|
|
3551
|
+
`,Qf=r.css`
|
|
3545
3552
|
font-size: 16px;
|
|
3546
3553
|
line-height: 24px;
|
|
3547
3554
|
font-weight: 400;
|
|
3548
3555
|
color: ${h("neutral",700)};
|
|
3549
|
-
`,Qf=r.css`
|
|
3550
|
-
padding: 6px;
|
|
3551
3556
|
`,ex=r.css`
|
|
3552
3557
|
padding: 6px;
|
|
3553
|
-
`,tx=
|
|
3558
|
+
`,tx=r.css`
|
|
3559
|
+
padding: 6px;
|
|
3560
|
+
`,nx={pauseOnPageIdle:!0,offsets:"24px"},rx={"top-start":e.createToaster({placement:"top-start",...nx}),"top-end":e.createToaster({placement:"top-end",...nx}),"bottom-start":e.createToaster({placement:"bottom-start",...nx}),"bottom-end":e.createToaster({placement:"bottom-end",...nx})};exports.AnalysisWidget=({children:r,header:o,footer:i,expanded:a=!0,collapsible:s=!0,actions:l,showFooterOnCollapsed:c=!1})=>{const u="analysis-widget-item",[d,p]=n.useState(a),h=`analysis-widget-header-${u}`;return t.jsx(e.Box,{as:"section","aria-labelledby":h,css:aa,children:t.jsxs(e.Accordion.Root,{multiple:!0,value:s?void 0:[u],defaultValue:a?[u]:[],children:[t.jsxs(e.Accordion.Item,{css:la,value:u,children:[o&&t.jsx(e.Accordion.ItemTrigger,{id:h,role:"button","aria-expanded":d,tabIndex:0,css:sa,pointerEvents:s?"auto":"none",onClick:s?()=>{p(!d)}:void 0,children:t.jsxs(e.Flex,{gap:3,flex:"1",overflow:"hidden",alignItems:"top",justifyContent:"space-between",children:[o,l&&l.map((e=>t.jsx(b,{variant:"secondary",size:"small",label:e.label,onClick:t=>{e.onClick(),t.preventDefault(),t.stopPropagation()},leftIcon:e?.icon},e.label))),s&&t.jsx(e.Accordion.ItemIndicator,{height:"16px",display:"flex",children:t.jsx($,{"aria-label":"Toggle section",color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]})}),t.jsxs("div",{className:d?"item-content-open":"item-content-closed","aria-hidden":!d,children:[r,!c&&i&&t.jsx(e.Box,{css:ca,children:i})]})]}),c&&i&&t.jsx(e.Box,{css:ca,children:i})]})})},exports.Avatar=Sf,exports.Badge=({hasNotification:e,notificationCount:r,label:o})=>{const[i,a]=n.useState(!1);n.useEffect((()=>{const e=()=>{window.innerWidth<1024?a(!0):a(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const s=(()=>{let e="";return r&&r>0&&(e=`${r>99?"99+":r}`),e})();let l="16px";return r&&r>99?l="28px":r&&r>9&&(l="22px"),i?t.jsxs("div",{css:Ef,role:"status","aria-live":"polite",children:[t.jsxs("div",{css:Rf(),children:[t.jsx(I,{color:"currentColor",height:"16px",width:"16px"}),!e||r||o?null:t.jsx("div",{css:Of,"aria-hidden":!0})]}),o?t.jsx("p",{children:o}):null,s.length>0?t.jsx("div",{css:Pf,children:t.jsx("p",{css:Mf,"aria-label":`${r} unread message`,children:s})}):null]}):t.jsxs("div",{css:Ef,role:"status","aria-live":"polite",children:[o?t.jsx("p",{children:o}):null,t.jsxs("div",{css:Rf(l),children:[s.length>0?t.jsx("div",{css:Lf,children:t.jsx("p",{css:Tf,"aria-label":`${r} unread message`,children:s})}):null,e&&!r?t.jsx("div",{css:Of,"aria-hidden":!0}):null,t.jsx(I,{color:"currentColor",height:"16px",width:"16px"})]})]})},exports.BaseMap=({title:e,caption:o,additionalSettings:i,options:a,onOptionSelected:s,maxHeight:l="400px",maxWidth:c="260px"})=>{const u=n.useRef(null),d=n.useRef(null);return n.useEffect((()=>{const e=u.current,t=d.current;if(!e||!t)return;const n=()=>{e.focus()};if("undefined"!=typeof IntersectionObserver){let e=!1;const r=new IntersectionObserver((([t])=>{t?.isIntersecting?(e||n(),e=!0):e=!1}),{threshold:.01});return r.observe(t),()=>r.disconnect()}const r=window.setTimeout(n,0);return()=>window.clearTimeout(r)}),[]),t.jsx("div",{ref:d,css:bn(l,c),children:t.jsxs("div",{className:"ds-base-map-scroll-content",children:[t.jsxs("div",{css:yn,children:[t.jsx("h2",{ref:u,className:"ds-base-map-header-title",tabIndex:-1,children:e}),t.jsx("p",{className:"ds-base-map-header-caption",children:o})]}),t.jsxs("div",{css:wn,children:[i?t.jsx("div",{css:Cn,children:i.map((e=>t.jsxs("div",{children:[t.jsx(Re,{css:{},checked:e.checked,onCheckedChange:({checked:t})=>e.onCheckedChange({checked:Boolean(t)}),children:e.label}),e.checked&&e.children?t.jsx("div",{css:jn,children:e.children}):null]},e.label)))}):null,a?t.jsx("div",{css:kn,children:a.map((e=>{return t.jsxs("div",{css:$n(e.active),role:"button",onClick:()=>s?.(e),tabIndex:0,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||s?.(e)},children:[t.jsx("div",{css:(n=e.imageUrl,r.css`
|
|
3554
3561
|
height: 32px;
|
|
3555
3562
|
width: 32px;
|
|
3556
3563
|
border: 1px solid ${h("neutral",300)};
|
|
@@ -3573,7 +3580,7 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3573
3580
|
padding: 0px;
|
|
3574
3581
|
padding-top: 8px;
|
|
3575
3582
|
color: ${i?h("neutral",500):"inherit"};
|
|
3576
|
-
`),children:o.children}):null]},`${o.label}-${o.value}`);var i,a}))})}),exports.CloseButton=ae,exports.ClusterPoint=({onClick:e,triggerRef:t,showFocusState:n,count:r,mode:i,variant:a="cluster"})=>o.jsx(Rn,{count:r,mode:i,onClick:e,ref:t,showFocusState:n,variant:a}),exports.ExtendableCard=({children:n,header:r,footer:o})=>t.jsx(e.Box,{css:oa,children:t.jsx(e.Accordion.Root,{multiple:!0,children:t.jsxs(e.Accordion.Item,{value:"extendable-card-item",children:[t.jsxs(e.Accordion.ItemTrigger,{css:ia,alignItems:"center",children:[t.jsx(e.Flex,{gap:3,flex:"1",overflow:"hidden",alignItems:"center",children:r}),t.jsx(e.Accordion.ItemIndicator,{children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsxs(e.Accordion.ItemContent,{children:[n,o]})]})})}),exports.Footer=({children:e,label:n="© World Resources Institute",fixed:r,filled:o,maxWidth:i})=>{const a=(new Date).getFullYear();return t.jsx("footer",{css:Ph(r,o),children:t.jsxs("div",{css:Mh(i),children:[t.jsx("div",{children:t.jsx(D,{height:"32px",width:"91px"})}),t.jsx("div",{css:_h,children:e}),t.jsx("div",{children:t.jsxs("p",{css:Dh,children:[n," ",a]})})]})})},exports.IconButton=ie,exports.InlineMessage=({label:e,caption:n,variant:r,size:o="large",icon:i=t.jsx(k,{height:"16px",width:"16px"}),onActionClick:a,actionLabel:s,isButtonRight:l})=>{let c=Vf;return"info-grey"===r?c=Nf:"success"===r?c=Af:"warning"===r?c=zf:"error"===r&&(c=Bf),t.jsxs("div",{css:[Mf(o,l),c],"aria-roledescription":"Note",children:[t.jsxs("div",{children:[t.jsxs("div",{css:_f,children:[i,t.jsx("p",{css:Df(o),children:e})]}),t.jsx("p",{css:If(o),children:n})]}),s?t.jsx(b,{label:s,variant:"info-white"===r||"info-grey"===r?"primary":"secondary",size:"large"===o?"default":"small",onClick:a}):null]})},exports.InputWithUnits=({label:r,caption:o,errorMessage:i,units:a,unitsPosition:s="end",defaultUnit:l="",defaultValue:c="",onChange:u,required:d,disabled:p})=>{const[h,f]=n.useState(c),[x,g]=n.useState(l?[l]:[a[0].value]),v=(e,t)=>{u&&u("end"===s?""+(t?`${h} ${e}`:`${e} ${x}`):""+(t?`${e} ${h}`:`${x} ${e}`))};return t.jsxs("div",{css:ct,children:[i?t.jsx("div",{css:pt}):null,t.jsxs("div",{style:{marginLeft:i?"19px":"0px"},children:[t.jsxs("p",{css:ut(p),"aria-label":r,children:[d?t.jsx("span",{children:"*"}):null,r]}),t.jsx("p",{css:dt(p),"aria-label":o,children:o}),i?t.jsx("p",{css:ht,"aria-label":i,children:i}):null,t.jsxs(e.Group,{css:ft(!!i,s),attached:!0,children:["start"===s?t.jsx(qt,{placeholder:"",value:x,items:a,disabled:p,onChange:e=>{g(e),v(e?.[0],!0)}}):null,t.jsx(wt,{type:"number",value:h,disabled:p,onChange:e=>{f(e.target.value),v(e.target.value)}}),"end"===s?t.jsx(qt,{placeholder:"",value:x,items:a,disabled:p,onChange:e=>{g(e),v(e?.[0],!0)}}):null]})]})]})},exports.ItemCount=Mi,exports.LayerGroup=({label:r,caption:o,value:i,layerItems:a,onChangeForRadioVariant:s})=>{const[l,c]=n.useState({}),[u]=n.useState((e=>{const t=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return t?.name})(a));n.useEffect((()=>{let e={...l};a.forEach((t=>{t.isDefaultSelected&&(e={...e,["radio"===t.variant?r:t.name]:t.isDefaultSelected})})),c(e)}),[]);const d=(e,t,n,r)=>{const o={...l,[e]:t};c(o),n&&n(e,t,r)},p=Object.values(l).filter((e=>!0===e)).length,h=`${r}, ${p} Active layers on the map${o?`, ${o}`:""}`;return t.jsxs(e.Accordion.Item,{value:i,width:"100%",children:[t.jsxs(e.Accordion.ItemTrigger,{css:Go,alignItems:"flex-start","aria-label":h,children:[t.jsxs(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[t.jsxs("span",{css:qo,children:[r,t.jsx(Zt,{label:`${p} Active`,size:"small",variant:p>0?"success":"info-grey"})]}),t.jsx("div",{css:Uo,children:o})]}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:t.jsx(We,{name:r,defaultValue:u,customGap:"0px",onChange:(e,t)=>d(e,!!t,s,t),children:a.map((e=>t.jsx(ei,{...e,onChange:(t,n)=>d(t,n,e.onChange)},e.label)))})})]})},exports.LayerGroupContainer=({children:n,defaultValue:r,...o})=>t.jsx("div",{css:Wo,style:{width:"100%"},children:t.jsx(e.Accordion.Root,{css:{},defaultValue:r,multiple:!0,...o,children:n})}),exports.LayerItem=ei,exports.LayerParameters=({label:r,children:o,openedByDefault:i})=>t.jsx("div",{children:t.jsx(e.Accordion.Root,{defaultValue:i?[r]:[],multiple:!0,children:t.jsxs(e.Accordion.Item,{css:ti,value:r,children:[t.jsxs(e.Accordion.ItemTrigger,{css:ni,children:[t.jsx(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:t.jsx("p",{css:ri,children:r})}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{css:oi,children:n.Children.map(o,(e=>t.jsx("div",{className:"ds-layer-parameters-item-child",children:e})))})]})})}),exports.LegendItem=({layerName:e,dataUnit:n,onDrag:r,onUpClick:o,onDownClick:i,onRemoveClick:a,children:s,onInfoClick:l,onOpacityChanged:c})=>t.jsxs("div",{css:ii,children:[t.jsxs("div",{css:ai,children:[t.jsx(ie,{icon:t.jsx(T,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:r,style:{display:"none",marginBottom:"12px"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(ie,{icon:t.jsx($,{rotate:"180"}),"aria-label":"Up",onClick:o}),t.jsx(ie,{icon:t.jsx($,{}),"aria-label":"Down",onClick:i})]})]}),t.jsxs("div",{style:{width:"100%"},children:[t.jsxs("div",{css:si,children:[t.jsxs("div",{children:[t.jsx("h3",{css:li,children:e}),t.jsx("p",{css:ci,children:n})]}),t.jsx(b,{label:"Remove",size:"small",variant:"secondary",rightIcon:t.jsx(E,{}),onClick:a})]}),s,t.jsxs("div",{css:ui,children:[t.jsx(b,{label:"About data",size:"small",variant:"secondary",leftIcon:t.jsx(k,{}),onClick:l}),t.jsx(xi,{defaultValue:80,onOpacityChanged:c})]})]})]}),exports.List=({items:n,noBorder:r})=>t.jsx(e.Box,{css:_i(r),children:n.map((e=>t.jsx(Bi,{id:e.id,icon:e.icon,label:e.label,caption:e.caption,value:e.value,variant:e.variant??"data",onItemClick:e.onItemClick},e.id??e.label)))}),exports.MapControlsToolbar=({onZoomInClick:e,onZoomOutClick:t,onExpandClick:n,onShareClick:r,onPrintClick:i,onSettingsClick:a,onQuestionClick:s,vertical:l,expanded:c,showExpandedToggle:u,ariaLabel:d})=>{const p=[{icon:o.jsx(V,{}),label:"Zoom in",ariaLabel:"zoom in",onClick:e},{icon:o.jsx(N,{}),label:"Zoom out",ariaLabel:"zoom out",onClick:t,gap:!0},{icon:o.jsx(A,{}),label:"Expand",ariaLabel:"expand",onClick:n,gap:!0},{icon:o.jsx(z,{}),label:"Share",ariaLabel:"share",onClick:r,gap:!0},{icon:o.jsx(B,{}),label:"Print",ariaLabel:"print",onClick:i,gap:!0},{icon:o.jsx(H,{}),label:"Settings",ariaLabel:"settings",onClick:a,gap:!0},{icon:o.jsx(F,{}),label:"Help",ariaLabel:"question",onClick:s}];return o.jsx(he,{items:p,vertical:l,expanded:c,showExpandedToggle:u,ariaLabel:d||"Map controls toolbar"})},exports.MapMarker=Rn,exports.MapMarkers=On,exports.MapPopUp=({open:e,onOpenChange:r,anchorRef:o,header:i,content:a,footer:s,placement:c="bottom",offset:u=30,closeOnEscape:d=!0,closeOnOutsideClick:p=!1})=>{const h=n.useRef(null),{refs:f,floatingStyles:x,context:g,middlewareData:v,placement:m}=Io({open:e,onOpenChange:r,placement:c,whileElementsMounted:ro,middleware:[go(u),(b={fallbackAxisSideDirection:"start"},{...ao(b),options:[b,y]}),vo({padding:8}),mo({element:h})]});var b,y;n.useEffect((()=>{o?.current&&f.setReference(o.current)}),[o,f]);const w=function(e,t){void 0===t&&(t={});const{open:n,onOpenChange:r,elements:o,dataRef:i}=e,{enabled:a=!0,escapeKey:s=!0,outsidePress:c=!0,outsidePressEvent:u="pointerdown",referencePress:d=!1,referencePressEvent:p="pointerdown",ancestorScroll:h=!1,bubbles:f,capture:x}=t,g=To(),v=Ir("function"==typeof c?c:()=>!1),m="function"==typeof c?v:c,b=l.useRef(!1),{escapeKey:y,outsidePress:w}=_o(f),{escapeKey:C,outsidePress:j}=_o(x),k=l.useRef(!1),$=Ir((e=>{var t;if(!n||!a||!s||"Escape"!==e.key)return;if(k.current)return;const o=null==(t=i.current.floatingContext)?void 0:t.nodeId,l=g?Mr(g.nodesRef.current,o):[];if(!y&&(e.stopPropagation(),l.length>0)){let e=!0;if(l.forEach((t=>{var n;null==(n=t.context)||!n.open||t.context.dataRef.current.__escapeKeyBubbles||(e=!1)})),!e)return}r(!1,function(e){return"nativeEvent"in e}(e)?e.nativeEvent:e,"escape-key")})),S=Ir((e=>{var t;const n=()=>{var t;$(e),null==(t=Lr(e))||t.removeEventListener("keydown",n)};null==(t=Lr(e))||t.addEventListener("keydown",n)})),E=Ir((e=>{var t;const n=i.current.insideReactTree;i.current.insideReactTree=!1;const a=b.current;if(b.current=!1,"click"===u&&a)return;if(n)return;if("function"==typeof m&&!m(e))return;const s=Lr(e),l="[data-floating-ui-inert]",c=Pr(o.floating).querySelectorAll(l);let d=Dn(s)?s:null;for(;d&&!Yn(d);){const e=Qn(d);if(Yn(e)||!Dn(e))break;d=e}if(c.length&&Dn(s)&&!s.matches("html,body")&&!Or(s,o.floating)&&Array.from(c).every((e=>!Or(d,e))))return;if(In(s)&&L){const t=Yn(s),n=Kn(s),r=/auto|scroll/,o=t||r.test(n.overflowX),i=t||r.test(n.overflowY),a=o&&s.clientWidth>0&&s.scrollWidth>s.clientWidth,l=i&&s.clientHeight>0&&s.scrollHeight>s.clientHeight,c="rtl"===n.direction,u=l&&(c?e.offsetX<=s.offsetWidth-s.clientWidth:e.offsetX>s.clientWidth),d=a&&e.offsetY>s.clientHeight;if(u||d)return}const p=null==(t=i.current.floatingContext)?void 0:t.nodeId,h=g&&Mr(g.nodesRef.current,p).some((t=>{var n;return Tr(e,null==(n=t.context)?void 0:n.elements.floating)}));if(Tr(e,o.floating)||Tr(e,o.domReference)||h)return;const f=g?Mr(g.nodesRef.current,p):[];if(f.length>0){let e=!0;if(f.forEach((t=>{var n;null==(n=t.context)||!n.open||t.context.dataRef.current.__outsidePressBubbles||(e=!1)})),!e)return}r(!1,e,"outside-press")})),R=Ir((e=>{var t;const n=()=>{var t;E(e),null==(t=Lr(e))||t.removeEventListener(u,n)};null==(t=Lr(e))||t.addEventListener(u,n)}));l.useEffect((()=>{if(!n||!a)return;i.current.__escapeKeyBubbles=y,i.current.__outsidePressBubbles=w;let e=-1;function t(e){r(!1,e,"ancestor-scroll")}function l(){window.clearTimeout(e),k.current=!0}function c(){e=window.setTimeout((()=>{k.current=!1}),Un()?5:0)}const d=Pr(o.floating);s&&(d.addEventListener("keydown",C?S:$,C),d.addEventListener("compositionstart",l),d.addEventListener("compositionend",c)),m&&d.addEventListener(u,j?R:E,j);let p=[];return h&&(Dn(o.domReference)&&(p=tr(o.domReference)),Dn(o.floating)&&(p=p.concat(tr(o.floating))),!Dn(o.reference)&&o.reference&&o.reference.contextElement&&(p=p.concat(tr(o.reference.contextElement)))),p=p.filter((e=>{var t;return e!==(null==(t=d.defaultView)?void 0:t.visualViewport)})),p.forEach((e=>{e.addEventListener("scroll",t,{passive:!0})})),()=>{s&&(d.removeEventListener("keydown",C?S:$,C),d.removeEventListener("compositionstart",l),d.removeEventListener("compositionend",c)),m&&d.removeEventListener(u,j?R:E,j),p.forEach((e=>{e.removeEventListener("scroll",t)})),window.clearTimeout(e)}}),[i,o,s,m,u,n,r,h,a,y,w,$,C,S,E,j,R]),l.useEffect((()=>{i.current.insideReactTree=!1}),[i,m,u]);const O=l.useMemo((()=>({onKeyDown:$,...d&&{[Po[p]]:e=>{r(!1,e.nativeEvent,"reference-press")},..."click"!==p&&{onClick(e){r(!1,e.nativeEvent,"reference-press")}}}})),[$,r,d,p]),L=l.useMemo((()=>({onKeyDown:$,onMouseDown(){b.current=!0},onMouseUp(){b.current=!0},[Mo[u]]:()=>{i.current.insideReactTree=!0}})),[$,u,i]);return l.useMemo((()=>a?{reference:O,floating:L}:{}),[a,O,L])}(g,{escapeKey:d,outsidePress:p}),C=Ao(g,{role:"dialog"}),{getFloatingProps:j}=function(e){void 0===e&&(e=[]);const t=e.map((e=>null==e?void 0:e.reference)),n=e.map((e=>null==e?void 0:e.floating)),r=e.map((e=>null==e?void 0:e.item)),o=l.useCallback((t=>Vo(t,e,"reference")),t),i=l.useCallback((t=>Vo(t,e,"floating")),n),a=l.useCallback((t=>Vo(t,e,"item")),r);return l.useMemo((()=>({getReferenceProps:o,getFloatingProps:i,getItemProps:a})),[o,i,a])}([w,C]),{x:k,y:$}=v.arrow??{x:null,y:null},S={top:"bottom",right:"left",bottom:"top",left:"right"}[m.split("-")[0]];if(!e)return null;let E=u-1,R=4;return"left"!==S&&"right"!==S||(E=4,R=u-1),t.jsxs(t.Fragment,{children:[t.jsxs("div",{ref:f.setFloating,style:x,"aria-modal":!0,...j(),css:zo,children:[t.jsxs("div",{css:Bo,children:[i,t.jsx(ae,{onClick:()=>r(!1),className:"ds-map-pop-up-close-button","aria-label":"Close"})]}),t.jsx("div",{css:Ho,children:a}),s?t.jsx("div",{css:Fo,children:s}):null,t.jsx("div",{ref:h,css:Zo(E,R,k,$,S,u)})]}),t.jsx("div",{className:"fixed inset-0 z-[999] bg-black/20 backdrop-blur-[1px]",onClick:()=>p&&r(!1)})]})},exports.Menu=we,exports.MobileTabBar=({defaultValue:r,tabs:o,onTabClick:i,hideLabels:a,activationMode:s="manual"})=>{const l=o.length,[c,u]=n.useState((()=>zh(o,r)));return t.jsx("div",{css:Ih,children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:r||o?.[0]?.value,onValueChange:({value:e})=>(e=>{const t=zh(o,e);u(t),i&&i(e)})(e),activationMode:s,children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:o.map(((n,r)=>{const{label:o,icon:i,bagdeCount:s,"aria-label":u,"aria-describedby":d,disabled:p,...h}=n,f=`${n.value}-str-status`,x=[`tab ${r+1} of ${l}`,c===r?"selected":"not selected"];p&&x.push("disabled");const g=[d,f].filter(Boolean).join(" ")||void 0;return t.jsxs(e.Tabs.Trigger,{css:Vh,"aria-label":u||o,"aria-disabled":!!p||void 0,"aria-describedby":g,disabled:p,...h,children:[t.jsxs("div",{css:Nh,children:[i,s?t.jsx("div",{css:Ah,className:"ds-badge-count",children:s}):null]}),a?null:t.jsx("p",{children:o}),t.jsx(e.VisuallyHidden,{id:f,children:x.join(", ")})]},n.value)}))})})})},exports.Modal=({header:n,content:r,footer:o,size:i="medium",draggable:a,blocking:s,open:l,onClose:c})=>l?t.jsx(e.Dialog.Root,{open:l,onOpenChange:c,placement:"center",scrollBehavior:"inside",closeOnInteractOutside:!a&&!s,preventScroll:!a&&!s,closeOnEscape:!s,defaultOpen:!0,children:t.jsxs(e.Portal,{children:[a?null:t.jsx(e.Dialog.Backdrop,{}),t.jsx(ss,{disabled:!a,children:t.jsx(e.Dialog.Positioner,{children:t.jsxs(e.Dialog.Content,{css:ls(i),children:[t.jsxs(e.Dialog.Header,{css:cs,children:[n,s?null:t.jsx(e.Dialog.CloseTrigger,{css:us,asChild:!0,children:t.jsx(ae,{})})]}),t.jsx(e.Dialog.Body,{css:ds,children:r}),o?t.jsx(e.Dialog.Footer,{padding:"12px",children:o}):null]})})})]})}):null,exports.MultiActionButton=({variant:r="primary",size:o="default",mainActionLabel:i,mainActionOnClick:a=()=>{},otherActions:s=[],disabled:l,...c})=>{const[u,d]=n.useState(!1),p=l?`${i} action button with menu, disabled`:void 0;return t.jsxs(e.Group,{css:$e,attached:!0,tabIndex:l?0:void 0,"aria-disabled":l,"aria-label":p,role:"group",children:[t.jsx(b,{css:{},label:i,variant:r,size:o,onClick:a,disabled:l,...c}),t.jsxs(e.Menu.Root,{onOpenChange:({open:e})=>d(e),positioning:{placement:"bottom-end"},children:[t.jsx(e.Menu.Trigger,{css:je(r),"data-group-item":!0,"data-last":!0,asChild:!0,children:t.jsx(b,{variant:r,size:o,leftIcon:t.jsx($,{rotate:u?"180":"0",color:h("accessible","text-on-primary-mids")||h("primary",900)}),disabled:l})}),t.jsx(Se,{children:s.map((({label:n,value:r,onClick:i})=>t.jsx(e.Menu.Item,{css:ke(o),onClick:i,value:r,children:n},r)))})]})]})},exports.Navbar=({logo:e,linkRouter:o,pathname:i,navigationSection:a,utilitySection:s,actionsSection:l,maxWidth:c,fixed:u,onNavbarHeightChange:d,backgroundColor:p})=>{const f=n.useRef(null),x=n.useRef(null),g=n.useRef(null),[v,m]=n.useState(!1),[y,w]=n.useState(-1),[C,j]=n.useState("undefined"!=typeof window&&window?.innerWidth<=cf),[k,$]=n.useState(!1),S=o,R=n.useCallback((()=>{if(x.current&&f.current&&g.current){const e=f.current.getBoundingClientRect(),t=x.current.getBoundingClientRect(),n=g.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=cf||window.innerWidth<=y?(d?.(96),m(!0)):window.innerWidth>cf&&window.innerWidth<=1440?e.right>=t.left?(d?.(96),m(!0),w(window.innerWidth)):window.innerWidth>y&&(d?.(48),m(!1),w(-1)):(d?.(48),m(!1),w(-1)),v&&(window.innerWidth<=cf||n.right>=t.left?(j(!0),d?.(48)):(j(!1),d?.(96)))}}),[y,v]);return n.useEffect((()=>(R(),window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R)})),[R]),t.jsxs("nav",{css:Bh(v&&!C,u,p),children:[t.jsxs("div",{css:Fh(v&&!C,c),children:[t.jsxs("div",{css:(O=v&&!C,r.css`
|
|
3583
|
+
`),children:o.children}):null]},`${o.label}-${o.value}`);var i,a}))})}),exports.CloseButton=ae,exports.ClusterPoint=({onClick:e,triggerRef:t,showFocusState:n,count:r,mode:i,variant:a="cluster"})=>o.jsx(Rn,{count:r,mode:i,onClick:e,ref:t,showFocusState:n,variant:a}),exports.ExtendableCard=({children:n,header:r,footer:o})=>t.jsx(e.Box,{css:oa,children:t.jsx(e.Accordion.Root,{multiple:!0,children:t.jsxs(e.Accordion.Item,{value:"extendable-card-item",children:[t.jsxs(e.Accordion.ItemTrigger,{css:ia,alignItems:"center",children:[t.jsx(e.Flex,{gap:3,flex:"1",overflow:"hidden",alignItems:"center",children:r}),t.jsx(e.Accordion.ItemIndicator,{children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsxs(e.Accordion.ItemContent,{children:[n,o]})]})})}),exports.Footer=({children:e,label:n="© World Resources Institute",fixed:r,filled:o,maxWidth:i})=>{const a=(new Date).getFullYear();return t.jsx("footer",{css:Ph(r,o),children:t.jsxs("div",{css:Mh(i),children:[t.jsx("div",{children:t.jsx(D,{height:"32px",width:"91px"})}),t.jsx("div",{css:_h,children:e}),t.jsx("div",{children:t.jsxs("p",{css:Dh,children:[n," ",a]})})]})})},exports.IconButton=ie,exports.InlineMessage=({label:e,caption:n,variant:r,size:o="large",icon:i=t.jsx(k,{height:"16px",width:"16px"}),onActionClick:a,actionLabel:s,isButtonRight:l})=>{let c=Nf;return"info-grey"===r?c=Af:"success"===r?c=zf:"warning"===r?c=Bf:"error"===r&&(c=Hf),t.jsxs("div",{css:[_f(o,l),c],"aria-roledescription":"Note",children:[t.jsxs("div",{children:[t.jsxs("div",{css:Df,children:[i,t.jsx("p",{css:If(o),children:e})]}),t.jsx("p",{css:Vf(o),children:n})]}),s?t.jsx(b,{label:s,variant:"info-white"===r||"info-grey"===r?"primary":"secondary",size:"large"===o?"default":"small",onClick:a}):null]})},exports.InputWithUnits=({label:r,caption:o,errorMessage:i,units:a,unitsPosition:s="end",defaultUnit:l="",defaultValue:c="",onChange:u,required:d,disabled:p})=>{const[h,f]=n.useState(c),[x,g]=n.useState(l?[l]:[a[0].value]),v=(e,t)=>{u&&u("end"===s?""+(t?`${h} ${e}`:`${e} ${x}`):""+(t?`${e} ${h}`:`${x} ${e}`))};return t.jsxs("div",{css:ct,children:[i?t.jsx("div",{css:pt}):null,t.jsxs("div",{style:{marginLeft:i?"19px":"0px"},children:[t.jsxs("p",{css:ut(p),"aria-label":r,children:[d?t.jsx("span",{children:"*"}):null,r]}),t.jsx("p",{css:dt(p),"aria-label":o,children:o}),i?t.jsx("p",{css:ht,"aria-label":i,children:i}):null,t.jsxs(e.Group,{css:ft(!!i,s),attached:!0,children:["start"===s?t.jsx(qt,{placeholder:"",value:x,items:a,disabled:p,onChange:e=>{g(e),v(e?.[0],!0)}}):null,t.jsx(wt,{type:"number",value:h,disabled:p,onChange:e=>{f(e.target.value),v(e.target.value)}}),"end"===s?t.jsx(qt,{placeholder:"",value:x,items:a,disabled:p,onChange:e=>{g(e),v(e?.[0],!0)}}):null]})]})]})},exports.ItemCount=Mi,exports.LayerGroup=({label:r,caption:o,value:i,layerItems:a,onChangeForRadioVariant:s})=>{const[l,c]=n.useState({}),[u]=n.useState((e=>{const t=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return t?.name})(a));n.useEffect((()=>{let e={...l};a.forEach((t=>{t.isDefaultSelected&&(e={...e,["radio"===t.variant?r:t.name]:t.isDefaultSelected})})),c(e)}),[]);const d=(e,t,n,r)=>{const o={...l,[e]:t};c(o),n&&n(e,t,r)},p=Object.values(l).filter((e=>!0===e)).length,h=`${r}, ${p} Active layers on the map${o?`, ${o}`:""}`;return t.jsxs(e.Accordion.Item,{value:i,width:"100%",children:[t.jsxs(e.Accordion.ItemTrigger,{css:Go,alignItems:"flex-start","aria-label":h,children:[t.jsxs(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[t.jsxs("span",{css:qo,children:[r,t.jsx(Zt,{label:`${p} Active`,size:"small",variant:p>0?"success":"info-grey"})]}),t.jsx("div",{css:Uo,children:o})]}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:t.jsx(We,{name:r,defaultValue:u,customGap:"0px",onChange:(e,t)=>d(e,!!t,s,t),children:a.map((e=>t.jsx(ei,{...e,onChange:(t,n)=>d(t,n,e.onChange)},e.label)))})})]})},exports.LayerGroupContainer=({children:n,defaultValue:r,...o})=>t.jsx("div",{css:Wo,style:{width:"100%"},children:t.jsx(e.Accordion.Root,{css:{},defaultValue:r,multiple:!0,...o,children:n})}),exports.LayerItem=ei,exports.LayerParameters=({label:r,children:o,openedByDefault:i})=>t.jsx("div",{children:t.jsx(e.Accordion.Root,{defaultValue:i?[r]:[],multiple:!0,children:t.jsxs(e.Accordion.Item,{css:ti,value:r,children:[t.jsxs(e.Accordion.ItemTrigger,{css:ni,children:[t.jsx(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:t.jsx("p",{css:ri,children:r})}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{css:oi,children:n.Children.map(o,(e=>t.jsx("div",{className:"ds-layer-parameters-item-child",children:e})))})]})})}),exports.LegendItem=({layerName:e,dataUnit:n,onDrag:r,onUpClick:o,onDownClick:i,onRemoveClick:a,children:s,onInfoClick:l,onOpacityChanged:c})=>t.jsxs("div",{css:ii,children:[t.jsxs("div",{css:ai,children:[t.jsx(ie,{icon:t.jsx(T,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:r,style:{display:"none",marginBottom:"12px"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(ie,{icon:t.jsx($,{rotate:"180"}),"aria-label":"Up",onClick:o}),t.jsx(ie,{icon:t.jsx($,{}),"aria-label":"Down",onClick:i})]})]}),t.jsxs("div",{style:{width:"100%"},children:[t.jsxs("div",{css:si,children:[t.jsxs("div",{children:[t.jsx("h3",{css:li,children:e}),t.jsx("p",{css:ci,children:n})]}),t.jsx(b,{label:"Remove",size:"small",variant:"secondary",rightIcon:t.jsx(E,{}),onClick:a})]}),s,t.jsxs("div",{css:ui,children:[t.jsx(b,{label:"About data",size:"small",variant:"secondary",leftIcon:t.jsx(k,{}),onClick:l}),t.jsx(xi,{defaultValue:80,onOpacityChanged:c})]})]})]}),exports.List=({items:n,noBorder:r})=>t.jsx(e.Box,{css:_i(r),children:n.map((e=>t.jsx(Bi,{id:e.id,icon:e.icon,label:e.label,caption:e.caption,value:e.value,variant:e.variant??"data",onItemClick:e.onItemClick},e.id??e.label)))}),exports.MapControlsToolbar=({onZoomInClick:e,onZoomOutClick:t,onExpandClick:n,onShareClick:r,onPrintClick:i,onSettingsClick:a,onQuestionClick:s,vertical:l,expanded:c,showExpandedToggle:u,ariaLabel:d})=>{const p=[{icon:o.jsx(V,{}),label:"Zoom in",ariaLabel:"zoom in",onClick:e},{icon:o.jsx(N,{}),label:"Zoom out",ariaLabel:"zoom out",onClick:t,gap:!0},{icon:o.jsx(A,{}),label:"Expand",ariaLabel:"expand",onClick:n,gap:!0},{icon:o.jsx(z,{}),label:"Share",ariaLabel:"share",onClick:r,gap:!0},{icon:o.jsx(B,{}),label:"Print",ariaLabel:"print",onClick:i,gap:!0},{icon:o.jsx(H,{}),label:"Settings",ariaLabel:"settings",onClick:a,gap:!0},{icon:o.jsx(F,{}),label:"Help",ariaLabel:"question",onClick:s}];return o.jsx(he,{items:p,vertical:l,expanded:c,showExpandedToggle:u,ariaLabel:d||"Map controls toolbar"})},exports.MapMarker=Rn,exports.MapMarkers=On,exports.MapPopUp=({open:e,onOpenChange:r,anchorRef:o,header:i,content:a,footer:s,placement:c="bottom",offset:u=30,closeOnEscape:d=!0,closeOnOutsideClick:p=!1})=>{const h=n.useRef(null),{refs:f,floatingStyles:x,context:g,middlewareData:v,placement:m}=Io({open:e,onOpenChange:r,placement:c,whileElementsMounted:ro,middleware:[go(u),(b={fallbackAxisSideDirection:"start"},{...ao(b),options:[b,y]}),vo({padding:8}),mo({element:h})]});var b,y;n.useEffect((()=>{o?.current&&f.setReference(o.current)}),[o,f]);const w=function(e,t){void 0===t&&(t={});const{open:n,onOpenChange:r,elements:o,dataRef:i}=e,{enabled:a=!0,escapeKey:s=!0,outsidePress:c=!0,outsidePressEvent:u="pointerdown",referencePress:d=!1,referencePressEvent:p="pointerdown",ancestorScroll:h=!1,bubbles:f,capture:x}=t,g=To(),v=Ir("function"==typeof c?c:()=>!1),m="function"==typeof c?v:c,b=l.useRef(!1),{escapeKey:y,outsidePress:w}=_o(f),{escapeKey:C,outsidePress:j}=_o(x),k=l.useRef(!1),$=Ir((e=>{var t;if(!n||!a||!s||"Escape"!==e.key)return;if(k.current)return;const o=null==(t=i.current.floatingContext)?void 0:t.nodeId,l=g?Mr(g.nodesRef.current,o):[];if(!y&&(e.stopPropagation(),l.length>0)){let e=!0;if(l.forEach((t=>{var n;null==(n=t.context)||!n.open||t.context.dataRef.current.__escapeKeyBubbles||(e=!1)})),!e)return}r(!1,function(e){return"nativeEvent"in e}(e)?e.nativeEvent:e,"escape-key")})),S=Ir((e=>{var t;const n=()=>{var t;$(e),null==(t=Lr(e))||t.removeEventListener("keydown",n)};null==(t=Lr(e))||t.addEventListener("keydown",n)})),E=Ir((e=>{var t;const n=i.current.insideReactTree;i.current.insideReactTree=!1;const a=b.current;if(b.current=!1,"click"===u&&a)return;if(n)return;if("function"==typeof m&&!m(e))return;const s=Lr(e),l="[data-floating-ui-inert]",c=Pr(o.floating).querySelectorAll(l);let d=Dn(s)?s:null;for(;d&&!Yn(d);){const e=Qn(d);if(Yn(e)||!Dn(e))break;d=e}if(c.length&&Dn(s)&&!s.matches("html,body")&&!Or(s,o.floating)&&Array.from(c).every((e=>!Or(d,e))))return;if(In(s)&&L){const t=Yn(s),n=Kn(s),r=/auto|scroll/,o=t||r.test(n.overflowX),i=t||r.test(n.overflowY),a=o&&s.clientWidth>0&&s.scrollWidth>s.clientWidth,l=i&&s.clientHeight>0&&s.scrollHeight>s.clientHeight,c="rtl"===n.direction,u=l&&(c?e.offsetX<=s.offsetWidth-s.clientWidth:e.offsetX>s.clientWidth),d=a&&e.offsetY>s.clientHeight;if(u||d)return}const p=null==(t=i.current.floatingContext)?void 0:t.nodeId,h=g&&Mr(g.nodesRef.current,p).some((t=>{var n;return Tr(e,null==(n=t.context)?void 0:n.elements.floating)}));if(Tr(e,o.floating)||Tr(e,o.domReference)||h)return;const f=g?Mr(g.nodesRef.current,p):[];if(f.length>0){let e=!0;if(f.forEach((t=>{var n;null==(n=t.context)||!n.open||t.context.dataRef.current.__outsidePressBubbles||(e=!1)})),!e)return}r(!1,e,"outside-press")})),R=Ir((e=>{var t;const n=()=>{var t;E(e),null==(t=Lr(e))||t.removeEventListener(u,n)};null==(t=Lr(e))||t.addEventListener(u,n)}));l.useEffect((()=>{if(!n||!a)return;i.current.__escapeKeyBubbles=y,i.current.__outsidePressBubbles=w;let e=-1;function t(e){r(!1,e,"ancestor-scroll")}function l(){window.clearTimeout(e),k.current=!0}function c(){e=window.setTimeout((()=>{k.current=!1}),Un()?5:0)}const d=Pr(o.floating);s&&(d.addEventListener("keydown",C?S:$,C),d.addEventListener("compositionstart",l),d.addEventListener("compositionend",c)),m&&d.addEventListener(u,j?R:E,j);let p=[];return h&&(Dn(o.domReference)&&(p=tr(o.domReference)),Dn(o.floating)&&(p=p.concat(tr(o.floating))),!Dn(o.reference)&&o.reference&&o.reference.contextElement&&(p=p.concat(tr(o.reference.contextElement)))),p=p.filter((e=>{var t;return e!==(null==(t=d.defaultView)?void 0:t.visualViewport)})),p.forEach((e=>{e.addEventListener("scroll",t,{passive:!0})})),()=>{s&&(d.removeEventListener("keydown",C?S:$,C),d.removeEventListener("compositionstart",l),d.removeEventListener("compositionend",c)),m&&d.removeEventListener(u,j?R:E,j),p.forEach((e=>{e.removeEventListener("scroll",t)})),window.clearTimeout(e)}}),[i,o,s,m,u,n,r,h,a,y,w,$,C,S,E,j,R]),l.useEffect((()=>{i.current.insideReactTree=!1}),[i,m,u]);const O=l.useMemo((()=>({onKeyDown:$,...d&&{[Po[p]]:e=>{r(!1,e.nativeEvent,"reference-press")},..."click"!==p&&{onClick(e){r(!1,e.nativeEvent,"reference-press")}}}})),[$,r,d,p]),L=l.useMemo((()=>({onKeyDown:$,onMouseDown(){b.current=!0},onMouseUp(){b.current=!0},[Mo[u]]:()=>{i.current.insideReactTree=!0}})),[$,u,i]);return l.useMemo((()=>a?{reference:O,floating:L}:{}),[a,O,L])}(g,{escapeKey:d,outsidePress:p}),C=Ao(g,{role:"dialog"}),{getFloatingProps:j}=function(e){void 0===e&&(e=[]);const t=e.map((e=>null==e?void 0:e.reference)),n=e.map((e=>null==e?void 0:e.floating)),r=e.map((e=>null==e?void 0:e.item)),o=l.useCallback((t=>Vo(t,e,"reference")),t),i=l.useCallback((t=>Vo(t,e,"floating")),n),a=l.useCallback((t=>Vo(t,e,"item")),r);return l.useMemo((()=>({getReferenceProps:o,getFloatingProps:i,getItemProps:a})),[o,i,a])}([w,C]),{x:k,y:$}=v.arrow??{x:null,y:null},S={top:"bottom",right:"left",bottom:"top",left:"right"}[m.split("-")[0]];if(!e)return null;let E=u-1,R=4;return"left"!==S&&"right"!==S||(E=4,R=u-1),t.jsxs(t.Fragment,{children:[t.jsxs("div",{ref:f.setFloating,style:x,"aria-modal":!0,...j(),css:zo,children:[t.jsxs("div",{css:Bo,children:[i,t.jsx(ae,{onClick:()=>r(!1),className:"ds-map-pop-up-close-button","aria-label":"Close"})]}),t.jsx("div",{css:Ho,children:a}),s?t.jsx("div",{css:Fo,children:s}):null,t.jsx("div",{ref:h,css:Zo(E,R,k,$,S,u)})]}),t.jsx("div",{className:"fixed inset-0 z-[999] bg-black/20 backdrop-blur-[1px]",onClick:()=>p&&r(!1)})]})},exports.Menu=we,exports.MobileTabBar=({defaultValue:r,tabs:o,onTabClick:i,hideLabels:a,activationMode:s="manual"})=>{const l=o.length,[c,u]=n.useState((()=>zh(o,r)));return t.jsx("div",{css:Ih,children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:r||o?.[0]?.value,onValueChange:({value:e})=>(e=>{const t=zh(o,e);u(t),i&&i(e)})(e),activationMode:s,children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:o.map(((n,r)=>{const{label:o,icon:i,bagdeCount:s,"aria-label":u,"aria-describedby":d,disabled:p,...h}=n,f=`${n.value}-str-status`,x=[`tab ${r+1} of ${l}`,c===r?"selected":"not selected"];p&&x.push("disabled");const g=[d,f].filter(Boolean).join(" ")||void 0;return t.jsxs(e.Tabs.Trigger,{css:Vh,"aria-label":u||o,"aria-disabled":!!p||void 0,"aria-describedby":g,disabled:p,...h,children:[t.jsxs("div",{css:Nh,children:[i,s?t.jsx("div",{css:Ah,className:"ds-badge-count",children:s}):null]}),a?null:t.jsx("p",{children:o}),t.jsx(e.VisuallyHidden,{id:f,children:x.join(", ")})]},n.value)}))})})})},exports.Modal=({header:n,content:r,footer:o,size:i="medium",draggable:a,blocking:s,open:l,onClose:c})=>l?t.jsx(e.Dialog.Root,{open:l,onOpenChange:c,placement:"center",scrollBehavior:"inside",closeOnInteractOutside:!a&&!s,preventScroll:!a&&!s,closeOnEscape:!s,defaultOpen:!0,children:t.jsxs(e.Portal,{children:[a?null:t.jsx(e.Dialog.Backdrop,{}),t.jsx(ss,{disabled:!a,children:t.jsx(e.Dialog.Positioner,{children:t.jsxs(e.Dialog.Content,{css:ls(i),children:[t.jsxs(e.Dialog.Header,{css:cs,children:[n,s?null:t.jsx(e.Dialog.CloseTrigger,{css:us,asChild:!0,children:t.jsx(ae,{})})]}),t.jsx(e.Dialog.Body,{css:ds,children:r}),o?t.jsx(e.Dialog.Footer,{padding:"12px",children:o}):null]})})})]})}):null,exports.MultiActionButton=({variant:r="primary",size:o="default",mainActionLabel:i,mainActionOnClick:a=()=>{},otherActions:s=[],disabled:l,...c})=>{const[u,d]=n.useState(!1),p=l?`${i} action button with menu, disabled`:void 0;return t.jsxs(e.Group,{css:$e,attached:!0,tabIndex:l?0:void 0,"aria-disabled":l,"aria-label":p,role:"group",children:[t.jsx(b,{css:{},label:i,variant:r,size:o,onClick:a,disabled:l,...c}),t.jsxs(e.Menu.Root,{onOpenChange:({open:e})=>d(e),positioning:{placement:"bottom-end"},children:[t.jsx(e.Menu.Trigger,{css:je(r),"data-group-item":!0,"data-last":!0,asChild:!0,children:t.jsx(b,{variant:r,size:o,leftIcon:t.jsx($,{rotate:u?"180":"0",color:h("accessible","text-on-primary-mids")||h("primary",900)}),disabled:l})}),t.jsx(Se,{children:s.map((({label:n,value:r,onClick:i})=>t.jsx(e.Menu.Item,{css:ke(o),onClick:i,value:r,children:n},r)))})]})]})},exports.Navbar=({logo:e,linkRouter:o,pathname:i,navigationSection:a,utilitySection:s,actionsSection:l,maxWidth:c,fixed:u,onNavbarHeightChange:d,backgroundColor:p})=>{const f=n.useRef(null),x=n.useRef(null),g=n.useRef(null),[v,m]=n.useState(!1),[y,w]=n.useState(-1),[C,j]=n.useState("undefined"!=typeof window&&window?.innerWidth<=cf),[k,$]=n.useState(!1),S=o,R=n.useCallback((()=>{if(x.current&&f.current&&g.current){const e=f.current.getBoundingClientRect(),t=x.current.getBoundingClientRect(),n=g.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=cf||window.innerWidth<=y?(d?.(96),m(!0)):window.innerWidth>cf&&window.innerWidth<=1440?e.right>=t.left?(d?.(96),m(!0),w(window.innerWidth)):window.innerWidth>y&&(d?.(48),m(!1),w(-1)):(d?.(48),m(!1),w(-1)),v&&(window.innerWidth<=cf||n.right>=t.left?(j(!0),d?.(48)):(j(!1),d?.(96)))}}),[y,v]);return n.useEffect((()=>(R(),window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R)})),[R]),t.jsxs("nav",{css:Bh(v&&!C,u,p),children:[t.jsxs("div",{css:Fh(v&&!C,c),children:[t.jsxs("div",{css:(O=v&&!C,r.css`
|
|
3577
3584
|
display: flex;
|
|
3578
3585
|
align-items: center;
|
|
3579
3586
|
justify-content: flex-start;
|
|
@@ -3603,7 +3610,7 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3603
3610
|
font-weight: 700;
|
|
3604
3611
|
color: ${h("Medium"===v?"warning":"Strong"===v||"Very Strong"===v?"success":"error",900)};
|
|
3605
3612
|
}
|
|
3606
|
-
`),"aria-live":"polite",role:"status",children:["Password Strength: ",t.jsx("span",{children:x.strength})]}),t.jsx("div",{css:Qt(x.strength),children:t.jsx("div",{})}),t.jsxs("div",{css:en(x.length),"aria-label":`Use a minimum of ${l} characters. ${x.length?"Requirement met.":"Requirement not met."}`,children:[t.jsx("div",{children:x.length?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsxs("p",{children:["Use a minimum of ",l," characters"]})]}),a?.uppercase?null:t.jsxs("div",{css:en(x.uppercase),"aria-label":"Use an uppercase letter. "+(x.uppercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:x.uppercase?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use an uppercase letter"})]}),a?.lowercase?null:t.jsxs("div",{css:en(x.lowercase),"aria-label":"Use a lowercase letter. "+(x.lowercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:x.lowercase?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a lowercase letter"})]}),a?.numbers?null:t.jsxs("div",{css:en(x.numbers),"aria-label":"Use a number. "+(x.numbers?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:x.numbers?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a number"})]}),a?.specialCharacters?null:t.jsxs("div",{css:en(x.specialCharacters),"aria-label":"Use a special character. "+(x.specialCharacters?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:x.specialCharacters?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a special character"})]})]}):null]});var v},exports.ProgressBar=({progress:e})=>{let n=e;return n>100&&(n=100),n<0&&(n=0),t.jsx("div",{css:
|
|
3613
|
+
`),"aria-live":"polite",role:"status",children:["Password Strength: ",t.jsx("span",{children:x.strength})]}),t.jsx("div",{css:Qt(x.strength),children:t.jsx("div",{})}),t.jsxs("div",{css:en(x.length),"aria-label":`Use a minimum of ${l} characters. ${x.length?"Requirement met.":"Requirement not met."}`,children:[t.jsx("div",{children:x.length?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsxs("p",{children:["Use a minimum of ",l," characters"]})]}),a?.uppercase?null:t.jsxs("div",{css:en(x.uppercase),"aria-label":"Use an uppercase letter. "+(x.uppercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:x.uppercase?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use an uppercase letter"})]}),a?.lowercase?null:t.jsxs("div",{css:en(x.lowercase),"aria-label":"Use a lowercase letter. "+(x.lowercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:x.lowercase?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a lowercase letter"})]}),a?.numbers?null:t.jsxs("div",{css:en(x.numbers),"aria-label":"Use a number. "+(x.numbers?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:x.numbers?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a number"})]}),a?.specialCharacters?null:t.jsxs("div",{css:en(x.specialCharacters),"aria-label":"Use a special character. "+(x.specialCharacters?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:x.specialCharacters?t.jsx(C,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(E,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a special character"})]})]}):null]});var v},exports.ProgressBar=({progress:e})=>{let n=e;return n>100&&(n=100),n<0&&(n=0),t.jsx("div",{css:Ff,role:"progressbar","aria-label":`Progress: ${n}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":n,children:t.jsx("div",{css:Zf(n)})})},exports.QualitativeAttribute=({type:e,label:r,caption:o,color:i,onActionClick:a,showActionButton:s,pointIcon:l=t.jsx(Z,{color:"#006D2C"}),ariaLabelType:c=""})=>{const[u,d]=n.useState(!0),p=n.useId(),h=n.useId(),f="raster"===e,x="line"===e,g="point"===e,v=n.useId(),m=n.useMemo((()=>{let e=c??`${c},`;x&&(e="line,");return`${e} ${r}${o?`, ${o}`:""}. Currently ${u?"visible":"hidden"}.`}),[u,e,r,o]),y=u?"Hide":"Show";return t.jsxs("div",{css:bi,children:[t.jsx("p",{id:v,css:{position:"absolute",width:1,height:1,margin:-1,padding:0,border:0,clip:"rect(0 0 0 0)",overflow:"hidden"},children:m}),t.jsxs("div",{css:yi,children:[t.jsxs("div",{children:[f&&t.jsx("div",{css:gi(i)}),x&&t.jsx("div",{css:vi(i)}),g&&t.jsx("div",{css:mi(i),children:l})]}),t.jsxs("div",{children:[t.jsx("p",{id:p,css:wi,children:r}),o?t.jsx("p",{id:h,css:Ci,children:o}):null]})]}),a&&s?t.jsx("div",{css:ji,children:t.jsx(b,{type:"button",variant:"borderless",label:y,rightIcon:u?t.jsx(L,{}):t.jsx(O,{}),"aria-pressed":u,"aria-labelledby":`${v} ${p}`,onClick:()=>{d((e=>!e)),a?.()}})}):null]})},exports.Radio=Ze,exports.RadioGroup=We,exports.RadioList=({label:n,caption:o,name:i,radios:a,defaultValue:s,onCheckedChange:l,errorMessage:c,horizontal:u,variant:d="default",required:p})=>{const h=`${n}. ${o?`${o}.`:""} ${p?"Required.":"Optional."} ${c?`Error: ${c}.`:""} `;return t.jsxs(e.Group,{css:tn,"aria-roledescription":"group","aria-label":h,children:[c?t.jsx("div",{css:an}):null,t.jsxs("div",{css:(f=!!c,r.css`
|
|
3607
3614
|
margin-left: ${f?"19px":"0px"};
|
|
3608
3615
|
`),children:[t.jsxs("p",{css:nn,"aria-label":n,children:[p&&t.jsx("span",{"aria-label":"required",children:"*"}),n]}),t.jsx("p",{css:rn,"aria-label":o,children:o}),c?t.jsx("p",{css:sn,"aria-label":c,children:c}):null,t.jsx("div",{css:on,children:t.jsx(We,{name:i,defaultValue:s,onChange:l,horizontal:u&&"card"!==d,children:a.map((e=>t.jsx(Ze,{css:"card"===d?ln:{},...e},e.value)))})})]})]});var f},exports.SSOButtons=ne,exports.ScaleBar=({colors:e,values:n,subLabels:o,isGradient:i})=>{return t.jsxs("div",{css:ki,children:[i?t.jsx("div",{css:(a=Oi(e),r.css`
|
|
3609
3616
|
height: 20px;
|
|
@@ -3612,4 +3619,4 @@ function Yd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3612
3619
|
border: 1px solid ${h("neutral",300)};
|
|
3613
3620
|
border-radius: 4px;
|
|
3614
3621
|
${a?`background: ${a};`:""}
|
|
3615
|
-
`)}):t.jsx("div",{css:$i,children:e?.map(((e,r)=>t.jsx("div",{"data-test":`${e}-${n?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${n?.[r]}`)))}),t.jsx("div",{css:Si,children:n?.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Ei,children:e})},e)))}),o&&o.length?t.jsx("div",{css:Si,children:o.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Ri,style:{width:"100%"},children:e})},e)))}):null]});var a},exports.Select=qt,exports.Sheet=({header:e,content:r,footer:o,open:i=!1,onClose:a,minimizedHeight:s,midHeight:l=200,maxFullHeight:c,defaultSnap:u="minimized",className:d,blocking:p,zIndex:h=1e3})=>{const f=n.useRef(null),x=n.useRef([]),[g,v]=n.useState(null),m=window.innerWidth>768,b=x.current;let y="Expand sheet";if(null!=g){const e=b.indexOf(g);e>0&&e<b.length-1?y="Make full screen":e===b.length-1&&(y="Expand sheet")}return t.jsx(Sh,{ref:f,css:Rh(!!e,h),className:d,open:i,onDismiss:a,header:t.jsxs("div",{children:[t.jsx("div",{tabIndex:0,role:"button","aria-label":y,"aria-expanded":i,css:Eh,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=b[b.length-1];if(m)return void f.current?.snapTo?.((()=>t));const n=g??b[0];let r=b.findIndex((e=>e>n));-1===r&&(r=b.length-1);const o=b[r];f.current?.snapTo?.((()=>o))}}),e]}),footer:o,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:n})=>{const r=[20,s||e,l+(o?n:0),c||t-t/6];return x.current=r,r},onSpringEnd:()=>{const e=f.current?.height;e&&v(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:n})=>{let r=20;return"minimized"===u?r=s||e:"mid"===u?r=l+(o?n:0):"full"===u&&(r=c||t-t/6),r},blocking:p,children:i?r:null})},exports.SimpleMapPin=({onClick:e,triggerRef:t,showFocusState:n,count:r,mode:i,variant:a="simple-pin"})=>o.jsx(Rn,{count:r,mode:i,onClick:e,ref:t,showFocusState:n,variant:a}),exports.Slider=et,exports.SliderInput=({label:e,caption:r,size:o="default",sliderItem:i,required:a,onChange:s})=>{const[l,c]=n.useState(i.value||[]),u=(e,t)=>{const n=e.target.value,r=[...l];let o=n?parseInt(n,10):n;const a=i.min||0,s=i.max||100;o=Number.isNaN(o)?a:o,o=o<a?a:o,o=o>s?s:o,r[t]=o,c(r)},d=(e,t)=>{const n=e.target.value||"0",r=[...l];let o=parseInt(n,10);const a=i.min||0,u=i.max||100;if(o=Number.isNaN(o)?a:o,o=o<a?a:o,o=o>u?u:o,2===l?.length){o=Number.isNaN(o)?a:o;const e=l[0],n=l[1];0===t?(o=o<a?a:o,o=o>n?n:o):1===t&&(o=o<e?e:o,o=o>u?u:o)}r[t]=o,c(r),s&&s(r)};return t.jsxs("div",{children:[t.jsxs("p",{css:cn(o),"aria-label":e,children:[a?t.jsx("span",{children:"*"}):null,e]}),r?t.jsx("p",{css:un(o),"aria-label":r,children:r}):null,t.jsxs("div",{css:dn,children:[i.step&&i.marks?t.jsx(qt,{items:i.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${l?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),s&&s(t)}}):t.jsx(wt,{"aria-label":e,min:i.min,max:i.max,value:l?.[0],type:"number",onChange:e=>u(e,0),onBlur:e=>d(e,0),className:"ds-opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx(et,{css:{},...i,value:l,onValueChangeEnd:e=>{c(e.value),s&&s(e.value)}}),2===l?.length?t.jsx(wt,{"aria-label":e,min:i.min,max:i.max,value:l?.[1],type:"number",onChange:e=>u(e,1),onBlur:e=>d(e,1),className:"ds-opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.StepProgressIndicator=({steps:e,currentStep:n})=>t.jsxs("div",{css:Zf,children:[e.map(((e,r)=>t.jsxs("div",{css:Wf,children:[t.jsx("button",{css:Gf(n>=r+1,n<r+1),type:"button",onClick:e.onClick,"aria-current":n===r+1,"aria-disabled":n<r+1,disabled:n<r+1,"aria-label":`Current Step ${r}${e.label?` ${e.label}`:""}`,"data-active":n>=r+1,children:n>r+1?t.jsx(C,{height:"16px",width:"16px"}):r+1}),e.label?t.jsx("p",{css:qf(n===r+1),children:e.label}):null]},`${e.label}-${r}`))),t.jsx("div",{css:Uf,children:t.jsx("div",{css:Xf})})]}),exports.Switch=nt,exports.TabBar=({variant:r="panel",defaultValue:o,tabs:i,onTabClick:a,activationMode:s="manual"})=>{const[l,c]=n.useState(yf(i,o)||0),u="view"===r;return t.jsx("div",{css:xf(r),children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:o||i?.[0]?.value,onValueChange:({value:e})=>{return c(yf(i,t=e)),void(a&&a(t));var t},activationMode:s,children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:i.map(((r,o)=>t.jsxs(n.Fragment,{children:[u&&1===o&&"left"===wf(l)?t.jsx("div",{css:mf}):null,t.jsx(e.Tabs.Trigger,{css:[gf,u?bf:vf],"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",gap:"5px",children:[r.icon,r.label]})},r.label),u&&1===o&&"right"===wf(l)?t.jsx("div",{css:mf}):null]},r.label)))})})})},exports.Table=({columns:r,data:o=[],renderRow:i,striped:a,stickyHeader:s,pagination:l,selectable:c,selectedRows:u,variant:d="default",onSortColumn:p,onPageSizeChange:f,onPageChange:x,onAllItemsSelected:g,loading:v})=>{const[m,b]=n.useState({key:"",order:""}),{totalItems:y=o.length,currentPage:w=1,pageSize:C=10,showItemCount:j,showItemCountText:k}=l||{},S=(e,t)=>{b({key:e,order:t}),p&&p({key:e,order:t})},E=u?.length===o?.length,R=u&&u.length>0&&!E;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:qi(d),striped:a,stickyHeader:s,interactive:!0,children:[t.jsx(e.Table.Header,{css:Ui(d),children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(Re,{name:"header-checkbox",checked:E,indeterminate:R,onCheckedChange:({checked:e})=>{g&&g(e)}})}):null,r.map((n=>t.jsx(e.Table.ColumnHeader,{role:n.sortable?"columnheader":void 0,"aria-sort":n.sortable&&"asc"===m.order?"ascending":n.sortable&&"desc"===m.order?"descending":void 0,children:t.jsxs("div",{css:Xi,children:[n.label,n.sortable?t.jsxs("div",{css:Yi,children:[t.jsx(ie,{css:Ki(m.key===n.key&&"asc"===m.order),icon:t.jsx($,{style:{transform:"rotate(180deg)"}}),onClick:()=>S(n.key,"asc"),"aria-label":"Ascending"}),t.jsx(ie,{css:Ki(m.key===n.key&&"desc"===m.order),icon:t.jsx($,{}),onClick:()=>S(n.key,"desc"),"aria-label":"Descending"})]}):null]})},n.key)))]})}),t.jsx(e.Table.Body,{css:ea,children:o.map((e=>t.jsx(n.Fragment,{children:i(e)},e.id)))})]}),v?t.jsx("div",{css:ta,children:t.jsx(e.Spinner,{size:"lg",color:h("primary",500)})}):null,t.jsxs("div",{css:Ji,children:[t.jsx("div",{children:j?t.jsx(Mi,{pageSize:C,currentPage:w,totalItems:y,onPageSizeChange:f,showItemCountText:k}):null}),l?t.jsx("div",{css:Qi,children:t.jsx(Gi,{totalItems:y,pageSize:C,currentPage:w,onPageChange:x})}):null]})]})},exports.TableCell=ra,exports.TableRow=na,exports.Tag=Zt,exports.TextInput=wt,exports.Textarea=({label:r,caption:o,placeholder:i,errorMessage:a,required:s,disabled:l,size:c="default",defaultValue:u="",onChange:d,minLength:p,maxLength:h,...f})=>{const[x,g]=n.useState(u),[v,m]=n.useState(!1),[b,y]=n.useState(!1),[w,C]=n.useState(""),j=n.useId(),k=n.useId(),$=n.useId();n.useEffect((()=>{const{length:e}=u;p&&e<p&&e>0?(m(e<p),y(!1),C(`Enter at least ${p-e} characters`)):p&&0===e&&C(`Min ${p} characters`),h&&e>0?(m(!1),y(e>h),C(`You have ${h-e} characters remaining`)):h&&0===e&&C(`Max ${h} characters`)}),[]);const S=!!a||v||b,E=[o?j:null,S?k:null,w?$:null].filter(Boolean).join(" ")||void 0;return t.jsxs("div",{css:pn(c),children:[S?t.jsx("div",{css:hn}):null,t.jsxs(e.Field.Root,{required:s,invalid:S,gap:"0",style:{marginLeft:S?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:fn(c,l),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,s?"":t.jsx("span",{children:" (Optional)"})]}):null,o?t.jsx(e.Field.HelperText,{id:j,css:xn(c,l),children:o}):null,a?t.jsx(e.Field.ErrorText,{id:k,css:vn,"aria-label":`Error: ${a}`,"aria-live":"polite",children:a}):null,t.jsx(e.Textarea,{placeholder:i,disabled:l,css:mn(c,x,u),onChange:e=>{g(e.target.value);const{length:t}=e.target.value;p&&h?(m(t<p),y(t>h),C(`You have ${h-t} characters remaining`)):p?(m(t<p),y(!1),C(t<p?`Enter at least ${p-t} characters`:"")):h&&(y(t>h),m(!1),C(`You have ${h-t} characters remaining`)),d&&d(e)},value:x,"aria-describedby":E,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...f}),v&&p?t.jsxs(e.Field.ErrorText,{id:k,css:vn,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",p-x.length," more characters"]}):null,b&&h?t.jsxs(e.Field.ErrorText,{id:k,css:vn,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",x.length-h," characters too many"]}):null,!w||b||v?null:t.jsx(e.Field.HelperText,{id:$,css:gn,"aria-live":"polite",children:w})]})]})},exports.Toast=()=>Object.keys(nx).map((n=>t.jsx(e.Portal,{children:t.jsx(e.Toaster,{toaster:nx[n],insetInline:{mdDown:"4"},children:r=>t.jsxs(e.Toast.Root,{css:Yf,width:{md:"sm"},children:[t.jsxs(e.Stack,{flexDirection:"row",className:"ds-toast-icon-container",children:["info"===r.type?r.meta?.icon?r.meta.icon:t.jsx(k,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===r.type?t.jsx(e.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===r.type?r.meta?.icon?r.meta.icon:t.jsx(P,{color:"var(--chakra-colors-success-500)"}):null,"warning"===r.type?r.meta?.icon?r.meta.icon:t.jsx(M,{color:"var(--chakra-colors-warning-500)"}):null,"error"===r.type?r.meta?.icon?r.meta.icon:t.jsx(_,{color:"var(--chakra-colors-error-500)"}):null,t.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[t.jsx(e.Toast.Title,{css:Kf,"aria-label":`${r.title}`,children:r.title}),r.description?t.jsx(e.Toast.Title,{css:Jf,"aria-label":`${r.description}`,children:r.description}):null]})]}),r.action||r.meta?.closable?t.jsxs(e.Stack,{flexDirection:"row",children:[r.action?t.jsx(b,{css:Qf,label:r.action.label,size:"small",variant:"info"===r.type?"primary":"secondary",onClick:()=>{r?.action?.onClick&&r.action.onClick(),nx[n].dismiss()}}):null,r.meta?.closable?t.jsx(b,{css:ex,label:r.meta.closableLabel,"aria-label":r.meta?.closableLabel||"Dismiss",leftIcon:t.jsx(E,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>nx[n].dismiss()}):null]}):null]})})},n))),exports.Toolbar=he,exports.Tooltip=de,exports.designSystemStyles=p,exports.designSystemStylesForTailwind=d,exports.getThemedColor=h,exports.showToast=e=>{nx[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};
|
|
3622
|
+
`)}):t.jsx("div",{css:$i,children:e?.map(((e,r)=>t.jsx("div",{"data-test":`${e}-${n?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${n?.[r]}`)))}),t.jsx("div",{css:Si,children:n?.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Ei,children:e})},e)))}),o&&o.length?t.jsx("div",{css:Si,children:o.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Ri,style:{width:"100%"},children:e})},e)))}):null]});var a},exports.Select=qt,exports.Sheet=({header:e,content:r,footer:o,open:i=!1,onClose:a,minimizedHeight:s,midHeight:l=200,maxFullHeight:c,defaultSnap:u="minimized",className:d,blocking:p,zIndex:h=1e3})=>{const f=n.useRef(null),x=n.useRef([]),[g,v]=n.useState(null),m=window.innerWidth>768,b=x.current;let y="Expand sheet";if(null!=g){const e=b.indexOf(g);e>0&&e<b.length-1?y="Make full screen":e===b.length-1&&(y="Expand sheet")}return t.jsx(Sh,{ref:f,css:Rh(!!e,h),className:d,open:i,onDismiss:a,header:t.jsxs("div",{children:[t.jsx("div",{tabIndex:0,role:"button","aria-label":y,"aria-expanded":i,css:Eh,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=b[b.length-1];if(m)return void f.current?.snapTo?.((()=>t));const n=g??b[0];let r=b.findIndex((e=>e>n));-1===r&&(r=b.length-1);const o=b[r];f.current?.snapTo?.((()=>o))}}),e]}),footer:o,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:n})=>{const r=[20,s||e,l+(o?n:0),c||t-t/6];return x.current=r,r},onSpringEnd:()=>{const e=f.current?.height;e&&v(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:n})=>{let r=20;return"minimized"===u?r=s||e:"mid"===u?r=l+(o?n:0):"full"===u&&(r=c||t-t/6),r},blocking:p,children:i?r:null})},exports.SimpleMapPin=({onClick:e,triggerRef:t,showFocusState:n,count:r,mode:i,variant:a="simple-pin"})=>o.jsx(Rn,{count:r,mode:i,onClick:e,ref:t,showFocusState:n,variant:a}),exports.Slider=et,exports.SliderInput=({label:e,caption:r,size:o="default",sliderItem:i,required:a,onChange:s})=>{const[l,c]=n.useState(i.value||[]),u=(e,t)=>{const n=e.target.value,r=[...l];let o=n?parseInt(n,10):n;const a=i.min||0,s=i.max||100;o=Number.isNaN(o)?a:o,o=o<a?a:o,o=o>s?s:o,r[t]=o,c(r)},d=(e,t)=>{const n=e.target.value||"0",r=[...l];let o=parseInt(n,10);const a=i.min||0,u=i.max||100;if(o=Number.isNaN(o)?a:o,o=o<a?a:o,o=o>u?u:o,2===l?.length){o=Number.isNaN(o)?a:o;const e=l[0],n=l[1];0===t?(o=o<a?a:o,o=o>n?n:o):1===t&&(o=o<e?e:o,o=o>u?u:o)}r[t]=o,c(r),s&&s(r)};return t.jsxs("div",{children:[t.jsxs("p",{css:cn(o),"aria-label":e,children:[a?t.jsx("span",{children:"*"}):null,e]}),r?t.jsx("p",{css:un(o),"aria-label":r,children:r}):null,t.jsxs("div",{css:dn,children:[i.step&&i.marks?t.jsx(qt,{items:i.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${l?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),s&&s(t)}}):t.jsx(wt,{"aria-label":e,min:i.min,max:i.max,value:l?.[0],type:"number",onChange:e=>u(e,0),onBlur:e=>d(e,0),className:"ds-opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx(et,{css:{},...i,value:l,onValueChangeEnd:e=>{c(e.value),s&&s(e.value)}}),2===l?.length?t.jsx(wt,{"aria-label":e,min:i.min,max:i.max,value:l?.[1],type:"number",onChange:e=>u(e,1),onBlur:e=>d(e,1),className:"ds-opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.StepProgressIndicator=({steps:e,currentStep:n})=>t.jsxs("div",{css:Wf,children:[e.map(((e,r)=>t.jsxs("div",{css:Gf,children:[t.jsx("button",{css:qf(n>=r+1,n<r+1),type:"button",onClick:e.onClick,"aria-current":n===r+1,"aria-disabled":n<r+1,disabled:n<r+1,"aria-label":`Current Step ${r}${e.label?` ${e.label}`:""}`,"data-active":n>=r+1,children:n>r+1?t.jsx(C,{height:"16px",width:"16px"}):r+1}),e.label?t.jsx("p",{css:Uf(n===r+1),children:e.label}):null]},`${e.label}-${r}`))),t.jsx("div",{css:Xf,children:t.jsx("div",{css:Yf})})]}),exports.Switch=nt,exports.TabBar=({variant:r="panel",defaultValue:o,tabs:i,onTabClick:a,activationMode:s="manual"})=>{const[l,c]=n.useState(yf(i,o)||0),u="view"===r;return t.jsx("div",{css:xf(r),children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:o||i?.[0]?.value,onValueChange:({value:e})=>{return c(yf(i,t=e)),void(a&&a(t));var t},activationMode:s,children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:i.map(((r,o)=>t.jsxs(n.Fragment,{children:[u&&1===o&&"left"===wf(l)?t.jsx("div",{css:mf}):null,t.jsx(e.Tabs.Trigger,{css:[gf,u?bf:vf],"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",gap:"5px",children:[r.icon,r.label]})},r.label),u&&1===o&&"right"===wf(l)?t.jsx("div",{css:mf}):null]},r.label)))})})})},exports.Table=({columns:r,data:o=[],renderRow:i,striped:a,stickyHeader:s,pagination:l,selectable:c,selectedRows:u,variant:d="default",onSortColumn:p,onPageSizeChange:f,onPageChange:x,onAllItemsSelected:g,loading:v})=>{const[m,b]=n.useState({key:"",order:""}),{totalItems:y=o.length,currentPage:w=1,pageSize:C=10,showItemCount:j,showItemCountText:k}=l||{},S=(e,t)=>{b({key:e,order:t}),p&&p({key:e,order:t})},E=u?.length===o?.length,R=u&&u.length>0&&!E;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:qi(d),striped:a,stickyHeader:s,interactive:!0,children:[t.jsx(e.Table.Header,{css:Ui(d),children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(Re,{name:"header-checkbox",checked:E,indeterminate:R,onCheckedChange:({checked:e})=>{g&&g(e)}})}):null,r.map((n=>t.jsx(e.Table.ColumnHeader,{role:n.sortable?"columnheader":void 0,"aria-sort":n.sortable&&"asc"===m.order?"ascending":n.sortable&&"desc"===m.order?"descending":void 0,children:t.jsxs("div",{css:Xi,children:[n.label,n.sortable?t.jsxs("div",{css:Yi,children:[t.jsx(ie,{css:Ki(m.key===n.key&&"asc"===m.order),icon:t.jsx($,{style:{transform:"rotate(180deg)"}}),onClick:()=>S(n.key,"asc"),"aria-label":"Ascending"}),t.jsx(ie,{css:Ki(m.key===n.key&&"desc"===m.order),icon:t.jsx($,{}),onClick:()=>S(n.key,"desc"),"aria-label":"Descending"})]}):null]})},n.key)))]})}),t.jsx(e.Table.Body,{css:ea,children:o.map((e=>t.jsx(n.Fragment,{children:i(e)},e.id)))})]}),v?t.jsx("div",{css:ta,children:t.jsx(e.Spinner,{size:"lg",color:h("primary",500)})}):null,t.jsxs("div",{css:Ji,children:[t.jsx("div",{children:j?t.jsx(Mi,{pageSize:C,currentPage:w,totalItems:y,onPageSizeChange:f,showItemCountText:k}):null}),l?t.jsx("div",{css:Qi,children:t.jsx(Gi,{totalItems:y,pageSize:C,currentPage:w,onPageChange:x})}):null]})]})},exports.TableCell=ra,exports.TableRow=na,exports.Tag=Zt,exports.TextInput=wt,exports.Textarea=({label:r,caption:o,placeholder:i,errorMessage:a,required:s,disabled:l,size:c="default",defaultValue:u="",onChange:d,minLength:p,maxLength:h,...f})=>{const[x,g]=n.useState(u),[v,m]=n.useState(!1),[b,y]=n.useState(!1),[w,C]=n.useState(""),j=n.useId(),k=n.useId(),$=n.useId();n.useEffect((()=>{const{length:e}=u;p&&e<p&&e>0?(m(e<p),y(!1),C(`Enter at least ${p-e} characters`)):p&&0===e&&C(`Min ${p} characters`),h&&e>0?(m(!1),y(e>h),C(`You have ${h-e} characters remaining`)):h&&0===e&&C(`Max ${h} characters`)}),[]);const S=!!a||v||b,E=[o?j:null,S?k:null,w?$:null].filter(Boolean).join(" ")||void 0;return t.jsxs("div",{css:pn(c),children:[S?t.jsx("div",{css:hn}):null,t.jsxs(e.Field.Root,{required:s,invalid:S,gap:"0",style:{marginLeft:S?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:fn(c,l),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,s?"":t.jsx("span",{children:" (Optional)"})]}):null,o?t.jsx(e.Field.HelperText,{id:j,css:xn(c,l),children:o}):null,a?t.jsx(e.Field.ErrorText,{id:k,css:vn,"aria-label":`Error: ${a}`,"aria-live":"polite",children:a}):null,t.jsx(e.Textarea,{placeholder:i,disabled:l,css:mn(c,x,u),onChange:e=>{g(e.target.value);const{length:t}=e.target.value;p&&h?(m(t<p),y(t>h),C(`You have ${h-t} characters remaining`)):p?(m(t<p),y(!1),C(t<p?`Enter at least ${p-t} characters`:"")):h&&(y(t>h),m(!1),C(`You have ${h-t} characters remaining`)),d&&d(e)},value:x,"aria-describedby":E,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...f}),v&&p?t.jsxs(e.Field.ErrorText,{id:k,css:vn,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",p-x.length," more characters"]}):null,b&&h?t.jsxs(e.Field.ErrorText,{id:k,css:vn,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",x.length-h," characters too many"]}):null,!w||b||v?null:t.jsx(e.Field.HelperText,{id:$,css:gn,"aria-live":"polite",children:w})]})]})},exports.Toast=()=>Object.keys(rx).map((n=>t.jsx(e.Portal,{children:t.jsx(e.Toaster,{toaster:rx[n],insetInline:{mdDown:"4"},children:r=>t.jsxs(e.Toast.Root,{css:Kf,width:{md:"sm"},children:[t.jsxs(e.Stack,{flexDirection:"row",className:"ds-toast-icon-container",children:["info"===r.type?r.meta?.icon?r.meta.icon:t.jsx(k,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===r.type?t.jsx(e.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===r.type?r.meta?.icon?r.meta.icon:t.jsx(P,{color:"var(--chakra-colors-success-500)"}):null,"warning"===r.type?r.meta?.icon?r.meta.icon:t.jsx(M,{color:"var(--chakra-colors-warning-500)"}):null,"error"===r.type?r.meta?.icon?r.meta.icon:t.jsx(_,{color:"var(--chakra-colors-error-500)"}):null,t.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[t.jsx(e.Toast.Title,{css:Jf,"aria-label":`${r.title}`,children:r.title}),r.description?t.jsx(e.Toast.Title,{css:Qf,"aria-label":`${r.description}`,children:r.description}):null]})]}),r.action||r.meta?.closable?t.jsxs(e.Stack,{flexDirection:"row",children:[r.action?t.jsx(b,{css:ex,label:r.action.label,size:"small",variant:"info"===r.type?"primary":"secondary",onClick:()=>{r?.action?.onClick&&r.action.onClick(),rx[n].dismiss()}}):null,r.meta?.closable?t.jsx(b,{css:tx,label:r.meta.closableLabel,"aria-label":r.meta?.closableLabel||"Dismiss",leftIcon:t.jsx(E,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>rx[n].dismiss()}):null]}):null]})})},n))),exports.Toolbar=he,exports.Tooltip=de,exports.designSystemStyles=p,exports.designSystemStylesForTailwind=d,exports.getThemedColor=h,exports.showToast=e=>{rx[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};
|
package/dist/index.esm.js
CHANGED
|
@@ -3331,6 +3331,8 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3331
3331
|
background-color: ${be("primary",500)};
|
|
3332
3332
|
box-shadow: 0px 2px 4px -2px #0000001a;
|
|
3333
3333
|
box-shadow: 0px 4px 6px -1px #0000001a;
|
|
3334
|
+
outline-offset: 3px;
|
|
3335
|
+
outline: 2px solid ${be("primary",700)};
|
|
3334
3336
|
}
|
|
3335
3337
|
|
|
3336
3338
|
&:active {
|
|
@@ -3352,7 +3354,12 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3352
3354
|
position: absolute;
|
|
3353
3355
|
top: -8px;
|
|
3354
3356
|
left: 15px;
|
|
3355
|
-
`,dv=
|
|
3357
|
+
`,dv=se`
|
|
3358
|
+
font-size: 12px;
|
|
3359
|
+
line-height: 16px;
|
|
3360
|
+
font-weight: 700;
|
|
3361
|
+
color: ${be("primary",800)};
|
|
3362
|
+
`,uv=X((({name:e,ariaLabel:t,size:n="medium",customSize:r="",src:i,srcSet:o,onClick:a,notificationCount:l,disabled:s=!0,customBackgroundColor:c=""},d)=>{const u=()=>{s||a?.()},p=(()=>{let e="";return l&&l>0&&(e=`${l>99?"99+":l}`),e})();let h="16px";l&&l>99?h="28px":l&&l>9&&(h="22px");const f=!!i||!!o,g=a&&!s;return Z(A.Root,{"aria-label":t||e,ref:d,css:sv(n,r,s,c),onClick:u,onKeyDown:e=>{s||"Enter"!==e.key||u()},role:g?"button":void 0,tabIndex:g?0:void 0,"aria-disabled":s,children:[f&&W(A.Image,{src:i,srcSet:o}),!f&&e&&W(A.Fallback,{name:e,css:dv}),!f&&!e&&W(ot,{size:"100%",style:{padding:"15%",color:s?be("neutral",400):void 0}}),p.length>0?W("div",{css:cv(h),children:W("div",{css:se`
|
|
3356
3363
|
height: 16px;
|
|
3357
3364
|
width: auto;
|
|
3358
3365
|
background-color: ${be("error",500)};
|
|
@@ -3364,16 +3371,16 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3364
3371
|
font-size: 12px;
|
|
3365
3372
|
font-weight: 700;
|
|
3366
3373
|
color: ${be("error",100)};
|
|
3367
|
-
`,children:W("p",{"aria-label":`${l} unread message`,children:p})})}):null]})})),
|
|
3374
|
+
`,children:W("p",{"aria-label":`${l} unread message`,children:p})})}):null]})})),pv=se`
|
|
3368
3375
|
display: flex;
|
|
3369
3376
|
justify-content: flex-start;
|
|
3370
3377
|
align-items: center;
|
|
3371
3378
|
gap: 8px;
|
|
3372
|
-
`,
|
|
3379
|
+
`,hv=e=>se`
|
|
3373
3380
|
width: ${e||"16px"};
|
|
3374
3381
|
position: relative;
|
|
3375
3382
|
display: flex;
|
|
3376
|
-
`,
|
|
3383
|
+
`,fv=se`
|
|
3377
3384
|
height: 4px;
|
|
3378
3385
|
width: 4px;
|
|
3379
3386
|
background-color: ${be("error",500)};
|
|
@@ -3381,7 +3388,7 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3381
3388
|
position: absolute;
|
|
3382
3389
|
top: 0px;
|
|
3383
3390
|
right: 0px;
|
|
3384
|
-
`,
|
|
3391
|
+
`,gv=se`
|
|
3385
3392
|
height: 10px;
|
|
3386
3393
|
background-color: ${be("error",500)};
|
|
3387
3394
|
padding: 0 3px 1px 3px;
|
|
@@ -3392,11 +3399,11 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3392
3399
|
position: absolute;
|
|
3393
3400
|
top: -2px;
|
|
3394
3401
|
left: 9px;
|
|
3395
|
-
`,
|
|
3402
|
+
`,vv=se`
|
|
3396
3403
|
font-size: 9px;
|
|
3397
3404
|
font-weight: 700;
|
|
3398
3405
|
color: ${be("error",100)};
|
|
3399
|
-
`,
|
|
3406
|
+
`,mv=se`
|
|
3400
3407
|
height: 16px;
|
|
3401
3408
|
min-width: 16px;
|
|
3402
3409
|
background-color: ${be("error",500)};
|
|
@@ -3405,11 +3412,11 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3405
3412
|
justify-content: center;
|
|
3406
3413
|
align-items: center;
|
|
3407
3414
|
padding: 0px 4px 1px 4px;
|
|
3408
|
-
`,
|
|
3415
|
+
`,xv=se`
|
|
3409
3416
|
font-size: 16px;
|
|
3410
3417
|
font-weight: 700;
|
|
3411
3418
|
color: ${be("error",100)};
|
|
3412
|
-
`,
|
|
3419
|
+
`,bv=({hasNotification:e,notificationCount:t,label:n})=>{const[r,i]=Y(!1);J((()=>{const e=()=>{window.innerWidth<1024?i(!0):i(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const o=(()=>{let e="";return t&&t>0&&(e=`${t>99?"99+":t}`),e})();let a="16px";return t&&t>99?a="28px":t&&t>9&&(a="22px"),Z("div",r?{css:pv,role:"status","aria-live":"polite",children:[Z("div",{css:hv(),children:[W(Be,{color:"currentColor",height:"16px",width:"16px"}),!e||t||n?null:W("div",{css:fv,"aria-hidden":!0})]}),n?W("p",{children:n}):null,o.length>0?W("div",{css:mv,children:W("p",{css:xv,"aria-label":`${t} unread message`,children:o})}):null]}:{css:pv,role:"status","aria-live":"polite",children:[n?W("p",{children:n}):null,Z("div",{css:hv(a),children:[o.length>0?W("div",{css:gv,children:W("p",{css:vv,"aria-label":`${t} unread message`,children:o})}):null,e&&!t?W("div",{css:fv,"aria-hidden":!0}):null,W(Be,{color:"currentColor",height:"16px",width:"16px"})]})]})},yv=(e,t)=>se`
|
|
3413
3420
|
width: 100%;
|
|
3414
3421
|
max-width: ${"small"===e?"234px":"320px"};
|
|
3415
3422
|
border-radius: 4px;
|
|
@@ -3424,7 +3431,7 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3424
3431
|
button {
|
|
3425
3432
|
margin-left: ${t?0:"24px"};
|
|
3426
3433
|
}
|
|
3427
|
-
`,
|
|
3434
|
+
`,wv=se`
|
|
3428
3435
|
display: flex;
|
|
3429
3436
|
align-items: flex-start;
|
|
3430
3437
|
gap: 8px;
|
|
@@ -3432,28 +3439,28 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3432
3439
|
svg {
|
|
3433
3440
|
margin-top: 6px;
|
|
3434
3441
|
}
|
|
3435
|
-
`,
|
|
3442
|
+
`,Cv=e=>se`
|
|
3436
3443
|
color: ${be("neutral",800)};
|
|
3437
3444
|
font-size: ${"small"===e?"14px":"18px"};
|
|
3438
3445
|
line-height: ${"small"===e?"20px":"28px"};
|
|
3439
3446
|
font-weight: 400;
|
|
3440
3447
|
text-align: left;
|
|
3441
|
-
|
|
3448
|
+
`,$v=e=>se`
|
|
3442
3449
|
color: ${be("neutral",700)};
|
|
3443
3450
|
font-size: ${"small"===e?"12px":"16px"};
|
|
3444
3451
|
line-height: ${"small"===e?"16px":"24px"};
|
|
3445
3452
|
font-weight: 400;
|
|
3446
3453
|
margin-left: 24px;
|
|
3447
3454
|
text-align: left;
|
|
3448
|
-
|
|
3455
|
+
`,kv=se`
|
|
3449
3456
|
background-color: ${be("neutral",100)};
|
|
3450
3457
|
border: 1px solid ${be("neutral",300)};
|
|
3451
3458
|
color: ${be("neutral",700)};
|
|
3452
|
-
`,
|
|
3459
|
+
`,Sv=se`
|
|
3453
3460
|
background-color: ${be("neutral",200)};
|
|
3454
3461
|
border: 1px solid ${be("neutral",300)};
|
|
3455
3462
|
color: ${be("neutral",700)};
|
|
3456
|
-
`,
|
|
3463
|
+
`,Ev=se`
|
|
3457
3464
|
background-color: ${be("success",100)};
|
|
3458
3465
|
border: 1px solid ${be("success",300)};
|
|
3459
3466
|
color: ${be("success",500)};
|
|
@@ -3461,7 +3468,7 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3461
3468
|
p {
|
|
3462
3469
|
color: ${be("success",900)};
|
|
3463
3470
|
}
|
|
3464
|
-
`,
|
|
3471
|
+
`,Ov=se`
|
|
3465
3472
|
background-color: ${be("warning",100)};
|
|
3466
3473
|
border: 1px solid ${be("warning",300)};
|
|
3467
3474
|
color: ${be("warning",500)};
|
|
@@ -3469,7 +3476,7 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3469
3476
|
p {
|
|
3470
3477
|
color: ${be("warning",900)};
|
|
3471
3478
|
}
|
|
3472
|
-
`,
|
|
3479
|
+
`,Lv=se`
|
|
3473
3480
|
background-color: ${be("error",100)};
|
|
3474
3481
|
border: 1px solid ${be("error",300)};
|
|
3475
3482
|
color: ${be("error",500)};
|
|
@@ -3477,32 +3484,32 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3477
3484
|
p {
|
|
3478
3485
|
color: ${be("error",900)};
|
|
3479
3486
|
}
|
|
3480
|
-
`,
|
|
3487
|
+
`,Rv=({label:e,caption:t,variant:n,size:r="large",icon:i=W(Te,{height:"16px",width:"16px"}),onActionClick:o,actionLabel:a,isButtonRight:l})=>{let s=kv;return"info-grey"===n?s=Sv:"success"===n?s=Ev:"warning"===n?s=Ov:"error"===n&&(s=Lv),Z("div",{css:[yv(r,l),s],"aria-roledescription":"Note",children:[Z("div",{children:[Z("div",{css:wv,children:[i,W("p",{css:Cv(r),children:e})]}),W("p",{css:$v(r),children:t})]}),a?W(Se,{label:a,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===r?"default":"small",onClick:o}):null]})},Tv=se`
|
|
3481
3488
|
height: 8px;
|
|
3482
3489
|
width: 100%;
|
|
3483
3490
|
background-color: ${be("neutral",300)};
|
|
3484
3491
|
display: flex;
|
|
3485
3492
|
align-items: center;
|
|
3486
3493
|
justify-content: flex-start;
|
|
3487
|
-
`,
|
|
3494
|
+
`,Pv=e=>se`
|
|
3488
3495
|
height: 100%;
|
|
3489
3496
|
width: ${e}%;
|
|
3490
3497
|
background-color: ${be("primary",500)};
|
|
3491
3498
|
transition: width 0.5s ease-in-out;
|
|
3492
|
-
`,
|
|
3499
|
+
`,_v=({progress:e})=>{let t=e;return t>100&&(t=100),t<0&&(t=0),W("div",{css:Tv,role:"progressbar","aria-label":`Progress: ${t}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":t,children:W("div",{css:Pv(t)})})},Mv=se`
|
|
3493
3500
|
width: 100%;
|
|
3494
3501
|
display: flex;
|
|
3495
3502
|
align-items: center;
|
|
3496
3503
|
justify-content: space-between;
|
|
3497
3504
|
position: relative;
|
|
3498
|
-
`,
|
|
3505
|
+
`,Dv=se`
|
|
3499
3506
|
height: 60px;
|
|
3500
3507
|
width: 80px;
|
|
3501
3508
|
display: flex;
|
|
3502
3509
|
flex-direction: column;
|
|
3503
3510
|
align-items: center;
|
|
3504
3511
|
justify-content: space-between;
|
|
3505
|
-
`,
|
|
3512
|
+
`,Nv=(e,t)=>se`
|
|
3506
3513
|
height: 32px;
|
|
3507
3514
|
width: 32px;
|
|
3508
3515
|
display: flex;
|
|
@@ -3538,12 +3545,12 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3538
3545
|
}
|
|
3539
3546
|
|
|
3540
3547
|
${t?`\n background-color: ${be("neutral",300)};\n \n &:hover {\n background-color: ${be("neutral",300)};\n box-shadow: none;\n }\n `:""}
|
|
3541
|
-
`,
|
|
3548
|
+
`,Vv=e=>se`
|
|
3542
3549
|
color: ${be("neutral",e?800:600)};
|
|
3543
3550
|
font-size: 14px;
|
|
3544
3551
|
line-height: 20px;
|
|
3545
3552
|
font-weight: 400;
|
|
3546
|
-
`,
|
|
3553
|
+
`,jv=se`
|
|
3547
3554
|
height: 1px;
|
|
3548
3555
|
width: 100%;
|
|
3549
3556
|
padding: 0 30px;
|
|
@@ -3551,11 +3558,11 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3551
3558
|
top: 16px;
|
|
3552
3559
|
left: 0;
|
|
3553
3560
|
z-index: -1;
|
|
3554
|
-
`,
|
|
3561
|
+
`,Iv=se`
|
|
3555
3562
|
height: 1px;
|
|
3556
3563
|
width: 100%;
|
|
3557
3564
|
background-color: ${be("neutral",400)};
|
|
3558
|
-
`,
|
|
3565
|
+
`,Av=({steps:e,currentStep:t})=>Z("div",{css:Mv,children:[e.map(((e,n)=>Z("div",{css:Dv,children:[W("button",{css:Nv(t>=n+1,t<n+1),type:"button",onClick:e.onClick,"aria-current":t===n+1,"aria-disabled":t<n+1,disabled:t<n+1,"aria-label":`Current Step ${n}${e.label?` ${e.label}`:""}`,"data-active":t>=n+1,children:t>n+1?W(Le,{height:"16px",width:"16px"}):n+1}),e.label?W("p",{css:Vv(t===n+1),children:e.label}):null]},`${e.label}-${n}`))),W("div",{css:jv,children:W("div",{css:Iv})})]}),zv=se`
|
|
3559
3566
|
justify-content: space-between;
|
|
3560
3567
|
align-items: center;
|
|
3561
3568
|
gap: 8px;
|
|
@@ -3598,18 +3605,18 @@ function Lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3598
3605
|
color: ${be("error",900)};
|
|
3599
3606
|
}
|
|
3600
3607
|
}
|
|
3601
|
-
`,
|
|
3608
|
+
`,Hv=se`
|
|
3602
3609
|
font-size: 18px;
|
|
3603
3610
|
line-height: 28px;
|
|
3604
3611
|
font-weight: 400;
|
|
3605
3612
|
color: ${be("neutral",800)};
|
|
3606
|
-
`,
|
|
3613
|
+
`,Bv=se`
|
|
3607
3614
|
font-size: 16px;
|
|
3608
3615
|
line-height: 24px;
|
|
3609
3616
|
font-weight: 400;
|
|
3610
3617
|
color: ${be("neutral",700)};
|
|
3611
|
-
`,Bv=se`
|
|
3612
|
-
padding: 6px;
|
|
3613
3618
|
`,Fv=se`
|
|
3614
3619
|
padding: 6px;
|
|
3615
|
-
`,Zv=
|
|
3620
|
+
`,Zv=se`
|
|
3621
|
+
padding: 6px;
|
|
3622
|
+
`,Wv={pauseOnPageIdle:!0,offsets:"24px"},qv={"top-start":z({placement:"top-start",...Wv}),"top-end":z({placement:"top-end",...Wv}),"bottom-start":z({placement:"bottom-start",...Wv}),"bottom-end":z({placement:"bottom-end",...Wv})},Gv=e=>{qv[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})},Uv=()=>Object.keys(qv).map((e=>W(l,{children:W(H,{toaster:qv[e],insetInline:{mdDown:"4"},children:t=>Z(B.Root,{css:zv,width:{md:"sm"},children:[Z(F,{flexDirection:"row",className:"ds-toast-icon-container",children:["info"===t.type?t.meta?.icon?t.meta.icon:W(Te,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===t.type?W(i,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===t.type?t.meta?.icon?t.meta.icon:W(Ie,{color:"var(--chakra-colors-success-500)"}):null,"warning"===t.type?t.meta?.icon?t.meta.icon:W(Ae,{color:"var(--chakra-colors-warning-500)"}):null,"error"===t.type?t.meta?.icon?t.meta.icon:W(ze,{color:"var(--chakra-colors-error-500)"}):null,Z(F,{gap:"1",flex:"1",maxWidth:"100%",children:[W(B.Title,{css:Hv,"aria-label":`${t.title}`,children:t.title}),t.description?W(B.Title,{css:Bv,"aria-label":`${t.description}`,children:t.description}):null]})]}),t.action||t.meta?.closable?Z(F,{flexDirection:"row",children:[t.action?W(Se,{css:Fv,label:t.action.label,size:"small",variant:"info"===t.type?"primary":"secondary",onClick:()=>{t?.action?.onClick&&t.action.onClick(),qv[e].dismiss()}}):null,t.meta?.closable?W(Se,{css:Zv,label:t.meta.closableLabel,"aria-label":t.meta?.closableLabel||"Dismiss",leftIcon:W(Me,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>qv[e].dismiss()}):null]}):null]})})},e)));export{Al as AnalysisWidget,uv as Avatar,bv as Badge,Fr as BaseMap,pg as Breadcrumb,Se as Button,Vt as Checkbox,yn as CheckboxList,Ft as CheckboxOptionCard,pt as CloseButton,qr as ClusterPoint,Dl as ExtendableCard,mg as Footer,ut as IconButton,Rv as InlineMessage,ar as InputWithUnits,ol as ItemCount,wa as LayerGroup,Ca as LayerGroupContainer,ya as LayerItem,Oa as LayerParameters,Aa as LegendItem,fl as List,yt as MapControlsToolbar,Wr as MapMarker,Ur as MapMarkers,da as MapPopUp,Lt as Menu,$g as MobileTabBar,Bs as Modal,Dt as MultiActionButton,qg as Navbar,Jg as NavigationRail,Yt as OptionCard,bl as Pagination,Xs as Panel,fr as Password,_v as ProgressBar,Ua as QualitativeAttribute,en as Radio,tn as RadioGroup,Cr as RadioList,st as SSOButtons,tl as ScaleBar,or as Select,sg as Sheet,Gr as SimpleMapPin,un as Slider,Er as SliderInput,Av as StepProgressIndicator,hn as Switch,av as TabBar,Rl as Table,Pl as TableCell,Tl as TableRow,nr as Tag,Mn as TextInput,Dr as Textarea,Uv as Toast,bt as Toolbar,mt as Tooltip,xe as designSystemStyles,me as designSystemStylesForTailwind,be as getThemedColor,Gv as showToast};
|