@worldresources/wri-design-systems 2.130.1 → 2.131.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 +1 -0
- package/dist/index.cjs.js +23 -11
- package/dist/index.d.ts +7 -1
- package/dist/index.esm.js +19 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -228,6 +228,7 @@ border: 1px solid ${getThemedColor('neutral', 400)};
|
|
|
228
228
|
|
|
229
229
|
- [Badge](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/Badge)
|
|
230
230
|
- [Inline Message](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/InlineMessage)
|
|
231
|
+
- [Progress Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/ProgressBar)
|
|
231
232
|
- [Toast](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/Toast)
|
|
232
233
|
|
|
233
234
|
## Templates
|
package/dist/index.cjs.js
CHANGED
|
@@ -2396,7 +2396,7 @@ function Sn(e,t){if(!1===e||null==e)throw new Error(t)}function Ln(e,t){if(!e){"
|
|
|
2396
2396
|
width: 100%;
|
|
2397
2397
|
margin-left: ${a?"8px":"0"};
|
|
2398
2398
|
margin-right: ${i?"8px":"0"};
|
|
2399
|
-
`),children:[t.jsxs("div",{css:ba,children:[t.jsx("p",{className:"menu-item-label",children:n.label}),n.command?t.jsx(e.Menu.ItemCommand,{children:n.command}):null]}),n.caption?t.jsx("p",{className:"menu-item-caption",children:n.caption}):null]}),n.endIcon]})}),o?null:t.jsx(e.Menu.Separator,{borderColor:"var(--chakra-colors-neutral-300)"})]});var a,i},wa=({label:r,items:n,groups:a,onSelect:i,customTrigger:l})=>{const[s,c]=o.useState(!1);return t.jsxs(e.Menu.Root,{onSelect:({value:e})=>i&&i(e),onOpenChange:({open:e})=>c(e),open:s,children:[t.jsx(e.Menu.Trigger,{css:xa,asChild:!0,children:l||t.jsxs("button",{type:"button",children:[r,t.jsx($,{marginLeft:"6px",rotate:s?"180":"0",height:"14px",width:"14px"})]})}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsxs(e.Menu.Content,{css:fa,children:[n?.map(((r,o)=>r.submenu?t.jsxs(e.Menu.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>i&&i(e),children:[t.jsxs(e.Menu.TriggerItem,{css:ga,children:[r.label," ",t.jsx($,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsx(e.Menu.Content,{css:fa,children:r.submenu.map(((e,n)=>t.jsx(va,{item:e,isLast:n===(r.submenu?.length||0)-1},e.value)))})})})]}
|
|
2399
|
+
`),children:[t.jsxs("div",{css:ba,children:[t.jsx("p",{className:"menu-item-label",children:n.label}),n.command?t.jsx(e.Menu.ItemCommand,{children:n.command}):null]}),n.caption?t.jsx("p",{className:"menu-item-caption",children:n.caption}):null]}),n.endIcon]})}),o?null:t.jsx(e.Menu.Separator,{borderColor:"var(--chakra-colors-neutral-300)"})]});var a,i},wa=({label:r,items:n,groups:a,onSelect:i,customTrigger:l})=>{const[s,c]=o.useState(!1);return t.jsxs(e.Menu.Root,{onSelect:({value:e})=>i&&i(e),onOpenChange:({open:e})=>c(e),open:s,children:[t.jsx(e.Menu.Trigger,{css:xa,asChild:!0,children:l||t.jsxs("button",{type:"button",children:[r,t.jsx($,{marginLeft:"6px",rotate:s?"180":"0",height:"14px",width:"14px"})]})}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsxs(e.Menu.Content,{css:fa,children:[n?.map(((r,o)=>r.submenu?t.jsxs(e.Menu.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>i&&i(e),children:[t.jsxs(e.Menu.TriggerItem,{css:ga,children:[r.label," ",t.jsx($,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsx(e.Menu.Content,{css:fa,children:r.submenu.map(((e,n)=>t.jsx(va,{item:e,isLast:n===(r.submenu?.length||0)-1},e.value)))})})})]},`${r.value}-${o}`):t.jsx(va,{item:r,isLast:o===n.length-1},`${r.value}-${o}`))),a?.map(((r,n)=>t.jsxs(o.Fragment,{children:[t.jsxs(e.Menu.ItemGroup,{children:[t.jsx(e.Menu.ItemGroupLabel,{css:Ca,children:r.title}),r.items?.map((e=>t.jsx(va,{item:e,isLast:a.length-1===n},e.value)))]}),n!==a.length-1?t.jsx(e.Menu.Separator,{borderColor:"var(--chakra-colors-neutral-300)"}):null]},r.title)))]})})})]})},ya=1023,ja=(e,t)=>r.css`
|
|
2400
2400
|
width: 64px;
|
|
2401
2401
|
height: calc(100vh - ${e||"0px"} - ${t||"0px"});
|
|
2402
2402
|
z-index: 100;
|
|
@@ -2896,6 +2896,18 @@ function Sn(e,t){if(!1===e||null==e)throw new Error(t)}function Ln(e,t){if(!e){"
|
|
|
2896
2896
|
color: ${p("error",900)};
|
|
2897
2897
|
}
|
|
2898
2898
|
`,nl=r.css`
|
|
2899
|
+
height: 8px;
|
|
2900
|
+
width: 100%;
|
|
2901
|
+
background-color: ${p("neutral",300)};
|
|
2902
|
+
display: flex;
|
|
2903
|
+
align-items: center;
|
|
2904
|
+
justify-content: flex-start;
|
|
2905
|
+
`,ol=e=>r.css`
|
|
2906
|
+
height: 100%;
|
|
2907
|
+
width: ${e}%;
|
|
2908
|
+
background-color: ${p("primary",500)};
|
|
2909
|
+
transition: width 0.5s ease-in-out;
|
|
2910
|
+
`,al=r.css`
|
|
2899
2911
|
justify-content: space-between;
|
|
2900
2912
|
align-items: center;
|
|
2901
2913
|
gap: 8px;
|
|
@@ -2938,21 +2950,21 @@ function Sn(e,t){if(!1===e||null==e)throw new Error(t)}function Ln(e,t){if(!e){"
|
|
|
2938
2950
|
color: ${p("error",900)};
|
|
2939
2951
|
}
|
|
2940
2952
|
}
|
|
2941
|
-
`,
|
|
2953
|
+
`,il=r.css`
|
|
2942
2954
|
font-size: 18px;
|
|
2943
2955
|
line-height: 28px;
|
|
2944
2956
|
font-weight: 400;
|
|
2945
2957
|
color: ${p("neutral",800)};
|
|
2946
|
-
`,
|
|
2958
|
+
`,ll=r.css`
|
|
2947
2959
|
font-size: 16px;
|
|
2948
2960
|
line-height: 24px;
|
|
2949
2961
|
font-weight: 400;
|
|
2950
2962
|
color: ${p("neutral",700)};
|
|
2951
|
-
`,
|
|
2963
|
+
`,sl=r.css`
|
|
2952
2964
|
padding: 6px;
|
|
2953
|
-
`,
|
|
2965
|
+
`,cl=r.css`
|
|
2954
2966
|
padding: 6px;
|
|
2955
|
-
`,
|
|
2967
|
+
`,dl={pauseOnPageIdle:!0,offsets:"24px"},pl={"top-start":e.createToaster({placement:"top-start",...dl}),"top-end":e.createToaster({placement:"top-end",...dl}),"bottom-start":e.createToaster({placement:"bottom-start",...dl}),"bottom-end":e.createToaster({placement:"bottom-end",...dl})},ul={Zoom:({onZoomInClick:e,onZoomOutClick:t,vertical:r})=>n.jsx(re,{items:[{icon:n.jsx(V,{}),ariaLabel:"zoom in",onClick:e},{icon:n.jsx(P,{}),ariaLabel:"zoom out",onClick:t}],vertical:r}),Expand:({onClick:e})=>n.jsx(re,{items:[{icon:n.jsx(_,{}),ariaLabel:"expand",onClick:e}]}),Share:({onClick:e})=>n.jsx(re,{items:[{icon:n.jsx(B,{}),ariaLabel:"share",onClick:e}]}),Print:({onClick:e})=>n.jsx(re,{items:[{icon:n.jsx(O,{}),ariaLabel:"print",onClick:e}]}),Settings:({onClick:e})=>n.jsx(re,{items:[{icon:n.jsx(z,{}),ariaLabel:"settings",onClick:e}]}),Question:({onClick:e})=>n.jsx(re,{items:[{icon:n.jsx(H,{}),ariaLabel:"question",onClick:e}]})},hl={Paper:({ariaLabel:e,onClick:t})=>n.jsx(Jt,{ariaLabel:e||"paper icon",icon:n.jsx(N,{color:"#79022C"}),backgroundColor:"#FFBCD4",onClick:t}),Drop:({ariaLabel:e,onClick:t})=>n.jsx(Jt,{ariaLabel:e||"drop icon",icon:n.jsx(F,{color:"#7D2A03"}),backgroundColor:"#F3A078",onClick:t}),Plant:({ariaLabel:e,onClick:t})=>n.jsx(Jt,{ariaLabel:e||"plant icon",icon:n.jsx(A,{color:"#3B6402"}),backgroundColor:"#B7E578",onClick:t})},xl={Google:({ariaLabel:e,size:t="default",onClick:r})=>n.jsx(m,{label:"Google",leftIcon:n.jsx(Z,{}),"aria-label":e||"Google Login",variant:"secondary",size:t,onClick:r}),Facebook:({ariaLabel:e,size:t="default",onClick:r})=>n.jsx(m,{label:"Facebook",leftIcon:n.jsx(W,{}),"aria-label":e||"Facebook Login",variant:"secondary",size:t,onClick:r}),X:({ariaLabel:e,size:t="default",onClick:r})=>n.jsx(m,{label:"X",leftIcon:n.jsx(Y,{}),"aria-label":e||"X Login",variant:"secondary",size:t,onClick:r}),Microsoft:({ariaLabel:e,size:t="default",onClick:r})=>n.jsx(m,{label:"Microsoft",leftIcon:n.jsx(U,{}),"aria-label":e||"Microsoft Login",variant:"secondary",size:t,onClick:r})};exports.Badge=({hasNotification:e,notificationCount:r,label:n})=>{const[a,i]=o.useState(!1);o.useEffect((()=>{const e=()=>{window.innerWidth<1024?i(!0):i(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const l=(()=>{let e="";return r&&r>0&&(e=`${r>99?"99+":r}`),e})();let s="16px";return r&&r>99?s="28px":r&&r>9&&(s="22px"),a?t.jsxs("div",{css:Ni,role:"status","aria-live":"polite",children:[t.jsxs("div",{css:Fi(),children:[t.jsx(D,{color:"currentColor",height:"16px",width:"16px"}),!e||r||n?null:t.jsx("div",{css:Ai,"aria-hidden":!0})]}),n?t.jsx("p",{children:n}):null,l.length>0?t.jsx("div",{css:Yi,children:t.jsx("p",{css:Ui,"aria-label":`${r} unread message`,children:l})}):null]}):t.jsxs("div",{css:Ni,role:"status","aria-live":"polite",children:[n?t.jsx("p",{children:n}):null,t.jsxs("div",{css:Fi(s),children:[l.length>0?t.jsx("div",{css:Zi,children:t.jsx("p",{css:Wi,"aria-label":`${r} unread message`,children:l})}):null,e&&!r?t.jsx("div",{css:Ai,"aria-hidden":!0}):null,t.jsx(D,{color:"currentColor",height:"16px",width:"16px"})]})]})},exports.Breadcrumb=({links:r,separator:n,maxItems:a=99,linkRouter:i})=>{const[l,s]=o.useState(r.length>a);o.useEffect((()=>{s(r.length>a)}),[r.length]);const c=i;return t.jsx(e.Breadcrumb.Root,{children:t.jsx(e.Breadcrumb.List,{gap:"16px",children:l?t.jsxs(t.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:fn,children:t.jsxs(c,{to:r[0].link,href:r[0].link,children:[r[0].icon,r[0].label]})}),t.jsx(e.Breadcrumb.Separator,{css:gn,children:n||t.jsx($,{rotate:"270"})}),t.jsx("li",{className:"chakra-breadcrumb__item",children:t.jsx("button",{css:mn,type:"button",onClick:()=>s(!1),children:"..."})}),t.jsx(e.Breadcrumb.Separator,{css:gn,children:n||t.jsx($,{rotate:"270"})}),t.jsx(e.Breadcrumb.Item,{css:fn,children:t.jsxs("p",{"aria-current":"page","aria-label":r[r.length-1].label,children:[r[r.length-1].icon,r[r.length-1].label]})})]}):r.map(((a,i)=>a?.label?t.jsxs(o.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:fn,children:i<r.length-1?t.jsxs(c,{to:a.link,href:a.link,children:[a.icon,a.label]}):t.jsxs("p",{"aria-current":"page","aria-label":a.label,children:[a.label&&a.icon?a.icon:"",a.label]})}),i<r.length-1?t.jsx(e.Breadcrumb.Separator,{css:gn,children:n||t.jsx($,{rotate:"270"})}):null]},a.label):null))})})},exports.Button=m,exports.Checkbox=se,exports.CheckboxList=({label:e,caption:n,checkboxes:a,defaultValue:i,onCheckedChange:l,errorMessage:s,horizontal:c,required:d})=>{const[p,u]=o.useState(i?{[i]:!0}:{});return t.jsxs("div",{css:_e,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:He}):null,t.jsxs("div",{css:(h=!!s,r.css`
|
|
2956
2968
|
margin-left: ${h?"19px":"0px"};
|
|
2957
2969
|
`),children:[t.jsxs("p",{css:Be,"aria-label":e,children:[d&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:Oe,"aria-label":n,children:n}),s?t.jsx("p",{css:Ne,"aria-label":s,children:s}):null,t.jsx("div",{css:ze(c),children:a.map((e=>t.jsx(se,{css:{},defaultChecked:i===e.value,onCheckedChange:({checked:t})=>((e,t)=>{const r={...p};t&&(r[t]=e,u(r)),l&&l(r)})(t,e.name),...e},e.name)))})]})]});var h},exports.CheckboxOptionCard=({defaultValue:n,items:o,onValueChange:a})=>t.jsx(e.CheckboxGroup,{defaultValue:n,onValueChange:a,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((o=>{return t.jsxs(e.CheckboxCard.Root,{css:ce,defaultChecked:-1!==n?.indexOf(o.value),disabled:o.disabled,value:o.value,children:[t.jsx(e.CheckboxCard.HiddenInput,{}),t.jsxs(e.CheckboxCard.Control,{css:de,children:[t.jsxs(e.CheckboxCard.Content,{css:(i=o.variant,r.css`
|
|
2958
2970
|
width: 100%;
|
|
@@ -2967,13 +2979,13 @@ function Sn(e,t){if(!1===e||null==e)throw new Error(t)}function Ln(e,t){if(!e){"
|
|
|
2967
2979
|
padding: 0px;
|
|
2968
2980
|
padding-top: 8px;
|
|
2969
2981
|
color: ${a?p("neutral",500):"inherit"};
|
|
2970
|
-
`),children:o.children}):null]},`${o.label}-${o.value}`);var a,i}))})}),exports.CloseButton=K,exports.Footer=({children:e,label:r="©️World Resources Institute",fixed:n,filled:o,maxWidth:a})=>{const i=(new Date).getFullYear();return t.jsx("footer",{css:bn(n,o),children:t.jsxs("div",{css:Cn(a),children:[t.jsx("div",{children:t.jsx(I,{height:"32px",width:"91px"})}),t.jsx("div",{css:vn,children:e}),t.jsx("div",{children:t.jsxs("p",{css:wn,children:[r," ",i]})})]})})},exports.IconButton=X,exports.IconMarker=Jt,exports.IconMarkers=
|
|
2982
|
+
`),children:o.children}):null]},`${o.label}-${o.value}`);var a,i}))})}),exports.CloseButton=K,exports.Footer=({children:e,label:r="©️World Resources Institute",fixed:n,filled:o,maxWidth:a})=>{const i=(new Date).getFullYear();return t.jsx("footer",{css:bn(n,o),children:t.jsxs("div",{css:Cn(a),children:[t.jsx("div",{children:t.jsx(I,{height:"32px",width:"91px"})}),t.jsx("div",{css:vn,children:e}),t.jsx("div",{children:t.jsxs("p",{css:wn,children:[r," ",i]})})]})})},exports.IconButton=X,exports.IconMarker=Jt,exports.IconMarkers=hl,exports.InlineMessage=({label:e,caption:r,variant:n,size:o="large",icon:a=t.jsx(j,{height:"16px",width:"16px"}),onActionClick:i,actionLabel:l,isButtonRight:s})=>{let c=Ji;return"info-grey"===n?c=Qi:"success"===n?c=el:"warning"===n?c=tl:"error"===n&&(c=rl),t.jsxs("div",{css:[Gi(o,s),c],"aria-roledescription":"Note",children:[t.jsxs("div",{children:[t.jsxs("div",{css:qi,children:[a,t.jsx("p",{css:Xi(o),children:e})]}),t.jsx("p",{css:Ki(o),children:r})]}),l?t.jsx(m,{label:l,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===o?"default":"small",onClick:i}):null]})},exports.InputWithUnits=({label:r,caption:n,errorMessage:a,units:i,unitsPosition:l="end",defaultUnit:s="",defaultValue:c="",onChange:d,required:p,disabled:u})=>{const[h,x]=o.useState(c),[f,g]=o.useState(s?[s]:[i[0].value]),m=(e,t)=>{d&&d("end"===l?""+(t?`${h} ${e}`:`${e} ${f}`):""+(t?`${e} ${h}`:`${f} ${e}`))};return t.jsxs("div",{css:Fe,children:[a?t.jsx("div",{css:We}):null,t.jsxs("div",{style:{marginLeft:a?"19px":"0px"},children:[t.jsxs("p",{css:Ae(u),"aria-label":r,children:[p?t.jsx("span",{children:"*"}):null,r]}),t.jsx("p",{css:Ze(u),"aria-label":n,children:n}),a?t.jsx("p",{css:Ye,"aria-label":a,children:a}):null,t.jsxs(e.Group,{css:Ue(!!a,l),attached:!0,children:["start"===l?t.jsx(St,{placeholder:"",value:f,items:i,disabled:u,onChange:e=>{g(e),m(e?.[0],!0)}}):null,t.jsx(et,{type:"number",value:h,disabled:u,onChange:e=>{x(e.target.value),m(e.target.value)}}),"end"===l?t.jsx(St,{placeholder:"",value:f,items:i,disabled:u,onChange:e=>{g(e),m(e?.[0],!0)}}):null]})]})]})},exports.ItemCount=Hr,exports.LayerGroup=({label:r,caption:n,value:a,layerItems:i,onChangeForRadioVariant:l})=>{const[s,c]=o.useState({}),[d]=o.useState((e=>{const t=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return t?.name})(i));o.useEffect((()=>{let e={...s};i.forEach((t=>{t.isDefaultSelected&&(e={...e,["radio"===t.variant?r:t.name]:t.isDefaultSelected})})),c(e)}),[]);const p=(e,t,r,n)=>{const o={...s,[e]:t};c(o),r&&r(e,t,n)},u=Object.values(s).filter((e=>!0===e)).length;return t.jsxs(e.Accordion.Item,{value:a,width:"100%",children:[t.jsxs(e.Accordion.ItemTrigger,{padding:"16px",alignItems:"flex-start",children:[t.jsxs(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[t.jsxs("span",{css:er,children:[r,t.jsx(jt,{label:`${u} Active`,size:"small",variant:u>0?"success":"info-grey"})]}),t.jsx("div",{css:tr,children:n})]}),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($e,{name:r,defaultValue:d,customGap:"0px",onChange:(e,t)=>p(e,!!t,l,t),children:i.map((e=>t.jsx(lr,{...e,onChange:(t,r)=>p(t,r,e.onChange)},e.label)))})})]})},exports.LayerGroupContainer=({children:r,defaultValue:n,...o})=>t.jsx("div",{css:Qt,style:{width:"100%"},children:t.jsx(e.Accordion.Root,{css:{},defaultValue:n,multiple:!0,...o,children:r})}),exports.LayerItem=lr,exports.LayerParameters=({label:r,children:n,openedByDefault:a})=>t.jsx("div",{children:t.jsx(e.Accordion.Root,{defaultValue:a?[r]:[],multiple:!0,children:t.jsxs(e.Accordion.Item,{css:sr,value:r,children:[t.jsxs(e.Accordion.ItemTrigger,{css:cr,children:[t.jsx(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:t.jsx("p",{css:dr,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:pr,children:o.Children.map(n,(e=>t.jsx("div",{className:"layer-parameters-item-child",children:e})))})]})})}),exports.LegendItem=({layerName:e,dataUnit:r,onDrag:n,onUpClick:o,onDownClick:a,onRemoveClick:i,children:l,onInfoClick:s,onOpacityChanged:c})=>t.jsxs("div",{css:ur,children:[t.jsxs("div",{css:hr,children:[t.jsx(X,{icon:t.jsx(R,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:n,style:{display:"none",marginBottom:"12px"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(X,{icon:t.jsx($,{rotate:"180"}),"aria-label":"Up",onClick:o}),t.jsx(X,{icon:t.jsx($,{}),"aria-label":"Down",onClick:a})]})]}),t.jsxs("div",{style:{width:"100%"},children:[t.jsxs("div",{css:xr,children:[t.jsxs("div",{children:[t.jsx("h3",{css:fr,children:e}),t.jsx("p",{css:gr,children:r})]}),t.jsx(m,{label:"Remove",size:"small",variant:"secondary",rightIcon:t.jsx(k,{}),onClick:i})]}),l,t.jsxs("div",{css:mr,children:[t.jsx(m,{label:"About data",size:"small",variant:"secondary",leftIcon:t.jsx(j,{}),onClick:s}),t.jsx(yr,{defaultValue:80,onOpacityChanged:c})]})]})]}),exports.MapControl=re,exports.MapControls=ul,exports.Menu=wa,exports.Modal=({title:r,content:n,size:o="medium",draggable:a,blocking:i,open:l,onClose:s,showCancelButton:c,cancelLabel:d="Cancel",showActionButton:p,actionLabel:u,onActionClick:h})=>l?t.jsx(e.Dialog.Root,{open:l,onOpenChange:s,placement:"center",scrollBehavior:"inside",closeOnInteractOutside:!a&&!i,preventScroll:!a&&!i,closeOnEscape:!i,defaultOpen:!0,children:t.jsxs(e.Portal,{children:[a?null:t.jsx(e.Dialog.Backdrop,{}),t.jsx(Pi,{disabled:!a,children:t.jsx(e.Dialog.Positioner,{children:t.jsxs(e.Dialog.Content,{css:_i(o),children:[t.jsxs(e.Dialog.Header,{css:Bi,children:[t.jsx(e.Dialog.Title,{css:Oi,children:r}),i?null:t.jsx(e.Dialog.CloseTrigger,{css:zi,asChild:!0,children:t.jsx(K,{})})]}),t.jsx(e.Dialog.Body,{css:Hi,children:n}),c||p?t.jsxs(e.Dialog.Footer,{children:[c?t.jsx(e.Dialog.ActionTrigger,{asChild:!0,children:t.jsx(m,{label:d,variant:"secondary"})}):null,p?t.jsx(m,{label:u,onClick:h}):null]}):null]})})})]})}):null,exports.MultiActionButton=({variant:r="primary",size:n="default",mainActionLabel:a,mainActionOnClick:i=()=>{},otherActions:l=[],...s})=>{const[c,d]=o.useState(!1);return t.jsxs(e.Group,{attached:!0,"aria-disabled":s.disabled,children:[t.jsx(m,{css:{},label:a,variant:r,size:n,onClick:i,...s}),t.jsxs(e.Menu.Root,{onOpenChange:({open:e})=>d(e),positioning:{placement:"bottom-end"},children:[t.jsx(e.Menu.Trigger,{css:oe(r),"data-group-item":!0,"data-last":!0,asChild:!0,children:t.jsx(m,{variant:r,size:n,leftIcon:t.jsx($,{rotate:c?"180":"0",color:p("accessible","text-on-primary-mids")||p("primary",900)}),disabled:s.disabled})}),t.jsx(ie,{children:l.map((({label:r,value:o,onClick:a})=>t.jsx(e.Menu.Item,{css:ae(n),onClick:a,value:o,children:r},o)))})]})]})},exports.Navbar=({logo:e,linkRouter:n,navigationSection:a,utilitySection:i,actionsSection:l,maxWidth:s,fixed:c,onNavbarHeightChange:d})=>{const u=so(),h=o.useRef(null),x=o.useRef(null),f=o.useRef(null),[g,b]=o.useState(!1),[C,v]=o.useState(-1),[w,y]=o.useState(window?.innerWidth<=ya),[j,$]=o.useState(!1),S=n,L=o.useCallback((()=>{if(x.current&&h.current&&f.current){const e=h.current.getBoundingClientRect(),t=x.current.getBoundingClientRect(),r=f.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=ya||window.innerWidth<=C?(d?.(96),b(!0)):window.innerWidth>ya&&window.innerWidth<=1440?e.right>=t.left?(d?.(96),b(!0),v(window.innerWidth)):window.innerWidth>C&&(d?.(48),b(!1),v(-1)):(d?.(48),b(!1),v(-1)),g&&(window.innerWidth<=ya||r.right>=t.left?(y(!0),d?.(48)):(y(!1),d?.(96)))}}),[C,g]);return o.useEffect((()=>(L(),window.addEventListener("resize",L),()=>{window.removeEventListener("resize",L)})),[L]),t.jsxs("nav",{css:Uo(g&&!w,c),children:[t.jsxs("div",{css:qo(g&&!w,s),children:[t.jsxs("div",{css:(R=g&&!w,r.css`
|
|
2971
2983
|
display: flex;
|
|
2972
2984
|
align-items: center;
|
|
2973
2985
|
justify-content: flex-start;
|
|
2974
2986
|
gap: 12px;
|
|
2975
2987
|
color: ${p("neutral",R?100:900)};
|
|
2976
|
-
`),ref:h,children:[e?t.jsx("div",{ref:f,css:Xo,children:e}):null,t.jsx("div",{css:Ko(g),children:a?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:Jo(u.pathname===e.link),children:e.label},e.label):t.jsx(wa,{label:e.label,items:e.items||[]},e.label)))})]}),t.jsx("div",{css:Qo,ref:x,children:w?t.jsxs("button",{type:"button",onClick:()=>$(!j),"aria-label":"Open menu",css:ra,children:[j?"Close":"Menu",j?t.jsx(k,{height:"16px",width:"16px"}):t.jsx(G,{height:"16px",width:"16px"})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{css:Qo,children:i?.map((e=>t.jsx("div",{css:ea(g),children:e})))}),l?t.jsx("div",{css:ta(g),children:l.map((e=>t.jsx(m,{...e},e.label)))}):null]})})]}),g&&!w?t.jsx("div",{css:Go,children:a?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:Jo(u.pathname===e.link),children:e.label},e.label):t.jsx(wa,{label:e.label,items:e.items||[]},e.label)))}):null,w?t.jsx(ha,{navigationSection:a,utilitySection:i,actionsSection:l,linkRouter:n,isOpen:j,setIsOpen:$}):null]});var R},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:a,children:i,onOpenChange:l,navbarHeight:s,footerHeight:c})=>{const[d,p]=o.useState(!1),[u,h]=o.useState(n||r?.[0]?.value);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:ja(s,c),children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;h(t=e),a&&a(t)},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:$a,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:ka,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),i?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{p(e),l&&l(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:Sa,children:[t.jsx("div",{css:ka,children:d?t.jsx(v,{}):t.jsx(C,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:d?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),i?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!d,children:t.jsx(e.Collapsible.Content,{children:t.jsx("div",{css:La(s,c),role:"tabpanel","aria-labelledby":u,children:i})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:a})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:a,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:fe,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:ge,children:[t.jsxs("div",{css:(a=n.variant,r.css`
|
|
2988
|
+
`),ref:h,children:[e?t.jsx("div",{ref:f,css:Xo,children:e}):null,t.jsx("div",{css:Ko(g),children:a?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:Jo(u.pathname===e.link),children:e.label},e.label):t.jsx(wa,{label:e.label,items:e.items||[]},e.label)))})]}),t.jsx("div",{css:Qo,ref:x,children:w?t.jsxs("button",{type:"button",onClick:()=>$(!j),"aria-label":"Open menu",css:ra,children:[j?"Close":"Menu",j?t.jsx(k,{height:"16px",width:"16px"}):t.jsx(G,{height:"16px",width:"16px"})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{css:Qo,children:i?.map(((e,r)=>t.jsx("div",{css:ea(g),children:e},r)))}),l?t.jsx("div",{css:ta(g),children:l.map((e=>t.jsx(m,{...e},e.label)))}):null]})})]}),g&&!w?t.jsx("div",{css:Go,children:a?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:Jo(u.pathname===e.link),children:e.label},e.label):t.jsx(wa,{label:e.label,items:e.items||[]},e.label)))}):null,w?t.jsx(ha,{navigationSection:a,utilitySection:i,actionsSection:l,linkRouter:n,isOpen:j,setIsOpen:$}):null]});var R},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:a,children:i,onOpenChange:l,navbarHeight:s,footerHeight:c})=>{const[d,p]=o.useState(!1),[u,h]=o.useState(n||r?.[0]?.value);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:ja(s,c),children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;h(t=e),a&&a(t)},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:$a,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:ka,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),i?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{p(e),l&&l(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:Sa,children:[t.jsx("div",{css:ka,children:d?t.jsx(v,{}):t.jsx(C,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:d?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),i?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!d,children:t.jsx(e.Collapsible.Content,{children:t.jsx("div",{css:La(s,c),role:"tabpanel","aria-labelledby":u,children:i})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:a})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:a,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:fe,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:ge,children:[t.jsxs("div",{css:(a=n.variant,r.css`
|
|
2977
2989
|
width: 100%;
|
|
2978
2990
|
display: flex;
|
|
2979
2991
|
flex-direction: ${"centered"===a?"column":"row"};
|
|
@@ -2997,9 +3009,9 @@ function Sn(e,t){if(!1===e||null==e)throw new Error(t)}function Ln(e,t){if(!e){"
|
|
|
2997
3009
|
font-weight: 700;
|
|
2998
3010
|
color: ${p("Medium"===b?"warning":"Strong"===b||"Very Strong"===b?"success":"error",900)};
|
|
2999
3011
|
}
|
|
3000
|
-
`),children:["Password Strength: ",t.jsx("span",{children:f.strength})]}),t.jsx("div",{css:It(f.strength),children:t.jsx("div",{})}),t.jsxs("div",{css:Dt(f.length),children:[t.jsx("div",{children:f.length?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsxs("p",{children:["Use a minimum of ",s," characters"]})]}),i?.uppercase?null:t.jsxs("div",{css:Dt(f.uppercase),children:[t.jsx("div",{children:f.uppercase?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use an uppercase letter"})]}),i?.lowercase?null:t.jsxs("div",{css:Dt(f.lowercase),children:[t.jsx("div",{children:f.lowercase?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a lowercase letter"})]}),i?.numbers?null:t.jsxs("div",{css:Dt(f.numbers),children:[t.jsx("div",{children:f.numbers?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a number"})]}),i?.specialCharacters?null:t.jsxs("div",{css:Dt(f.specialCharacters),children:[t.jsx("div",{children:f.specialCharacters?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a special character"})]})]}):null]});var b},exports.QualitativeAttribute=({type:e,label:r,caption:n,color:a,onActionClick:i,showActionButton:l,pointIcon:s})=>{const[c,d]=o.useState(!0),p="raster"===e,u="line"===e,h="point"===e;return t.jsxs("div",{css:Sr,children:[t.jsxs("div",{css:Lr,children:[t.jsxs("div",{children:[p&&t.jsx("div",{css:jr(a)}),u&&t.jsx("div",{css:$r(a)}),h&&t.jsx("div",{css:kr(a),children:s})]}),t.jsxs("div",{children:[t.jsx("p",{css:Rr,"aria-label":r,children:r}),n?t.jsx("p",{css:Mr,"aria-label":n,children:n}):null]})]}),i&&l?t.jsx("div",{css:Er,children:t.jsx(m,{variant:"borderless",label:c?"Hide":"Show",rightIcon:c?t.jsx(L,{}):t.jsx(S,{}),"aria-label":"Show or Hide action",onClick:()=>{d(!c),i&&i()}})}):null]})},exports.Radio=je,exports.RadioGroup=$e,exports.RadioList=({label:e,caption:n,name:o,radios:a,defaultValue:i,onCheckedChange:l,errorMessage:s,horizontal:c,variant:d="default",required:p})=>{return t.jsxs("div",{css:Vt,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Ot}):null,t.jsxs("div",{css:(u=!!s,r.css`
|
|
3012
|
+
`),children:["Password Strength: ",t.jsx("span",{children:f.strength})]}),t.jsx("div",{css:It(f.strength),children:t.jsx("div",{})}),t.jsxs("div",{css:Dt(f.length),children:[t.jsx("div",{children:f.length?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsxs("p",{children:["Use a minimum of ",s," characters"]})]}),i?.uppercase?null:t.jsxs("div",{css:Dt(f.uppercase),children:[t.jsx("div",{children:f.uppercase?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use an uppercase letter"})]}),i?.lowercase?null:t.jsxs("div",{css:Dt(f.lowercase),children:[t.jsx("div",{children:f.lowercase?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a lowercase letter"})]}),i?.numbers?null:t.jsxs("div",{css:Dt(f.numbers),children:[t.jsx("div",{children:f.numbers?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a number"})]}),i?.specialCharacters?null:t.jsxs("div",{css:Dt(f.specialCharacters),children:[t.jsx("div",{children:f.specialCharacters?t.jsx(w,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a special character"})]})]}):null]});var b},exports.ProgressBar=({progress:e})=>{let r=e;return r>100&&(r=100),r<0&&(r=0),t.jsx("div",{css:nl,role:"progressbar","aria-label":`Progress: ${r}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":r,children:t.jsx("div",{css:ol(r)})})},exports.QualitativeAttribute=({type:e,label:r,caption:n,color:a,onActionClick:i,showActionButton:l,pointIcon:s})=>{const[c,d]=o.useState(!0),p="raster"===e,u="line"===e,h="point"===e;return t.jsxs("div",{css:Sr,children:[t.jsxs("div",{css:Lr,children:[t.jsxs("div",{children:[p&&t.jsx("div",{css:jr(a)}),u&&t.jsx("div",{css:$r(a)}),h&&t.jsx("div",{css:kr(a),children:s})]}),t.jsxs("div",{children:[t.jsx("p",{css:Rr,"aria-label":r,children:r}),n?t.jsx("p",{css:Mr,"aria-label":n,children:n}):null]})]}),i&&l?t.jsx("div",{css:Er,children:t.jsx(m,{variant:"borderless",label:c?"Hide":"Show",rightIcon:c?t.jsx(L,{}):t.jsx(S,{}),"aria-label":"Show or Hide action",onClick:()=>{d(!c),i&&i()}})}):null]})},exports.Radio=je,exports.RadioGroup=$e,exports.RadioList=({label:e,caption:n,name:o,radios:a,defaultValue:i,onCheckedChange:l,errorMessage:s,horizontal:c,variant:d="default",required:p})=>{return t.jsxs("div",{css:Vt,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Ot}):null,t.jsxs("div",{css:(u=!!s,r.css`
|
|
3001
3013
|
margin-left: ${u?"19px":"0px"};
|
|
3002
|
-
`),children:[t.jsxs("p",{css:Pt,"aria-label":e,children:[p&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:_t,"aria-label":n,children:n}),s?t.jsx("p",{css:zt,"aria-label":s,children:s}):null,t.jsx("div",{css:Bt,children:t.jsx($e,{name:o,defaultValue:i,onChange:l,horizontal:c&&"card"!==d,children:a.map((e=>t.jsx(je,{css:"card"===d?Ht:{},...e},e.value)))})})]})]});var u},exports.SSOButtons=
|
|
3014
|
+
`),children:[t.jsxs("p",{css:Pt,"aria-label":e,children:[p&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:_t,"aria-label":n,children:n}),s?t.jsx("p",{css:zt,"aria-label":s,children:s}):null,t.jsx("div",{css:Bt,children:t.jsx($e,{name:o,defaultValue:i,onChange:l,horizontal:c&&"card"!==d,children:a.map((e=>t.jsx(je,{css:"card"===d?Ht:{},...e},e.value)))})})]})]});var u},exports.SSOButtons=xl,exports.ScaleBar=({colors:e,values:n,subLabels:o,isGradient:a})=>{return t.jsxs("div",{css:Tr,children:[a?t.jsx("div",{css:(i=_r(e),r.css`
|
|
3003
3015
|
height: 20px;
|
|
3004
3016
|
width: 100%;
|
|
3005
3017
|
margin-bottom: 8px;
|
|
@@ -3021,4 +3033,4 @@ function Sn(e,t){if(!1===e||null==e)throw new Error(t)}function Ln(e,t){if(!e){"
|
|
|
3021
3033
|
cursor: not-allowed;
|
|
3022
3034
|
|
|
3023
3035
|
${a?`\n background-color: ${p("primary",100)};\n color: ${p("primary",800)};\n border: 1px solid ${p("primary",400)};\n box-shadow: 0px 1px 2px -1px #0000001A;\n box-shadow: 0px 1px 3px 0px #0000001A;\n cursor: pointer;\n `:""}
|
|
3024
|
-
`),type:"button",onClick:e.onClick,"aria-current":n===o+1,"aria-disabled":n<o+1,disabled:n<o+1,"aria-label":`Current Step ${o}${e.label?` ${e.label}`:""}`,children:n>o+1?t.jsx(w,{height:"16px",width:"16px"}):o+1}),e.label?t.jsx("p",{css:Ea(n===o+1),children:e.label}):null]},`${e.label}-${o}`);var a})),t.jsx("div",{css:Ta,children:t.jsx("div",{css:Ia})})]}),exports.Switch=Pe,exports.TabBar=({variant:r="panel",defaultValue:n,tabs:a,onTabClick:i})=>{const[l,s]=o.useState(Oa(a,n)||0),c="view"===r;return t.jsx("div",{css:Da(r),children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:n||a?.[0]?.value,onValueChange:({value:e})=>{return s(Oa(a,t=e)),void(i&&i(t));var t},children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:a.map(((r,n)=>t.jsxs(o.Fragment,{children:[c&&1===n&&"left"===za(l)?t.jsx("div",{css:_a}):null,t.jsx(e.Tabs.Trigger,{css:[Va,c?Ba:Pa],"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),c&&1===n&&"right"===za(l)?t.jsx("div",{css:_a}):null]},r.label)))})})})},exports.Table=({columns:r,data:n,renderRow:a,striped:i,stickyHeader:l,pagination:s,selectable:c,selectedRows:d,onSortColumn:p,onPageSizeChange:u,onPageChange:h,onAllItemsSelected:x})=>{const[f,g]=o.useState({key:"",order:""}),{totalItems:m=n.length,currentPage:b=1,pageSize:C=10,showItemCount:v,showItemCountText:w}=s||{},y=(e,t)=>{g({key:e,order:t}),p&&p({key:e,order:t})},j=d?.length===n?.length,k=d&&d.length>0&&!j;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:Yr,striped:i,stickyHeader:l,interactive:!0,children:[t.jsx(e.Table.Header,{css:Ur,children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(se,{name:"header-checkbox",checked:j,indeterminate:k,onCheckedChange:({checked:e})=>{x&&x(e)}})}):null,r.map((r=>t.jsx(e.Table.ColumnHeader,{role:r.sortable?"columnheader":void 0,"aria-sort":r.sortable&&"asc"===f.order?"ascending":r.sortable&&"desc"===f.order?"descending":void 0,children:t.jsxs("div",{css:Gr,children:[r.label,r.sortable?t.jsxs("div",{css:qr,children:[t.jsx(X,{css:Xr(f.key===r.key&&"asc"===f.order),icon:t.jsx($,{style:{transform:"rotate(180deg)"}}),onClick:()=>y(r.key,"asc"),"aria-label":"Ascending"}),t.jsx(X,{css:Xr(f.key===r.key&&"desc"===f.order),icon:t.jsx($,{}),onClick:()=>y(r.key,"desc"),"aria-label":"Descending"})]}):null]})},r.key)))]})}),t.jsx(e.Table.Body,{children:n.map((e=>t.jsx(o.Fragment,{children:a(e)},e.id)))})]}),t.jsxs("div",{css:Kr,children:[t.jsx("div",{children:v?t.jsx(Hr,{pageSize:C,currentPage:b,totalItems:m,onPageSizeChange:u,showItemCountText:w}):null}),s?t.jsx("div",{css:Jr,children:t.jsx(Wr,{totalItems:m,pageSize:C,currentPage:b,onPageChange:h})}):null]})]})},exports.TableCell=en,exports.TableRow=Qr,exports.Tag=jt,exports.TextInput=et,exports.Textarea=({label:r,caption:n,placeholder:a,errorMessage:i,required:l,disabled:s,size:c="default",defaultValue:d="",onChange:p,minLength:u,maxLength:h,...x})=>{const[f,g]=o.useState(d),[m,b]=o.useState(!1),[C,v]=o.useState(!1),[w,y]=o.useState("");o.useEffect((()=>{const{length:e}=d;u&&e<u&&e>0?(b(e<u),v(!1),y(`Enter at least ${u-e} characters`)):u&&0===e&&y(`Min ${u} characters`),h&&e>0?(b(!1),v(e>h),y(`You have ${h-e} characters remaining`)):h&&0===e&&y(`Max ${h} characters`)}),[]);const j=!!i||m||C;return t.jsxs("div",{css:Zt(c),children:[j?t.jsx("div",{css:Wt}):null,t.jsxs(e.Field.Root,{required:l,invalid:j,gap:"0",style:{marginLeft:j?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:Yt(c,s),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,l?"":t.jsx("span",{children:" (Optional)"})]}):null,n?t.jsx(e.Field.HelperText,{css:Ut(c,s),"aria-label":n,children:n}):null,i?t.jsx(e.Field.ErrorText,{css:qt,"aria-label":i,children:i}):null,t.jsx(e.Textarea,{placeholder:a,disabled:s,css:Xt(c,f,d),onChange:e=>{g(e.target.value);const{length:t}=e.target.value;u&&h?(b(t<u),v(t>h),y(`You have ${h-t} characters remaining`)):u?(b(t<u),v(!1),y(t<u?`Enter at least ${u-t} characters`:"")):h&&(v(t>h),b(!1),y(`You have ${h-t} characters remaining`)),p&&p(e)},value:f,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...x}),m&&u?t.jsxs(e.Field.ErrorText,{css:qt,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",u-f.length," more characters"]}):null,C&&h?t.jsxs(e.Field.ErrorText,{css:qt,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",f.length-h," characters too many"]}):null,!w||C||m?null:t.jsx(e.Field.HelperText,{css:Gt,"aria-label":w,children:w})]})]})},exports.Toast=()=>Object.keys(
|
|
3036
|
+
`),type:"button",onClick:e.onClick,"aria-current":n===o+1,"aria-disabled":n<o+1,disabled:n<o+1,"aria-label":`Current Step ${o}${e.label?` ${e.label}`:""}`,children:n>o+1?t.jsx(w,{height:"16px",width:"16px"}):o+1}),e.label?t.jsx("p",{css:Ea(n===o+1),children:e.label}):null]},`${e.label}-${o}`);var a})),t.jsx("div",{css:Ta,children:t.jsx("div",{css:Ia})})]}),exports.Switch=Pe,exports.TabBar=({variant:r="panel",defaultValue:n,tabs:a,onTabClick:i})=>{const[l,s]=o.useState(Oa(a,n)||0),c="view"===r;return t.jsx("div",{css:Da(r),children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:n||a?.[0]?.value,onValueChange:({value:e})=>{return s(Oa(a,t=e)),void(i&&i(t));var t},children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:a.map(((r,n)=>t.jsxs(o.Fragment,{children:[c&&1===n&&"left"===za(l)?t.jsx("div",{css:_a}):null,t.jsx(e.Tabs.Trigger,{css:[Va,c?Ba:Pa],"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),c&&1===n&&"right"===za(l)?t.jsx("div",{css:_a}):null]},r.label)))})})})},exports.Table=({columns:r,data:n,renderRow:a,striped:i,stickyHeader:l,pagination:s,selectable:c,selectedRows:d,onSortColumn:p,onPageSizeChange:u,onPageChange:h,onAllItemsSelected:x})=>{const[f,g]=o.useState({key:"",order:""}),{totalItems:m=n.length,currentPage:b=1,pageSize:C=10,showItemCount:v,showItemCountText:w}=s||{},y=(e,t)=>{g({key:e,order:t}),p&&p({key:e,order:t})},j=d?.length===n?.length,k=d&&d.length>0&&!j;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:Yr,striped:i,stickyHeader:l,interactive:!0,children:[t.jsx(e.Table.Header,{css:Ur,children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(se,{name:"header-checkbox",checked:j,indeterminate:k,onCheckedChange:({checked:e})=>{x&&x(e)}})}):null,r.map((r=>t.jsx(e.Table.ColumnHeader,{role:r.sortable?"columnheader":void 0,"aria-sort":r.sortable&&"asc"===f.order?"ascending":r.sortable&&"desc"===f.order?"descending":void 0,children:t.jsxs("div",{css:Gr,children:[r.label,r.sortable?t.jsxs("div",{css:qr,children:[t.jsx(X,{css:Xr(f.key===r.key&&"asc"===f.order),icon:t.jsx($,{style:{transform:"rotate(180deg)"}}),onClick:()=>y(r.key,"asc"),"aria-label":"Ascending"}),t.jsx(X,{css:Xr(f.key===r.key&&"desc"===f.order),icon:t.jsx($,{}),onClick:()=>y(r.key,"desc"),"aria-label":"Descending"})]}):null]})},r.key)))]})}),t.jsx(e.Table.Body,{children:n.map((e=>t.jsx(o.Fragment,{children:a(e)},e.id)))})]}),t.jsxs("div",{css:Kr,children:[t.jsx("div",{children:v?t.jsx(Hr,{pageSize:C,currentPage:b,totalItems:m,onPageSizeChange:u,showItemCountText:w}):null}),s?t.jsx("div",{css:Jr,children:t.jsx(Wr,{totalItems:m,pageSize:C,currentPage:b,onPageChange:h})}):null]})]})},exports.TableCell=en,exports.TableRow=Qr,exports.Tag=jt,exports.TextInput=et,exports.Textarea=({label:r,caption:n,placeholder:a,errorMessage:i,required:l,disabled:s,size:c="default",defaultValue:d="",onChange:p,minLength:u,maxLength:h,...x})=>{const[f,g]=o.useState(d),[m,b]=o.useState(!1),[C,v]=o.useState(!1),[w,y]=o.useState("");o.useEffect((()=>{const{length:e}=d;u&&e<u&&e>0?(b(e<u),v(!1),y(`Enter at least ${u-e} characters`)):u&&0===e&&y(`Min ${u} characters`),h&&e>0?(b(!1),v(e>h),y(`You have ${h-e} characters remaining`)):h&&0===e&&y(`Max ${h} characters`)}),[]);const j=!!i||m||C;return t.jsxs("div",{css:Zt(c),children:[j?t.jsx("div",{css:Wt}):null,t.jsxs(e.Field.Root,{required:l,invalid:j,gap:"0",style:{marginLeft:j?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:Yt(c,s),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,l?"":t.jsx("span",{children:" (Optional)"})]}):null,n?t.jsx(e.Field.HelperText,{css:Ut(c,s),"aria-label":n,children:n}):null,i?t.jsx(e.Field.ErrorText,{css:qt,"aria-label":i,children:i}):null,t.jsx(e.Textarea,{placeholder:a,disabled:s,css:Xt(c,f,d),onChange:e=>{g(e.target.value);const{length:t}=e.target.value;u&&h?(b(t<u),v(t>h),y(`You have ${h-t} characters remaining`)):u?(b(t<u),v(!1),y(t<u?`Enter at least ${u-t} characters`:"")):h&&(v(t>h),b(!1),y(`You have ${h-t} characters remaining`)),p&&p(e)},value:f,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...x}),m&&u?t.jsxs(e.Field.ErrorText,{css:qt,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",u-f.length," more characters"]}):null,C&&h?t.jsxs(e.Field.ErrorText,{css:qt,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",f.length-h," characters too many"]}):null,!w||C||m?null:t.jsx(e.Field.HelperText,{css:Gt,"aria-label":w,children:w})]})]})},exports.Toast=()=>Object.keys(pl).map((r=>t.jsx(e.Portal,{children:t.jsx(e.Toaster,{toaster:pl[r],insetInline:{mdDown:"4"},children:n=>t.jsxs(e.Toast.Root,{css:al,width:{md:"sm"},children:[t.jsxs(e.Stack,{flexDirection:"row",className:"icon-container",children:["info"===n.type?n.meta?.icon?n.meta.icon:t.jsx(j,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?t.jsx(e.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:t.jsx(M,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:t.jsx(E,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:t.jsx(T,{color:"var(--chakra-colors-error-500)"}):null,t.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[t.jsx(e.Toast.Title,{css:il,"aria-label":`${n.title}`,children:n.title}),n.description?t.jsx(e.Toast.Title,{css:ll,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?t.jsxs(e.Stack,{flexDirection:"row",children:[n.action?t.jsx(m,{css:sl,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),pl[r].dismiss()}}):null,n.meta?.closable?t.jsx(m,{css:cl,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||"Dismiss",leftIcon:t.jsx(k,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>pl[r].dismiss()}):null]}):null]})})},r))),exports.designSystemStyles=d,exports.getThemedColor=p,exports.showToast=e=>{pl[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.d.ts
CHANGED
|
@@ -636,6 +636,12 @@ type InlineMessageProps = {
|
|
|
636
636
|
|
|
637
637
|
declare const InlineMessage: ({ label, caption, variant, size, icon, onActionClick, actionLabel, isButtonRight, }: InlineMessageProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
638
638
|
|
|
639
|
+
type ProgressBarProps = {
|
|
640
|
+
progress: number;
|
|
641
|
+
};
|
|
642
|
+
|
|
643
|
+
declare const ProgressBar: ({ progress }: ProgressBarProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
644
|
+
|
|
639
645
|
/** @jsxImportSource @emotion/react */
|
|
640
646
|
|
|
641
647
|
declare const Toast: React$1.FC;
|
|
@@ -696,4 +702,4 @@ declare const SSOButtons: {
|
|
|
696
702
|
Microsoft: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
|
|
697
703
|
};
|
|
698
704
|
|
|
699
|
-
export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerParameters, LegendItem, MapControl, MapControls, Menu, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Panel, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Sheet, Slider, SliderInput, StepBar, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };
|
|
705
|
+
export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerParameters, LegendItem, MapControl, MapControls, Menu, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Panel, Password, ProgressBar, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Sheet, Slider, SliderInput, StepBar, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };
|
package/dist/index.esm.js
CHANGED
|
@@ -2444,13 +2444,13 @@ function jo(e,t){if(!1===e||null==e)throw new Error(t)}function Bo(e,t){if(!e){"
|
|
|
2444
2444
|
width: 100%;
|
|
2445
2445
|
margin-left: ${r?"8px":"0"};
|
|
2446
2446
|
margin-right: ${n?"8px":"0"};
|
|
2447
|
-
`),children:[O("div",{css:Va,children:[H("p",{className:"menu-item-label",children:e.label}),e.command?H(s.ItemCommand,{children:e.command}):null]}),e.caption?H("p",{className:"menu-item-caption",children:e.caption}):null]}),e.endIcon]})}),t?null:H(s.Separator,{borderColor:"var(--chakra-colors-neutral-300)"})]});var r,n},_a=({label:e,items:t,groups:r,onSelect:n,customTrigger:o})=>{const[i,a]=Y(!1);return O(s.Root,{onSelect:({value:e})=>n&&n(e),onOpenChange:({open:e})=>a(e),open:i,children:[H(s.Trigger,{css:Sa,asChild:!0,children:o||O("button",{type:"button",children:[e,H(ge,{marginLeft:"6px",rotate:i?"180":"0",height:"14px",width:"14px"})]})}),H(l,{children:H(s.Positioner,{children:O(s.Content,{css:Ma,children:[t?.map(((e,r)=>e.submenu?O(s.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>n&&n(e),children:[O(s.TriggerItem,{css:Ra,children:[e.label," ",H(ge,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),H(l,{children:H(s.Positioner,{children:H(s.Content,{css:Ma,children:e.submenu.map(((t,r)=>H(Ta,{item:t,isLast:r===(e.submenu?.length||0)-1},t.value)))})})})]}
|
|
2447
|
+
`),children:[O("div",{css:Va,children:[H("p",{className:"menu-item-label",children:e.label}),e.command?H(s.ItemCommand,{children:e.command}):null]}),e.caption?H("p",{className:"menu-item-caption",children:e.caption}):null]}),e.endIcon]})}),t?null:H(s.Separator,{borderColor:"var(--chakra-colors-neutral-300)"})]});var r,n},_a=({label:e,items:t,groups:r,onSelect:n,customTrigger:o})=>{const[i,a]=Y(!1);return O(s.Root,{onSelect:({value:e})=>n&&n(e),onOpenChange:({open:e})=>a(e),open:i,children:[H(s.Trigger,{css:Sa,asChild:!0,children:o||O("button",{type:"button",children:[e,H(ge,{marginLeft:"6px",rotate:i?"180":"0",height:"14px",width:"14px"})]})}),H(l,{children:H(s.Positioner,{children:O(s.Content,{css:Ma,children:[t?.map(((e,r)=>e.submenu?O(s.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>n&&n(e),children:[O(s.TriggerItem,{css:Ra,children:[e.label," ",H(ge,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),H(l,{children:H(s.Positioner,{children:H(s.Content,{css:Ma,children:e.submenu.map(((t,r)=>H(Ta,{item:t,isLast:r===(e.submenu?.length||0)-1},t.value)))})})})]},`${e.value}-${r}`):H(Ta,{item:e,isLast:r===t.length-1},`${e.value}-${r}`))),r?.map(((e,t)=>O(W.Fragment,{children:[O(s.ItemGroup,{children:[H(s.ItemGroupLabel,{css:Da,children:e.title}),e.items?.map((e=>H(Ta,{item:e,isLast:r.length-1===t},e.value)))]}),t!==r.length-1?H(s.Separator,{borderColor:"var(--chakra-colors-neutral-300)"}):null]},e.title)))]})})})]})},Pa=1023,Ia=({logo:e,linkRouter:t,navigationSection:r,utilitySection:n,actionsSection:o,maxWidth:i,fixed:a,onNavbarHeightChange:l})=>{const s=wi(),c=q(null),d=q(null),p=q(null),[u,h]=Y(!1),[f,x]=Y(-1),[g,m]=Y(window?.innerWidth<=Pa),[b,C]=Y(!1),v=t,w=J((()=>{if(d.current&&c.current&&p.current){const e=c.current.getBoundingClientRect(),t=d.current.getBoundingClientRect(),r=p.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=Pa||window.innerWidth<=f?(l?.(96),h(!0)):window.innerWidth>Pa&&window.innerWidth<=1440?e.right>=t.left?(l?.(96),h(!0),x(window.innerWidth)):window.innerWidth>f&&(l?.(48),h(!1),x(-1)):(l?.(48),h(!1),x(-1)),u&&(window.innerWidth<=Pa||r.right>=t.left?(m(!0),l?.(48)):(m(!1),l?.(96)))}}),[f,u]);return U((()=>(w(),window.addEventListener("resize",w),()=>{window.removeEventListener("resize",w)})),[w]),O("nav",{css:ia(u&&!g,a),children:[O("div",{css:la(u&&!g,i),children:[O("div",{css:(y=u&&!g,B`
|
|
2448
2448
|
display: flex;
|
|
2449
2449
|
align-items: center;
|
|
2450
2450
|
justify-content: flex-start;
|
|
2451
2451
|
gap: 12px;
|
|
2452
2452
|
color: ${ne("neutral",y?100:900)};
|
|
2453
|
-
`),ref:c,children:[e?H("div",{ref:p,css:sa,children:e}):null,H("div",{css:ca(u),children:r?.map((e=>e.link?H(v,{to:e.link,href:e.link,css:da(s.pathname===e.link),children:e.label},e.label):H(_a,{label:e.label,items:e.items||[]},e.label)))})]}),H("div",{css:pa,ref:d,children:g?O("button",{type:"button",onClick:()=>C(!b),"aria-label":"Open menu",css:fa,children:[b?"Close":"Menu",H(b?me:Be,{height:"16px",width:"16px"})]}):O(j,{children:[H("div",{css:pa,children:n?.map((e=>H("div",{css:ua(u),children:e})))}),o?H("div",{css:ha(u),children:o.map((e=>H(ce,{...e},e.label)))}):null]})})]}),u&&!g?H("div",{css:aa,children:r?.map((e=>e.link?H(v,{to:e.link,href:e.link,css:da(s.pathname===e.link),children:e.label},e.label):H(_a,{label:e.label,items:e.items||[]},e.label)))}):null,g?H(La,{navigationSection:r,utilitySection:n,actionsSection:o,linkRouter:t,isOpen:b,setIsOpen:C}):null]});var y},za=(e,t)=>B`
|
|
2453
|
+
`),ref:c,children:[e?H("div",{ref:p,css:sa,children:e}):null,H("div",{css:ca(u),children:r?.map((e=>e.link?H(v,{to:e.link,href:e.link,css:da(s.pathname===e.link),children:e.label},e.label):H(_a,{label:e.label,items:e.items||[]},e.label)))})]}),H("div",{css:pa,ref:d,children:g?O("button",{type:"button",onClick:()=>C(!b),"aria-label":"Open menu",css:fa,children:[b?"Close":"Menu",H(b?me:Be,{height:"16px",width:"16px"})]}):O(j,{children:[H("div",{css:pa,children:n?.map(((e,t)=>H("div",{css:ua(u),children:e},t)))}),o?H("div",{css:ha(u),children:o.map((e=>H(ce,{...e},e.label)))}):null]})})]}),u&&!g?H("div",{css:aa,children:r?.map((e=>e.link?H(v,{to:e.link,href:e.link,css:da(s.pathname===e.link),children:e.label},e.label):H(_a,{label:e.label,items:e.items||[]},e.label)))}):null,g?H(La,{navigationSection:r,utilitySection:n,actionsSection:o,linkRouter:t,isOpen:b,setIsOpen:C}):null]});var y},za=(e,t)=>B`
|
|
2454
2454
|
width: 64px;
|
|
2455
2455
|
height: calc(100vh - ${e||"0px"} - ${t||"0px"});
|
|
2456
2456
|
z-index: 100;
|
|
@@ -2965,6 +2965,18 @@ function jo(e,t){if(!1===e||null==e)throw new Error(t)}function Bo(e,t){if(!e){"
|
|
|
2965
2965
|
color: ${ne("error",900)};
|
|
2966
2966
|
}
|
|
2967
2967
|
`,ws=({label:e,caption:t,variant:r,size:n="large",icon:o=H(xe,{height:"16px",width:"16px"}),onActionClick:i,actionLabel:a,isButtonRight:l})=>{let s=gs;return"info-grey"===r?s=ms:"success"===r?s=bs:"warning"===r?s=Cs:"error"===r&&(s=vs),O("div",{css:[us(n,l),s],"aria-roledescription":"Note",children:[O("div",{children:[O("div",{css:hs,children:[o,H("p",{css:fs(n),children:e})]}),H("p",{css:xs(n),children:t})]}),a?H(ce,{label:a,variant:"info-white"===r||"info-grey"===r?"primary":"secondary",size:"large"===n?"default":"small",onClick:i}):null]})},ys=B`
|
|
2968
|
+
height: 8px;
|
|
2969
|
+
width: 100%;
|
|
2970
|
+
background-color: ${ne("neutral",300)};
|
|
2971
|
+
display: flex;
|
|
2972
|
+
align-items: center;
|
|
2973
|
+
justify-content: flex-start;
|
|
2974
|
+
`,$s=e=>B`
|
|
2975
|
+
height: 100%;
|
|
2976
|
+
width: ${e}%;
|
|
2977
|
+
background-color: ${ne("primary",500)};
|
|
2978
|
+
transition: width 0.5s ease-in-out;
|
|
2979
|
+
`,ks=({progress:e})=>{let t=e;return t>100&&(t=100),t<0&&(t=0),H("div",{css:ys,role:"progressbar","aria-label":`Progress: ${t}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":t,children:H("div",{css:$s(t)})})},Ls=B`
|
|
2968
2980
|
justify-content: space-between;
|
|
2969
2981
|
align-items: center;
|
|
2970
2982
|
gap: 8px;
|
|
@@ -3007,18 +3019,18 @@ function jo(e,t){if(!1===e||null==e)throw new Error(t)}function Bo(e,t){if(!e){"
|
|
|
3007
3019
|
color: ${ne("error",900)};
|
|
3008
3020
|
}
|
|
3009
3021
|
}
|
|
3010
|
-
|
|
3022
|
+
`,Ss=B`
|
|
3011
3023
|
font-size: 18px;
|
|
3012
3024
|
line-height: 28px;
|
|
3013
3025
|
font-weight: 400;
|
|
3014
3026
|
color: ${ne("neutral",800)};
|
|
3015
|
-
`,
|
|
3027
|
+
`,Ms=B`
|
|
3016
3028
|
font-size: 16px;
|
|
3017
3029
|
line-height: 24px;
|
|
3018
3030
|
font-weight: 400;
|
|
3019
3031
|
color: ${ne("neutral",700)};
|
|
3020
|
-
`,
|
|
3032
|
+
`,Rs=B`
|
|
3021
3033
|
padding: 6px;
|
|
3022
|
-
`,
|
|
3034
|
+
`,Es=B`
|
|
3023
3035
|
padding: 6px;
|
|
3024
|
-
`,
|
|
3036
|
+
`,Vs={pauseOnPageIdle:!0,offsets:"24px"},Ds={"top-start":_({placement:"top-start",...Vs}),"top-end":_({placement:"top-end",...Vs}),"bottom-start":_({placement:"bottom-start",...Vs}),"bottom-end":_({placement:"bottom-end",...Vs})},Ts=e=>{Ds[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})},_s=()=>Object.keys(Ds).map((e=>H(l,{children:H(P,{toaster:Ds[e],insetInline:{mdDown:"4"},children:t=>O(I.Root,{css:Ls,width:{md:"sm"},children:[O(z,{flexDirection:"row",className:"icon-container",children:["info"===t.type?t.meta?.icon?t.meta.icon:H(xe,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===t.type?H(o,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===t.type?t.meta?.icon?t.meta.icon:H(we,{color:"var(--chakra-colors-success-500)"}):null,"warning"===t.type?t.meta?.icon?t.meta.icon:H(ye,{color:"var(--chakra-colors-warning-500)"}):null,"error"===t.type?t.meta?.icon?t.meta.icon:H($e,{color:"var(--chakra-colors-error-500)"}):null,O(z,{gap:"1",flex:"1",maxWidth:"100%",children:[H(I.Title,{css:Ss,"aria-label":`${t.title}`,children:t.title}),t.description?H(I.Title,{css:Ms,"aria-label":`${t.description}`,children:t.description}):null]})]}),t.action||t.meta?.closable?O(z,{flexDirection:"row",children:[t.action?H(ce,{css:Rs,label:t.action.label,size:"small",variant:"info"===t.type?"primary":"secondary",onClick:()=>{t?.action?.onClick&&t.action.onClick(),Ds[e].dismiss()}}):null,t.meta?.closable?H(ce,{css:Es,label:t.meta.closableLabel,"aria-label":t.meta?.closableLabel||"Dismiss",leftIcon:H(me,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>Ds[e].dismiss()}):null]}):null]})})},e))),Ps={Zoom:({onZoomInClick:e,onZoomOutClick:t,vertical:r})=>N(Xe,{items:[{icon:N(Se,{}),ariaLabel:"zoom in",onClick:e},{icon:N(Me,{}),ariaLabel:"zoom out",onClick:t}],vertical:r}),Expand:({onClick:e})=>N(Xe,{items:[{icon:N(Re,{}),ariaLabel:"expand",onClick:e}]}),Share:({onClick:e})=>N(Xe,{items:[{icon:N(Ee,{}),ariaLabel:"share",onClick:e}]}),Print:({onClick:e})=>N(Xe,{items:[{icon:N(Ve,{}),ariaLabel:"print",onClick:e}]}),Settings:({onClick:e})=>N(Xe,{items:[{icon:N(De,{}),ariaLabel:"settings",onClick:e}]}),Question:({onClick:e})=>N(Xe,{items:[{icon:N(Te,{}),ariaLabel:"question",onClick:e}]})},Is={Paper:({ariaLabel:e,onClick:t})=>N(Qr,{ariaLabel:e||"paper icon",icon:N(_e,{color:"#79022C"}),backgroundColor:"#FFBCD4",onClick:t}),Drop:({ariaLabel:e,onClick:t})=>N(Qr,{ariaLabel:e||"drop icon",icon:N(Pe,{color:"#7D2A03"}),backgroundColor:"#F3A078",onClick:t}),Plant:({ariaLabel:e,onClick:t})=>N(Qr,{ariaLabel:e||"plant icon",icon:N(Ie,{color:"#3B6402"}),backgroundColor:"#B7E578",onClick:t})},zs={Google:({ariaLabel:e,size:t="default",onClick:r})=>N(ce,{label:"Google",leftIcon:N(ze,{}),"aria-label":e||"Google Login",variant:"secondary",size:t,onClick:r}),Facebook:({ariaLabel:e,size:t="default",onClick:r})=>N(ce,{label:"Facebook",leftIcon:N(Oe,{}),"aria-label":e||"Facebook Login",variant:"secondary",size:t,onClick:r}),X:({ariaLabel:e,size:t="default",onClick:r})=>N(ce,{label:"X",leftIcon:N(He,{}),"aria-label":e||"X Login",variant:"secondary",size:t,onClick:r}),Microsoft:({ariaLabel:e,size:t="default",onClick:r})=>N(ce,{label:"Microsoft",leftIcon:N(je,{}),"aria-label":e||"Microsoft Login",variant:"secondary",size:t,onClick:r})};export{ps as Badge,Eo as Breadcrumb,ce as Button,tt as Checkbox,Ot as CheckboxList,st as CheckboxOptionCard,Fe as CloseButton,Po as Footer,Ae as IconButton,Qr as IconMarker,Is as IconMarkers,ws as InlineMessage,$r as InputWithUnits,Xn as ItemCount,dn as LayerGroup,pn as LayerGroupContainer,cn as LayerItem,gn as LayerParameters,Rn as LegendItem,Xe as MapControl,Ps as MapControls,_a as Menu,ns as Modal,Qe as MultiActionButton,Ia as Navbar,Na as NavigationRail,xt as OptionCard,Qn as Pagination,mo as Panel,Dr as Password,ks as ProgressBar,On as QualitativeAttribute,bt as Radio,Ct as RadioGroup,jr as RadioList,zs as SSOButtons,Zn as ScaleBar,yr as Select,Lo as Sheet,Rt as Slider,Fr as SliderInput,Ua as StepBar,Vt as Switch,tl as TabBar,lo as Table,co as TableCell,so as TableRow,Cr as Tag,Gt as TextInput,Kr as Textarea,_s as Toast,re as designSystemStyles,ne as getThemedColor,Ts as showToast};
|