https://app.middleware.io/static/BXDa2e-m.production.bundle.min.js

1import{r as s,j as t}from"./CgBZl8m0.production.bundle.min.js";import{D as n,a as m,S as H}from"./Czbq-YEj.production.bundle.min.js";import{F as L}from"./DV0DPFOt.production.bundle.min.js";import{a4 as u}from"./DpOFvyFl.production.bundle.min.js";import{aM as F,aN as A}from"./CY9JcdZ7.production.bundle.min.js";import{S as O,b as r}from"./uYRgXL5M.production.bundle.min.js";import"./BTOj8ijf.production.bundle.min.js";import"./BhEpiGZx.production.bundle.min.js";import"./CJLuAe4t.production.bundle.min.js";import"./CHbJgqnE.production.bundle.min.js";import"./Dsqj8S3w.production.bundle.min.js";import"./9zG8c1d8.production.bundle.min.js";import"./C7aKDdDU.production.bundle.min.js";import"./BOFlCg2s.production.bundle.min.js";import"./D4lvmK5r.production.bundle.min.js";import"./URTTg1rg.production.bundle.min.js";import"./B7jgtT_H.production.bundle.min.js";import"./BFsIcxdk.production.bundle.min.js";import"./CUU-sqeu.production.bundle.min.js";import"./DvJkqRNe.production.bundle.min.js";import"./BWr4BVpJ.production.bundle.min.js";import"./CMxhj3GZ.production.bundle.min.js";import"./IimQW1M7.production.bundle.min.js";import"./DuMSlPdM.production.bundle.min.js";import"./BS0dGend.production.bundle.min.js";import"./BpQvVIpM.production.bundle.min.js";import"./BZwPEnwo.production.bundle.min.js";import"./DlG3g9Q4.production.bundle.min.js";import"./B_v3Fv2u.production.bundle.min.js";import"./CHbz8HD7.production.bundle.min.js";import"./DohGM9_I.production.bundle.min.js";import"./Czj00ZrM.production.bundle.min.js";import"./vhNSgALD.production.bundle.min.js";import"./CK-5Vo_r.production.bundle.min.js";import"./BKtnA6hw.production.bundle.min.js";import"./BaeVAzEX.production.bundle.min.js";import"./M_FBjfQJ.production.bundle.min.js";import"./DhCfBX8j.production.bundle.min.js";import"./PSw9bd14.production.bundle.min.js";import"./BAUftK01.production.bundle.min.js";import"./CIT-tl5U.production.bundle.min.js";import"./DnFKFUTo.production.bundle.min.js";import"./CrsULzDT.production.bundle.min.js";import"./CRSxynHN.production.bundle.min.js";import"./_LyuCvYL.production.bundle.min.js";import"./DnQqxH0F.production.bundle.min.js";const{Option:B}=H,g=[{value:"ld",label:"Laduram Vishnoi",subLabel:"[email protected]"},{value:"jeff",label:"Jeff",subLabel:"[email protected]"},{value:"aditya",label:"Aditya S.",subLabel:"[email protected]"}],R=[{label:"item 1",value:"item1",descriptionDetails:{detail:"Details of item 1",type:"example"}},{label:"item 2",value:"item2",descriptionDetails:{detail:"Details of item 2",type:"example"}},{label:"item 3",value:"item3",descriptionDetails:{detail:"Details of item 3",type:"example"}}],I=({label:l,subLabel:o})=>t.jsx(t.Fragment,{children:t.jsxs("div",{children:[t.jsx("div",{children:l}),t.jsxs("div",{children:[" ",o]})]})}),E=Array.from({length:35},(l,o)=>({label:`Host-${o}`,value:`value-${o}`})),P=[{label:"Metrics",value:"metrics"},{label:"Logs",value:"logs"},{label:"LLM",value:"llm"},{label:"RUM",value:"rum"}],$=l=>{switch(l){case"metric":return r.Primary;case"logs":return r.Put;case"llm":return r.Get;case"rum":return r.Post;default:return r.Default}},Oe=()=>{const[l,o]=s.useState([]),[v,b]=s.useState([]),[S,f]=s.useState([]),[a,h]=s.useState([]),[w,j]=s.useState([]),[i,D]=s.useState(E),T=e=>{h(e)},C=e=>{console.log(e),o(e)},V=e=>{b(e)},y=e=>{console.log(e,"value from example..")},N=e=>{const{scrollTop:d,scrollHeight:c,clientHeight:p}=e.currentTarget;d+p+1>=c&&i.length<50&&D(M=>[...M,...Array.from({length:10},(k,x)=>({label:`Host-${i.length+x}`,value:`value-${i.length+x}`}))])};return t.jsx(t.Fragment,{children:t.jsxs("div",{className:"guide-dropdown-selection",children:[t.jsx(n,{onChange:C,onClear:()=>o(""),options:[{value:"host-0",label:"Host 0",prefixIcon:t.jsx(u,{})},{value:"host-1",label:"Host 1",prefixIcon:t.jsx(u,{})},{value:"host-2",label:"Host 2",prefixIcon:t.jsx(u,{})}],notFoundContent:"No host found",selectedValues:l}),t.jsx("h6",{children:"Tag type dropdown"}),t.jsx(n,{onChange:V,options:[{value:"host-0",label:"Host 0",tooltipContent:"Tooltip1"},{value:"host-1",label:"Host 1",tooltipContent:"Tooltip2"},{value:"host-2",label:"Host 2"}],showSearch:!1,placeholder:"Add Tags",mode:m.AddOptions,notFoundContent:"No tags found",selectedValues:v,maxSelection:1,extraNoteTitle:"Extra Note"}),t.jsx("h6",{children:"Mulit selection dropdown"}),t.jsx(n,{onChange:y,options:i,showSearch:!1,mode:m.Multiple,notFoundContent:"No data found",onPopupScroll:N,extraNoteTitle:"Search for more..."}),t.jsx("h6",{children:"MultiSelect dropdown with checkbox and custom label rendering"}),t.jsx(F,{selectedValues:a,onChange:T,dropdownRender:()=>g.map(e=>t.jsx("div",{className:"custom-dropdown-menu-item",children:t.jsx(L,{id:e.value,onChange:d=>{const c=d?[...a,e.value]:a.filter(p=>p!==e.value);h(c)},label:I({value:e.value,label:e.label,subLabel:e.subLabel??""}),checked:a==null?void 0:a.includes(e==null?void 0:e.value)})},e.value)),labelRender:g.map(e=>t.jsx(B,{value:e.value,children:e.label},e.value)),showSearch:!0,onSearch:e=>console.log(e)}),t.jsx("h6",{children:"Dropdown with Description"}),t.jsx("div",{className:"description-dropdown-example",children:t.jsx(A,{options:R,selectedValues:w,onChange:e=>{j(e)},extraNoteTitle:"Search for More",placeholder:"Select Value",descriptionJSX:e=>t.jsx("div",{className:"example-description",children:e==null?void 0:e.detail}),footerJSX:()=>t.jsx("div",{children:"Footer"}),listHeight:300,popupMatchSelectWidth:500})}),t.jsx("h6",{children:"Dropdown with Badge Tags"}),t.jsx(n,{onChange:e=>f(e),options:P,selectedValues:S,showSearch:!0,mode:m.Multiple,tagRender:e=>t.jsx("div",{className:"dropdown-custom-status-badge-tag",children:t.jsx(O,{labelText:e.label,type:$(e.value)})}),placeholder:"Select Value",allowClear:!0})]})})};export{Oe as default};