rds-ui-system 2.25.1 → 2.25.2
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/rds-ui-system.es.js
CHANGED
|
@@ -18,4 +18,4 @@
|
|
|
18
18
|
${S?"!border-error":""}
|
|
19
19
|
${et[t]}`;return e.jsx(e.Fragment,{children:e.jsxs("div",{className:p("relative flex h-14 w-full flex-shrink-0 flex-grow-0 flex-col items-start justify-start rounded-tl rounded-tr bg-white",l&&"pointer-events-none cursor-not-allowed opacity-[0.3]",k),"data-testid":"test-input",children:[r&&e.jsx("label",{className:p("absolute -top-2 left-2 flex items-center justify-start rounded bg-white px-1 text-left text-xs text-black",S&&"text-error"),"data-testid":"test-input-label",children:r}),e.jsx("input",{id:d,ref:y,value:m,name:o,type:I?"text":c,onChange:N,placeholder:s,className:b,style:{WebkitAppearance:"none",appearance:"none"},disabled:l,required:v,"aria-invalid":a,"data-testid":"test-input-input",...P}),e.jsxs("div",{style:{background:""},className:"absolute right-[0.08em] top-[0.1em] flex h-[2.8em] flex-shrink-0 flex-grow-0 items-center justify-center gap-2.5 rounded-r py-0 pl-2 pr-2",children:[c=="password"&&e.jsx(G,{onClick:R=>{R.preventDefault(),Z()},className:"px-0 hover:bg-transparent [&_path]:hover:!fill-black","data-testid":I?"toggle-visibility-off":"toggle-visibility",variant:"TEXT",iconName:I?"VisibilityOff":"Visibility"}),a?e.jsx(G,{iconName:"Error",onClick:B,variant:"TEXT",className:"hover:bg-transparent [&_path]:hover:!fill-black",iconColor:"fill-brand","data-testid":"button-clear"}):e.jsx(G,{iconName:"Cancel",onClick:B,variant:"TEXT",className:p("hover:bg-transparent [&_path]:hover:!fill-black",c==="number"&&"hidden"),"data-testid":"button-clear"})]}),f&&e.jsx(Q,{message:f,showErrorStyles:S,className:"ml-4 mt-1"})]})})});tt.displayName="Input";const ne=s=>e.jsx("a",{...s,className:p("rds-copy-lg cursor-pointer underline-offset-2 hover:underline",s.disabled&&"pointer-events-none cursor-none opacity-50",s.className),children:s.children}),st=({className:s,classNameLoader:r})=>e.jsx("div",{className:p("loader fixed left-0 top-0 z-[999] flex items-center justify-center",s),children:e.jsx("div",{className:p("spinner h-14 w-14 animate-spin rounded-full border-[0.4em] border-brand-grey-light border-r-brand",r)})}),ws={DEFAULT:"primary"},ms={DEFAULT:"bg-yellow-200 hover-bg-green-400 active-bg-green-500"},Ve=x.forwardRef(({label:s,disabled:r=!1,isError:t=!1,required:l=!1,onChange:a,checked:i,id:n,readOnly:o,className:c,...d},f)=>{const[v,k]=x.useState(i||!1),[L,P]=x.useState(!1);x.useEffect(()=>{k(i||!1)},[i]);const y=t||l;return e.jsxs("div",{className:p("relative flex items-center justify-start gap-2",r&&"pointer-events-none opacity-50",c),"data-testid":"test-radio",children:[e.jsxs("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:`relative h-5 w-5 flex-shrink-0 flex-grow-0 ${v?"text-black":"text-white"}`,preserveAspectRatio:"none",children:[e.jsx("rect",{x:"0.5",y:"0.5",width:19,height:19,rx:"10",fill:"white",stroke:y?"#e2001a":L?"black":"#AFB0B7",strokeWidth:1}),L&&e.jsx("circle",{cx:10,cy:10,r:6,fill:"lightgrey","data-testid":"circle"}),v&&e.jsx("circle",{cx:10,cy:10,r:6,fill:"black"})]}),e.jsx("span",{className:p("text-left text-base text-black"),children:s}),e.jsx("input",{type:"checkbox",ref:f,id:n,checked:v,onChange:m=>{k(m.target.checked),a==null||a(m)},readOnly:o,className:"absolute h-[1.2em] w-[1.2em] cursor-pointer opacity-0",onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),"data-testid":"test-radio-input",...d})]})});Ve.displayName="Radio";const us={DEFAULT:"default",GREY:"grey"},Me=x.forwardRef(({option:s,isActive:r,className:t,onSelectionChange:l,withCheckbox:a=!0,variant:i="DEFAULT",checkboxPosition:n="leading",showAmount:o,...c},d)=>{const[f,v]=x.useState(!1);x.useEffect(()=>{r!==void 0&&v(r)},[r]);const k=a&&n==="leading",L=a&&n==="trailing";return e.jsx("li",{ref:d,className:p("w-full cursor-pointer list-none border-b border-brand-50","delay-10 transition-all duration-200 hover:bg-brand-50","last:rounded-b last:border-transparent",i==="GREY"&&"bg-grey-50",r&&"bg-brand-100",i==="GREY"&&r&&"bg-grey-300",!a&&"items-start",t),title:s.name,"data-testid":"test-selectItem-"+s.id,...c,children:e.jsxs("button",{className:p("flex w-full items-center px-4 py-2 text-left",L&&"justify-between"),onClick:()=>{l(s),v(!f)},type:"button",children:[k&&e.jsx(re,{id:"checkbox-"+s.id,checked:f,onChange:()=>{l(s),v(!f)}}),e.jsxs("span",{className:p(k&&"ml-4"),children:[e.jsx("span",{children:s.name}),o&&s.amountResults&&e.jsxs("span",{className:"ml-4",children:["(",s.amountResults,")"]})]}),L&&e.jsx(re,{id:"checkbox-"+s.id,checked:f,onChange:()=>{l(s),v(!f)}})]})})});Me.displayName="SelectItem";const gs=({className:s})=>e.jsx("div",{className:p("h- animate-pulse rounded bg-gray-300 dark:bg-gray-500",s),"data-testid":"test-skeleton"}),vs=({min:s,max:r,step:t=1,value:l=s,disabled:a=!1,onChange:i,trackColor:n="bg-gray-200",thumbColor:o="bg-white",percentage:c})=>{const[d,f]=x.useState(l),v=k=>{const L=Number(k.target.value);f(L),i==null||i(L)};return e.jsxs("div",{className:"relative flex h-[1.5em] w-full items-center",children:[e.jsx("div",{className:"absolute h-2 w-full rounded-lg border border-black"}),e.jsx("div",{className:p("absolute h-2 rounded-lg border border-black transition-all duration-0",n),style:{width:`${(d-s)/(r-s)*100}%`},"data-testid":"test-track"}),e.jsx("input",{type:"range",min:s,max:r,step:t,value:d,onChange:v,disabled:a,className:p("relative z-20 h-2 w-full cursor-pointer appearance-none rounded-lg bg-transparent","hover:brightness-90 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"),style:{WebkitAppearance:"none",appearance:"none"},"data-testid":"test-slider"}),e.jsx("div",{className:p("absolute top-1/2 h-[1.3em] w-[1.3em] rounded-full border border-black bg-red-500 shadow-md transition-transform duration-200 ease-in-out",o),style:{left:`${(d-(s-1))/(r-(s-2))*100}%`,transform:"translate(-50%, -50%)"},"data-testid":"test-thumb"}),c&&e.jsxs("span",{className:"absolute text-sm font-medium text-black",style:{left:`${(d-(s-1))/(r-(s-2))*100}%`,transform:"translate(-50%, -150%)",top:"1em"},children:[Math.round(d),"%"]})]})},rt=({label:s,active:r,setIsActive:t,className:l,activeClassName:a,size:i="fit",wasPreviouslyActive:n,prevActiveClassName:o})=>{const c=t?"button":"div";return e.jsx(c,{onClick:t,className:p("border-b-2 border-b-brand-grey-dark px-4 py-2 text-brand-grey-dark",r&&"border-b-brand font-semibold text-brand",n&&"border-b-brand",i==="fit"&&"w-fit",i==="grow"&&"flex-grow",l,r&&a,n&&o),children:s})},js={DEFAULT:"default",LARGE:"large",SMALL:"small",BUTTON:"button",TAB:"tab"},lt={DEFAULT:"rds-copy",SMALL:"rds-copy-small",LARGE:"rds-copy-large",BUTTON:"rds-button",TAB:"rds-tab"},ve=x.forwardRef(({isDisabled:s=!1,text:r,children:t,bold:l,className:a,title:i,variant:n="DEFAULT"},o)=>e.jsx("p",{ref:o,title:i,className:p(lt[n],l&&"font-semibold",s&&"pointer-events-none cursor-not-allowed opacity-[0.3]",a),"data-testid":"test-text",children:t??r}));ve.displayName="Text";const bs={DEFAULT:"default"},it={DEFAULT:"flex flex-col justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-2.5 transition-all duration-400 rounded border border-1 border-grey-800 hover:outline outline-offset-0 outline-1"},at=x.forwardRef(({value:s,placeholder:r,label:t,variant:l="DEFAULT",disabled:a=!1,isError:i=!1,defaultValue:n,required:o,onChange:c,supportingText:d,id:f,...v},k)=>{const L=`h-[3.1em] w-full transition-colors px-4 py-3 rounded-md
|
|
20
20
|
${o||i?"border-error":""}
|
|
21
|
-
${it[l]} ${a?"cursor-not-allowed pointer-events-none":""} ${v.rows!==void 0&&"h-fit"}`;return e.jsxs("div",{className:`relative flex w-full flex-col items-start justify-start rounded-tl rounded-tr ${a&&"pointer-events-none cursor-not-allowed opacity-[0.3]"}`,"data-testid":"test-textarea",children:[t&&e.jsx("div",{className:"label absolute -top-2 left-3 flex items-center justify-start rounded bg-white px-1",children:e.jsx("p",{className:`text-left text-xs ${o||i?"text-error":"text-black"}`,"data-testid":"test-textarea-label",children:t})}),e.jsx("textarea",{id:f,ref:k,value:s,defaultValue:n,placeholder:r,onChange:c,className:L,disabled:a,required:o,"data-testid":"test-textarea-input",...v}),d&&e.jsx(Q,{message:d,className:"ml-4 mt-1",showErrorStyles:o||i})]})});at.displayName="Textarea";const Ls={DEFAULT:"default"},ks={DEFAULT:"bg-black hover:bg-black-800 active:bg-grey-900"},_s=({options:s,allowMultiple:r=!1,className:t})=>{const[l,a]=x.useState(void 0),[i,n]=x.useState([]),o=c=>{r?i.includes(c)?n(i.filter(d=>d!==c)):n([...i,c]):a(d=>d===c?void 0:c)};return e.jsx(e.Fragment,{children:e.jsx("div",{className:p("w-full overflow-hidden rounded border border-brand-black",t),"data-testid":"test-accordion",children:s.map((c,d)=>{const f=l===d||i.includes(d);return e.jsxs("div",{className:"accordion-item relative h-fit w-full flex-col items-start justify-start gap-2.5 overflow-hidden border-b bg-brand-white pt-4 transition-all duration-700 last:border-b-0 hover:cursor-pointer focus:border-blue-500 focus:outline-none",children:[e.jsxs("button",{className:"flex h-[2.5em] w-full justify-between border-b bg-brand-white px-4",onClick:()=>o(d),"data-testid":"test-accordion-header-"+d,type:"button",children:[c.title,f?e.jsx(O,{name:"ExpandLess"}):e.jsx(O,{name:"ExpandMore"})]}),e.jsx("div",{className:`h-fit transition-all duration-500 ${f?"max-h-[15em] overflow-y-scroll":"max-h-0 overflow-hidden"}`,"data-testid":"test-accordion-body-"+d,children:c.content?e.jsx("div",{className:"p-4",children:c.content}):e.jsx("p",{className:"p-4",children:c.description})})]},"accordion-"+d)})})})},nt=({links:s,variant:r="dark",className:t})=>e.jsx("ol",{className:p("flex gap-2",t),"data-testid":"test-breadcrumb",children:s.map((l,a)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(ne,{...l,className:p("text-sm",r==="light"?"text-white":"text-black"),children:l.label}),a<s.length-1&&e.jsx(O,{name:"KeyboardArrowRight",iconColor:r==="light"?"white":"black"})]},"breadcrumb-"+l.label))}),ct=({title:s,links:r,className:t,variant:l="dark"})=>{const[a,i]=x.useState(!1),n=x.useRef(null);x.useEffect(()=>{const c=()=>{i(!1)};return n.current&&n.current.addEventListener("mouseleave",c),()=>{n.current&&n.current.removeEventListener("mouseleave",c)}},[]);const o=()=>{i(!1)};return e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>{i(!0)},onMouseEnter:()=>{i(!0)},className:p("rds-copy-lg flex text-white",l==="dark"&&"text-black"),type:"button",children:[s,e.jsx(O,{name:"ExpandMore",iconColor:l==="dark"?"fill-black":"fill-white",className:p(a&&"rotate-180 duration-300")})]}),e.jsx("div",{className:p("absolute top-full z-10 mt-4 h-fit w-fit min-w-36 rounded-lg transition-all duration-500",a?"max-h-96 opacity-100":"max-h-0 overflow-hidden opacity-0",t),children:e.jsx("ul",{ref:n,onMouseLeave:o,children:r.map((c,d)=>e.jsx("li",{className:"px-4 py-2 transition-all duration-150 first:rounded-t-lg last:rounded-b-lg hover:backdrop-brightness-75",children:e.jsx(ne,{href:c.href,className:p(l==="dark"?"text-black":"text-white",c.active&&"underline underline-offset-8"),children:c.label})},s+d))})})]})},ot=x.forwardRef(({options:s,selectedOptions:r,onSelectionChange:t,label:l,isDisabled:a=!1,optionProps:i,hasError:n=!1,placeholder:o="Auswählen",showSearchField:c=!1,searchFieldPlaceholder:d="Optionen durchsuchen",className:f,errorMessage:v,clearSearchValue:k=!1,exceptionOptions:L},P)=>{const[y,m]=x.useState("");x.useEffect(()=>{k&&y.length>0&&m("")},[k]);const j=s.filter(N=>r==null?void 0:r.includes(N.id));return e.jsxs("div",{className:"relative w-fit",children:[e.jsx("label",{className:p("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",n&&"text-error"),htmlFor:"basic-select-"+l,children:l}),j&&e.jsx("span",{className:"pointer-events-none absolute left-4 top-5 leading-none",children:j.map(N=>N.name).join(",")}),e.jsxs("select",{id:"basic-select-"+l,className:p("rds-select bg-white",c&&"[&::picker(select)]:pt-10",f),value:r,onChange:N=>{let B=r??[];L!=null&&L.includes(N.target.value)?B=[N.target.value]:r!=null&&r.includes(N.target.value)?B=r.filter(I=>I!==N.target.value&&!(L!=null&&L.includes(I))):B=[...(r==null?void 0:r.filter(I=>!(L!=null&&L.includes(I))))??[],N.target.value],t(B)},disabled:a,placeholder:o,children:[c&&e.jsx("input",{type:"text",value:y,onChange:N=>m==null?void 0:m(N.target.value),className:p("pointer-events-none absolute top-0 z-[10] h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none","pointer-events-auto h-fit opacity-100"),placeholder:d}),s.filter(N=>N.name.includes(y)).map(N=>e.jsxs("option",{value:N.id,className:p(i==null?void 0:i.className),children:[e.jsx(re,{id:N.id,checked:j==null?void 0:j.some(B=>B.id===N.id)}),N.name]},N.id))]}),v&&e.jsx(Q,{message:v,showErrorStyles:!0})]})});ot.displayName="HTMLSelect";const dt=x.forwardRef(({options:s,selectedOption:r,onSelectionChange:t,label:l,isDisabled:a=!1,optionProps:i,hasError:n=!1,placeholder:o="Auswählen",showSearchField:c=!1,searchFieldPlaceholder:d="Optionen durchsuchen",className:f,errorMessage:v,clearSearchValue:k=!1},L)=>{const[P,y]=x.useState("");x.useEffect(()=>{k&&P.length>0&&y("")},[k]);const m=s.find(j=>j.id===r);return e.jsxs("div",{className:"relative w-fit",children:[e.jsx("label",{className:p("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",n&&"text-error"),htmlFor:"basic-select-"+l,children:l}),m&&e.jsx("span",{className:"pointer-events-none absolute left-4 top-5 leading-none",children:m.name}),e.jsxs("select",{id:"basic-select-"+l,className:p("rds-select bg-white",c&&"[&::picker(select)]:pt-10",f),value:typeof r=="string"?r:r==null?void 0:r.id,onChange:j=>t(j.target.value),disabled:a,placeholder:o,children:[c&&e.jsx("input",{type:"text",value:P,onChange:j=>y==null?void 0:y(j.target.value),className:p("pointer-events-none absolute top-0 z-[10] h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none","pointer-events-auto h-fit opacity-100"),placeholder:d}),s.filter(j=>j.name.includes(P)).map(j=>e.jsxs("option",{value:j.id,className:p(i==null?void 0:i.className),children:[e.jsx(re,{id:j.id,checked:(m==null?void 0:m.id)===j.id}),j.name]},j.id))]}),v&&e.jsx(Q,{message:v,showErrorStyles:!0})]})});dt.displayName="HTMLSelect";const ht=({navigation:s,className:r,classNameDropdown:t})=>{const[l,a]=x.useState(!1),i=x.useRef(null),[n,o]=x.useState(void 0);x.useEffect(()=>{const f=()=>{a(!1)};return i.current&&i.current.addEventListener("mouseleave",f),()=>{i.current&&i.current.removeEventListener("mouseleave",f)}},[]);const c=()=>{a(!1)},d="py-2 last:pb-0";return e.jsxs("div",{className:p("flex items-center lg:hidden",r),children:[e.jsx("button",{onClick:()=>a(!l),type:"button",children:e.jsx(O,{name:"Menu",iconColor:"fill-white",className:"block [&_svg]:h-8 [&_svg]:w-8"})}),e.jsx("div",{className:p("absolute right-0 top-[100%] h-fit w-fit min-w-48 rounded-lg rounded-tr-none p-4 transition-all duration-500",l?"max-h-96 opacity-100":"max-h-0 overflow-hidden opacity-0",t),children:e.jsx("ul",{ref:i,onMouseLeave:c,children:n?e.jsxs(e.Fragment,{children:[e.jsx("li",{children:e.jsx(G,{variant:"TEXT",iconName:"KeyboardArrowLeft",className:"px-0 pt-0 hover:bg-transparent",onClick:()=>o(void 0)})}),n.links.map(f=>e.jsx("li",{className:d,children:e.jsx(ne,{href:f.href,children:f.label})},"link-"+f.label))]}):e.jsx(e.Fragment,{children:s.map((f,v)=>"title"in f?e.jsxs("button",{onClick:()=>o(f),className:"flex items-center",type:"button",children:[f.title," ",e.jsx(O,{name:"KeyboardArrowRight"})]},"dropdown-"+f.title):e.jsx("li",{className:d,children:e.jsx(ne,{href:f.href,children:f.label})},f.label+v))})})})]})},Ns={DEFAULT:"default"},ft=x.forwardRef(({children:s,onClick:r,width:t,height:l,className:a,headline:i},n)=>{const o=x.useRef(null);return x.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="unset"}),[]),x.useEffect(()=>{const c=f=>{f.key==="Escape"&&(f.preventDefault(),f.stopPropagation(),r==null||r())},d=o.current;return d&&document.addEventListener("keydown",c),()=>{d&&document.removeEventListener("keydown",c)}},[r]),e.jsxs(e.Fragment,{children:[e.jsx("div",{onClick:r,className:"fixed inset-0 z-50 transition-opacity",style:{background:"black",opacity:"0.6"}}),e.jsx("div",{"data-testid":"test-modal",ref:c=>{o.current=c,typeof n=="function"?n(c):n&&(n.current=c)},tabIndex:-1,className:p(`fixed left-1/2 top-1/2 z-50 max-h-full max-w-full -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-md border border-white bg-white p-4 md:p-6 lg:p-8 ${a} `),style:{width:t||"",height:l||""},onClick:c=>c.stopPropagation(),children:e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("div",{className:p("flex items-center justify-end p-2",i&&"justify-between"),children:[i&&e.jsx(Ce,{variant:"h3",children:i}),e.jsx(G,{iconName:"Close",onClick:r,className:"justify-self-end p-2 hover:bg-grey-50 active:bg-grey-300 hover:[&_svg]:fill-black",variant:"UNSTYLED"})]}),s]})})]})});ft.displayName="Modal";const Ae=({className:s,isOpen:r,wideDropdown:t,handleMouseLeave:l,handleSelection:a,options:i,optionProps:n,showSearchField:o,inputValue:c="",setInputValue:d,searchFieldPlaceholder:f,currSelected:v})=>{const k=x.useRef(null),L=x.useRef(null),P=x.useRef(null),y=m=>{const j=m.current;j==null||j.scrollIntoView({behavior:"smooth",block:"nearest"})};return x.useEffect(()=>{const m=v.length===1&&r,j=m&&c.length===0;if(m||j){const N=setTimeout(()=>y(k),500);return()=>clearTimeout(N)}},[r,v,c,k]),e.jsxs("div",{onMouseLeave:l,children:[o&&e.jsx("input",{type:"text",value:c,onChange:m=>d==null?void 0:d(m.target.value),className:p("pointer-events-none absolute z-[10] mt-1 h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none",r&&"pointer-events-auto h-fit opacity-100"),placeholder:f}),e.jsx("div",{className:p("absolute left-0 top-full z-[5] mt-1 h-0 w-full cursor-pointer overflow-y-auto overflow-x-hidden rounded-b border bg-grey-50 opacity-0 shadow-md outline-none transition-all",r&&"h-fit max-h-60 opacity-100",t&&"w-fit",o&&r&&"mt-10 max-h-[85vh] min-h-[60vh]",s),ref:P,children:e.jsxs("ul",{className:p("h-full w-full",r&&"h-fit max-h-[200px]",o&&r&&"top-10"),"data-testid":"test-multiselect-list",ref:L,children:[i.length===0&&e.jsx("p",{className:"bg-slate-200 p-2",children:"keine Optionen gefunden"}),r&&(i==null?void 0:i.filter(m=>m.name.toLowerCase().includes(c.toLowerCase())).map(m=>e.jsx(Me,{id:m.id,option:m,isActive:v==null?void 0:v.some(j=>j.id===m.id),onSelectionChange:a,className:t?"whitespace-nowrap":void 0,ref:v.length===1&&(v!=null&&v.some(j=>j.id===m.id))?k:null,...n},m.id)))]})})]})},ys={DEFAULT:"default"},xt={DEFAULT:"rounded border border-black bg-brand-white duration-300 transition-all hover:bg-grey-100"},pt=x.forwardRef(({selectedOptions:s=[],onSelectionChange:r,options:t,isDisabled:l,label:a,variant:i="DEFAULT",wideDropdown:n=!1,optionProps:o,hasError:c=!1,errorMessage:d,placeholder:f="Auswählen",showSelectedAsChips:v=!1,exceptionOptions:k,showSearchField:L=!1,searchFieldPlaceholder:P="Optionen durchsuchen",className:y,clearSearchValue:m=!1},j)=>{const[N,B]=x.useState(!1),[I,M]=x.useState(""),Z=x.useRef(null);x.useEffect(()=>{m&&I.length>0&&M("")},[m]),x.useEffect(()=>{const T=W=>{W.key==="Escape"&&(W.preventDefault(),W.stopPropagation(),B(!1),r(R.map(D=>D.id)))},U=Z.current;return U&&(U.addEventListener("keydown",T),U.focus()),()=>{U&&U.removeEventListener("keydown",T)}},[]);const S=T=>{let U=s??[];k!=null&&k.includes(T.id)?U=[T.id]:s!=null&&s.includes(T.id)?U=s.filter(W=>W!==T.id&&!(k!=null&&k.includes(W))):U=[...s.filter(W=>!(k!=null&&k.includes(W)))??[],T.id],r(U)},b=()=>{setTimeout(()=>{R.length>0&&r(R.map(T=>T.id)),N&&B(!1)},500)},R=t.filter(T=>s.includes(T.id));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:T=>{Z.current=T,typeof j=="function"?j(T):j&&(j.current=T)},className:p("relative rounded",xt[i],c&&"border-error",y),children:[e.jsxs("button",{onClick:()=>B(!N),className:p("flex w-full cursor-pointer items-start justify-between rounded px-4 py-3 disabled:pointer-events-none disabled:bg-brand-grey-light"),disabled:l,"data-testid":"test-multiselect",type:"button",children:[e.jsx("label",{className:p("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",c&&"text-error"),children:a}),!v&&s.length>0?e.jsx("span",{className:"max-w-[90%] overflow-hidden text-ellipsis whitespace-nowrap",children:R.map(T=>T.name).join(", ")}):e.jsx("p",{children:f}),e.jsx("div",{className:p("duration-600 -rotate-180 transition-all",N&&"rotate-0"),"data-testid":"test-multiselect-icon-wrapper",children:e.jsx(O,{name:"ExpandLess",className:"relative h-6 w-6 flex-shrink-0 flex-grow-0"})})]}),e.jsx(Ae,{handleMouseLeave:b,setInputValue:M,inputValue:I,options:t,currSelected:R,optionProps:o,handleSelection:S,isOpen:N,showSearchField:L,searchFieldPlaceholder:P,wideDropdown:n})]}),c&&d&&e.jsx(Q,{message:d,showErrorStyles:!0,className:"mt-2"}),v&&R.length>0&&e.jsx("div",{className:"mt-2 flex flex-wrap gap-4",children:R.map(T=>e.jsx(ye,{label:T.name,onClick:()=>S(T)},"selected-"+T.name))})]})});pt.displayName="MultiSelect";const Cs={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},wt={PRIMARY:"bg-white hover:bg-black-800 active:bg-grey-900",SECONDARY:"bg-blue-200 hover:bg-blue-400 active:bg-blue-500",TERTIARY:"bg-red-200 hover:bg-red-400 active:bg-red-500"},Vs={SECONDARY:"bg-blue-500 text-white",TERTIARY:"bg-red-500 text-white",PRIMARY:"bg-black text-white"},Ms=({pages:s,onNavigate:r,classNames:t,activeIndex:l})=>{const[a,i]=x.useState([2,3]),n=x.useCallback(()=>{if(l===2||l===s-1)return;if(l===1){i([2,3]);return}if(l===10){i([8,9]);return}const c=[l-1,l,l+1];i(c)},[s,l]);x.useEffect(()=>{n()},[l]);const o=l!==s&&l!==s-1&&l!==s-2;return e.jsxs(e.Fragment,{children:[e.jsx(G,{className:t(l===1),onClick:()=>r==null?void 0:r(1),"data-testid":"test-constructed-pagination-button-0",children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:1})}),a[0]!==2&&e.jsx(e.Fragment,{children:"..."}),a.map((c,d)=>e.jsx(G,{className:t(l===c),onClick:()=>r==null?void 0:r(c),"data-testid":"test-pagination-button-"+d,children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:c})},d)),o&&e.jsx(e.Fragment,{children:"..."}),e.jsx(G,{className:t(l===s),onClick:()=>r==null?void 0:r(10),"data-testid":"test-pagination-button-10",children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:s})})]})},As=({pages:s,variant:r="PRIMARY",onNavigate:t})=>{const[l,a]=x.useState(1),i=d=>{a(f=>f===d?f:d),t==null||t(d)},n={className:"relative h-6 w-6 flex-shrink-0 flex-grow-0 bg-transparent px-2 hover:bg-grey-300 active:bg-grey-400 [&_path]:disabled:!fill-white",iconColor:"black",iconPosition:"leading"},o=d=>p("flex h-fit rounded p-1 text-black active:text-white",wt[r],d&&Vs[r]),c=s<=5;return e.jsxs("div",{className:"relative flex items-center justify-center gap-4","data-testid":"test-pagination",children:[e.jsx(G,{iconName:"KeyboardArrowLeft",onClick:()=>{const d=l-1;a(d),t==null||t(d)},disabled:l===1,"data-testid":"button-prev",...n}),c?e.jsx(e.Fragment,{children:Array.from(Array(s)).map((d,f)=>e.jsx(G,{className:o(l===f+1),onClick:()=>{i(f),t==null||t(f)},"data-testid":"test-pagination-button-"+f,children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:f+1})},f))}):e.jsx(Ms,{activeIndex:l,classNames:o,pages:s,onNavigate:i}),e.jsx(G,{iconName:"KeyboardArrowRight",onClick:()=>{const d=l+1;a(d),t==null||t(d)},disabled:l===s,"data-testid":"button-next",...n})]})},Hs=({options:s,supportingText:r,required:t,selectedValue:l,setSelectedValue:a,className:i,showSupportingText:n})=>e.jsxs("div",{className:p("flex flex-col gap-2",i),"data-testid":"test-radioGroup",children:[s.map(o=>e.jsx(Ve,{value:o.value,label:o.label,onChange:c=>a(c.target.value),checked:l===o.value,required:t},"radio-group-"+o.value)),n&&r&&e.jsx(Q,{message:r,showErrorStyles:t,className:"mt-1"})]}),Rs={DEFAULT:"default",TOP_PULL:"top_pull"},Ps={DEFAULT:"bg-black hover:bg-black-800 active:bg-grey-900",TOP_PULL:"bg-black hover:bg-black-800 active:bg-grey-900"},mt=x.forwardRef(({options:s,selectedOption:r,onSelectionChange:t,label:l,isDisabled:a=!1,optionProps:i,wideDropdown:n=!1,hasError:o=!1,placeholder:c="Auswählen",showSearchField:d=!1,searchFieldPlaceholder:f="Optionen durchsuchen",className:v,errorMessage:k,clearSearchValue:L=!1},P)=>{const[y,m]=x.useState(!1),[j,N]=x.useState(""),B=x.useRef(null);x.useEffect(()=>{L&&j.length>0&&N("")},[L]),x.useEffect(()=>{const S=R=>{R.key==="Escape"&&(R.preventDefault(),R.stopPropagation(),m(!1))},b=B.current;return b&&(b.addEventListener("keydown",S),b.focus()),()=>{b&&b.removeEventListener("keydown",S)}},[]);const I=()=>{m(!y)},M=()=>{setTimeout(()=>{y&&m(!1)},500)},Z=s.find(S=>S.id===r);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:S=>{B.current=S,typeof P=="function"?P(S):P&&(P.current=S)},className:p("relative rounded border border-black",o&&"border-error",v),children:[e.jsxs("button",{className:"flex h-[3.1em] w-full items-center gap-2.5 self-stretch rounded pr-2.5 hover:bg-grey-100 disabled:pointer-events-none disabled:bg-brand-grey-light",onClick:I,tabIndex:0,disabled:a,"data-testid":"test-select",type:"button",children:[e.jsx("label",{className:p("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",o&&"text-error"),children:l}),e.jsxs("div",{className:"flex w-full items-center justify-between self-stretch rounded-tl rounded-tr py-1 pl-4",children:[e.jsx("div",{className:"w-full overflow-hidden text-ellipsis whitespace-nowrap text-left text-base text-black",children:(Z==null?void 0:Z.name)??c}),e.jsx("div",{className:p("duration-600 -rotate-180 transition-all",y&&"rotate-0"),"data-testid":"test-select-icon",children:e.jsx(O,{name:"ExpandLess",className:"relative h-6 w-6 flex-shrink-0 flex-grow-0"})})]})]}),e.jsx(Ae,{isOpen:y,handleMouseLeave:M,options:s,currSelected:Z?[Z]:[],handleSelection:S=>{t(S.id)},optionProps:i,inputValue:j,setInputValue:N,wideDropdown:n,showSearchField:d,searchFieldPlaceholder:f})]}),o&&k&&e.jsx(Q,{message:k,showErrorStyles:!0,className:"mt-2"})]})});mt.displayName="Select";const Ts=({tabs:s,activeTab:r,setActiveTab:t,className:l,classNameTab:a,classNameTabActive:i,classNameTabPrevActive:n,setPreviousActive:o,tabSize:c="fit"})=>e.jsx("div",{className:p("flex",l),children:s.map((d,f)=>e.jsx(rt,{label:d.label,className:a,activeClassName:i,prevActiveClassName:n,wasPreviouslyActive:o&&f<r,active:f===r,size:c,setIsActive:()=>t==null?void 0:t(f)}))});var ut=(s=>(s.SUCCESS="success",s.INFO="info",s.ERROR="error",s))(ut||{});const gt=({type:s,message:r,showClosingButton:t=!0,showDetails:l,detailsLink:a,className:i})=>{const n=s==="success"?"Checked":"Info";return e.jsxs("div",{className:p("flex w-80 justify-between rounded p-2 text-white drop-shadow-sm",s==="success"&&"bg-success",s==="error"&&"bg-error",s==="info"&&"bg-warning",i),"data-testid":"test-toast",children:[e.jsxs("div",{className:"flex grow",children:[e.jsx(O,{name:n,iconColor:"white",className:"mr-2 pt-0.5",isIconSolid:!0}),e.jsx("span",{className:p(l&&"max-w-[68%]"),children:r}),l&&e.jsx(G,{variant:"TEXT",label:"Details",className:"ml-2 h-fit grow self-end text-white hover:bg-transparent active:bg-transparent",onClick:l}),a&&e.jsx("a",{href:a,className:"rds-button ml-2 self-end p-2 underline-offset-2 hover:underline",children:"Details"})]}),t&&e.jsx(G,{iconColor:"fill-white",iconName:"Close",className:"h-fit self-start bg-transparent px-2 py-0 hover:bg-transparent active:bg-transparent"})]})},Es=({logo:s,className:r,classNameContent:t,children:l,navigation:a,classNameDropdown:i,variant:n,handleLogout:o,account:c,breadcrumbs:d})=>e.jsxs("header",{className:p("fixed right-0 top-0 z-0 w-full py-5",r),children:[e.jsxs("div",{className:p("mx-auto flex items-center justify-between lg:justify-start",t),children:[s,a&&e.jsxs(e.Fragment,{children:[e.jsx("nav",{className:"ml-8 mr-4 hidden grow items-center lg:flex",children:e.jsx("ul",{className:"flex items-center gap-4",children:a==null?void 0:a.map(f=>"title"in f?e.jsx("li",{children:e.jsx(ct,{...f,className:i,variant:n})},"dropdown-"+f.title):e.jsx("li",{children:e.jsx(ne,{href:f.href,className:p(n==="light"?"text-white":"text-black",f.active&&"underline underline-offset-8"),children:f.label})},"headerlink-"+f.label))})}),e.jsx(ht,{navigation:a,classNameDropdown:i})]}),l,o&&e.jsx(G,{onClick:o,iconName:"Login",variant:"UNSTYLED",iconColor:n==="light"?"white":"dark",id:"logout-button"}),c]}),d&&d.length>0&&e.jsx(nt,{links:d,variant:n,className:"mx-auto mt-4 max-w-[80%]"})]}),Zs=({data:s,tableColumnsData:r,onSelectionChange:t,alternatingRowColor:l,index:a})=>e.jsx("tr",{className:p("transition-colors duration-200 hover:bg-slate-200",l&&a%2===0&&l),children:r.map(i=>{const n="td-table-"+i.id+(Object.keys(s).includes("id")?s.id:JSON.stringify(s));if(i.render)return e.jsx("td",{className:p(i.centered&&"text-center"),children:i.render(s)},n);const o=s[i.id];return typeof o=="boolean"?e.jsx("td",{className:"flex min-h-[34px] items-center justify-center",children:e.jsx(re,{id:"",checked:o,onChange:()=>t==null?void 0:t(s)})},n):typeof o=="string"||typeof o=="number"?e.jsx("td",{className:p(i.centered&&"text-center"),children:o},n):e.jsx("td",{children:"unhandled - please check"},n)})}),Ss=x.memo(Zs),Bs=({tableColumnsData:s,classNameBody:r,classNameHead:t,classNameTable:l,classNameWrapper:a,tableData:i,onSelectionChange:n,alternatingRowColor:o,onDisabledSorting:c,noResultsMessage:d,loadingMessage:f,isLoading:v,classNameLoader:k,parentSortDir:L,highlightActiveFilter:P=!1,borderStyles:y})=>{const[m,j]=x.useState(void 0),[N,B]=x.useState("asc");x.useEffect(()=>{L&&B(L)},[L]),x.useEffect(()=>{c&&m&&c(m,N)},[c,m,N]);const I=x.useMemo(()=>{const M=m,Z=i,S=L??N;if(!M||c)return Z;const b=typeof i[0][M];return b==="string"?Z.sort((R,T)=>{var D,F;const U=((D=R[M])==null?void 0:D.toString().toLowerCase())||"",W=((F=T[M])==null?void 0:F.toString().toLowerCase())||"";return S==="asc"?U.localeCompare(W):W.localeCompare(U)}):b==="number"&&Z.sort((R,T)=>S==="asc"?+R[M]-+T[M]:+T[M]-+R[M]),Z},[i,m,N,L,c]);return e.jsxs("div",{className:p("flex w-full flex-col",y==="cell"&&"[&_td]:border [&_td]:border-solid [&_th]:border [&_th]:border-solid",y==="outline"&&"border border-solid",a),children:[e.jsxs("table",{className:p("table-auto [&_td]:pr-4 [&_th]:pr-4",l),children:[e.jsx("thead",{className:p("text-left",t),children:e.jsx("tr",{children:s.map(M=>e.jsx("th",{className:p(M.centered&&"text-center"),children:M.renderHeader?e.jsx(e.Fragment,{children:M.renderHeader}):M.isSorting?e.jsxs("button",{onClick:()=>{j(M.id),m===M.id&&B(Z=>Z==="asc"?"desc":"asc")},className:p("flex items-center gap-x-2",M.centered&&"w-full justify-center",m===M.id&&P&&"underline underline-offset-2"),children:[M.title,e.jsx(O,{name:N==="asc"?"South":"North",className:"[&_svg]:!h-4 [&_svg]:!w-4"})]}):M.title},"th-table-"+M.id))})}),e.jsx("tbody",{className:r,children:!v&&I.map((M,Z)=>e.jsx(Ss,{data:M,index:Z,tableColumnsData:s,alternatingRowColor:o,onSelectionChange:n},"tr-table-"+Z+JSON.stringify(M)))})]}),v&&e.jsx("div",{className:"my-8",children:f?e.jsx(ve,{children:f}):e.jsx(st,{classNameLoader:k,className:"relative"})}),I.length===0&&!v&&e.jsx("div",{className:"m-8",children:e.jsx(ve,{children:d??"Keine Daten gefunden"})})]})},Is=x.memo(Bs),Ws=({duration:s,positionY:r,positionX:t,showNotification:l,toast:a,children:i,className:n})=>{const[o,c]=x.useState(!1),d=()=>setTimeout(()=>{c(!1)},s);return x.useEffect(()=>(l&&c(!0),d(),()=>clearTimeout(d())),[l]),o?e.jsxs("div",{className:p("absolute",r==="top"&&"top-0",r==="bottom"&&"bottom-0",t==="left"&&"left-0",t==="right"&&"right-0",t==="center"&&"left-[calc(50%-190px)]",n),children:[a&&e.jsx(gt,{...a}),i]}):null};w.ACCORDION_VARIANT=Ls,w.BUTTON_VARIANT=cs,w.Breadcrumb=nt,w.Button=G,w.CHECKBOX_VARIANT=os,w.Checkbox=re,w.ContentAccordion=_s,w.Dropdown=ct,w.FILTERCHIP_VARIANT=hs,w.FilterChip=ye,w.HEADING_VARIANT=xs,w.HTMLMultiSelect=ot,w.HTMLSelect=dt,w.Header=Es,w.Heading=Ce,w.INPUT_VARIANT=ps,w.Icon=O,w.InfoText=Q,w.Input=tt,w.Link=ne,w.Loader=st,w.MODAL_VARIANT=Ns,w.MULTISELECT_VARIANT=ys,w.MobileNav=ht,w.Modal=ft,w.MultiSelect=pt,w.PAGINATION_VARIANT=Cs,w.Pagination=As,w.RADIO_VARIANT=ws,w.Radio=Ve,w.RadioGroup=Hs,w.SELECT_ITEM_VARIANT=us,w.SELECT_VARIANT=Rs,w.Select=mt,w.SelectDropdown=Ae,w.SelectItem=Me,w.Skeleton=gs,w.Slider=vs,w.TEXTAREA_VARIANT=bs,w.TEXT_VARIANT=js,w.Tab=rt,w.Table=Is,w.Tabs=Ts,w.Text=ve,w.Textarea=at,w.Toast=gt,w.ToastDisplay=Ws,w.ToastType=ut,w.accordionVariant=ks,w.buttonVariantStyles=$e,w.checkboxVariant=ds,w.filterChipVariant=fs,w.headingVariantStyles=Fe,w.iconMapping=Ne,w.inputVariant=et,w.paginationVariant=wt,w.radioboxVariant=ms,w.selectVariant=Ps,w.textVariantClasses=lt,w.textarea=it,w.variantClasses=xt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
|
|
21
|
+
${it[l]} ${a?"cursor-not-allowed pointer-events-none":""} ${v.rows!==void 0&&"h-fit"}`;return e.jsxs("div",{className:`relative flex w-full flex-col items-start justify-start rounded-tl rounded-tr ${a&&"pointer-events-none cursor-not-allowed opacity-[0.3]"}`,"data-testid":"test-textarea",children:[t&&e.jsx("div",{className:"label absolute -top-2 left-3 flex items-center justify-start rounded bg-white px-1",children:e.jsx("p",{className:`text-left text-xs ${o||i?"text-error":"text-black"}`,"data-testid":"test-textarea-label",children:t})}),e.jsx("textarea",{id:f,ref:k,value:s,defaultValue:n,placeholder:r,onChange:c,className:L,disabled:a,required:o,"data-testid":"test-textarea-input",...v}),d&&e.jsx(Q,{message:d,className:"ml-4 mt-1",showErrorStyles:o||i})]})});at.displayName="Textarea";const Ls={DEFAULT:"default"},ks={DEFAULT:"bg-black hover:bg-black-800 active:bg-grey-900"},_s=({options:s,allowMultiple:r=!1,className:t})=>{const[l,a]=x.useState(void 0),[i,n]=x.useState([]),o=c=>{r?i.includes(c)?n(i.filter(d=>d!==c)):n([...i,c]):a(d=>d===c?void 0:c)};return e.jsx(e.Fragment,{children:e.jsx("div",{className:p("w-full overflow-hidden rounded border border-brand-black",t),"data-testid":"test-accordion",children:s.map((c,d)=>{const f=l===d||i.includes(d);return e.jsxs("div",{className:"accordion-item relative h-fit w-full flex-col items-start justify-start gap-2.5 overflow-hidden border-b bg-brand-white pt-4 transition-all duration-700 last:border-b-0 hover:cursor-pointer focus:border-blue-500 focus:outline-none",children:[e.jsxs("button",{className:"flex h-[2.5em] w-full justify-between border-b bg-brand-white px-4",onClick:()=>o(d),"data-testid":"test-accordion-header-"+d,type:"button",children:[c.title,f?e.jsx(O,{name:"ExpandLess"}):e.jsx(O,{name:"ExpandMore"})]}),e.jsx("div",{className:`h-fit transition-all duration-500 ${f?"max-h-[15em] overflow-y-scroll":"max-h-0 overflow-hidden"}`,"data-testid":"test-accordion-body-"+d,children:c.content?e.jsx("div",{className:"p-4",children:c.content}):e.jsx("p",{className:"p-4",children:c.description})})]},"accordion-"+d)})})})},nt=({links:s,variant:r="dark",className:t})=>e.jsx("ol",{className:p("flex gap-2",t),"data-testid":"test-breadcrumb",children:s.map((l,a)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(ne,{...l,className:p("text-sm",r==="light"?"text-white":"text-black"),children:l.label}),a<s.length-1&&e.jsx(O,{name:"KeyboardArrowRight",iconColor:r==="light"?"white":"black"})]},"breadcrumb-"+l.label))}),ct=({title:s,links:r,className:t,variant:l="dark"})=>{const[a,i]=x.useState(!1),n=x.useRef(null);x.useEffect(()=>{const c=()=>{i(!1)};return n.current&&n.current.addEventListener("mouseleave",c),()=>{n.current&&n.current.removeEventListener("mouseleave",c)}},[]);const o=()=>{i(!1)};return e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>{i(!0)},onMouseEnter:()=>{i(!0)},className:p("rds-copy-lg flex text-white",l==="dark"&&"text-black"),type:"button",children:[s,e.jsx(O,{name:"ExpandMore",iconColor:l==="dark"?"fill-black":"fill-white",className:p(a&&"rotate-180 duration-300")})]}),e.jsx("div",{className:p("absolute top-full z-10 mt-4 h-fit w-fit min-w-36 rounded-lg transition-all duration-500",a?"max-h-96 opacity-100":"max-h-0 overflow-hidden opacity-0",t),children:e.jsx("ul",{ref:n,onMouseLeave:o,children:r.map((c,d)=>e.jsx("li",{className:"px-4 py-2 transition-all duration-150 first:rounded-t-lg last:rounded-b-lg hover:backdrop-brightness-75",children:e.jsx(ne,{href:c.href,className:p(l==="dark"?"text-black":"text-white",c.active&&"underline underline-offset-8"),children:c.label})},s+d))})})]})},ot=x.forwardRef(({options:s,selectedOptions:r,onSelectionChange:t,label:l,isDisabled:a=!1,optionProps:i,hasError:n=!1,placeholder:o="Auswählen",showSearchField:c=!1,searchFieldPlaceholder:d="Optionen durchsuchen",className:f,errorMessage:v,clearSearchValue:k=!1,exceptionOptions:L},P)=>{const[y,m]=x.useState("");x.useEffect(()=>{k&&y.length>0&&m("")},[k]);const j=s.filter(N=>r==null?void 0:r.includes(N.id));return e.jsxs("div",{className:"relative w-fit",children:[e.jsx("label",{className:p("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",n&&"text-error"),htmlFor:"basic-select-"+l,children:l}),j&&e.jsx("span",{className:"pointer-events-none absolute left-4 top-5 leading-none",children:j.map(N=>N.name).join(",")}),e.jsxs("select",{id:"basic-select-"+l,className:p("rds-select bg-white",c&&"[&::picker(select)]:pt-10",f),value:r,onChange:N=>{let B=r??[];L!=null&&L.includes(N.target.value)?B=[N.target.value]:r!=null&&r.includes(N.target.value)?B=r.filter(I=>I!==N.target.value&&!(L!=null&&L.includes(I))):B=[...(r==null?void 0:r.filter(I=>!(L!=null&&L.includes(I))))??[],N.target.value],t(B)},disabled:a,placeholder:o,multiple:!0,children:[c&&e.jsx("input",{type:"text",value:y,onChange:N=>m==null?void 0:m(N.target.value),className:p("pointer-events-none absolute top-0 z-[10] h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none","pointer-events-auto h-fit opacity-100"),placeholder:d}),s.filter(N=>N.name.includes(y)).map(N=>e.jsxs("option",{value:N.id,className:p(i==null?void 0:i.className),children:[e.jsx(re,{id:N.id,checked:j==null?void 0:j.some(B=>B.id===N.id)}),N.name]},N.id))]}),v&&e.jsx(Q,{message:v,showErrorStyles:!0})]})});ot.displayName="HTMLSelect";const dt=x.forwardRef(({options:s,selectedOption:r,onSelectionChange:t,label:l,isDisabled:a=!1,optionProps:i,hasError:n=!1,placeholder:o="Auswählen",showSearchField:c=!1,searchFieldPlaceholder:d="Optionen durchsuchen",className:f,errorMessage:v,clearSearchValue:k=!1},L)=>{const[P,y]=x.useState("");x.useEffect(()=>{k&&P.length>0&&y("")},[k]);const m=s.find(j=>j.id===r);return e.jsxs("div",{className:"relative w-fit",children:[e.jsx("label",{className:p("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",n&&"text-error"),htmlFor:"basic-select-"+l,children:l}),m&&e.jsx("span",{className:"pointer-events-none absolute left-4 top-5 leading-none",children:m.name}),e.jsxs("select",{id:"basic-select-"+l,className:p("rds-select bg-white",c&&"[&::picker(select)]:pt-10",f),value:typeof r=="string"?r:r==null?void 0:r.id,onChange:j=>t(j.target.value),disabled:a,placeholder:o,children:[c&&e.jsx("input",{type:"text",value:P,onChange:j=>y==null?void 0:y(j.target.value),className:p("pointer-events-none absolute top-0 z-[10] h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none","pointer-events-auto h-fit opacity-100"),placeholder:d}),s.filter(j=>j.name.includes(P)).map(j=>e.jsxs("option",{value:j.id,className:p(i==null?void 0:i.className),children:[e.jsx(re,{id:j.id,checked:(m==null?void 0:m.id)===j.id}),j.name]},j.id))]}),v&&e.jsx(Q,{message:v,showErrorStyles:!0})]})});dt.displayName="HTMLSelect";const ht=({navigation:s,className:r,classNameDropdown:t})=>{const[l,a]=x.useState(!1),i=x.useRef(null),[n,o]=x.useState(void 0);x.useEffect(()=>{const f=()=>{a(!1)};return i.current&&i.current.addEventListener("mouseleave",f),()=>{i.current&&i.current.removeEventListener("mouseleave",f)}},[]);const c=()=>{a(!1)},d="py-2 last:pb-0";return e.jsxs("div",{className:p("flex items-center lg:hidden",r),children:[e.jsx("button",{onClick:()=>a(!l),type:"button",children:e.jsx(O,{name:"Menu",iconColor:"fill-white",className:"block [&_svg]:h-8 [&_svg]:w-8"})}),e.jsx("div",{className:p("absolute right-0 top-[100%] h-fit w-fit min-w-48 rounded-lg rounded-tr-none p-4 transition-all duration-500",l?"max-h-96 opacity-100":"max-h-0 overflow-hidden opacity-0",t),children:e.jsx("ul",{ref:i,onMouseLeave:c,children:n?e.jsxs(e.Fragment,{children:[e.jsx("li",{children:e.jsx(G,{variant:"TEXT",iconName:"KeyboardArrowLeft",className:"px-0 pt-0 hover:bg-transparent",onClick:()=>o(void 0)})}),n.links.map(f=>e.jsx("li",{className:d,children:e.jsx(ne,{href:f.href,children:f.label})},"link-"+f.label))]}):e.jsx(e.Fragment,{children:s.map((f,v)=>"title"in f?e.jsxs("button",{onClick:()=>o(f),className:"flex items-center",type:"button",children:[f.title," ",e.jsx(O,{name:"KeyboardArrowRight"})]},"dropdown-"+f.title):e.jsx("li",{className:d,children:e.jsx(ne,{href:f.href,children:f.label})},f.label+v))})})})]})},Ns={DEFAULT:"default"},ft=x.forwardRef(({children:s,onClick:r,width:t,height:l,className:a,headline:i},n)=>{const o=x.useRef(null);return x.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="unset"}),[]),x.useEffect(()=>{const c=f=>{f.key==="Escape"&&(f.preventDefault(),f.stopPropagation(),r==null||r())},d=o.current;return d&&document.addEventListener("keydown",c),()=>{d&&document.removeEventListener("keydown",c)}},[r]),e.jsxs(e.Fragment,{children:[e.jsx("div",{onClick:r,className:"fixed inset-0 z-50 transition-opacity",style:{background:"black",opacity:"0.6"}}),e.jsx("div",{"data-testid":"test-modal",ref:c=>{o.current=c,typeof n=="function"?n(c):n&&(n.current=c)},tabIndex:-1,className:p(`fixed left-1/2 top-1/2 z-50 max-h-full max-w-full -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-md border border-white bg-white p-4 md:p-6 lg:p-8 ${a} `),style:{width:t||"",height:l||""},onClick:c=>c.stopPropagation(),children:e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("div",{className:p("flex items-center justify-end p-2",i&&"justify-between"),children:[i&&e.jsx(Ce,{variant:"h3",children:i}),e.jsx(G,{iconName:"Close",onClick:r,className:"justify-self-end p-2 hover:bg-grey-50 active:bg-grey-300 hover:[&_svg]:fill-black",variant:"UNSTYLED"})]}),s]})})]})});ft.displayName="Modal";const Ae=({className:s,isOpen:r,wideDropdown:t,handleMouseLeave:l,handleSelection:a,options:i,optionProps:n,showSearchField:o,inputValue:c="",setInputValue:d,searchFieldPlaceholder:f,currSelected:v})=>{const k=x.useRef(null),L=x.useRef(null),P=x.useRef(null),y=m=>{const j=m.current;j==null||j.scrollIntoView({behavior:"smooth",block:"nearest"})};return x.useEffect(()=>{const m=v.length===1&&r,j=m&&c.length===0;if(m||j){const N=setTimeout(()=>y(k),500);return()=>clearTimeout(N)}},[r,v,c,k]),e.jsxs("div",{onMouseLeave:l,children:[o&&e.jsx("input",{type:"text",value:c,onChange:m=>d==null?void 0:d(m.target.value),className:p("pointer-events-none absolute z-[10] mt-1 h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none",r&&"pointer-events-auto h-fit opacity-100"),placeholder:f}),e.jsx("div",{className:p("absolute left-0 top-full z-[5] mt-1 h-0 w-full cursor-pointer overflow-y-auto overflow-x-hidden rounded-b border bg-grey-50 opacity-0 shadow-md outline-none transition-all",r&&"h-fit max-h-60 opacity-100",t&&"w-fit",o&&r&&"mt-10 max-h-[85vh] min-h-[60vh]",s),ref:P,children:e.jsxs("ul",{className:p("h-full w-full",r&&"h-fit max-h-[200px]",o&&r&&"top-10"),"data-testid":"test-multiselect-list",ref:L,children:[i.length===0&&e.jsx("p",{className:"bg-slate-200 p-2",children:"keine Optionen gefunden"}),r&&(i==null?void 0:i.filter(m=>m.name.toLowerCase().includes(c.toLowerCase())).map(m=>e.jsx(Me,{id:m.id,option:m,isActive:v==null?void 0:v.some(j=>j.id===m.id),onSelectionChange:a,className:t?"whitespace-nowrap":void 0,ref:v.length===1&&(v!=null&&v.some(j=>j.id===m.id))?k:null,...n},m.id)))]})})]})},ys={DEFAULT:"default"},xt={DEFAULT:"rounded border border-black bg-brand-white duration-300 transition-all hover:bg-grey-100"},pt=x.forwardRef(({selectedOptions:s=[],onSelectionChange:r,options:t,isDisabled:l,label:a,variant:i="DEFAULT",wideDropdown:n=!1,optionProps:o,hasError:c=!1,errorMessage:d,placeholder:f="Auswählen",showSelectedAsChips:v=!1,exceptionOptions:k,showSearchField:L=!1,searchFieldPlaceholder:P="Optionen durchsuchen",className:y,clearSearchValue:m=!1},j)=>{const[N,B]=x.useState(!1),[I,M]=x.useState(""),Z=x.useRef(null);x.useEffect(()=>{m&&I.length>0&&M("")},[m]),x.useEffect(()=>{const T=W=>{W.key==="Escape"&&(W.preventDefault(),W.stopPropagation(),B(!1),r(R.map(D=>D.id)))},U=Z.current;return U&&(U.addEventListener("keydown",T),U.focus()),()=>{U&&U.removeEventListener("keydown",T)}},[]);const S=T=>{let U=s??[];k!=null&&k.includes(T.id)?U=[T.id]:s!=null&&s.includes(T.id)?U=s.filter(W=>W!==T.id&&!(k!=null&&k.includes(W))):U=[...s.filter(W=>!(k!=null&&k.includes(W)))??[],T.id],r(U)},b=()=>{setTimeout(()=>{R.length>0&&r(R.map(T=>T.id)),N&&B(!1)},500)},R=t.filter(T=>s.includes(T.id));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:T=>{Z.current=T,typeof j=="function"?j(T):j&&(j.current=T)},className:p("relative rounded",xt[i],c&&"border-error",y),children:[e.jsxs("button",{onClick:()=>B(!N),className:p("flex w-full cursor-pointer items-start justify-between rounded px-4 py-3 disabled:pointer-events-none disabled:bg-brand-grey-light"),disabled:l,"data-testid":"test-multiselect",type:"button",children:[e.jsx("label",{className:p("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",c&&"text-error"),children:a}),!v&&s.length>0?e.jsx("span",{className:"max-w-[90%] overflow-hidden text-ellipsis whitespace-nowrap",children:R.map(T=>T.name).join(", ")}):e.jsx("p",{children:f}),e.jsx("div",{className:p("duration-600 -rotate-180 transition-all",N&&"rotate-0"),"data-testid":"test-multiselect-icon-wrapper",children:e.jsx(O,{name:"ExpandLess",className:"relative h-6 w-6 flex-shrink-0 flex-grow-0"})})]}),e.jsx(Ae,{handleMouseLeave:b,setInputValue:M,inputValue:I,options:t,currSelected:R,optionProps:o,handleSelection:S,isOpen:N,showSearchField:L,searchFieldPlaceholder:P,wideDropdown:n})]}),c&&d&&e.jsx(Q,{message:d,showErrorStyles:!0,className:"mt-2"}),v&&R.length>0&&e.jsx("div",{className:"mt-2 flex flex-wrap gap-4",children:R.map(T=>e.jsx(ye,{label:T.name,onClick:()=>S(T)},"selected-"+T.name))})]})});pt.displayName="MultiSelect";const Cs={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},wt={PRIMARY:"bg-white hover:bg-black-800 active:bg-grey-900",SECONDARY:"bg-blue-200 hover:bg-blue-400 active:bg-blue-500",TERTIARY:"bg-red-200 hover:bg-red-400 active:bg-red-500"},Vs={SECONDARY:"bg-blue-500 text-white",TERTIARY:"bg-red-500 text-white",PRIMARY:"bg-black text-white"},Ms=({pages:s,onNavigate:r,classNames:t,activeIndex:l})=>{const[a,i]=x.useState([2,3]),n=x.useCallback(()=>{if(l===2||l===s-1)return;if(l===1){i([2,3]);return}if(l===10){i([8,9]);return}const c=[l-1,l,l+1];i(c)},[s,l]);x.useEffect(()=>{n()},[l]);const o=l!==s&&l!==s-1&&l!==s-2;return e.jsxs(e.Fragment,{children:[e.jsx(G,{className:t(l===1),onClick:()=>r==null?void 0:r(1),"data-testid":"test-constructed-pagination-button-0",children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:1})}),a[0]!==2&&e.jsx(e.Fragment,{children:"..."}),a.map((c,d)=>e.jsx(G,{className:t(l===c),onClick:()=>r==null?void 0:r(c),"data-testid":"test-pagination-button-"+d,children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:c})},d)),o&&e.jsx(e.Fragment,{children:"..."}),e.jsx(G,{className:t(l===s),onClick:()=>r==null?void 0:r(10),"data-testid":"test-pagination-button-10",children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:s})})]})},As=({pages:s,variant:r="PRIMARY",onNavigate:t})=>{const[l,a]=x.useState(1),i=d=>{a(f=>f===d?f:d),t==null||t(d)},n={className:"relative h-6 w-6 flex-shrink-0 flex-grow-0 bg-transparent px-2 hover:bg-grey-300 active:bg-grey-400 [&_path]:disabled:!fill-white",iconColor:"black",iconPosition:"leading"},o=d=>p("flex h-fit rounded p-1 text-black active:text-white",wt[r],d&&Vs[r]),c=s<=5;return e.jsxs("div",{className:"relative flex items-center justify-center gap-4","data-testid":"test-pagination",children:[e.jsx(G,{iconName:"KeyboardArrowLeft",onClick:()=>{const d=l-1;a(d),t==null||t(d)},disabled:l===1,"data-testid":"button-prev",...n}),c?e.jsx(e.Fragment,{children:Array.from(Array(s)).map((d,f)=>e.jsx(G,{className:o(l===f+1),onClick:()=>{i(f),t==null||t(f)},"data-testid":"test-pagination-button-"+f,children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:f+1})},f))}):e.jsx(Ms,{activeIndex:l,classNames:o,pages:s,onNavigate:i}),e.jsx(G,{iconName:"KeyboardArrowRight",onClick:()=>{const d=l+1;a(d),t==null||t(d)},disabled:l===s,"data-testid":"button-next",...n})]})},Hs=({options:s,supportingText:r,required:t,selectedValue:l,setSelectedValue:a,className:i,showSupportingText:n})=>e.jsxs("div",{className:p("flex flex-col gap-2",i),"data-testid":"test-radioGroup",children:[s.map(o=>e.jsx(Ve,{value:o.value,label:o.label,onChange:c=>a(c.target.value),checked:l===o.value,required:t},"radio-group-"+o.value)),n&&r&&e.jsx(Q,{message:r,showErrorStyles:t,className:"mt-1"})]}),Rs={DEFAULT:"default",TOP_PULL:"top_pull"},Ps={DEFAULT:"bg-black hover:bg-black-800 active:bg-grey-900",TOP_PULL:"bg-black hover:bg-black-800 active:bg-grey-900"},mt=x.forwardRef(({options:s,selectedOption:r,onSelectionChange:t,label:l,isDisabled:a=!1,optionProps:i,wideDropdown:n=!1,hasError:o=!1,placeholder:c="Auswählen",showSearchField:d=!1,searchFieldPlaceholder:f="Optionen durchsuchen",className:v,errorMessage:k,clearSearchValue:L=!1},P)=>{const[y,m]=x.useState(!1),[j,N]=x.useState(""),B=x.useRef(null);x.useEffect(()=>{L&&j.length>0&&N("")},[L]),x.useEffect(()=>{const S=R=>{R.key==="Escape"&&(R.preventDefault(),R.stopPropagation(),m(!1))},b=B.current;return b&&(b.addEventListener("keydown",S),b.focus()),()=>{b&&b.removeEventListener("keydown",S)}},[]);const I=()=>{m(!y)},M=()=>{setTimeout(()=>{y&&m(!1)},500)},Z=s.find(S=>S.id===r);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:S=>{B.current=S,typeof P=="function"?P(S):P&&(P.current=S)},className:p("relative rounded border border-black",o&&"border-error",v),children:[e.jsxs("button",{className:"flex h-[3.1em] w-full items-center gap-2.5 self-stretch rounded pr-2.5 hover:bg-grey-100 disabled:pointer-events-none disabled:bg-brand-grey-light",onClick:I,tabIndex:0,disabled:a,"data-testid":"test-select",type:"button",children:[e.jsx("label",{className:p("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",o&&"text-error"),children:l}),e.jsxs("div",{className:"flex w-full items-center justify-between self-stretch rounded-tl rounded-tr py-1 pl-4",children:[e.jsx("div",{className:"w-full overflow-hidden text-ellipsis whitespace-nowrap text-left text-base text-black",children:(Z==null?void 0:Z.name)??c}),e.jsx("div",{className:p("duration-600 -rotate-180 transition-all",y&&"rotate-0"),"data-testid":"test-select-icon",children:e.jsx(O,{name:"ExpandLess",className:"relative h-6 w-6 flex-shrink-0 flex-grow-0"})})]})]}),e.jsx(Ae,{isOpen:y,handleMouseLeave:M,options:s,currSelected:Z?[Z]:[],handleSelection:S=>{t(S.id)},optionProps:i,inputValue:j,setInputValue:N,wideDropdown:n,showSearchField:d,searchFieldPlaceholder:f})]}),o&&k&&e.jsx(Q,{message:k,showErrorStyles:!0,className:"mt-2"})]})});mt.displayName="Select";const Ts=({tabs:s,activeTab:r,setActiveTab:t,className:l,classNameTab:a,classNameTabActive:i,classNameTabPrevActive:n,setPreviousActive:o,tabSize:c="fit"})=>e.jsx("div",{className:p("flex",l),children:s.map((d,f)=>e.jsx(rt,{label:d.label,className:a,activeClassName:i,prevActiveClassName:n,wasPreviouslyActive:o&&f<r,active:f===r,size:c,setIsActive:()=>t==null?void 0:t(f)}))});var ut=(s=>(s.SUCCESS="success",s.INFO="info",s.ERROR="error",s))(ut||{});const gt=({type:s,message:r,showClosingButton:t=!0,showDetails:l,detailsLink:a,className:i})=>{const n=s==="success"?"Checked":"Info";return e.jsxs("div",{className:p("flex w-80 justify-between rounded p-2 text-white drop-shadow-sm",s==="success"&&"bg-success",s==="error"&&"bg-error",s==="info"&&"bg-warning",i),"data-testid":"test-toast",children:[e.jsxs("div",{className:"flex grow",children:[e.jsx(O,{name:n,iconColor:"white",className:"mr-2 pt-0.5",isIconSolid:!0}),e.jsx("span",{className:p(l&&"max-w-[68%]"),children:r}),l&&e.jsx(G,{variant:"TEXT",label:"Details",className:"ml-2 h-fit grow self-end text-white hover:bg-transparent active:bg-transparent",onClick:l}),a&&e.jsx("a",{href:a,className:"rds-button ml-2 self-end p-2 underline-offset-2 hover:underline",children:"Details"})]}),t&&e.jsx(G,{iconColor:"fill-white",iconName:"Close",className:"h-fit self-start bg-transparent px-2 py-0 hover:bg-transparent active:bg-transparent"})]})},Es=({logo:s,className:r,classNameContent:t,children:l,navigation:a,classNameDropdown:i,variant:n,handleLogout:o,account:c,breadcrumbs:d})=>e.jsxs("header",{className:p("fixed right-0 top-0 z-0 w-full py-5",r),children:[e.jsxs("div",{className:p("mx-auto flex items-center justify-between lg:justify-start",t),children:[s,a&&e.jsxs(e.Fragment,{children:[e.jsx("nav",{className:"ml-8 mr-4 hidden grow items-center lg:flex",children:e.jsx("ul",{className:"flex items-center gap-4",children:a==null?void 0:a.map(f=>"title"in f?e.jsx("li",{children:e.jsx(ct,{...f,className:i,variant:n})},"dropdown-"+f.title):e.jsx("li",{children:e.jsx(ne,{href:f.href,className:p(n==="light"?"text-white":"text-black",f.active&&"underline underline-offset-8"),children:f.label})},"headerlink-"+f.label))})}),e.jsx(ht,{navigation:a,classNameDropdown:i})]}),l,o&&e.jsx(G,{onClick:o,iconName:"Login",variant:"UNSTYLED",iconColor:n==="light"?"white":"dark",id:"logout-button"}),c]}),d&&d.length>0&&e.jsx(nt,{links:d,variant:n,className:"mx-auto mt-4 max-w-[80%]"})]}),Zs=({data:s,tableColumnsData:r,onSelectionChange:t,alternatingRowColor:l,index:a})=>e.jsx("tr",{className:p("transition-colors duration-200 hover:bg-slate-200",l&&a%2===0&&l),children:r.map(i=>{const n="td-table-"+i.id+(Object.keys(s).includes("id")?s.id:JSON.stringify(s));if(i.render)return e.jsx("td",{className:p(i.centered&&"text-center"),children:i.render(s)},n);const o=s[i.id];return typeof o=="boolean"?e.jsx("td",{className:"flex min-h-[34px] items-center justify-center",children:e.jsx(re,{id:"",checked:o,onChange:()=>t==null?void 0:t(s)})},n):typeof o=="string"||typeof o=="number"?e.jsx("td",{className:p(i.centered&&"text-center"),children:o},n):e.jsx("td",{children:"unhandled - please check"},n)})}),Ss=x.memo(Zs),Bs=({tableColumnsData:s,classNameBody:r,classNameHead:t,classNameTable:l,classNameWrapper:a,tableData:i,onSelectionChange:n,alternatingRowColor:o,onDisabledSorting:c,noResultsMessage:d,loadingMessage:f,isLoading:v,classNameLoader:k,parentSortDir:L,highlightActiveFilter:P=!1,borderStyles:y})=>{const[m,j]=x.useState(void 0),[N,B]=x.useState("asc");x.useEffect(()=>{L&&B(L)},[L]),x.useEffect(()=>{c&&m&&c(m,N)},[c,m,N]);const I=x.useMemo(()=>{const M=m,Z=i,S=L??N;if(!M||c)return Z;const b=typeof i[0][M];return b==="string"?Z.sort((R,T)=>{var D,F;const U=((D=R[M])==null?void 0:D.toString().toLowerCase())||"",W=((F=T[M])==null?void 0:F.toString().toLowerCase())||"";return S==="asc"?U.localeCompare(W):W.localeCompare(U)}):b==="number"&&Z.sort((R,T)=>S==="asc"?+R[M]-+T[M]:+T[M]-+R[M]),Z},[i,m,N,L,c]);return e.jsxs("div",{className:p("flex w-full flex-col",y==="cell"&&"[&_td]:border [&_td]:border-solid [&_th]:border [&_th]:border-solid",y==="outline"&&"border border-solid",a),children:[e.jsxs("table",{className:p("table-auto [&_td]:pr-4 [&_th]:pr-4",l),children:[e.jsx("thead",{className:p("text-left",t),children:e.jsx("tr",{children:s.map(M=>e.jsx("th",{className:p(M.centered&&"text-center"),children:M.renderHeader?e.jsx(e.Fragment,{children:M.renderHeader}):M.isSorting?e.jsxs("button",{onClick:()=>{j(M.id),m===M.id&&B(Z=>Z==="asc"?"desc":"asc")},className:p("flex items-center gap-x-2",M.centered&&"w-full justify-center",m===M.id&&P&&"underline underline-offset-2"),children:[M.title,e.jsx(O,{name:N==="asc"?"South":"North",className:"[&_svg]:!h-4 [&_svg]:!w-4"})]}):M.title},"th-table-"+M.id))})}),e.jsx("tbody",{className:r,children:!v&&I.map((M,Z)=>e.jsx(Ss,{data:M,index:Z,tableColumnsData:s,alternatingRowColor:o,onSelectionChange:n},"tr-table-"+Z+JSON.stringify(M)))})]}),v&&e.jsx("div",{className:"my-8",children:f?e.jsx(ve,{children:f}):e.jsx(st,{classNameLoader:k,className:"relative"})}),I.length===0&&!v&&e.jsx("div",{className:"m-8",children:e.jsx(ve,{children:d??"Keine Daten gefunden"})})]})},Is=x.memo(Bs),Ws=({duration:s,positionY:r,positionX:t,showNotification:l,toast:a,children:i,className:n})=>{const[o,c]=x.useState(!1),d=()=>setTimeout(()=>{c(!1)},s);return x.useEffect(()=>(l&&c(!0),d(),()=>clearTimeout(d())),[l]),o?e.jsxs("div",{className:p("absolute",r==="top"&&"top-0",r==="bottom"&&"bottom-0",t==="left"&&"left-0",t==="right"&&"right-0",t==="center"&&"left-[calc(50%-190px)]",n),children:[a&&e.jsx(gt,{...a}),i]}):null};w.ACCORDION_VARIANT=Ls,w.BUTTON_VARIANT=cs,w.Breadcrumb=nt,w.Button=G,w.CHECKBOX_VARIANT=os,w.Checkbox=re,w.ContentAccordion=_s,w.Dropdown=ct,w.FILTERCHIP_VARIANT=hs,w.FilterChip=ye,w.HEADING_VARIANT=xs,w.HTMLMultiSelect=ot,w.HTMLSelect=dt,w.Header=Es,w.Heading=Ce,w.INPUT_VARIANT=ps,w.Icon=O,w.InfoText=Q,w.Input=tt,w.Link=ne,w.Loader=st,w.MODAL_VARIANT=Ns,w.MULTISELECT_VARIANT=ys,w.MobileNav=ht,w.Modal=ft,w.MultiSelect=pt,w.PAGINATION_VARIANT=Cs,w.Pagination=As,w.RADIO_VARIANT=ws,w.Radio=Ve,w.RadioGroup=Hs,w.SELECT_ITEM_VARIANT=us,w.SELECT_VARIANT=Rs,w.Select=mt,w.SelectDropdown=Ae,w.SelectItem=Me,w.Skeleton=gs,w.Slider=vs,w.TEXTAREA_VARIANT=bs,w.TEXT_VARIANT=js,w.Tab=rt,w.Table=Is,w.Tabs=Ts,w.Text=ve,w.Textarea=at,w.Toast=gt,w.ToastDisplay=Ws,w.ToastType=ut,w.accordionVariant=ks,w.buttonVariantStyles=$e,w.checkboxVariant=ds,w.filterChipVariant=fs,w.headingVariantStyles=Fe,w.iconMapping=Ne,w.inputVariant=et,w.paginationVariant=wt,w.radioboxVariant=ms,w.selectVariant=Ps,w.textVariantClasses=lt,w.textarea=it,w.variantClasses=xt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
|