@taikai/rocket-kit 2.0.0-beta.7 → 2.0.0-beta.8

package/dist/rocket-kit.cjs.production.min.js

@@ -1594,5 +1594,5 @@
   @media ${E} {
     flex: ${e=>e.size};
   }
-`;exports.ActionsMenu=e=>{const{ariaLabel:a="",actions:l=[],data:r,dataTestId:c="action-menu-button",startsOpen:n=!1}=e,{ref:i,isVisible:o,setIsVisible:s}=W(n);return t.createElement(et,{ref:i},t.createElement(O,{variant:"text",color:"dark",icon:"menuVert",ariaLabel:a,action:e=>{e.preventDefault(),s(!o),e.stopPropagation()},dataTestId:c}),o?t.createElement(tt,{actions:l,data:r,handleOptionClick:()=>{s(!1)}}):null)},exports.AlertNotification=e=>{const{className:a="alert-notification",variant:l="success",closeAction:r=(()=>{}),value:c,children:n}=e;return t.createElement(fl,{className:a,variant:l},t.createElement("div",null,c?t.createElement("span",null,c):n),t.createElement(O,{variant:"text",icon:"cross",action:r}))},exports.AvatarImage=e=>{const{style:a,className:r="avatar-img",size:c=30,url:n,alt:i,boring:o=!0,boringType:s="pixel",square:d=!1}=e;return t.createElement(x,{className:r,size:c,square:d},o&&!n?t.createElement(l,{size:c,name:i,variant:s,square:d,colors:["#55cad7","#5031a9","#f9c543","#ef5766","#7a7a7a"]}):t.createElement("img",{style:a,src:n,alt:i}))},exports.Button=O,exports.ButtonDropdown=e=>{const{className:a="button-dropdown",variant:l="solid",color:r="green",value:c="",icon:n="keyboardDown",ariaLabel:i="",actions:o=[],data:s=null,dataTestId:d="action-button-dropdown",startsOpen:m=!1,disabled:h=!1}=e,{ref:p,isVisible:f,setIsVisible:g}=W(m);if(!o||!Array.isArray(o)||0===o.length)return t.createElement(t.Fragment,null);const u=o.filter(({visibilityFunc:e=null})=>!s||!e||e(s));return 0===u.length?t.createElement(t.Fragment,null):t.createElement(B,{className:a,visibleActions:u.length,ref:p},t.createElement(O,{variant:l,color:r,value:c,icon:n,iconPosition:"right",ariaLabel:i,action:e=>{e.preventDefault(),g(!f)},dataTestId:d,disabled:h}),t.createElement("ul",{"data-testid":"ul-action-menu",className:f?"isOpen":""},u.map(({id:e="",url:a="",action:l=(()=>{}),value:r=""})=>t.createElement("li",{key:e,"data-testid":"li-action-menu"},t.createElement("a",{href:a,onClick:e=>{g(!1),l(e,s)}},t.createElement("span",null,r))))))},exports.ButtonLink=e=>{const{variant:a="solid",color:l="green",querySelector:r=".button-link",className:c="button-link",url:n,blank:i=!1,icon:o="",iconPosition:s="left",value:d="",action:m=(()=>{}),dataTestId:h="",eventId:p="",style:f,rel:g}=e;return M({querySelector:r}),t.createElement(ie,{variant:a,color:l,className:"button "+c,href:n,target:i?"_blank":"",value:d,onClick:m,"data-testid":h,"data-event":p,style:f,iconPosition:s,rel:g&&""!==g?g:i?"noopener noreferrer":""},o&&t.createElement(ea,{icon:o}),d&&t.createElement("span",null,d))},exports.CardValue=e=>{const{label:a,kai:l=!1,value:r,description:c,buttonValue:n,onClick:i,className:o="card-value",style:s}=e;return t.createElement(ct,{className:o,style:s},t.createElement(ca,{value:a,kai:l}),t.createElement("span",null,r),c&&t.createElement("p",null,c),n&&i&&t.createElement(nt,null,t.createElement(O,{color:"grey",value:n,action:i})))},exports.Checkbox=xe,exports.CheckboxButton=e=>{const{label:l,value:r,checked:c=!1,onChange:n=(()=>{}),disabled:i=!1,className:o="checkbox-button",style:s,dataTestId:d,required:m=!1}=e,[h,p]=a.useState(c);return t.createElement($e,{style:s,className:o,disabled:i,checked:h},t.createElement(ke,null,l),t.createElement(Pe,{type:"checkbox",name:r,defaultChecked:c,"aria-checked":c,onChange:n,disabled:i,"data-testid":d,required:m,onClick:()=>{p(!h)}}),t.createElement(Re,{disabled:i}))},exports.CheckboxGroup=e=>{const{children:a,options:l,type:r="column",onChange:c,error:n,disabled:i}=e;return t.createElement(ql,{type:r,error:n},a||(l&&Array.isArray(l)?l.map((e,a)=>t.createElement("li",{key:a},t.createElement(xe,{label:e.label,value:e.value,checked:e.checked,onChange:c,error:!!n,disabled:i}))):null),n?t.createElement(Ue,{error:n}):null)},exports.DataWarning=e=>{let a;const{type:l="login",children:r}=e;switch(l){case"login":a=t.createElement(Rl,null);break;case"data":a=t.createElement(Cl,null);break;default:a=t.createElement(Rl,null)}return t.createElement(Pl,{type:l},a,t.createElement("div",null,r))},exports.EmptyTable=ut,exports.Error=e=>{const{variant:a="default",value:l}=e;return t.createElement(wl,{variant:a},"default"===a?t.createElement(ea,{icon:"warning",fill:"hsl(354, 83%, 64%)"}):t.createElement("span",null,"¯\\\\_(ツ)_/¯"),l&&t.createElement("span",null,l))},exports.ErrorField=Ue,exports.FieldWidthButton=e=>{const{label:a,type:l="text",name:r,placeholder:c,value:n,onChange:i,disabled:o=!1,error:s="",dataTestId:d,required:m=!1,buttonIcon:h,buttonValue:p,buttonAction:f,buttonDisabled:g}=e;return t.createElement(jl,null,a&&t.createElement(ca,{value:a}),t.createElement(Bl,null,t.createElement(Ma,{minimal:!1,type:l,name:r,value:n,onChange:i,placeholder:c,disabled:o,error:s,dataTestId:d,required:m}),t.createElement(O,{icon:h,value:p,action:f,disabled:g})))},exports.FormGroup=e=>{const{label:a,kai:l=!1,error:r=!1,children:c}=e;return t.createElement(Kt,{error:r},t.createElement(ca,{value:a,kai:l}),c)},exports.GridCol=e=>{const{className:a="grid-col",size:l=1,children:r}=e;return t.createElement(_r,{className:a,size:l},r)},exports.GridContainer=e=>{const{className:a="grid-container",children:l}=e;return t.createElement(Er,{className:a},l)},exports.GridRow=e=>{const{className:a="grid-row",children:l}=e;return t.createElement(wr,{className:a},l)},exports.HorizontalNav=e=>{const[l,r]=a.useState(!1),c=a.useRef(null),n=a.useRef(null),{className:i="horizontal-nav",customColor:o="",items:s,startsOpen:d=!1}=e,{ref:m,isVisible:h,setIsVisible:p}=W(d);return a.useEffect(()=>{if(!m||!m.current)return;const e=document.querySelector("ul.menu").getElementsByTagName("li"),a=document.querySelector(".more").getElementsByTagName("li"),t=()=>r(a.length>0),l=()=>{if(1===e.length)return;let a=e[e.length-1];document.querySelector("ul.more").prepend(a)},c=()=>{if(0===a.length)return;let e=a[0];document.querySelector("ul.menu").append(e)},i=()=>{t();for(let a=0;a<e.length+20;a++)n.current.scrollWidth+50>m.current.offsetWidth?l():c()};return i(),"undefined"!=typeof window?(t(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)):void 0},[m]),t.createElement(Yl,{ref:m,className:i,customColor:o},t.createElement("ul",{className:"menu",ref:n},s),t.createElement(Ul,{className:l?"hide":"",ref:c},t.createElement(O,{variant:"text",color:"dark",icon:"menuVert",action:()=>{p(!h)}}),t.createElement("ul",{className:h?"more is-open":"more"})))},exports.Icon=ea,exports.Label=ca,exports.LoadingState=e=>{const{type:a="text",lines:l=3,cardsNumber:r=4,header:c=!0,columnsNumber:n=4,rowsNumber:i=3,center:o=!0}=e;let s,d=[],m=[],h=[],p=[];for(let e=0;e<l;e++)d.push(t.createElement("div",{key:e,className:"paragraph"}));for(let e=0;e<r;e++)m.push(t.createElement("div",{key:e,className:"card"},t.createElement("div",{className:"cover"}),t.createElement("div",{className:"avatar"}),t.createElement("div",{className:"title"}),t.createElement("div",{className:"paragraph"}),t.createElement("div",{className:"paragraph"}),t.createElement("div",{className:"paragraph"}),t.createElement("div",{className:"paragraph"})));for(let e=0;e<n;e++)h.push(t.createElement("div",{key:e,className:"header"}));for(let e=0;e<n*i;e++)p.push(t.createElement("div",{key:e,className:"cell"}));switch(a){case"text":s=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"title"}),t.createElement("div",{className:"subtitle"}),d));break;case"card":s=t.createElement(vr,{center:o},m);break;case"table":s=t.createElement("div",null,t.createElement(ur,{className:"table",columnsNumber:n},c&&h,p));break;case"value":s=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"value"})));break;default:s=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"title"}),t.createElement("div",{className:"subtitle"}),d))}return t.createElement(gr,{type:a},s)},exports.Modal=e=>{const{isShowing:l=!1,hide:r,title:c,children:n,closeValue:i="Close",footer:o=!1,zIndex:s=10}=e,[d,m]=a.useState(!1);return a.useEffect(()=>{if("undefined"!=typeof window){const e=document.querySelector("div.modal");e&&e.offsetHeight+60>window.innerHeight?m(!0):m(!1);const a=f((function(){e&&e.offsetHeight+60>window.innerHeight?m(!0):m(!1)}),200);return window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)}},[]),l?g.createPortal(t.createElement(t.Fragment,null,t.createElement(tr,{zIndex:s}),t.createElement(lr,{"aria-modal":!0,tabIndex:-1,role:"dialog",zIndex:s,modalOverflow:d},t.createElement(rr,{onClick:e=>e.stopPropagation(),zIndex:s,className:"modal"},t.createElement(cr,null,c&&t.createElement("h2",null,c),t.createElement(O,{variant:"outline",color:"grey",icon:"cross",ariaLabel:"Close",action:r})),n,o&&t.createElement(bt,{closeAction:r,closeValue:i})))),document.body):t.createElement(t.Fragment,null)},exports.ModalDrawer=e=>{const{isShowing:a=!1,hide:l,title:r,children:c,closeValue:n="Close",footer:i=null,footerHidden:o=!1,zIndex:s=10}=e;return a?g.createPortal(t.createElement(t.Fragment,null,t.createElement(sr,{zIndex:s}),t.createElement(dr,{"aria-modal":!0,tabIndex:-1,role:"dialog",zIndex:s},t.createElement(mr,{onClick:e=>e.stopPropagation(),zIndex:s},t.createElement(hr,null,r&&t.createElement("h2",null,r)),t.createElement(pr,null,c),!o&&(i||t.createElement(bt,{closeAction:l,closeValue:n}))))),document.body):t.createElement(t.Fragment,null)},exports.ModalFooter=bt,exports.NoteCard=e=>{const{color:a="grey",value:l="",buttonValue:r="",onClick:c,className:n="note-card",style:i}=e;return t.createElement(Pt,{className:n,color:a,buttonValue:r,style:i},t.createElement("div",null,t.createElement("p",null,l)),r&&c&&t.createElement("div",null,t.createElement("button",{onClick:c},r)))},exports.NumberInputSpinner=e=>{const{decreaseAriaLabel:l="Decrease Value",increaseAriaLabel:r="Increase Value",increment:c=1,min:n=0,max:i=10,value:o=0,onChange:s,disabled:d=!1}=e,m=a.useRef(!0),[h,p]=a.useState(o);a.useEffect(()=>{m.current?m.current=!1:p(o)},[o]);const f=e=>{s&&s(e),p(e)};return t.createElement(Yt,null,t.createElement(el,{className:"remove-button","aria-label":l,onClick:e=>{e.preventDefault(),f(h-c>n?h-c:n)},disabled:h<=n||d},t.createElement(ea,{icon:"remove"})),t.createElement(Ut,{type:"number",min:n,max:i,value:h,onChange:e=>{e.preventDefault(),f(parseInt(e.target.value))},disabled:d}),t.createElement(el,{className:"add-button","aria-label":r,onClick:e=>{e.preventDefault(),f(h+c<i?h+c:i)},disabled:h>=i||d},t.createElement(ea,{icon:"add"})))},exports.PaginationControl=e=>{const[l,r]=a.useState(3),{dark:c=!1,page:n=0,pageCount:i,hrefBuilder:o=(()=>{}),onPageChange:s=(()=>{}),ariaLabelBuilder:d=(()=>{})}=e;return a.useEffect(()=>{function e(){"undefined"!=typeof window&&(window.innerWidth<700&&r(1),window.innerWidth>700&&r(3))}e(),"undefined"!=typeof window&&window.addEventListener("resize",e)}),t.createElement(xl,null,t.createElement(p,{containerClassName:c?"dark pagination":"pagination",pageClassName:"page",breakLinkClassName:"break",activeClassName:"active",previousLabel:t.createElement("svg",{viewBox:"0 0 32 32"},t.createElement("path",{d:"M22.6986 26.027C22.0701 26.7812 20.9491 26.8832 20.1948 26.2546L9.52814 17.3657C9.12282 17.0279 8.88847 16.5276 8.88847 16C8.88847 15.4724 9.12282 14.972 9.52814 14.6342L20.1948 5.74536C20.9491 5.1168 22.0701 5.21871 22.6986 5.97298C23.3272 6.72725 23.2253 7.84826 22.471 8.47682L13.4432 16L22.471 23.5231C23.2253 24.1517 23.3272 25.2727 22.6986 26.027Z"})),nextLabel:t.createElement("svg",{viewBox:"0 0 32 32"},t.createElement("path",{d:"M9.30048 5.97303C9.92904 5.21876 11.05 5.11685 11.8043 5.74541L22.471 14.6343C22.8763 14.9721 23.1106 15.4724 23.1106 16C23.1106 16.5276 22.8763 17.028 22.471 17.3658L11.8043 26.2546C11.05 26.8832 9.92904 26.7813 9.30048 26.027C8.67192 25.2727 8.77383 24.1517 9.5281 23.5232L18.5559 16L9.5281 8.47686C8.77383 7.8483 8.67192 6.7273 9.30048 5.97303Z"})),pageRangeDisplayed:l,marginPagesDisplayed:1,forcePage:n,pageCount:i,hrefBuilder:o,onPageChange:e=>{s(e.selected)},ariaLabelBuilder:d}))},exports.ProgressBar=e=>{const{progress:a=0,value:l=""}=e;return t.createElement(Aa,null,t.createElement(Da,null,t.createElement(Fa,{progress:a})),l&&t.createElement(Ba,null,l))},exports.RadioGroup=e=>{const{className:a="radio-group",style:l,options:r,type:c="column",group:n,onChange:i,error:o,disabled:s=!1,dataTestId:d}=e;return t.createElement("div",{style:l,className:a},t.createElement(Ll,{type:c,group:n,error:o,"data-testid":d},r.map((e,a)=>t.createElement(Sl,{key:a,disabled:e.disabled||s},t.createElement("input",{id:`radio-${n}-${a}`,type:"radio",name:n,value:e.value,checked:e.checked,onChange:i,disabled:e.disabled||s}),t.createElement("label",{htmlFor:`radio-${n}-${a}`},e.label),t.createElement("div",{className:"check"})))),o?t.createElement(Ue,{error:o}):null)},exports.Select=e=>{const{minimal:a=!1,placeholder:l,options:r,defaultValue:c,value:n,name:i,onChange:o=(()=>{}),error:s,disabled:d=!1,dataTestId:m}=e,h=r.map(e=>t.createElement("option",{key:e.value,value:e.value},e.name));return t.createElement(t.Fragment,null,t.createElement(Je,{minimal:a,name:i,defaultValue:c,value:n,onChange:o,error:s,disabled:d,"data-testid":m},l&&t.createElement("option",{value:"",disabled:!0,selected:!0,hidden:!0},l),h),s?t.createElement(Ue,{error:s}):null)},exports.SelectInteractive=e=>{const{name:a,multi:l=!1,search:r=!0,placeholder:c,options:n,value:s,clear:d=!0,onChange:m=(()=>{}),onInputChange:h=(()=>{}),error:p,disabled:f=!1,dataTestId:g}=e,{Option:u}=i.components;return t.createElement(ka,{"data-testid":g},t.createElement(o,{className:"select-interactive",classNamePrefix:"select",name:a,isMulti:l,isSearchable:r,isDisabled:f,placeholder:c,options:n,value:s,isClearable:d,onChange:m,defaultMenuIsOpen:!1,onInputChange:h,components:{Option:(e,a)=>t.createElement(u,Object.assign({},e,a),e.data.icon?t.createElement(ea,{icon:e.data.icon}):e.data.customImage?e.data.customImage:null,e.data.label),SingleValue:e=>t.createElement("div",null,e.data.icon?t.createElement(ea,{icon:e.data.icon}):e.data.customImage?e.data.customImage:null,e.data.label)}}),p?t.createElement(Ue,{error:p}):null)},exports.Slideshow=e=>{const{showArrows:a=!0,slidesNumber:l=1,autoPlay:r=!0,stopOnHover:c=!0,interval:n=5e3,dynamicHeight:i=!0,slideSelected:o=0,children:d}=e;return t.createElement(La,{slidesNumber:l},t.createElement(s.Carousel,{showArrows:a,showStatus:!1,showThumbs:!1,autoPlay:r,stopOnHover:c,interval:n,transitionTime:1e3,infiniteLoop:!0,useKeyboardArrows:!0,swipeable:!1,swipeScrollTolerance:5,emulateTouch:!1,dynamicHeight:i,selectedItem:o,renderArrowPrev:(e,a)=>a&&t.createElement(O,{className:"previous",variant:"text",ariaLabel:"Previous",action:e,icon:"arrowBack"}),renderArrowNext:(e,a)=>a&&t.createElement(O,{className:"next",variant:"text",ariaLabel:"Next",action:e,icon:"arrowForward"}),renderIndicator:(e,a,l)=>a?t.createElement("li",{className:"selected","aria-label":`Slide ${l+1} selected`,title:`Slide ${l+1} selected`}):t.createElement("li",null,t.createElement("button",{onClick:e,onKeyDown:e,value:l,key:l,tabIndex:0,title:"Slide "+(l+1),"aria-label":"Slide "+(l+1)}))},d))},exports.Spinner=da,exports.Table=e=>{const{border:l=!1,options:r,values:c=[],actions:n=[],dataTestId:i="table-test-id",menuDataTestId:o="table-action-menu",actionMenuTestId:s="icon-button",showEmpty:d=!1,emptyValue:m="No Data",className:h="table",style:p,startsOpen:f=!1}=e,{ref:g,isVisible:u,setIsVisible:v}=W(f),[b,z]=a.useState({}),[x,M]=a.useState(void 0),{columns:y=[]}=r,E=n.length>0,w=c.filter(Rt),_=Array.isArray(c)&&c.length>0;if(d&&!_){const e=y.map(e=>e.value);return t.createElement(ut,{border:l,tableHead:e,value:m})}return t.createElement(It,null,t.createElement(Tt,null,t.createElement(Lt,{border:l,"data-testid":i,className:h,style:p},t.createElement("thead",null,t.createElement("tr",null,y.map(({id:e="",className:a="",value:l="",dataTestId:r=null})=>t.createElement("th",{key:e,className:a,"data-testid":r?"th-"+r:null},l)),E&&t.createElement("th",null))),t.createElement("tbody",null,w.map((e,a)=>t.createElement("tr",{key:e.id,"data-testid":"row-"+i},y.map(({id:a="",dataKey:l="",className:r="",value:c="",renderer:n=null,dataTestId:i})=>t.createElement("td",{key:a,className:r,"data-label":c,"data-testid":"td-"+i},t.createElement("div",null,n?n(e[l],e):e[l],"kai"===r?t.createElement(ea,{icon:"kai",fill:"hsl(0, 0%, 16%)"}):null))),E&&t.createElement("td",{className:"menu","data-testid":o},t.createElement("div",{ref:g},t.createElement(O,{variant:"text",color:"grey",icon:"menuVert",action:t=>{t.preventDefault(),z(e),M(a),v(!u),t.stopPropagation()},dataTestId:s}))))))),u&&t.createElement(tt,{actions:n,data:b,rowIndex:x})))},exports.TableDnD=e=>{const{border:l=!1,options:r,values:c=[],actions:n=[],dataTestId:i="table-test-id",menuDataTestId:o="table-action-menu",actionMenuTestId:s="icon-button",showEmpty:d=!1,emptyValue:m="No Data",className:p="table",style:f,onChange:g,startsOpen:u=!1}=e,{ref:v,isVisible:b,setIsVisible:z}=W(u),[x,M]=a.useState(""),[y,E]=a.useState({}),[w,_]=a.useState(void 0),{columns:$=[]}=r,k=n.length>0,P=c.filter(Rt),R=Array.isArray(c)&&c.length>0;if(d&&!R){const e=$.map(e=>e.value);return t.createElement(ut,{border:l,tableHead:e,value:m})}return t.createElement(h.DragDropContext,{onBeforeDragStart:e=>{M(e.draggableId)},onDragEnd:e=>{if(!e.destination)return;const a=((e,a,t)=>{const l=Array.from(e),[r]=l.splice(a,1);return l.splice(t,0,r),l.map((e,a)=>(e.order=a,e))})(c,e.source.index,e.destination.index);g(a),M("")}},t.createElement(It,null,t.createElement(Tt,null,t.createElement(At,{border:l,"data-testid":i,className:p,style:f,layout:"auto"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",{className:"thin"}),$.map(({id:e="",className:a="",value:l="",dataTestId:r=null})=>t.createElement("th",{key:e,className:a,"data-testid":r?"th-"+r:null},l)))),t.createElement(h.Droppable,{droppableId:"droppable"},(e,a)=>{return t.createElement("tbody",Object.assign({},e.droppableProps,{ref:e.innerRef,style:(l=a.isDraggingOver,{background:l?Ft:"transparent"})}),P.map((e,a)=>t.createElement(h.Draggable,{key:""+a,draggableId:""+a,index:a},(l,r)=>{return t.createElement(Dt,Object.assign({ref:l.innerRef,key:e.id,"data-testid":"row-"+i,draggableId:x,style:(c=r.isDragging,n=l.draggableProps.style,{userSelect:"none",background:c?Ft:"transparent",...n})},l.draggableProps),t.createElement("td",{className:"thin drag-handle"},t.createElement("div",Object.assign({},l.dragHandleProps),t.createElement(ea,{icon:"drag-handle"}))),$.map(({id:a="",dataKey:l="",className:r="",value:c="",renderer:n=null,dataTestId:i})=>t.createElement("td",{key:a,className:r,"data-label":c,"data-testid":"td-"+i},t.createElement("div",null,n?n(e[l],e):e[l],"kai"===r?t.createElement(ea,{icon:"kai",fill:"hsl(0, 0%, 16%)"}):null))),k&&t.createElement("td",{className:"menu","data-testid":o},t.createElement("div",{ref:v},t.createElement(O,{variant:"text",color:"grey",icon:"menuVert",action:t=>{t.preventDefault(),E(e),_(a),z(!b),t.stopPropagation()},dataTestId:s}))));var c,n})),e.placeholder);var l})),b&&t.createElement(tt,{actions:n,data:y,rowIndex:w}))))},exports.TabsPanel=e=>{const{unmountOnExit:a=!0,selectedTabKey:l=0,beforeChange:r,onChange:c,tabs:n}=e;return t.createElement(yr,null,t.createElement(u,{transform:!1,unmountOnExit:a,selectedTabKey:l,beforeChange:r,onChange:c,items:n.map((e,a)=>({key:a,tabClassName:"tab",panelClassName:"panel",title:e.title,getContent:()=>e.renderer}))}))},exports.Tag=e=>{const{variant:a="solid",color:l="grey",value:r,className:c="tag",style:n}=e;return t.createElement(ua,{className:c,variant:a,color:l,style:n,title:r},r)},exports.TagNumber=e=>{const{label:a,value:l,className:r="tag-number",style:c}=e;return t.createElement(xa,{className:r,style:c,title:a},t.createElement("span",{className:"label"},a),t.createElement("span",{className:"value"},l))},exports.TextArea=e=>{const{minimal:a=!0,className:l="text-area",style:r,height:c,name:n,placeholder:i,value:o,defaultValue:s,onChange:d=(()=>{}),minlength:m,maxlength:h,charactersCount:p,disabled:f=!1,error:g,required:u,dataTestId:v}=e;return t.createElement(Oe,{className:"text-field"},t.createElement(Ae,{minimal:a,className:l,style:r,height:c,name:n,placeholder:i,value:o,defaultValue:s,onChange:d,minlength:m,maxlength:h,disabled:f,error:g,required:u,"data-testid":v}),null!=p&&t.createElement(De,{minimal:a},t.createElement("span",{className:p<0?"negative":""},p)),g?t.createElement(Ue,{error:g}):null)},exports.TextField=Ma,exports.TextFieldAppendix=e=>{const{append:a,prepend:l,type:r="text",name:c,value:n,defaultValue:i,onChange:o=(()=>{}),placeholder:s="",min:d,max:m,disabled:h=!1,error:p,dataTestId:f,className:g="text-field-appendix",pattern:u,required:v=!1}=e;return t.createElement(t.Fragment,null,t.createElement(Ga,{className:g,error:p},l&&t.createElement(Na,{error:p,position:"left"},t.createElement("span",null,l)),t.createElement(Ma,{minimal:!1,type:r,name:c,value:n,defaultValue:i,onChange:o,placeholder:s,min:d,max:m,disabled:h,"data-testid":f,pattern:u,required:v}),a&&t.createElement(Na,{error:p,position:"right"},t.createElement("span",null,a))),p?t.createElement(Ue,{error:p}):null)},exports.Toggle=({ariaLabelOn:e,ariaLabelOff:l,labelLeft:r="Off",labelRight:c="On",checked:n=!1,disabled:i=!1,isLabelVisible:o=!1,onClick:s=(()=>{}),...d})=>{const[h,p]=a.useState(n),[f,g]=a.useState(""),u=e=>{if(!i)return p(e),s(e)};return a.useEffect(()=>{const e=m.v4().split("",5).join("");g(e)},[]),a.useEffect(()=>{p(n)},[n]),t.createElement(Ja,Object.assign({disabled:i,role:"radiogroup","aria-label":"toggle switcher"},d),t.createElement("div",null,r&&o&&t.createElement("label",{htmlFor:f+"-switch-off"},r),t.createElement("span",{className:"wrapper"},t.createElement("input",{type:"radio",name:"toggle-id-"+f,id:f+"-switch-off",className:"switch-off",checked:!h,disabled:i,"aria-checked":!h,"aria-label":l,onChange:()=>u(!1)}),t.createElement("input",{type:"radio",name:"toggle-id-"+f,className:"switch-on",id:f+"-switch-on",checked:h,disabled:i,"aria-checked":h,"aria-label":e,onChange:()=>u(!0)}),t.createElement("span",{"aria-hidden":"true",className:"bg"}),t.createElement("label",{"aria-hidden":"true",className:"switcher",htmlFor:`${f}-switch-${h?"off":"on"}`})),c&&o&&t.createElement("label",{htmlFor:f+"-switch-on"},c)))},exports.TruncateLine=e=>{const{value:a,className:l="truncate",style:r,dataTestId:c}=e;return t.createElement(Ia,{className:l,style:r,"data-testid":c},t.createElement("span",null,a))},exports.VideoPlayer=e=>{const{video:a,playing:l=!0,loop:r=!1,controls:c=!1,width:n="100%",height:i="100%",onEnded:o}=e;return t.createElement(Sa,null,t.createElement(d,{style:{position:"absolute",top:0,left:0},url:a,playing:l,loop:r,controls:c,width:n,height:i,onEnded:o}))},exports.WizardSteps=e=>{const{className:a="wizard-steps",style:l,steps:r=[],dataTestId:c="wizard-steps-test-id"}=e;return t.createElement("div",{className:a,style:l,"data-testid":c},t.createElement(cl,null,r.map((e,a)=>t.createElement(nl,{key:a,active:e.active,"data-testid":"step-"+e.dataTestId},t.createElement("div",null,t.createElement("span",null,e.value))))))};
+`;exports.ActionsMenu=e=>{const{ariaLabel:a="",actions:l=[],data:r,dataTestId:c="action-menu-button",startsOpen:n=!1}=e,{ref:i,isVisible:o,setIsVisible:s}=W(n);return t.createElement(et,{ref:i},t.createElement(O,{variant:"text",color:"dark",icon:"menuVert",ariaLabel:a,action:e=>{e.preventDefault(),s(!o),e.stopPropagation()},dataTestId:c}),o?t.createElement(tt,{actions:l,data:r,handleOptionClick:()=>{s(!1)}}):null)},exports.AlertNotification=e=>{const{className:a="alert-notification",variant:l="success",closeAction:r=(()=>{}),value:c,children:n}=e;return t.createElement(fl,{className:a,variant:l},t.createElement("div",null,c?t.createElement("span",null,c):n),t.createElement(O,{variant:"text",icon:"cross",action:r}))},exports.AvatarImage=e=>{const{style:a,className:r="avatar-img",size:c=30,url:n,alt:i,boring:o=!0,boringType:s="pixel",square:d=!1}=e;return t.createElement(x,{className:r,size:c,square:d},o&&!n?t.createElement(l,{size:c,name:i,variant:s,square:d,colors:["#55cad7","#5031a9","#f9c543","#ef5766","#7a7a7a"]}):t.createElement("img",{style:a,src:n,alt:i}))},exports.Button=O,exports.ButtonDropdown=e=>{const{className:a="button-dropdown",variant:l="solid",color:r="green",value:c="",icon:n="keyboardDown",ariaLabel:i="",actions:o=[],data:s=null,dataTestId:d="action-button-dropdown",startsOpen:m=!1,disabled:h=!1}=e,{ref:p,isVisible:f,setIsVisible:g}=W(m);if(!o||!Array.isArray(o)||0===o.length)return t.createElement(t.Fragment,null);const u=o.filter(({visibilityFunc:e=null})=>!s||!e||e(s));return 0===u.length?t.createElement(t.Fragment,null):t.createElement(B,{className:a,visibleActions:u.length,ref:p},t.createElement(O,{variant:l,color:r,value:c,icon:n,iconPosition:"right",ariaLabel:i,action:e=>{e.preventDefault(),g(!f)},dataTestId:d,disabled:h}),t.createElement("ul",{"data-testid":"ul-action-menu",className:f?"isOpen":""},u.map(({id:e="",url:a="",action:l=(()=>{}),value:r=""})=>t.createElement("li",{key:e,"data-testid":"li-action-menu"},t.createElement("a",{href:a,onClick:e=>{g(!1),l(e,s)}},t.createElement("span",null,r))))))},exports.ButtonLink=e=>{const{variant:a="solid",color:l="green",querySelector:r=".button-link",className:c="button-link",url:n,blank:i=!1,icon:o="",iconPosition:s="left",value:d="",action:m=(()=>{}),dataTestId:h="",eventId:p="",style:f,rel:g}=e;return M({querySelector:r}),t.createElement(ie,{variant:a,color:l,className:"button "+c,href:n,target:i?"_blank":"",value:d,onClick:m,"data-testid":h,"data-event":p,style:f,iconPosition:s,rel:g&&""!==g?g:i?"noopener noreferrer":""},o&&t.createElement(ea,{icon:o}),d&&t.createElement("span",null,d))},exports.CardValue=e=>{const{label:a,kai:l=!1,value:r,description:c,buttonValue:n,onClick:i,className:o="card-value",style:s}=e;return t.createElement(ct,{className:o,style:s},t.createElement(ca,{value:a,kai:l}),t.createElement("span",null,r),c&&t.createElement("p",null,c),n&&i&&t.createElement(nt,null,t.createElement(O,{color:"grey",value:n,action:i})))},exports.Checkbox=xe,exports.CheckboxButton=e=>{const{label:l,value:r,checked:c=!1,onChange:n=(()=>{}),disabled:i=!1,className:o="checkbox-button",style:s,dataTestId:d,required:m=!1}=e,[h,p]=a.useState(c);return t.createElement($e,{style:s,className:o,disabled:i,checked:h},t.createElement(ke,null,l),t.createElement(Pe,{type:"checkbox",name:r,defaultChecked:c,"aria-checked":c,onChange:n,disabled:i,"data-testid":d,required:m,onClick:()=>{p(!h)}}),t.createElement(Re,{disabled:i}))},exports.CheckboxGroup=e=>{const{children:a,options:l,type:r="column",onChange:c,error:n,disabled:i}=e;return t.createElement(ql,{type:r,error:n},a||(l&&Array.isArray(l)?l.map((e,a)=>t.createElement("li",{key:a},t.createElement(xe,{label:e.label,value:e.value,checked:e.checked,onChange:c,error:!!n,disabled:i}))):null),n?t.createElement(Ue,{error:n}):null)},exports.DataWarning=e=>{let a;const{type:l="login",children:r}=e;switch(l){case"login":a=t.createElement(Rl,null);break;case"data":a=t.createElement(Cl,null);break;default:a=t.createElement(Rl,null)}return t.createElement(Pl,{type:l},a,t.createElement("div",null,r))},exports.EmptyTable=ut,exports.Error=e=>{const{variant:a="default",value:l}=e;return t.createElement(wl,{variant:a},"default"===a?t.createElement(ea,{icon:"warning",fill:"hsl(354, 83%, 64%)"}):t.createElement("span",null,"¯\\\\_(ツ)_/¯"),l&&t.createElement("span",null,l))},exports.ErrorField=Ue,exports.FieldWidthButton=e=>{const{label:a,type:l="text",name:r,placeholder:c,value:n,onChange:i,disabled:o=!1,error:s="",dataTestId:d,required:m=!1,buttonIcon:h,buttonValue:p,buttonAction:f,buttonDisabled:g}=e;return t.createElement(jl,null,a&&t.createElement(ca,{value:a}),t.createElement(Bl,null,t.createElement(Ma,{minimal:!1,type:l,name:r,value:n,onChange:i,placeholder:c,disabled:o,error:s,dataTestId:d,required:m}),t.createElement(O,{icon:h,value:p,action:f,disabled:g})))},exports.FormGroup=e=>{const{label:a,kai:l=!1,error:r=!1,children:c}=e;return t.createElement(Kt,{error:r},t.createElement(ca,{value:a,kai:l}),c)},exports.GridCol=e=>{const{className:a="grid-col",size:l=1,children:r}=e;return t.createElement(_r,{className:a,size:l},r)},exports.GridContainer=e=>{const{className:a="grid-container",children:l}=e;return t.createElement(Er,{className:a},l)},exports.GridRow=e=>{const{className:a="grid-row",children:l}=e;return t.createElement(wr,{className:a},l)},exports.HorizontalNav=e=>{const[l,r]=a.useState(!1),c=a.useRef(null),n=a.useRef(null),{className:i="horizontal-nav",customColor:o="",items:s,startsOpen:d=!1}=e,{ref:m,isVisible:h,setIsVisible:p}=W(d);return a.useEffect(()=>{if(!m||!m.current)return;const e=document.querySelector("ul.menu").getElementsByTagName("li"),a=document.querySelector(".more").getElementsByTagName("li"),t=()=>r(a.length>0),l=()=>{if(1===e.length)return;let a=e[e.length-1];document.querySelector("ul.more").prepend(a)},c=()=>{if(0===a.length)return;let e=a[0];document.querySelector("ul.menu").append(e)},i=()=>{t();for(let a=0;a<e.length+20;a++)n.current.scrollWidth+50>m.current.offsetWidth?l():c()};return i(),"undefined"!=typeof window?(t(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)):void 0},[m]),t.createElement(Yl,{ref:m,className:i,customColor:o},t.createElement("ul",{className:"menu",ref:n},s),t.createElement(Ul,{className:l?"hide":"",ref:c},t.createElement(O,{variant:"text",color:"dark",icon:"menuVert",action:()=>{p(!h)}}),t.createElement("ul",{className:h?"more is-open":"more"})))},exports.Icon=ea,exports.Label=ca,exports.LoadingState=e=>{const{type:a="text",lines:l=3,cardsNumber:r=4,header:c=!0,columnsNumber:n=4,rowsNumber:i=3,center:o=!0}=e;let s,d=[],m=[],h=[],p=[];for(let e=0;e<l;e++)d.push(t.createElement("div",{key:e,className:"paragraph"}));for(let e=0;e<r;e++)m.push(t.createElement("div",{key:e,className:"card"},t.createElement("div",{className:"cover"}),t.createElement("div",{className:"avatar"}),t.createElement("div",{className:"title"}),t.createElement("div",{className:"paragraph"}),t.createElement("div",{className:"paragraph"}),t.createElement("div",{className:"paragraph"}),t.createElement("div",{className:"paragraph"})));for(let e=0;e<n;e++)h.push(t.createElement("div",{key:e,className:"header"}));for(let e=0;e<n*i;e++)p.push(t.createElement("div",{key:e,className:"cell"}));switch(a){case"text":s=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"title"}),t.createElement("div",{className:"subtitle"}),d));break;case"card":s=t.createElement(vr,{center:o},m);break;case"table":s=t.createElement("div",null,t.createElement(ur,{className:"table",columnsNumber:n},c&&h,p));break;case"value":s=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"value"})));break;default:s=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"title"}),t.createElement("div",{className:"subtitle"}),d))}return t.createElement(gr,{type:a},s)},exports.Modal=e=>{const{isShowing:l=!1,hide:r,title:c,children:n,closeValue:i="Close",footer:o=!1,zIndex:s=10}=e,[d,m]=a.useState(!1);return a.useEffect(()=>{if("undefined"!=typeof window){const e=document.querySelector("div.modal");e&&e.offsetHeight+60>window.innerHeight?m(!0):m(!1);const a=f((function(){e&&e.offsetHeight+60>window.innerHeight?m(!0):m(!1)}),200);return window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)}},[]),l?g.createPortal(t.createElement(t.Fragment,null,t.createElement(tr,{zIndex:s}),t.createElement(lr,{"aria-modal":!0,tabIndex:-1,role:"dialog",zIndex:s,modalOverflow:d},t.createElement(rr,{onClick:e=>e.stopPropagation(),zIndex:s,className:"modal"},t.createElement(cr,null,c&&t.createElement("h2",null,c),t.createElement(O,{variant:"outline",color:"grey",icon:"cross",ariaLabel:"Close",action:r})),n,o&&t.createElement(bt,{closeAction:r,closeValue:i})))),document.body):t.createElement(t.Fragment,null)},exports.ModalDrawer=e=>{const{isShowing:a=!1,hide:l,title:r,children:c,closeValue:n="Close",footer:i=null,footerHidden:o=!1,zIndex:s=10}=e;return a?g.createPortal(t.createElement(t.Fragment,null,t.createElement(sr,{zIndex:s}),t.createElement(dr,{"aria-modal":!0,tabIndex:-1,role:"dialog",zIndex:s},t.createElement(mr,{onClick:e=>e.stopPropagation(),zIndex:s},t.createElement(hr,null,r&&t.createElement("h2",null,r)),t.createElement(pr,null,c),!o&&(i||t.createElement(bt,{closeAction:l,closeValue:n}))))),document.body):t.createElement(t.Fragment,null)},exports.ModalFooter=bt,exports.NoteCard=e=>{const{color:a="grey",value:l="",buttonValue:r="",onClick:c,className:n="note-card",style:i}=e;return t.createElement(Pt,{className:n,color:a,buttonValue:r,style:i},t.createElement("div",null,t.createElement("p",null,l)),r&&c&&t.createElement("div",null,t.createElement("button",{onClick:c},r)))},exports.NumberInputSpinner=e=>{const{decreaseAriaLabel:l="Decrease Value",increaseAriaLabel:r="Increase Value",increment:c=1,min:n=0,max:i=10,value:o=0,onChange:s,disabled:d=!1}=e,m=a.useRef(!0),[h,p]=a.useState(o);a.useEffect(()=>{m.current?m.current=!1:p(o)},[o]);const f=e=>{s&&s(e),p(e)};return t.createElement(Yt,null,t.createElement(el,{className:"remove-button","aria-label":l,onClick:e=>{e.preventDefault(),f(h-c>n?h-c:n)},disabled:h<=n||d},t.createElement(ea,{icon:"remove"})),t.createElement(Ut,{type:"number",min:n,max:i,value:h,onChange:e=>{e.preventDefault(),f(parseInt(e.target.value))},disabled:d}),t.createElement(el,{className:"add-button","aria-label":r,onClick:e=>{e.preventDefault(),f(h+c<i?h+c:i)},disabled:h>=i||d},t.createElement(ea,{icon:"add"})))},exports.PaginationControl=e=>{const[l,r]=a.useState(3),{dark:c=!1,page:n=0,pageCount:i,hrefBuilder:o=(()=>{}),onPageChange:s=(()=>{}),ariaLabelBuilder:d=(()=>{})}=e;return a.useEffect(()=>{function e(){"undefined"!=typeof window&&(window.innerWidth<700&&r(1),window.innerWidth>700&&r(3))}e(),"undefined"!=typeof window&&window.addEventListener("resize",e)}),t.createElement(xl,null,t.createElement(p,{containerClassName:c?"dark pagination":"pagination",pageClassName:"page",breakLinkClassName:"break",activeClassName:"active",previousLabel:t.createElement("svg",{viewBox:"0 0 32 32"},t.createElement("path",{d:"M22.6986 26.027C22.0701 26.7812 20.9491 26.8832 20.1948 26.2546L9.52814 17.3657C9.12282 17.0279 8.88847 16.5276 8.88847 16C8.88847 15.4724 9.12282 14.972 9.52814 14.6342L20.1948 5.74536C20.9491 5.1168 22.0701 5.21871 22.6986 5.97298C23.3272 6.72725 23.2253 7.84826 22.471 8.47682L13.4432 16L22.471 23.5231C23.2253 24.1517 23.3272 25.2727 22.6986 26.027Z"})),nextLabel:t.createElement("svg",{viewBox:"0 0 32 32"},t.createElement("path",{d:"M9.30048 5.97303C9.92904 5.21876 11.05 5.11685 11.8043 5.74541L22.471 14.6343C22.8763 14.9721 23.1106 15.4724 23.1106 16C23.1106 16.5276 22.8763 17.028 22.471 17.3658L11.8043 26.2546C11.05 26.8832 9.92904 26.7813 9.30048 26.027C8.67192 25.2727 8.77383 24.1517 9.5281 23.5232L18.5559 16L9.5281 8.47686C8.77383 7.8483 8.67192 6.7273 9.30048 5.97303Z"})),pageRangeDisplayed:l,marginPagesDisplayed:1,forcePage:n,pageCount:i,hrefBuilder:o,onPageChange:e=>{s(e.selected)},ariaLabelBuilder:d}))},exports.ProgressBar=e=>{const{progress:a=0,value:l=""}=e;return t.createElement(Aa,null,t.createElement(Da,null,t.createElement(Fa,{progress:a})),l&&t.createElement(Ba,null,l))},exports.RadioGroup=e=>{const{className:a="radio-group",style:l,options:r,type:c="column",group:n,onChange:i,error:o,disabled:s=!1,dataTestId:d}=e;return t.createElement("div",{style:l,className:a},t.createElement(Ll,{type:c,group:n,error:o,"data-testid":d},r.map((e,a)=>t.createElement(Sl,{key:a,disabled:e.disabled||s},t.createElement("input",{id:`radio-${n}-${a}`,type:"radio",name:n,value:e.value,checked:e.checked,onChange:i,disabled:e.disabled||s}),t.createElement("label",{htmlFor:`radio-${n}-${a}`},e.label),t.createElement("div",{className:"check"})))),o?t.createElement(Ue,{error:o}):null)},exports.Select=e=>{const{minimal:a=!1,placeholder:l,options:r,defaultValue:c,value:n,name:i,onChange:o=(()=>{}),error:s,disabled:d=!1,dataTestId:m}=e,h=r.map(e=>t.createElement("option",{key:e.value,value:e.value},e.name));return t.createElement(t.Fragment,null,t.createElement(Je,{minimal:a,name:i,defaultValue:c,value:n,onChange:o,error:s,disabled:d,"data-testid":m},l&&t.createElement("option",{value:"",disabled:!0,selected:!0,hidden:!0},l),h),s?t.createElement(Ue,{error:s}):null)},exports.SelectInteractive=e=>{const{name:a,multi:l=!1,search:r=!0,placeholder:c,options:n,value:s,clear:d=!0,onChange:m=(()=>{}),onInputChange:h=(()=>{}),error:p,disabled:f=!1,dataTestId:g}=e,{Option:u}=i.components;return t.createElement(ka,{"data-testid":g},t.createElement(o,{className:"select-interactive",classNamePrefix:"select",name:a,isMulti:l,isSearchable:r,isDisabled:f,placeholder:c,options:n,value:s,isClearable:d,onChange:m,defaultMenuIsOpen:!1,onInputChange:h,components:{Option:(e,a)=>t.createElement(u,Object.assign({},e,a),e.data.icon?t.createElement(ea,{icon:e.data.icon}):e.data.customImage?e.data.customImage:null,e.data.label),SingleValue:e=>t.createElement("div",null,e.data.icon?t.createElement(ea,{icon:e.data.icon}):e.data.customImage?e.data.customImage:null,e.data.label)}}),p?t.createElement(Ue,{error:p}):null)},exports.Slideshow=e=>{const{showArrows:a=!0,slidesNumber:l=1,autoPlay:r=!0,stopOnHover:c=!0,interval:n=5e3,dynamicHeight:i=!0,slideSelected:o=0,children:d}=e;return t.createElement(La,{slidesNumber:l},t.createElement(s.Carousel,{showArrows:a,showStatus:!1,showThumbs:!1,autoPlay:r,stopOnHover:c,interval:n,transitionTime:1e3,infiniteLoop:!0,useKeyboardArrows:!0,swipeable:!1,swipeScrollTolerance:5,emulateTouch:!1,dynamicHeight:i,selectedItem:o,renderArrowPrev:(e,a)=>a&&t.createElement(O,{className:"previous",variant:"text",ariaLabel:"Previous",action:e,icon:"arrowBack"}),renderArrowNext:(e,a)=>a&&t.createElement(O,{className:"next",variant:"text",ariaLabel:"Next",action:e,icon:"arrowForward"}),renderIndicator:(e,a,l)=>a?t.createElement("li",{className:"selected","aria-label":`Slide ${l+1} selected`,title:`Slide ${l+1} selected`}):t.createElement("li",null,t.createElement("button",{onClick:e,onKeyDown:e,value:l,key:l,tabIndex:0,title:"Slide "+(l+1),"aria-label":"Slide "+(l+1)}))},d))},exports.Spinner=da,exports.Table=e=>{const{border:l=!1,options:r,values:c=[],actions:n=[],dataTestId:i="table-test-id",menuDataTestId:o="table-action-menu",actionMenuTestId:s="icon-button",showEmpty:d=!1,emptyValue:m="No Data",className:h="table",style:p,startsOpen:f=!1}=e,{ref:g,isVisible:u,setIsVisible:v}=W(f),[b,z]=a.useState({}),[x,M]=a.useState(void 0),{columns:y=[]}=r,E=n.length>0,w=c.filter(Rt),_=Array.isArray(c)&&c.length>0;if(d&&!_){const e=y.map(e=>e.value);return t.createElement(ut,{border:l,tableHead:e,value:m})}return t.createElement(It,null,t.createElement(Tt,null,t.createElement(Lt,{border:l,"data-testid":i,className:h,style:p},t.createElement("thead",null,t.createElement("tr",null,y.map(({id:e="",className:a="",value:l="",dataTestId:r=null})=>t.createElement("th",{key:e,className:a,"data-testid":r?"th-"+r:null},l)),E&&t.createElement("th",null))),t.createElement("tbody",null,w.map((e,a)=>t.createElement("tr",{key:e.id,"data-testid":"row-"+i},y.map(({id:a="",dataKey:l="",className:r="",value:c="",renderer:n=null,dataTestId:i})=>t.createElement("td",{key:a,className:r,"data-label":c,"data-testid":"td-"+i},t.createElement("div",null,n?n(e[l],e):e[l],"kai"===r?t.createElement(ea,{icon:"kai",fill:"hsl(0, 0%, 16%)"}):null))),E&&t.createElement("td",{className:"menu","data-testid":o},t.createElement("div",{ref:g},t.createElement(O,{variant:"text",color:"grey",icon:"menuVert",action:t=>{t.preventDefault(),z(e),M(a),v(!u),t.stopPropagation()},dataTestId:s}))))))),u&&t.createElement(tt,{actions:n,data:b,rowIndex:x,handleOptionClick:()=>{v(!1)}})))},exports.TableDnD=e=>{const{border:l=!1,options:r,values:c=[],actions:n=[],dataTestId:i="table-test-id",menuDataTestId:o="table-action-menu",actionMenuTestId:s="icon-button",showEmpty:d=!1,emptyValue:m="No Data",className:p="table",style:f,onChange:g,startsOpen:u=!1}=e,{ref:v,isVisible:b,setIsVisible:z}=W(u),[x,M]=a.useState(""),[y,E]=a.useState({}),[w,_]=a.useState(void 0),{columns:$=[]}=r,k=n.length>0,P=c.filter(Rt),R=Array.isArray(c)&&c.length>0;if(d&&!R){const e=$.map(e=>e.value);return t.createElement(ut,{border:l,tableHead:e,value:m})}return t.createElement(h.DragDropContext,{onBeforeDragStart:e=>{M(e.draggableId)},onDragEnd:e=>{if(!e.destination)return;const a=((e,a,t)=>{const l=Array.from(e),[r]=l.splice(a,1);return l.splice(t,0,r),l.map((e,a)=>(e.order=a,e))})(c,e.source.index,e.destination.index);g(a),M("")}},t.createElement(It,null,t.createElement(Tt,null,t.createElement(At,{border:l,"data-testid":i,className:p,style:f,layout:"auto"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",{className:"thin"}),$.map(({id:e="",className:a="",value:l="",dataTestId:r=null})=>t.createElement("th",{key:e,className:a,"data-testid":r?"th-"+r:null},l)))),t.createElement(h.Droppable,{droppableId:"droppable"},(e,a)=>{return t.createElement("tbody",Object.assign({},e.droppableProps,{ref:e.innerRef,style:(l=a.isDraggingOver,{background:l?Ft:"transparent"})}),P.map((e,a)=>t.createElement(h.Draggable,{key:""+a,draggableId:""+a,index:a},(l,r)=>{return t.createElement(Dt,Object.assign({ref:l.innerRef,key:e.id,"data-testid":"row-"+i,draggableId:x,style:(c=r.isDragging,n=l.draggableProps.style,{userSelect:"none",background:c?Ft:"transparent",...n})},l.draggableProps),t.createElement("td",{className:"thin drag-handle"},t.createElement("div",Object.assign({},l.dragHandleProps),t.createElement(ea,{icon:"drag-handle"}))),$.map(({id:a="",dataKey:l="",className:r="",value:c="",renderer:n=null,dataTestId:i})=>t.createElement("td",{key:a,className:r,"data-label":c,"data-testid":"td-"+i},t.createElement("div",null,n?n(e[l],e):e[l],"kai"===r?t.createElement(ea,{icon:"kai",fill:"hsl(0, 0%, 16%)"}):null))),k&&t.createElement("td",{className:"menu","data-testid":o},t.createElement("div",{ref:v},t.createElement(O,{variant:"text",color:"grey",icon:"menuVert",action:t=>{t.preventDefault(),E(e),_(a),z(!b),t.stopPropagation()},dataTestId:s}))));var c,n})),e.placeholder);var l})),b&&t.createElement(tt,{actions:n,data:y,rowIndex:w}))))},exports.TabsPanel=e=>{const{unmountOnExit:a=!0,selectedTabKey:l=0,beforeChange:r,onChange:c,tabs:n}=e;return t.createElement(yr,null,t.createElement(u,{transform:!1,unmountOnExit:a,selectedTabKey:l,beforeChange:r,onChange:c,items:n.map((e,a)=>({key:a,tabClassName:"tab",panelClassName:"panel",title:e.title,getContent:()=>e.renderer}))}))},exports.Tag=e=>{const{variant:a="solid",color:l="grey",value:r,className:c="tag",style:n}=e;return t.createElement(ua,{className:c,variant:a,color:l,style:n,title:r},r)},exports.TagNumber=e=>{const{label:a,value:l,className:r="tag-number",style:c}=e;return t.createElement(xa,{className:r,style:c,title:a},t.createElement("span",{className:"label"},a),t.createElement("span",{className:"value"},l))},exports.TextArea=e=>{const{minimal:a=!0,className:l="text-area",style:r,height:c,name:n,placeholder:i,value:o,defaultValue:s,onChange:d=(()=>{}),minlength:m,maxlength:h,charactersCount:p,disabled:f=!1,error:g,required:u,dataTestId:v}=e;return t.createElement(Oe,{className:"text-field"},t.createElement(Ae,{minimal:a,className:l,style:r,height:c,name:n,placeholder:i,value:o,defaultValue:s,onChange:d,minlength:m,maxlength:h,disabled:f,error:g,required:u,"data-testid":v}),null!=p&&t.createElement(De,{minimal:a},t.createElement("span",{className:p<0?"negative":""},p)),g?t.createElement(Ue,{error:g}):null)},exports.TextField=Ma,exports.TextFieldAppendix=e=>{const{append:a,prepend:l,type:r="text",name:c,value:n,defaultValue:i,onChange:o=(()=>{}),placeholder:s="",min:d,max:m,disabled:h=!1,error:p,dataTestId:f,className:g="text-field-appendix",pattern:u,required:v=!1}=e;return t.createElement(t.Fragment,null,t.createElement(Ga,{className:g,error:p},l&&t.createElement(Na,{error:p,position:"left"},t.createElement("span",null,l)),t.createElement(Ma,{minimal:!1,type:r,name:c,value:n,defaultValue:i,onChange:o,placeholder:s,min:d,max:m,disabled:h,"data-testid":f,pattern:u,required:v}),a&&t.createElement(Na,{error:p,position:"right"},t.createElement("span",null,a))),p?t.createElement(Ue,{error:p}):null)},exports.Toggle=({ariaLabelOn:e,ariaLabelOff:l,labelLeft:r="Off",labelRight:c="On",checked:n=!1,disabled:i=!1,isLabelVisible:o=!1,onClick:s=(()=>{}),...d})=>{const[h,p]=a.useState(n),[f,g]=a.useState(""),u=e=>{if(!i)return p(e),s(e)};return a.useEffect(()=>{const e=m.v4().split("",5).join("");g(e)},[]),a.useEffect(()=>{p(n)},[n]),t.createElement(Ja,Object.assign({disabled:i,role:"radiogroup","aria-label":"toggle switcher"},d),t.createElement("div",null,r&&o&&t.createElement("label",{htmlFor:f+"-switch-off"},r),t.createElement("span",{className:"wrapper"},t.createElement("input",{type:"radio",name:"toggle-id-"+f,id:f+"-switch-off",className:"switch-off",checked:!h,disabled:i,"aria-checked":!h,"aria-label":l,onChange:()=>u(!1)}),t.createElement("input",{type:"radio",name:"toggle-id-"+f,className:"switch-on",id:f+"-switch-on",checked:h,disabled:i,"aria-checked":h,"aria-label":e,onChange:()=>u(!0)}),t.createElement("span",{"aria-hidden":"true",className:"bg"}),t.createElement("label",{"aria-hidden":"true",className:"switcher",htmlFor:`${f}-switch-${h?"off":"on"}`})),c&&o&&t.createElement("label",{htmlFor:f+"-switch-on"},c)))},exports.TruncateLine=e=>{const{value:a,className:l="truncate",style:r,dataTestId:c}=e;return t.createElement(Ia,{className:l,style:r,"data-testid":c},t.createElement("span",null,a))},exports.VideoPlayer=e=>{const{video:a,playing:l=!0,loop:r=!1,controls:c=!1,width:n="100%",height:i="100%",onEnded:o}=e;return t.createElement(Sa,null,t.createElement(d,{style:{position:"absolute",top:0,left:0},url:a,playing:l,loop:r,controls:c,width:n,height:i,onEnded:o}))},exports.WizardSteps=e=>{const{className:a="wizard-steps",style:l,steps:r=[],dataTestId:c="wizard-steps-test-id"}=e;return t.createElement("div",{className:a,style:l,"data-testid":c},t.createElement(cl,null,r.map((e,a)=>t.createElement(nl,{key:a,active:e.active,"data-testid":"step-"+e.dataTestId},t.createElement("div",null,t.createElement("span",null,e.value))))))};
 //# sourceMappingURL=rocket-kit.cjs.production.min.js.map