@undp/design-system-react/dist/visualization-widget-CsBv0VlF.cjs

React based design system for UNDP

const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./createLucideIcon-FKMTNncQ.cjs"),r=require("./Button.cjs");let i=require("react");i=e.r(i,1);let a=require("react/jsx-runtime");var o=n.t(`chevrons-left`,[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]]),s=n.t(`chevrons-right`,[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]]),c=i.default.forwardRef(({className:e,children:n,...r},i)=>(0,a.jsx)(`div`,{className:t.t(`@container w-full border border-stroke`,e),ref:i,...r,children:n}));c.displayName=`VisualizationWidget`;var l=i.default.createContext({selectedValue:void 0,hoverItemClass:void 0,activeItemClass:void 0,onValueChange:()=>{}}),u=i.default.forwardRef(({className:e,children:n,defaultValue:r,activeItemClass:o,hoverItemClass:s,onChange:c,...u},d)=>{let[f,p]=i.default.useState(r||``),m=i.default.useCallback(e=>{p(e),c?.(e)},[c]),h=i.default.useMemo(()=>({activeItemClass:o,selectedValue:f,hoverItemClass:s,onValueChange:m}),[f,o,s,m]);return(0,a.jsx)(l.Provider,{value:h,children:(0,a.jsx)(`div`,{className:t.t(`flex w-full gap-0 bg-surface-sm`,e),ref:d,...u,children:n})})});u.displayName=`VisualizationWidgetHeader`;var d=i.default.forwardRef(({className:e,children:n,value:r,...o},s)=>{let{selectedValue:c,activeItemClass:u,hoverItemClass:d,onValueChange:f}=i.default.useContext(l);return(0,a.jsx)(`button`,{ref:s,type:`button`,...o,onClick:()=>f(r),className:t.t(`flex grow cursor-pointer flex-col items-center justify-center gap-1 border-0 border-r border-r-stroke bg-surface-2xs p-3 font-medium text-content-secondary text-sm last:border-r-0`,c===r?u||`bg-background text-primary`:``,d?`hover:${d}`:`hover:bg-background`,e),children:n})});d.displayName=`VisualizationWidgetHeaderItem`;var f=i.default.forwardRef(({className:e,children:n,...r},i)=>(0,a.jsx)(`div`,{className:t.t(`flex @3xl:max-h-[80vh] max-h-none @3xl:flex-row flex-col flex-wrap items-stretch gap-0`,e),ref:i,...r,children:n}));f.displayName=`VisualizationWidgetBody`;var p=i.default.forwardRef(({className:e,children:n,collapsible:c,...l},u)=>{let[d,f]=i.default.useState(c?.defaultCollapsed||!1);return(0,a.jsxs)(`div`,{className:t.t(`undp-scrollbar @3xl:max-h-[80vh] max-h-none @3xl:border-r @3xl:border-r-stroke border-r-0 bg-surface`,d?`@3xl:w-10 w-full px-2 py-4`:`@3xl:w-1/3 @7xl:w-1/4 @8xl:w-1/5 w-full p-4`,e),ref:u,...l,children:[(0,a.jsx)(`div`,{className:`relative @3xl:block hidden w-full`,children:c?.enabled===!1?null:(0,a.jsx)(r.Button,{type:`button`,variant:`surface-hard`,size:`sm`,padding:`none`,onClick:()=>f(!d),className:t.t(`absolute top-0 right-0 flex h-6 w-6 rounded-full p-0 text-content-primary normal-case`,c?.triggerButtonClassName),style:c?.triggerButtonStyles,arrow:!1,children:c?.triggerButtonChildren||(d?(0,a.jsx)(s,{}):(0,a.jsx)(o,{}))})}),c?.enabled!==!1&&d?null:n]})});p.displayName=`VisualizationWidgetBodySidebar`;var m=i.default.forwardRef(({className:e,children:n,...r},i)=>(0,a.jsx)(`div`,{className:t.t(`undp-scrollbar flex @3xl:max-h-[80vh] max-h-none w-full flex-1 flex-wrap bg-background`,e),ref:i,...r,children:n}));m.displayName=`VisualizationWidgetBodyContent`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
//# sourceMappingURL=visualization-widget-CsBv0VlF.cjs.map