@worldresources/wri-design-systems 2.150.0 → 2.151.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/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
215
|
}
|
|
216
|
-
`),"aria-label":o,disabled:l,onClick:c,mr:u&&!d?"16px":"0",mb:u&&d?"16px":"0",children:t.jsxs(e.Box,{display:"flex",overflow:"hidden",style:{justifyContent:"flex-end",alignItems:"center"},whiteSpace:"nowrap",transition:"max-width 0.3s ease, opacity 0.2s ease, margin-left 0.3s ease",maxWidth:n?"150px":"32px",padding:"8px",margin:n?"8px":"0",children:[i&&t.jsx(e.Box,{as:"span",mr:i&&n?"8px":"0px",children:t.jsx(ue,{content:s,disabled:!s,children:i})}),a&&t.jsx(e.Box,{"aria-hidden":!n,overflow:"hidden",maxWidth:n?"150px":"0px",whiteSpace:"nowrap",transition:"max-width 0.3s ease, opacity 0.2s ease, margin-left 0.3s ease",children:t.jsx(ue,{content:s,disabled:!s,children:a})})]})});var p};const pe=({items:r,vertical:o=!1,expanded:i=!1,showExpandedToggle:a,ariaLabel:s,defaultGaps:l})=>{const[c,u]=n.useState(i),{containerRef:d,visibleNumberOfItems:p,shouldForceCollapse:h}=function({itemsCount:e,isExpanded:t,isVertical:r,collapsedWidth:o,expandedLabelWidth:i,gap:a=0}){const s=n.useRef(null),[l,c]=n.useState(0),[u,d]=n.useState(e),[p,h]=n.useState(!1);return n.useEffect((()=>{if(!s.current)return;const e=new ResizeObserver((e=>{const t=e[0];c(Math.floor(t.contentRect.width))}));return e.observe(s.current),()=>e.disconnect()}),[]),n.useEffect((()=>{if(0===l)return;const n=o+a;h(e*(t?i+a:n)-a>l),r
|
|
216
|
+
`),"aria-label":o,disabled:l,onClick:c,mr:u&&!d?"16px":"0",mb:u&&d?"16px":"0",children:t.jsxs(e.Box,{display:"flex",overflow:"hidden",style:{justifyContent:"flex-end",alignItems:"center"},whiteSpace:"nowrap",transition:"max-width 0.3s ease, opacity 0.2s ease, margin-left 0.3s ease",maxWidth:n?"150px":"32px",padding:"8px",margin:n?"8px":"0",children:[i&&t.jsx(e.Box,{as:"span",mr:i&&n?"8px":"0px",children:t.jsx(ue,{content:s,disabled:!s,children:i})}),a&&t.jsx(e.Box,{"aria-hidden":!n,overflow:"hidden",maxWidth:n?"150px":"0px",whiteSpace:"nowrap",transition:"max-width 0.3s ease, opacity 0.2s ease, margin-left 0.3s ease",children:t.jsx(ue,{content:s,disabled:!s,children:a})})]})});var p};const pe=({items:r,vertical:o=!1,expanded:i=!1,showExpandedToggle:a,ariaLabel:s,defaultGaps:l})=>{const[c,u]=n.useState(i),{containerRef:d,visibleNumberOfItems:p,shouldForceCollapse:h}=function({itemsCount:e,isExpanded:t,isVertical:r,collapsedWidth:o,expandedLabelWidth:i,gap:a=0}){const s=n.useRef(null),[l,c]=n.useState(0),[u,d]=n.useState(e),[p,h]=n.useState(!1);return n.useEffect((()=>{if(!s.current)return;const e=new ResizeObserver((e=>{const t=e[0];c(Math.floor(t.contentRect.width))}));return e.observe(s.current),()=>e.disconnect()}),[]),n.useEffect((()=>{if(0===l)return;const n=o+a;h(e*(t?i+a:n)-a>l),e>1&&!r&&d(Math.floor(l/n))}),[l,e,r,o,i,a]),{containerRef:s,visibleNumberOfItems:u,shouldForceCollapse:p}}({itemsCount:r.length,isExpanded:c,isVertical:o,collapsedWidth:48,expandedLabelWidth:100,gap:16}),f=r.slice(0,p),x=r.slice(p,r.length),g=x.map((e=>({label:e.label,startIcon:e.icon,disabled:e.disabled,onClick:e.onClick,itemAriaLabel:e.ariaLabel}))),v=t.jsx("div",{style:{position:"relative",display:"flex",width:"48px"},children:t.jsx(de,{isExpanded:c,ariaLabel:c?"Collapse":"Expand",icon:t.jsx(R,{}),showGap:!1,vertical:o})}),[m,b]=n.useState(!1);return t.jsx("div",{ref:d,role:"toolbar","aria-label":s,css:ae,children:t.jsxs(e.Group,{orientation:o?"vertical":"horizontal",attached:!0,display:"grid",borderCollapse:"collapse",gridAutoFlow:o||1===r.length?"row":"column",children:[f.map((e=>{const n=l&&!1!==e.gap||!l&&!0===e.gap;return t.jsx(de,{isExpanded:c&&!h,ariaLabel:e.ariaLabel,icon:e.icon,label:e.label,tooltip:e.tooltip,disabled:e.disabled,onClick:e.onClick,showGap:n,vertical:o},e.ariaLabel)})),h&&g.length>1&&t.jsxs(e.Menu.Root,{onSelect:({value:e})=>(e=>{const t=x.find((t=>t.label===e));t&&t.onClick&&t.onClick()})(e),onOpenChange:({open:e})=>b(e),open:m,children:[t.jsx(e.Menu.Trigger,{asChild:!0,children:v}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsx(e.Menu.Content,{style:{minWidth:0,padding:0},children:g.map((({label:n,startIcon:r,onClick:i,itemAriaLabel:a},l)=>t.jsx(e.Menu.Item,{css:se,value:n||s||l.toString(),role:"menuitem",children:t.jsx(de,{isExpanded:!1,icon:r,ariaLabel:a,label:"",onClick:i,showGap:!1,vertical:o})})))})})})]}),a&&!h&&t.jsx(de,{isExpanded:c,ariaLabel:c?"Collapse":"Expand",icon:c?t.jsx(Q,{}):t.jsx(ee,{}),label:"Collapse",onClick:()=>u(!c),showGap:!1,vertical:o})]})})},he=r.css`
|
|
217
217
|
display: flex;
|
|
218
218
|
align-items: center;
|
|
219
219
|
justify-content: center;
|
package/dist/index.esm.js
CHANGED
|
@@ -213,7 +213,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as i,Ic
|
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
215
|
}
|
|
216
|
-
`),"aria-label":t,disabled:l,onClick:s,mr:c&&!d?"16px":"0",mb:c&&d?"16px":"0",children:F(r,{display:"flex",overflow:"hidden",style:{justifyContent:"flex-end",alignItems:"center"},whiteSpace:"nowrap",transition:"max-width 0.3s ease, opacity 0.2s ease, margin-left 0.3s ease",maxWidth:e?"150px":"32px",padding:"8px",margin:e?"8px":"0",children:[i&&Z(r,{as:"span",mr:i&&e?"8px":"0px",children:Z(gt,{content:a,disabled:!a,children:i})}),o&&Z(r,{"aria-hidden":!e,overflow:"hidden",maxWidth:e?"150px":"0px",whiteSpace:"nowrap",transition:"max-width 0.3s ease, opacity 0.2s ease, margin-left 0.3s ease",children:Z(gt,{content:a,disabled:!a,children:o})})]})});var u};const mt=({items:e,vertical:t=!1,expanded:n=!1,showExpandedToggle:r,ariaLabel:i,defaultGaps:o})=>{const[a,d]=X(n),{containerRef:u,visibleNumberOfItems:p,shouldForceCollapse:h}=function({itemsCount:e,isExpanded:t,isVertical:n,collapsedWidth:r,expandedLabelWidth:i,gap:o=0}){const a=Y(null),[l,s]=X(0),[c,d]=X(e),[u,p]=X(!1);return K((()=>{if(!a.current)return;const e=new ResizeObserver((e=>{const t=e[0];s(Math.floor(t.contentRect.width))}));return e.observe(a.current),()=>e.disconnect()}),[]),K((()=>{if(0===l)return;const a=r+o;p(e*(t?i+o:a)-o>l),n
|
|
216
|
+
`),"aria-label":t,disabled:l,onClick:s,mr:c&&!d?"16px":"0",mb:c&&d?"16px":"0",children:F(r,{display:"flex",overflow:"hidden",style:{justifyContent:"flex-end",alignItems:"center"},whiteSpace:"nowrap",transition:"max-width 0.3s ease, opacity 0.2s ease, margin-left 0.3s ease",maxWidth:e?"150px":"32px",padding:"8px",margin:e?"8px":"0",children:[i&&Z(r,{as:"span",mr:i&&e?"8px":"0px",children:Z(gt,{content:a,disabled:!a,children:i})}),o&&Z(r,{"aria-hidden":!e,overflow:"hidden",maxWidth:e?"150px":"0px",whiteSpace:"nowrap",transition:"max-width 0.3s ease, opacity 0.2s ease, margin-left 0.3s ease",children:Z(gt,{content:a,disabled:!a,children:o})})]})});var u};const mt=({items:e,vertical:t=!1,expanded:n=!1,showExpandedToggle:r,ariaLabel:i,defaultGaps:o})=>{const[a,d]=X(n),{containerRef:u,visibleNumberOfItems:p,shouldForceCollapse:h}=function({itemsCount:e,isExpanded:t,isVertical:n,collapsedWidth:r,expandedLabelWidth:i,gap:o=0}){const a=Y(null),[l,s]=X(0),[c,d]=X(e),[u,p]=X(!1);return K((()=>{if(!a.current)return;const e=new ResizeObserver((e=>{const t=e[0];s(Math.floor(t.contentRect.width))}));return e.observe(a.current),()=>e.disconnect()}),[]),K((()=>{if(0===l)return;const a=r+o;p(e*(t?i+o:a)-o>l),e>1&&!n&&d(Math.floor(l/a))}),[l,e,n,r,i,o]),{containerRef:a,visibleNumberOfItems:c,shouldForceCollapse:u}}({itemsCount:e.length,isExpanded:a,isVertical:t,collapsedWidth:48,expandedLabelWidth:100,gap:16}),f=e.slice(0,p),g=e.slice(p,e.length),v=g.map((e=>({label:e.label,startIcon:e.icon,disabled:e.disabled,onClick:e.onClick,itemAriaLabel:e.ariaLabel}))),m=Z("div",{style:{position:"relative",display:"flex",width:"48px"},children:Z(vt,{isExpanded:a,ariaLabel:a?"Collapse":"Expand",icon:Z(Me,{}),showGap:!1,vertical:t})}),[x,b]=X(!1);return Z("div",{ref:u,role:"toolbar","aria-label":i,css:ut,children:F(s,{orientation:t?"vertical":"horizontal",attached:!0,display:"grid",borderCollapse:"collapse",gridAutoFlow:t||1===e.length?"row":"column",children:[f.map((e=>{const n=o&&!1!==e.gap||!o&&!0===e.gap;return Z(vt,{isExpanded:a&&!h,ariaLabel:e.ariaLabel,icon:e.icon,label:e.label,tooltip:e.tooltip,disabled:e.disabled,onClick:e.onClick,showGap:n,vertical:t},e.ariaLabel)})),h&&v.length>1&&F(c.Root,{onSelect:({value:e})=>(e=>{const t=g.find((t=>t.label===e));t&&t.onClick&&t.onClick()})(e),onOpenChange:({open:e})=>b(e),open:x,children:[Z(c.Trigger,{asChild:!0,children:m}),Z(l,{children:Z(c.Positioner,{children:Z(c.Content,{style:{minWidth:0,padding:0},children:v.map((({label:e,startIcon:n,onClick:r,itemAriaLabel:o},a)=>Z(c.Item,{css:pt,value:e||i||a.toString(),role:"menuitem",children:Z(vt,{isExpanded:!1,icon:n,ariaLabel:o,label:"",onClick:r,showGap:!1,vertical:t})})))})})})]}),r&&!h&&Z(vt,{isExpanded:a,ariaLabel:a?"Collapse":"Expand",icon:Z(a?it:ot,{}),label:"Collapse",onClick:()=>d(!a),showGap:!1,vertical:t})]})})},xt=({onZoomInClick:e,onZoomOutClick:t,onExpandClick:n,onShareClick:r,onPrintClick:i,onSettingsClick:o,onQuestionClick:a,vertical:l,expanded:s,showExpandedToggle:c,ariaLabel:d})=>{const u=[{icon:se(Be,{}),label:"Zoom in",ariaLabel:"zoom in",onClick:e},{icon:se(Fe,{}),label:"Zoom out",ariaLabel:"zoom out",onClick:t,gap:!0},{icon:se(Ze,{}),label:"Expand",ariaLabel:"expand",onClick:n,gap:!0},{icon:se(We,{}),label:"Share",ariaLabel:"share",onClick:r,gap:!0},{icon:se(qe,{}),label:"Print",ariaLabel:"print",onClick:i,gap:!0},{icon:se(Ge,{}),label:"Settings",ariaLabel:"settings",onClick:o,gap:!0},{icon:se(Ue,{}),label:"Help",ariaLabel:"question",onClick:a}];return se(mt,{items:u,vertical:l,expanded:s,showExpandedToggle:c,ariaLabel:d||"Map controls toolbar"})},bt=le`
|
|
217
217
|
display: flex;
|
|
218
218
|
align-items: center;
|
|
219
219
|
justify-content: center;
|