@taikai/rocket-kit 3.0.11 → 3.0.12-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/rocket-kit.cjs.development.js +9 -5
- package/dist/rocket-kit.cjs.development.js.map +1 -1
- package/dist/rocket-kit.cjs.production.min.js +1 -1
- package/dist/rocket-kit.cjs.production.min.js.map +1 -1
- package/dist/rocket-kit.esm.js +9 -5
- package/dist/rocket-kit.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -3194,5 +3194,5 @@
|
|
|
3194
3194
|
@media ${ue} {
|
|
3195
3195
|
flex: ${e=>e.size};
|
|
3196
3196
|
}
|
|
3197
|
-
`;exports.ActionMenuList=we,exports.ActionsMenu=e=>{const{ariaLabel:a="",actions:r=[],data:l,dataTestId:n="action-menu-button",startsOpen:c=!1}=e,{ref:o,isVisible:i,setIsVisible:d}=H(c);return t.createElement(Ee,{ref:o},t.createElement(_,{variant:"text",color:"dark",icon:"menuVert",ariaLabel:a,action:e=>{e.preventDefault(),d(!i),e.stopPropagation()},dataTestId:n}),i?t.createElement(we,{actions:r,data:l,handleOptionClick:()=>{d(!1)}}):null)},exports.AvatarImage=e=>{const{style:a,className:l="avatar-img",size:n=30,url:c,alt:o,boring:i=!0,boringType:d="pixel",square:s=!1}=e;return t.createElement(y,{className:l,size:n,square:s},i&&!c?t.createElement(r,{size:n,name:o,variant:d,square:s,colors:["#55cad7","#5031a9","#f9c543","#ef5766","#7a7a7a"]}):t.createElement("img",{style:a,src:c,alt:o}))},exports.Button=_,exports.ButtonDropdown=e=>{const{variant:a="solid",rounded:r=!1,color:l="purple500",txtColor:n="white",className:c="button-dropdown",style:o,actions:i=[],value:d="",icon:s="add",dataTestId:h="action-button-dropdown",eventId:m="",ariaLabel:p="",ariaHidden:u=!1,data:v=null,startsOpen:f=!1,disabled:g=!1}=e,{ref:b,isVisible:z,setIsVisible:$}=H(f);if(!i||!Array.isArray(i)||0===i.length)return t.createElement(t.Fragment,null);const M=i.filter(({visibilityFunc:e=null})=>!v||!e||e(v));return 0===M.length?t.createElement(t.Fragment,null):t.createElement(k,{className:c,style:o,visibleActions:M.length,ref:b},t.createElement(_,{variant:a,rounded:r,color:l,txtColor:n,action:e=>{e.preventDefault(),$(!z)},value:d,iconPosition:"right",icon:s,"data-testid":h,"data-event":m,ariaLabel:p,"aria-hidden":u,disabled:g}),t.createElement("ul",{"data-testid":"ul-action-menu",className:z?"isOpen":""},M.map(({id:e="",url:a="",action:r=(()=>{}),value:l=""})=>t.createElement("li",{key:e,"data-testid":"li-action-menu"},t.createElement("a",{href:a,onClick:e=>{$(!1),r(e,v)}},t.createElement("span",null,l))))))},exports.ButtonLink=e=>{const{variant:a="solid",rounded:r=!1,color:l="purple500",txtColor:n,className:c="button-link",style:o,action:i=(()=>{}),url:d,blank:s=!1,rel:h,value:m="",iconPosition:p="left",icon:u="",dataTestId:v="",eventId:f="",ariaLabel:g="",ariaHidden:b=!1}=e;return t.createElement(P,{variant:a,rounded:r,color:l,txtColor:n,className:"button "+c,style:o,onClick:i,href:d,target:s?"_blank":"",rel:h&&""!==h?h:s?"noopener noreferrer":"",value:m,iconPosition:p,"data-testid":v,"data-event":f,"aria-label":g,"aria-hidden":b},u&&t.createElement(Q,{icon:u}),m&&t.createElement("span",null,m))},exports.CardValue=e=>{const{label:a,currency:r,value:l,description:n,buttonValue:c,onClick:o,className:i="card-value",style:d,dataTestId:s}=e;return t.createElement(Ce,{className:i,style:d,"data-testid":s},t.createElement(X,{value:a,currency:r}),t.createElement("span",null,l),n&&t.createElement("p",null,n),c&&o&&t.createElement(_,{color:"grey150",txtColor:"grey500",value:c,action:o}))},exports.Checkbox=N,exports.CheckboxButton=e=>{const{label:r,value:l,checked:n=!1,onChange:c=(()=>{}),disabled:o=!1,className:i="checkbox-button",style:d,dataTestId:s,required:h=!1}=e,[m,p]=a.useState(n);return t.createElement(F,{style:d,className:i,disabled:o,checked:m},t.createElement(L,null,r),t.createElement(I,{type:"checkbox",name:l,defaultChecked:n,"aria-checked":n,onChange:c,disabled:o,"data-testid":s,required:h,onClick:()=>{p(!m)}}),t.createElement(D,{disabled:o}))},exports.CheckboxGroup=e=>{const{children:a,options:r,type:l="column",onChange:n,error:c,disabled:o}=e;return t.createElement(ra,{type:l,error:c},a||(r&&Array.isArray(r)?r.map((e,a)=>t.createElement("li",{key:a},t.createElement(N,{label:e.label,value:e.value,checked:e.checked??void 0,onChange:a=>{var t;null==n||n(a),null===(t=e.onChange)||void 0===t||t.call(e,a)},error:!!c,disabled:o}))):null),c?t.createElement(Z,{error:c}):null)},exports.DataWarning=e=>{let a;const{type:r="login",children:l}=e;switch(r){case"login":a=t.createElement(Ue,null);break;case"data":a=t.createElement(ea,null);break;default:a=t.createElement(Ue,null)}return t.createElement(Ye,{type:r},a,t.createElement("div",null,l))},exports.EmptyTable=Be,exports.Error=e=>{const{variant:a="default",value:r}=e;return t.createElement(Je,{variant:a},"default"===a?t.createElement(Q,{icon:"warning",fill:"hsl(354, 83%, 64%)"}):t.createElement("span",null,"¯\\\\_(ツ)_/¯"),r&&t.createElement("span",null,r))},exports.ErrorField=Z,exports.FieldWidthButton=({label:e,type:r="text",name:l,placeholder:n,value:c,onChange:o,dataTestId:i,buttonIcon:d,buttonValue:s,buttonAction:h,buttonDisabled:m,disabled:p=!0,clearFieldAfterSubmit:u=!1})=>{const[v,f]=a.useState(!1),[g,b]=a.useState(c??"");return a.useEffect(()=>{c&&b(c)},[c]),t.createElement(la,null,e&&t.createElement(X,{value:e}),t.createElement(na,null,t.createElement(te,{type:r,name:l,disabled:p,placeholder:n,dataTestId:i,value:g??void 0,onChange:e=>{e.preventDefault(),""===e.target.value||" "===e.target.value?(b(null),null==o||o(e.target.value)):(b(e.target.value),null==o||o(e.target.value))}}),t.createElement(_,{color:"purple100",loading:v,icon:d,value:s,disabled:m,action:e=>{e.preventDefault(),(async()=>{"AsyncFunction"!==(null==h?void 0:h.constructor.name)?null==h||h(g):(f(!0),await(null==h?void 0:h(g)),f(!1)),u&&b("")})()}})))},exports.FilePicker=e=>{const{name:r,accept:l,multiple:n=!1,placeholder:c="Select file",pluralText:o="files selected",error:i,dataTestId:d,onChange:s=(()=>{}),value:h="",buttonText:m="Browse",disabled:p=!1}=e,[u,v]=a.useState(h||c);return t.createElement(xe,{disabled:p,error:!!i},t.createElement("input",{id:r,type:"file",accept:l,multiple:n,"data-multiple-caption":u,onChange:e=>{(e=>{let a,t=e.target.files;a=t&&t.length>1?`${t.length} ${o}`:e.target.value.split("\\").pop(),a&&v(a)})(e),s(e)},"data-testid":d}),t.createElement("label",{htmlFor:r},t.createElement("span",{className:"file-name"},u),t.createElement("span",{className:"button"},t.createElement(Q,{icon:"upload"}),m)),i&&t.createElement(Z,{error:i}))},exports.FormGroup=e=>{const{label:a,currency:r,error:l=!1,children:n}=e;return t.createElement(We,{error:l},t.createElement(X,{value:a,currency:r}),n)},exports.GridCol=e=>{const{className:a="grid-col",size:r=1,children:l}=e;return t.createElement(Ma,{className:a,size:r},l)},exports.GridContainer=e=>{const{className:a="grid-container",children:r}=e;return t.createElement(za,{className:a},r)},exports.GridRow=e=>{const{className:a="grid-row",children:r}=e;return t.createElement($a,{className:a},r)},exports.HorizontalNav=function(e){const{id:r="horizontal-nav",items:l}=e,[n,c]=a.useState(!1),[o,i]=a.useState(!0);return t.createElement("div",{className:"styles-module_wrapper__Q2-ac"},n&&t.createElement(_,{className:"styles-module_back__AE3bY",variant:"solid",color:"white",txtColor:"black",icon:"caret-left",action:()=>{ca(document.getElementById(r),"left",10,200,10)}}),t.createElement("div",{id:r},t.createElement("ul",{className:"menu"},l.map((e,a)=>t.createElement(u.InView,{key:a,as:"li",className:e.active?"styles-module_active__0DuQB":void 0,threshold:1,onChange:e=>{0===a&&e&&c(!1),0!==a||e||c(!0),a===l.length-1&&e&&i(!1),a!==l.length-1||e||i(!0)}},t.createElement("a",{href:e.url},e.icon&&t.createElement(Q,{icon:e.icon}),e.label))))),o&&t.createElement(_,{className:"styles-module_forward__sOwh3",variant:"solid",color:"white",txtColor:"black",icon:"caret-right",action:()=>{ca(document.getElementById(r),"right",10,200,10)}}))},exports.Icon=Q,exports.Label=X,exports.LoadingState=e=>{const{type:a="text",lines:r=3,cardsNumber:l=4,center:n=!0}=e;let c,o=[],i=[];for(let e=0;e<r;e++)o.push(t.createElement("div",{key:e,className:"paragraph"}));for(let e=0;e<l;e++)i.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"})));switch(a){case"text":c=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"title"}),t.createElement("div",{className:"subtitle"}),o));break;case"card":c=t.createElement(ga,{center:n},i);break;case"value":c=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"value"})));break;default:c=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"title"}),t.createElement("div",{className:"subtitle"}),o))}return t.createElement(fa,{type:a},c)},exports.Modal=e=>{const{isShowing:r=!1,hide:l,title:n,children:c,closeValue:o="Close",footer:i=!1,zIndex:d=10}=e,[s,h]=a.useState(!1);return a.useEffect(()=>{if("undefined"!=typeof window){const e=document.querySelector("div.modal");e&&e.offsetHeight+60>window.innerHeight?h(!0):h(!1);const a=v((function(){e&&e.offsetHeight+60>window.innerHeight?h(!0):h(!1)}),200);return window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)}},[]),r?f.createPortal(t.createElement(t.Fragment,null,t.createElement(oa,{zIndex:d}),t.createElement(ia,{"aria-modal":!0,tabIndex:-1,role:"dialog",zIndex:d,modalOverflow:s},t.createElement(da,{onClick:e=>e.stopPropagation(),zIndex:d,className:"modal"},t.createElement(sa,null,n&&t.createElement("h2",null,n),t.createElement(_,{color:"white",txtColor:"grey300",icon:"cross",ariaLabel:"Close",action:l,rounded:!0})),c,i&&t.createElement(Ne,{closeAction:l,closeValue:o})))),document.body):t.createElement(t.Fragment,null)},exports.ModalDrawer=e=>{const{isShowing:r=!1,hide:l,title:n,children:c,closeValue:o="Close",footer:i=null,footerHidden:d=!1,zIndex:s=10}=e;return a.useEffect(()=>(r&&"undefined"!=typeof window?document.documentElement.style.overflow="hidden":document.documentElement.style.overflow="",()=>{document.documentElement.style.overflow=""}),[r]),a.useEffect(()=>{const e=()=>{let e=.01*window.innerHeight;document.documentElement.style.setProperty("--vh",e+"px")};if(e(),"undefined"!=typeof window){let a=.01*window.innerHeight;return document.documentElement.style.setProperty("--vh",a+"px"),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[]),r?f.createPortal(t.createElement(t.Fragment,null,t.createElement(ha,{zIndex:s}),t.createElement(ma,{"aria-modal":!0,tabIndex:-1,role:"dialog",zIndex:s},t.createElement(pa,{onClick:e=>e.stopPropagation(),zIndex:s},t.createElement(ua,null,n&&t.createElement("h2",null,n)),t.createElement(va,null,c),!d&&(i||t.createElement(Ne,{closeAction:l,closeValue:o}))))),document.body):t.createElement(t.Fragment,null)},exports.ModalFooter=Ne,exports.NoteCard=e=>{const{color:a="grey",value:r="",buttonValue:l="",onClick:n,className:c="note-card",style:o}=e;return t.createElement(Fe,{className:c,color:a,buttonValue:l,style:o},t.createElement("div",null,t.createElement("p",null,r)),l&&n&&t.createElement("div",null,t.createElement("button",{onClick:n},l)))},exports.NumberInputSpinner=e=>{const{decreaseAriaLabel:r="Decrease Value",increaseAriaLabel:l="Increase Value",increment:n=1,min:c=0,max:o=10,value:i=0,onChange:d,disabled:s=!1}=e,h=a.useRef(!0),[m,p]=a.useState(i);a.useEffect(()=>{h.current?h.current=!1:p(i)},[i]);const u=e=>{d&&d(e),p(e)};return t.createElement(qe,null,t.createElement(Ze,{className:"remove-button","aria-label":r,onClick:e=>{e.preventDefault(),u(m-n>c?m-n:c)},disabled:m<=c||s},t.createElement(Q,{icon:"remove"})),t.createElement(je,{type:"number",min:c,max:o,value:m,onChange:e=>{e.preventDefault(),u(parseInt(e.target.value))},disabled:s}),t.createElement(Ze,{className:"add-button","aria-label":l,onClick:e=>{e.preventDefault(),u(m+n<o?m+n:o)},disabled:m>=o||s},t.createElement(Q,{icon:"add"})))},exports.PaginationControl=e=>{const[r,l]=a.useState(3),{dark:n=!1,page:c=0,pageCount:o,hrefBuilder:i=(()=>{}),onPageChange:d=(()=>{}),ariaLabelBuilder:s=(()=>{})}=e;return a.useEffect(()=>{function e(){"undefined"!=typeof window&&(window.innerWidth<700&&l(1),window.innerWidth>700&&l(3))}e(),"undefined"!=typeof window&&window.addEventListener("resize",e)}),t.createElement(Xe,null,t.createElement(p,{containerClassName:n?"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:r,marginPagesDisplayed:1,forcePage:c,pageCount:o,hrefBuilder:i,onPageChange:e=>{d(e.selected)},ariaLabelBuilder:s}))},exports.ProgressBar=e=>{const{progress:a=0,value:r=""}=e;return t.createElement(ge,null,t.createElement(be,null,t.createElement(ze,{progress:a})),r&&t.createElement($e,null,r))},exports.RadioGroup=e=>{const{className:a="radio-group",style:r,options:l,type:n="column",group:c,onChange:o,error:i,disabled:d=!1,dataTestId:s}=e;return t.createElement("div",{style:r,className:a},t.createElement(aa,{type:n,group:c,error:i,"data-testid":s},l.map((e,a)=>t.createElement(ta,{key:a,disabled:e.disabled||d},t.createElement("input",{id:`radio-${c}-${a}`,type:"radio",name:c,value:e.value,checked:e.checked,onChange:o,disabled:e.disabled||d}),t.createElement("label",{htmlFor:`radio-${c}-${a}`},e.label),t.createElement("div",{className:"check"})))),i?t.createElement(Z,{error:i}):null)},exports.Select=e=>{const{placeholder:a,options:r,defaultValue:l,value:n,name:c,onChange:o=(()=>{}),error:i,disabled:d=!1,dataTestId:s}=e,h=r.map(e=>t.createElement("option",{key:e.value,value:e.value},e.name));return t.createElement(t.Fragment,null,t.createElement(q,{name:c,defaultValue:l,value:n,onChange:o,error:i,disabled:d,"data-testid":s},a&&t.createElement("option",{value:"",disabled:!0,selected:!0,hidden:!0},a),h),i?t.createElement(Z,{error:i}):null)},exports.SelectInteractive=({name:e,multi:a=!1,search:r=!0,placeholder:l,options:n,value:c,clear:o=!0,error:d,disabled:s=!1,formatGroupLabel:h=!0,onChange:m=(()=>{}),onInputChange:p=(()=>{}),dataTestId:u,filterOption:v,...f})=>t.createElement(le,re({"data-testid":u},f),t.createElement(i,{name:e,value:c,isMulti:a,options:n,isClearable:o,isDisabled:s,isSearchable:r,classNamePrefix:"select",placeholder:l,className:"select-interactive",onChange:e=>m(e??[]),defaultMenuIsOpen:!1,onInputChange:p,components:{Option:ie,SingleValue:de},formatGroupLabel:e=>{return h?t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},t.createElement(ne,{className:"selective-options-group-label"},(a=e).label),t.createElement(ee,{value:""+a.options.length})):void 0;var a},filterOption:v}),d?t.createElement(Z,{error:d}):null),exports.Slideshow=e=>{const{showArrows:a=!0,slidesNumber:r=1,autoPlay:l=!0,stopOnHover:n=!0,interval:c=5e3,dynamicHeight:o=!0,slideSelected:i=0,children:s}=e;return t.createElement(ve,{slidesNumber:r},t.createElement(d.Carousel,{showArrows:a,showStatus:!1,showThumbs:!1,autoPlay:l,stopOnHover:n,interval:c,transitionTime:1e3,infiniteLoop:!0,useKeyboardArrows:!0,swipeable:!1,swipeScrollTolerance:5,emulateTouch:!1,dynamicHeight:o,selectedItem:i,renderArrowPrev:(e,a)=>a&&t.createElement(_,{className:"previous",variant:"text",ariaLabel:"Previous",action:e,icon:"arrowBack"}),renderArrowNext:(e,a)=>a&&t.createElement(_,{className:"next",variant:"text",ariaLabel:"Next",action:e,icon:"arrowForward"}),renderIndicator:(e,a,r)=>a?t.createElement("li",{className:"selected","aria-label":`Slide ${r+1} selected`,title:`Slide ${r+1} selected`}):t.createElement("li",null,t.createElement("button",{onClick:e,onKeyDown:e,value:r,key:r,tabIndex:0,title:"Slide "+(r+1),"aria-label":"Slide "+(r+1)}))},s))},exports.Spinner=Y,exports.Table=e=>{const{border:r=!0,options:l,values:n=[],actions:c=[],dataTestId:o="table-test-id",menuDataTestId:i="table-action-menu",actionMenuTestId:d="icon-button",loading:s=!1,loadingColumns:h=4,loadingRows:m=5,showEmpty:p=!1,emptyValue:u="No Data",className:v="table",style:f,startsOpen:g=!1}=e,{ref:b,isVisible:z,setIsVisible:$}=H(g),[M,x]=a.useState({}),[E,y]=a.useState(void 0),{columns:w=[]}=l,C=c.length>0,k=n.filter(Le),P=Array.isArray(n)&&n.length>0,R=t.createElement("th",null,t.createElement(Te,null)),V=t.createElement("td",null,t.createElement(Te,null)),B=w.length>0?w.length:h;if(p&&!P){const e=w.map(e=>e.value);return t.createElement(Be,{border:r,tableHead:e,value:u})}return t.createElement(Ie,null,t.createElement(De,null,t.createElement(Ae,{border:r,"data-testid":o,className:v,style:f,loadingState:s},t.createElement("thead",null,t.createElement("tr",null,s&&!w?Array.from({length:h},()=>R):w.map(({id:e="",className:a="",value:r="",dataTestId:l=null})=>t.createElement("th",{key:e,className:a,"data-testid":l?"th-"+l:null},r)),!s&&C&&t.createElement("th",null))),t.createElement("tbody",null,s?Array.from({length:m},()=>t.createElement("tr",null,Array.from({length:B},()=>V))):k.map((e,a)=>t.createElement("tr",{key:e.id,"data-testid":"row-"+o},w.map(({id:a="",dataKey:r="",className:l="",value:n="",renderer:c=null,dataTestId:o})=>t.createElement("td",{key:a,className:l,"data-label":n,"data-testid":"td-"+o},t.createElement("div",null,c?c(e[r],e):e[r],"tkai"===l?t.createElement(Q,{icon:"tkai",fill:"hsl(0, 0%, 16%)"}):"vkai"===l?t.createElement(Q,{icon:"vkai",fill:"hsl(0, 0%, 16%)"}):"lx"===l?t.createElement(Q,{icon:"lx",fill:"hsl(0, 0%, 16%)"}):"vote"===l?t.createElement(Q,{icon:"vote",fill:"hsl(0, 0%, 16%)"}):null))),C&&t.createElement("td",{className:"menu","data-testid":i},t.createElement("div",{ref:b},t.createElement(_,{variant:"text",color:"grey500",icon:"menuVert",action:t=>{t.preventDefault(),x(e),y(a),$(!z),t.stopPropagation()},dataTestId:d}))))))),z&&t.createElement(we,{actions:c,data:M,rowIndex:E,handleOptionClick:()=>{$(!1)}})))},exports.TableDnD=e=>{const{border:r=!1,options:l,values:n=[],actions:c=[],dataTestId:o="table-test-id",menuDataTestId:i="table-action-menu",actionMenuTestId:d="icon-button",showEmpty:s=!1,emptyValue:h="No Data",className:p="table",style:u,onChange:v,startsOpen:f=!1}=e,{ref:g,isVisible:z,setIsVisible:$}=H(f),[M,x]=a.useState(""),[E,y]=a.useState({}),[w,C]=a.useState(void 0),{columns:k=[]}=l,P=c.length>0,R=n.filter(Le),V=Array.isArray(n)&&n.length>0;if(s&&!V){const e=k.map(e=>e.value);return t.createElement(Be,{border:r,tableHead:e,value:h})}return t.createElement(m.DragDropContext,{onBeforeDragStart:e=>{x(e.draggableId)},onDragEnd:e=>{if(!e.destination)return;const a=((e,a,t)=>{const r=Array.from(e),[l]=r.splice(a,1);return r.splice(t,0,l),r.map((e,a)=>(e.order=a,e))})(n,e.source.index,e.destination.index);v(a),x("")}},t.createElement(Ie,null,t.createElement(De,null,t.createElement(Se,{border:r,"data-testid":o,className:p,style:u,layout:"auto"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",{className:"thin"}),k.map(({id:e="",className:a="",value:r="",dataTestId:l=null})=>t.createElement("th",{key:e,className:a,"data-testid":l?"th-"+l:null},r)))),t.createElement(m.Droppable,{droppableId:"droppable"},(e,a)=>{return t.createElement("tbody",re({},e.droppableProps,{ref:e.innerRef,style:(r=a.isDraggingOver,{background:r?b.white:"transparent"})}),R.map((e,a)=>t.createElement(m.Draggable,{key:""+a,draggableId:""+a,index:a},(r,l)=>{return t.createElement(Oe,re({ref:r.innerRef,key:e.id,"data-testid":"row-"+o,draggableId:M,style:(n=l.isDragging,c=r.draggableProps.style,{userSelect:"none",background:n?b.white:"transparent",...c})},r.draggableProps),t.createElement("td",{className:"thin drag-handle"},t.createElement("div",r.dragHandleProps,t.createElement(Q,{icon:"drag-handle"}))),k.map(({id:a="",dataKey:r="",className:l="",value:n="",renderer:c=null,dataTestId:o})=>t.createElement("td",{key:a,className:l,"data-label":n,"data-testid":"td-"+o},t.createElement("div",null,c?c(e[r],e):e[r],"kai"===l?t.createElement(Q,{icon:"kai",fill:"hsl(0, 0%, 16%)"}):null))),P&&t.createElement("td",{className:"menu","data-testid":i},t.createElement("div",{ref:g},t.createElement(_,{variant:"text",color:"grey500",icon:"menuVert",action:t=>{t.preventDefault(),y(e),C(a),$(!z),t.stopPropagation()},dataTestId:d}))));var n,c})),e.placeholder);var r})),z&&t.createElement(we,{actions:c,data:E,rowIndex:w}))))},exports.TabsPanel=e=>{const{unmountOnExit:a=!0,selectedTabKey:r=0,beforeChange:l,onChange:n,tabs:c}=e;return t.createElement(ba,null,t.createElement(g,{transform:!1,unmountOnExit:a,selectedTabKey:r,beforeChange:l,onChange:n,items:c.map((e,a)=>({key:a,tabClassName:"tab",panelClassName:"panel",title:e.title,getContent:()=>e.renderer}))}))},exports.Tag=ee,exports.TagNumber=e=>{const{className:a="tag-number",style:r,color:l="purple500",valueColor:n="white",label:c,value:o}=e;return t.createElement(ae,{className:a,style:r,color:l,valueColor:n},t.createElement("span",{className:"label"},c),t.createElement("span",{className:"value"},o))},exports.TextArea=e=>{const{className:a="text-area",style:r,height:l,name:n,placeholder:c,value:o,defaultValue:i,onChange:d=(()=>{}),minlength:s,maxlength:h,charactersCount:m,disabled:p=!1,error:u,required:v,dataTestId:f}=e;return t.createElement(S,{className:"text-field"},t.createElement(O,{className:a,style:r,height:l,name:n,placeholder:c,value:o,defaultValue:i,onChange:d,minlength:s,maxlength:h,disabled:p,error:u,required:v,"data-testid":f}),null!=m&&t.createElement(W,null,t.createElement("span",{className:m<0?"negative":""},m)),u?t.createElement(Z,{error:u}):null)},exports.TextField=te,exports.TextFieldAppendix=e=>{const{append:a,prepend:r,type:l="text",name:n,value:c,defaultValue:o,onChange:i=(()=>{}),placeholder:d="",min:s,max:h,disabled:m=!1,error:p,dataTestId:u,className:v="text-field-appendix",pattern:f,required:g=!1}=e;return t.createElement(t.Fragment,null,t.createElement(se,{className:v,error:p},r&&t.createElement(he,{error:p,position:"left"},t.createElement("span",null,r)),t.createElement(te,{type:l,name:n,value:c,defaultValue:o,onChange:i,placeholder:d,min:s,max:h,disabled:m,"data-testid":u,pattern:f,required:g}),a&&t.createElement(he,{error:p,position:"right"},t.createElement("span",null,a))),p?t.createElement(Z,{error:p}):null)},exports.Toggle=({ariaLabelOn:e,ariaLabelOff:r,labelLeft:l="Off",labelRight:n="On",checked:c=!1,disabled:o=!1,isLabelVisible:i=!1,onClick:d=(()=>{}),...s})=>{const[m,p]=a.useState(c),[u,v]=a.useState(""),f=e=>{if(!o)return p(e),d(e)};return a.useEffect(()=>{const e=h.v4().split("",5).join("");v(e)},[]),a.useEffect(()=>{p(c)},[c]),t.createElement(Me,re({disabled:o,role:"radiogroup","aria-label":"toggle switcher"},s),t.createElement("div",null,l&&i&&t.createElement("label",{htmlFor:u+"-switch-off"},l),t.createElement("span",{className:"wrapper"},t.createElement("input",{type:"radio",name:"toggle-id-"+u,id:u+"-switch-off",className:"switch-off",checked:!m,disabled:o,"aria-checked":!m,"aria-label":r,onChange:()=>f(!1)}),t.createElement("input",{type:"radio",name:"toggle-id-"+u,className:"switch-on",id:u+"-switch-on",checked:m,disabled:o,"aria-checked":m,"aria-label":e,onChange:()=>f(!0)}),t.createElement("span",{"aria-hidden":"true",className:"bg"}),t.createElement("label",{"aria-hidden":"true",className:"switcher",htmlFor:`${u}-switch-${m?"off":"on"}`})),n&&i&&t.createElement("label",{htmlFor:u+"-switch-on"},n)))},exports.TruncateLine=e=>{const{value:a,className:r="truncate",style:l,dataTestId:n}=e;return t.createElement(me,{className:r,style:l,"data-testid":n},t.createElement("span",null,a))},exports.VideoPlayer=e=>{const{video:a,playing:r=!0,loop:l=!1,controls:n=!1,width:c="100%",height:o="100%",onEnded:i,onReady:d,onError:h}=e;return t.createElement(fe,null,t.createElement(s,{style:{position:"absolute",top:0,left:0},url:a,playing:r,loop:l,controls:n,width:c,height:o,onEnded:i,onReady:d,onError:h}))},exports.WizardSteps=e=>{const{className:a="wizard-steps",style:r,steps:l=[],dataTestId:n="wizard-steps-test-id"}=e;return t.createElement("div",{className:a,style:r,"data-testid":n},t.createElement(Qe,null,l.map((e,a)=>t.createElement(Ke,{key:a,active:e.active,"data-testid":"step-"+e.dataTestId},t.createElement("div",null,t.createElement("span",null,e.value))))))};
|
|
3197
|
+
`;exports.ActionMenuList=we,exports.ActionsMenu=e=>{const{ariaLabel:a="",actions:r=[],data:l,dataTestId:n="action-menu-button",startsOpen:c=!1}=e,{ref:o,isVisible:i,setIsVisible:d}=H(c);return t.createElement(Ee,{ref:o},t.createElement(_,{variant:"text",color:"dark",icon:"menuVert",ariaLabel:a,action:e=>{e.preventDefault(),d(!i),e.stopPropagation()},dataTestId:n}),i?t.createElement(we,{actions:r,data:l,handleOptionClick:()=>{d(!1)}}):null)},exports.AvatarImage=e=>{const{style:a,className:l="avatar-img",size:n=30,url:c,alt:o,boring:i=!0,boringType:d="pixel",square:s=!1}=e;return t.createElement(y,{className:l,size:n,square:s},i&&!c?t.createElement(r,{size:n,name:o,variant:d,square:s,colors:["#55cad7","#5031a9","#f9c543","#ef5766","#7a7a7a"]}):t.createElement("img",{style:a,src:c,alt:o}))},exports.Button=_,exports.ButtonDropdown=e=>{const{variant:a="solid",rounded:r=!1,color:l="purple500",txtColor:n="white",className:c="button-dropdown",style:o,actions:i=[],value:d="",icon:s="add",dataTestId:h="action-button-dropdown",eventId:m="",ariaLabel:p="",ariaHidden:u=!1,data:v=null,startsOpen:f=!1,disabled:g=!1}=e,{ref:b,isVisible:z,setIsVisible:$}=H(f);if(!i||!Array.isArray(i)||0===i.length)return t.createElement(t.Fragment,null);const M=i.filter(({visibilityFunc:e=null})=>!v||!e||e(v));return 0===M.length?t.createElement(t.Fragment,null):t.createElement(k,{className:c,style:o,visibleActions:M.length,ref:b},t.createElement(_,{variant:a,rounded:r,color:l,txtColor:n,action:e=>{e.preventDefault(),$(!z)},value:d,iconPosition:"right",icon:s,"data-testid":h,"data-event":m,ariaLabel:p,"aria-hidden":u,disabled:g}),t.createElement("ul",{"data-testid":"ul-action-menu",className:z?"isOpen":""},M.map(({id:e="",url:a="",action:r=(()=>{}),value:l=""})=>t.createElement("li",{key:e,"data-testid":"li-action-menu"},t.createElement("a",{href:a,onClick:e=>{$(!1),r(e,v)}},t.createElement("span",null,l))))))},exports.ButtonLink=e=>{const{variant:a="solid",rounded:r=!1,color:l="purple500",txtColor:n,className:c="button-link",style:o,action:i=(()=>{}),url:d,blank:s=!1,rel:h,value:m="",iconPosition:p="left",icon:u="",dataTestId:v="",eventId:f="",ariaLabel:g="",ariaHidden:b=!1}=e;return t.createElement(P,{variant:a,rounded:r,color:l,txtColor:n,className:"button "+c,style:o,onClick:i,href:d,target:s?"_blank":"",rel:h&&""!==h?h:s?"noopener noreferrer":"",value:m,iconPosition:p,"data-testid":v,"data-event":f,"aria-label":g,"aria-hidden":b},u&&t.createElement(Q,{icon:u}),m&&t.createElement("span",null,m))},exports.CardValue=e=>{const{label:a,currency:r,value:l,description:n,buttonValue:c,onClick:o,className:i="card-value",style:d,dataTestId:s}=e;return t.createElement(Ce,{className:i,style:d,"data-testid":s},t.createElement(X,{value:a,currency:r}),t.createElement("span",null,l),n&&t.createElement("p",null,n),c&&o&&t.createElement(_,{color:"grey150",txtColor:"grey500",value:c,action:o}))},exports.Checkbox=N,exports.CheckboxButton=e=>{const{label:r,value:l,checked:n=!1,onChange:c=(()=>{}),disabled:o=!1,className:i="checkbox-button",style:d,dataTestId:s,required:h=!1}=e,[m,p]=a.useState(n);return t.createElement(F,{style:d,className:i,disabled:o,checked:m},t.createElement(L,null,r),t.createElement(I,{type:"checkbox",name:l,defaultChecked:n,"aria-checked":n,onChange:c,disabled:o,"data-testid":s,required:h,onClick:()=>{p(!m)}}),t.createElement(D,{disabled:o}))},exports.CheckboxGroup=e=>{const{children:a,options:r,type:l="column",onChange:n,error:c,disabled:o}=e;return t.createElement(ra,{type:l,error:c},a||(r&&Array.isArray(r)?r.map((e,a)=>t.createElement("li",{key:a},t.createElement(N,{label:e.label,value:e.value,checked:e.checked??void 0,onChange:a=>{var t;null==n||n(a),null===(t=e.onChange)||void 0===t||t.call(e,a)},error:!!c,disabled:o}))):null),c?t.createElement(Z,{error:c}):null)},exports.DataWarning=e=>{let a;const{type:r="login",children:l}=e;switch(r){case"login":a=t.createElement(Ue,null);break;case"data":a=t.createElement(ea,null);break;default:a=t.createElement(Ue,null)}return t.createElement(Ye,{type:r},a,t.createElement("div",null,l))},exports.EmptyTable=Be,exports.Error=e=>{const{variant:a="default",value:r}=e;return t.createElement(Je,{variant:a},"default"===a?t.createElement(Q,{icon:"warning",fill:"hsl(354, 83%, 64%)"}):t.createElement("span",null,"¯\\\\_(ツ)_/¯"),r&&t.createElement("span",null,r))},exports.ErrorField=Z,exports.FieldWidthButton=({label:e,type:r="text",name:l,placeholder:n,value:c,onChange:o,dataTestId:i,buttonIcon:d,buttonValue:s,buttonAction:h,buttonDisabled:m,disabled:p=!0,clearFieldAfterSubmit:u=!1})=>{const[v,f]=a.useState(!1),[g,b]=a.useState(c??"");return a.useEffect(()=>{c&&b(c)},[c]),t.createElement(la,null,e&&t.createElement(X,{value:e}),t.createElement(na,null,t.createElement(te,{type:r,name:l,disabled:p,placeholder:n,dataTestId:i,value:g??void 0,onChange:e=>{e.preventDefault(),""===e.target.value||" "===e.target.value?(b(null),null==o||o(e.target.value)):(b(e.target.value),null==o||o(e.target.value))}}),t.createElement(_,{color:"purple100",loading:v,icon:d,value:s,disabled:m,action:e=>{e.preventDefault(),(async()=>{"AsyncFunction"!==(null==h?void 0:h.constructor.name)?null==h||h(g):(f(!0),await(null==h?void 0:h(g)),f(!1)),u&&b("")})()}})))},exports.FilePicker=e=>{const{name:r,accept:l,multiple:n=!1,placeholder:c="Select file",pluralText:o="files selected",error:i,dataTestId:d,onChange:s=(()=>{}),value:h="",buttonText:m="Browse",disabled:p=!1}=e,[u,v]=a.useState(h||c);return t.createElement(xe,{disabled:p,error:!!i},t.createElement("input",{id:r,type:"file",accept:l,multiple:n,"data-multiple-caption":u,onChange:e=>{(e=>{let a,t=e.target.files;a=t&&t.length>1?`${t.length} ${o}`:e.target.value.split("\\").pop(),a&&v(a)})(e),s(e)},"data-testid":d}),t.createElement("label",{htmlFor:r},t.createElement("span",{className:"file-name"},u),t.createElement("span",{className:"button"},t.createElement(Q,{icon:"upload"}),m)),i&&t.createElement(Z,{error:i}))},exports.FormGroup=e=>{const{label:a,currency:r,error:l=!1,children:n}=e;return t.createElement(We,{error:l},t.createElement(X,{value:a,currency:r}),n)},exports.GridCol=e=>{const{className:a="grid-col",size:r=1,children:l}=e;return t.createElement(Ma,{className:a,size:r},l)},exports.GridContainer=e=>{const{className:a="grid-container",children:r}=e;return t.createElement(za,{className:a},r)},exports.GridRow=e=>{const{className:a="grid-row",children:r}=e;return t.createElement($a,{className:a},r)},exports.HorizontalNav=function(e){const{id:r="horizontal-nav",items:l}=e,[n,c]=a.useState(!1),[o,i]=a.useState(!0);return t.createElement("div",{className:"styles-module_wrapper__Q2-ac"},n&&t.createElement(_,{className:"styles-module_back__AE3bY",variant:"solid",color:"white",txtColor:"black",icon:"caret-left",action:()=>{ca(document.getElementById(r),"left",10,200,10)}}),t.createElement("div",{id:r},t.createElement("ul",{className:"menu"},l.map((e,a)=>t.createElement(u.InView,{key:a,as:"li",className:e.active?"styles-module_active__0DuQB":void 0,threshold:1,onChange:e=>{0===a&&e&&c(!1),0!==a||e||c(!0),a===l.length-1&&e&&i(!1),a!==l.length-1||e||i(!0)}},t.createElement("a",{href:e.url},e.icon&&t.createElement(Q,{icon:e.icon}),e.label))))),o&&t.createElement(_,{className:"styles-module_forward__sOwh3",variant:"solid",color:"white",txtColor:"black",icon:"caret-right",action:()=>{ca(document.getElementById(r),"right",10,200,10)}}))},exports.Icon=Q,exports.Label=X,exports.LoadingState=e=>{const{type:a="text",lines:r=3,cardsNumber:l=4,center:n=!0}=e;let c,o=[],i=[];for(let e=0;e<r;e++)o.push(t.createElement("div",{key:e,className:"paragraph"}));for(let e=0;e<l;e++)i.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"})));switch(a){case"text":c=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"title"}),t.createElement("div",{className:"subtitle"}),o));break;case"card":c=t.createElement(ga,{center:n},i);break;case"value":c=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"value"})));break;default:c=t.createElement("div",null,t.createElement("div",null,t.createElement("div",{className:"title"}),t.createElement("div",{className:"subtitle"}),o))}return t.createElement(fa,{type:a},c)},exports.Modal=e=>{const{isShowing:r=!1,hide:l,title:n,children:c,closeValue:o="Close",footer:i=!1,zIndex:d=10}=e,[s,h]=a.useState(!1);return a.useEffect(()=>{if("undefined"!=typeof window){const e=document.querySelector("div.modal");e&&e.offsetHeight+60>window.innerHeight?h(!0):h(!1);const a=v((function(){e&&e.offsetHeight+60>window.innerHeight?h(!0):h(!1)}),200);return window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)}},[]),r?f.createPortal(t.createElement(t.Fragment,null,t.createElement(oa,{zIndex:d}),t.createElement(ia,{"aria-modal":!0,tabIndex:-1,role:"dialog",zIndex:d,modalOverflow:s},t.createElement(da,{onClick:e=>e.stopPropagation(),zIndex:d,className:"modal"},t.createElement(sa,null,n&&t.createElement("h2",null,n),t.createElement(_,{color:"white",txtColor:"grey300",icon:"cross",ariaLabel:"Close",action:l,rounded:!0})),c,i&&t.createElement(Ne,{closeAction:l,closeValue:o})))),document.body):t.createElement(t.Fragment,null)},exports.ModalDrawer=e=>{const{isShowing:r=!1,hide:l,title:n,children:c,closeValue:o="Close",footer:i=null,footerHidden:d=!1,zIndex:s=10}=e;return a.useEffect(()=>(r&&"undefined"!=typeof window?document.documentElement.style.overflow="hidden":document.documentElement.style.overflow="",()=>{document.documentElement.style.overflow=""}),[r]),a.useEffect(()=>{const e=()=>{let e=.01*window.innerHeight;document.documentElement.style.setProperty("--vh",e+"px")};if(e(),"undefined"!=typeof window){let a=.01*window.innerHeight;return document.documentElement.style.setProperty("--vh",a+"px"),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[]),r?f.createPortal(t.createElement(t.Fragment,null,t.createElement(ha,{zIndex:s}),t.createElement(ma,{"aria-modal":!0,tabIndex:-1,role:"dialog",zIndex:s},t.createElement(pa,{onClick:e=>e.stopPropagation(),zIndex:s},t.createElement(ua,null,n&&t.createElement("h2",null,n)),t.createElement(va,null,c),!d&&(i||t.createElement(Ne,{closeAction:l,closeValue:o}))))),document.body):t.createElement(t.Fragment,null)},exports.ModalFooter=Ne,exports.NoteCard=e=>{const{color:a="grey",value:r="",buttonValue:l="",onClick:n,className:c="note-card",style:o}=e;return t.createElement(Fe,{className:c,color:a,buttonValue:l,style:o},t.createElement("div",null,t.createElement("p",null,r)),l&&n&&t.createElement("div",null,t.createElement("button",{onClick:n},l)))},exports.NumberInputSpinner=e=>{const{decreaseAriaLabel:r="Decrease Value",increaseAriaLabel:l="Increase Value",increment:n=1,min:c=0,max:o=10,value:i=0,onChange:d,disabled:s=!1}=e,h=a.useRef(!0),[m,p]=a.useState(i);a.useEffect(()=>{h.current?h.current=!1:p(i)},[i]);const u=e=>{d&&d(e),p(e)};return t.createElement(qe,null,t.createElement(Ze,{className:"remove-button","aria-label":r,onClick:e=>{e.preventDefault(),u(m-n>c?m-n:c)},disabled:m<=c||s},t.createElement(Q,{icon:"remove"})),t.createElement(je,{type:"number",min:c,max:o,value:m,onChange:e=>{e.preventDefault(),u(parseInt(e.target.value))},disabled:s}),t.createElement(Ze,{className:"add-button","aria-label":l,onClick:e=>{e.preventDefault(),u(m+n<o?m+n:o)},disabled:m>=o||s},t.createElement(Q,{icon:"add"})))},exports.PaginationControl=e=>{const[r,l]=a.useState(3),{dark:n=!1,page:c=0,pageCount:o,hrefBuilder:i=(()=>{}),onPageChange:d=(()=>{}),ariaLabelBuilder:s=(()=>{})}=e;return a.useEffect(()=>{function e(){"undefined"!=typeof window&&(window.innerWidth<700&&l(1),window.innerWidth>700&&l(3))}e(),"undefined"!=typeof window&&window.addEventListener("resize",e)}),t.createElement(Xe,null,t.createElement(p,{containerClassName:n?"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:r,marginPagesDisplayed:1,forcePage:c,pageCount:o,hrefBuilder:i,onPageChange:e=>{d(e.selected)},ariaLabelBuilder:s}))},exports.ProgressBar=e=>{const{progress:a=0,value:r=""}=e;return t.createElement(ge,null,t.createElement(be,null,t.createElement(ze,{progress:a})),r&&t.createElement($e,null,r))},exports.RadioGroup=e=>{const{className:a="radio-group",style:r,options:l,type:n="column",group:c,onChange:o,error:i,disabled:d=!1,dataTestId:s}=e;return t.createElement("div",{style:r,className:a},t.createElement(aa,{type:n,group:c,error:i,"data-testid":s},l.map((e,a)=>t.createElement(ta,{key:a,disabled:e.disabled||d},t.createElement("input",{id:`radio-${c}-${a}`,type:"radio",name:c,value:e.value,checked:e.checked,onChange:o,disabled:e.disabled||d}),t.createElement("label",{htmlFor:`radio-${c}-${a}`},e.label),t.createElement("div",{className:"check"})))),i?t.createElement(Z,{error:i}):null)},exports.Select=e=>{const{placeholder:a,options:r,defaultValue:l,value:n,name:c,onChange:o=(()=>{}),error:i,disabled:d=!1,dataTestId:s}=e,h=r.map(e=>t.createElement("option",{key:e.value,value:e.value},e.name));return t.createElement(t.Fragment,null,t.createElement(q,{name:c,defaultValue:l,value:n,onChange:o,error:i,disabled:d,"data-testid":s},a&&t.createElement("option",{value:"",disabled:!0,selected:!0,hidden:!0},a),h),i?t.createElement(Z,{error:i}):null)},exports.SelectInteractive=({name:e,multi:a=!1,search:r=!0,placeholder:l,options:n,value:c,clear:o=!0,error:d,disabled:s=!1,formatGroupLabel:h=!0,onChange:m=(()=>{}),onInputChange:p=(()=>{}),dataTestId:u,filterOption:v,...f})=>t.createElement(le,re({"data-testid":u},f),t.createElement(i,{name:e,value:c,isMulti:a,options:n,isClearable:o,isDisabled:s,isSearchable:r,classNamePrefix:"select",placeholder:l,className:"select-interactive",onChange:e=>m(e??[]),defaultMenuIsOpen:!1,onInputChange:p,components:{Option:ie,SingleValue:de},formatGroupLabel:e=>{return h?t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},t.createElement(ne,{className:"selective-options-group-label"},(a=e).label),t.createElement(ee,{value:""+a.options.length})):void 0;var a},filterOption:v}),d?t.createElement(Z,{error:d}):null),exports.Slideshow=e=>{const{showArrows:a=!0,slidesNumber:r=1,autoPlay:l=!0,stopOnHover:n=!0,interval:c=5e3,dynamicHeight:o=!0,slideSelected:i=0,children:s}=e;return t.createElement(ve,{slidesNumber:r},t.createElement(d.Carousel,{showArrows:a,showStatus:!1,showThumbs:!1,autoPlay:l,stopOnHover:n,interval:c,transitionTime:1e3,infiniteLoop:!0,useKeyboardArrows:!0,swipeable:!1,swipeScrollTolerance:5,emulateTouch:!1,dynamicHeight:o,selectedItem:i,renderArrowPrev:(e,a)=>a&&t.createElement(_,{className:"previous",variant:"text",ariaLabel:"Previous",action:e,icon:"arrowBack"}),renderArrowNext:(e,a)=>a&&t.createElement(_,{className:"next",variant:"text",ariaLabel:"Next",action:e,icon:"arrowForward"}),renderIndicator:(e,a,r)=>a?t.createElement("li",{className:"selected","aria-label":`Slide ${r+1} selected`,title:`Slide ${r+1} selected`}):t.createElement("li",null,t.createElement("button",{onClick:e,onKeyDown:e,value:r,key:r,tabIndex:0,title:"Slide "+(r+1),"aria-label":"Slide "+(r+1)}))},s))},exports.Spinner=Y,exports.Table=e=>{const{border:r=!0,options:l,values:n=[],actions:c=[],dataTestId:o="table-test-id",menuDataTestId:i="table-action-menu",actionMenuTestId:d="icon-button",loading:s=!1,loadingColumns:h=4,loadingRows:m=5,showEmpty:p=!1,emptyValue:u="No Data",className:v="table",style:f,startsOpen:g=!1}=e,{ref:b,isVisible:z,setIsVisible:$}=H(g),[M,x]=a.useState({}),[E,y]=a.useState(void 0),{columns:w=[]}=l,C=c.length>0,k=n.filter(Le),P=Array.isArray(n)&&n.length>0,R=w.length>0?w.length:h;if(p&&!P){const e=w.map(e=>e.value);return t.createElement(Be,{border:r,tableHead:e,value:u})}return t.createElement(Ie,null,t.createElement(De,null,t.createElement(Ae,{border:r,"data-testid":o,className:v,style:f,loadingState:s},t.createElement("thead",null,t.createElement("tr",null,s&&!w?Array.from({length:h},(e,a)=>t.createElement("th",{key:"skeleton-head-"+a},t.createElement(Te,null))):w.map(({id:e="",className:a="",value:r="",dataTestId:l=null})=>t.createElement("th",{key:e,className:a,"data-testid":l?"th-"+l:null},r)),!s&&C&&t.createElement("th",null))),t.createElement("tbody",null,s?Array.from({length:m},(e,a)=>t.createElement("tr",{key:"skeleton-row-"+a},Array.from({length:R},(e,r)=>t.createElement("td",{key:`skeleton-cell-${a}-${r}`},t.createElement(Te,null))))):k.map((e,a)=>t.createElement("tr",{key:e.id,"data-testid":"row-"+o},w.map(({id:a="",dataKey:r="",className:l="",value:n="",renderer:c=null,dataTestId:o})=>t.createElement("td",{key:a,className:l,"data-label":n,"data-testid":"td-"+o},t.createElement("div",null,c?c(e[r],e):e[r],"tkai"===l?t.createElement(Q,{icon:"tkai",fill:"hsl(0, 0%, 16%)"}):"vkai"===l?t.createElement(Q,{icon:"vkai",fill:"hsl(0, 0%, 16%)"}):"lx"===l?t.createElement(Q,{icon:"lx",fill:"hsl(0, 0%, 16%)"}):"vote"===l?t.createElement(Q,{icon:"vote",fill:"hsl(0, 0%, 16%)"}):null))),C&&t.createElement("td",{className:"menu","data-testid":i},t.createElement("div",{ref:b},t.createElement(_,{variant:"text",color:"grey500",icon:"menuVert",action:t=>{t.preventDefault(),x(e),y(a),$(!z),t.stopPropagation()},dataTestId:d}))))))),z&&t.createElement(we,{actions:c,data:M,rowIndex:E,handleOptionClick:()=>{$(!1)}})))},exports.TableDnD=e=>{const{border:r=!1,options:l,values:n=[],actions:c=[],dataTestId:o="table-test-id",menuDataTestId:i="table-action-menu",actionMenuTestId:d="icon-button",showEmpty:s=!1,emptyValue:h="No Data",className:p="table",style:u,onChange:v,startsOpen:f=!1}=e,{ref:g,isVisible:z,setIsVisible:$}=H(f),[M,x]=a.useState(""),[E,y]=a.useState({}),[w,C]=a.useState(void 0),{columns:k=[]}=l,P=c.length>0,R=n.filter(Le),V=Array.isArray(n)&&n.length>0;if(s&&!V){const e=k.map(e=>e.value);return t.createElement(Be,{border:r,tableHead:e,value:h})}return t.createElement(m.DragDropContext,{onBeforeDragStart:e=>{x(e.draggableId)},onDragEnd:e=>{if(!e.destination)return;const a=((e,a,t)=>{const r=Array.from(e),[l]=r.splice(a,1);return r.splice(t,0,l),r.map((e,a)=>(e.order=a,e))})(n,e.source.index,e.destination.index);v(a),x("")}},t.createElement(Ie,null,t.createElement(De,null,t.createElement(Se,{border:r,"data-testid":o,className:p,style:u,layout:"auto"},t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",{className:"thin"}),k.map(({id:e="",className:a="",value:r="",dataTestId:l=null})=>t.createElement("th",{key:e,className:a,"data-testid":l?"th-"+l:null},r)))),t.createElement(m.Droppable,{droppableId:"droppable"},(e,a)=>{return t.createElement("tbody",re({},e.droppableProps,{ref:e.innerRef,style:(r=a.isDraggingOver,{background:r?b.white:"transparent"})}),R.map((e,a)=>t.createElement(m.Draggable,{key:""+a,draggableId:""+a,index:a},(r,l)=>{return t.createElement(Oe,re({ref:r.innerRef,key:e.id,"data-testid":"row-"+o,draggableId:M,style:(n=l.isDragging,c=r.draggableProps.style,{userSelect:"none",background:n?b.white:"transparent",...c})},r.draggableProps),t.createElement("td",{className:"thin drag-handle"},t.createElement("div",r.dragHandleProps,t.createElement(Q,{icon:"drag-handle"}))),k.map(({id:a="",dataKey:r="",className:l="",value:n="",renderer:c=null,dataTestId:o})=>t.createElement("td",{key:a,className:l,"data-label":n,"data-testid":"td-"+o},t.createElement("div",null,c?c(e[r],e):e[r],"kai"===l?t.createElement(Q,{icon:"kai",fill:"hsl(0, 0%, 16%)"}):null))),P&&t.createElement("td",{className:"menu","data-testid":i},t.createElement("div",{ref:g},t.createElement(_,{variant:"text",color:"grey500",icon:"menuVert",action:t=>{t.preventDefault(),y(e),C(a),$(!z),t.stopPropagation()},dataTestId:d}))));var n,c})),e.placeholder);var r})),z&&t.createElement(we,{actions:c,data:E,rowIndex:w}))))},exports.TabsPanel=e=>{const{unmountOnExit:a=!0,selectedTabKey:r=0,beforeChange:l,onChange:n,tabs:c}=e;return t.createElement(ba,null,t.createElement(g,{transform:!1,unmountOnExit:a,selectedTabKey:r,beforeChange:l,onChange:n,items:c.map((e,a)=>({key:a,tabClassName:"tab",panelClassName:"panel",title:e.title,getContent:()=>e.renderer}))}))},exports.Tag=ee,exports.TagNumber=e=>{const{className:a="tag-number",style:r,color:l="purple500",valueColor:n="white",label:c,value:o}=e;return t.createElement(ae,{className:a,style:r,color:l,valueColor:n},t.createElement("span",{className:"label"},c),t.createElement("span",{className:"value"},o))},exports.TextArea=e=>{const{className:a="text-area",style:r,height:l,name:n,placeholder:c,value:o,defaultValue:i,onChange:d=(()=>{}),minlength:s,maxlength:h,charactersCount:m,disabled:p=!1,error:u,required:v,dataTestId:f}=e;return t.createElement(S,{className:"text-field"},t.createElement(O,{className:a,style:r,height:l,name:n,placeholder:c,value:o,defaultValue:i,onChange:d,minlength:s,maxlength:h,disabled:p,error:u,required:v,"data-testid":f}),null!=m&&t.createElement(W,null,t.createElement("span",{className:m<0?"negative":""},m)),u?t.createElement(Z,{error:u}):null)},exports.TextField=te,exports.TextFieldAppendix=e=>{const{append:a,prepend:r,type:l="text",name:n,value:c,defaultValue:o,onChange:i=(()=>{}),placeholder:d="",min:s,max:h,disabled:m=!1,error:p,dataTestId:u,className:v="text-field-appendix",pattern:f,required:g=!1}=e;return t.createElement(t.Fragment,null,t.createElement(se,{className:v,error:p},r&&t.createElement(he,{error:p,position:"left"},t.createElement("span",null,r)),t.createElement(te,{type:l,name:n,value:c,defaultValue:o,onChange:i,placeholder:d,min:s,max:h,disabled:m,"data-testid":u,pattern:f,required:g}),a&&t.createElement(he,{error:p,position:"right"},t.createElement("span",null,a))),p?t.createElement(Z,{error:p}):null)},exports.Toggle=({ariaLabelOn:e,ariaLabelOff:r,labelLeft:l="Off",labelRight:n="On",checked:c=!1,disabled:o=!1,isLabelVisible:i=!1,onClick:d=(()=>{}),...s})=>{const[m,p]=a.useState(c),[u,v]=a.useState(""),f=e=>{if(!o)return p(e),d(e)};return a.useEffect(()=>{const e=h.v4().split("",5).join("");v(e)},[]),a.useEffect(()=>{p(c)},[c]),t.createElement(Me,re({disabled:o,role:"radiogroup","aria-label":"toggle switcher"},s),t.createElement("div",null,l&&i&&t.createElement("label",{htmlFor:u+"-switch-off"},l),t.createElement("span",{className:"wrapper"},t.createElement("input",{type:"radio",name:"toggle-id-"+u,id:u+"-switch-off",className:"switch-off",checked:!m,disabled:o,"aria-checked":!m,"aria-label":r,onChange:()=>f(!1)}),t.createElement("input",{type:"radio",name:"toggle-id-"+u,className:"switch-on",id:u+"-switch-on",checked:m,disabled:o,"aria-checked":m,"aria-label":e,onChange:()=>f(!0)}),t.createElement("span",{"aria-hidden":"true",className:"bg"}),t.createElement("label",{"aria-hidden":"true",className:"switcher",htmlFor:`${u}-switch-${m?"off":"on"}`})),n&&i&&t.createElement("label",{htmlFor:u+"-switch-on"},n)))},exports.TruncateLine=e=>{const{value:a,className:r="truncate",style:l,dataTestId:n}=e;return t.createElement(me,{className:r,style:l,"data-testid":n},t.createElement("span",null,a))},exports.VideoPlayer=e=>{const{video:a,playing:r=!0,loop:l=!1,controls:n=!1,width:c="100%",height:o="100%",onEnded:i,onReady:d,onError:h}=e;return t.createElement(fe,null,t.createElement(s,{style:{position:"absolute",top:0,left:0},url:a,playing:r,loop:l,controls:n,width:c,height:o,onEnded:i,onReady:d,onError:h}))},exports.WizardSteps=e=>{const{className:a="wizard-steps",style:r,steps:l=[],dataTestId:n="wizard-steps-test-id"}=e;return t.createElement("div",{className:a,style:r,"data-testid":n},t.createElement(Qe,null,l.map((e,a)=>t.createElement(Ke,{key:a,active:e.active,"data-testid":"step-"+e.dataTestId},t.createElement("div",null,t.createElement("span",null,e.value))))))};
|
|
3198
3198
|
//# sourceMappingURL=rocket-kit.cjs.production.min.js.map
|