freemium-ui 1.0.156 → 1.0.160

package/lib/index.cjs.js

@@ -1300,4 +1300,4 @@ to {right : 10px}
   .toast-container.hover {
     transform: translate3d(0, -10px, 0);
   }
-`,Cd=()=>{const e=((e=xd())=>{const n=`ui-${e}`,{isBrowser:r}=vd(),[o,i]=t.useState(r?wd(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||wd(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=yd(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(Ed,{index:t,total:s.length,toast:e,onHover:r,key:`toast-${t}`})))),[s,r]),d=e=>{if(e)return i.current&&clearTimeout(i.current),l((()=>!0)),o(!0);i.current=window.setTimeout((()=>{o(!1),l((()=>!1)),i.current&&clearTimeout(i.current)}),200)};return e&&s&&0!==s.length?a.createPortal(n.createElement(Sd,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},Id=2e3;let Od,Dd=[],Nd=0;var Md=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Td}(e)}(e)};var Td="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Rd(e,t){return!1!==t.clone&&t.isMergeableObject(e)?zd((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Ad(e,t,n){return e.concat(t).map((function(e){return Rd(e,n)}))}function Pd(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ld(e,t){try{return t in e}catch(e){return!1}}function Vd(e,t,n){var r={};return n.isMergeableObject(e)&&Pd(e).forEach((function(t){r[t]=Rd(e[t],n)})),Pd(t).forEach((function(o){(function(e,t){return Ld(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ld(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return zd;var n=t.customMerge(e);return"function"==typeof n?n:zd}(o,n)(e[o],t[o],n):r[o]=Rd(t[o],n))})),r}function zd(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Ad,n.isMergeableObject=n.isMergeableObject||Md,n.cloneUnlessOtherwiseSpecified=Rd;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Vd(e,t,n):Rd(t,n)}zd.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return zd(e,n,t)}),{})};var $d=zd;exports.Alert=Mn,exports.BUTTON_SIZE_VARIANTS=ci,exports.BoxedRadio=Bc,exports.Button=ui,exports.ButtonDropdown=jl,exports.Checkbox=fi,exports.Confirmation=Fi,exports.ConfirmationBody=Bi,exports.ConfirmationContent=ji,exports.ConfirmationFooter=Wi,exports.ConfirmationOverlay=Hi,exports.CssBaseLine=gi,exports.DatePicker=e=>{const{onDateChange:r,onClose:o=(()=>null),initialDate:i,anchorDirection:a="right",minMonths:s=6,minimumNights:l=0,...c}=e,[p,h]=t.useState(i&&Gi(i)),[f,m]=t.useState(!1),[g,b]=t.useState(c.autoFocusEndDate?u.END_DATE:u.START_DATE),y=e=>{const t=document.getElementsByClassName("DayPickerNavigation_button")["prev"===e?0:1];return t?t.childNodes[0]:null},v=(e,t)=>{t?e.classList&&e.classList.add("disable-nav"):e.classList&&e.classList.remove("disable-nav")},{autoFocus:x,autoFocusEndDate:w,..._}=c;return n.createElement(si.Box,{style:{position:"relative",height:"100%"}},n.createElement(Ji,null,n.createElement(d.DayPickerSingleDateController,Object.assign({},_,{daySize:32,minimumNights:l,onNextMonthClick:e=>{const t=y("prev"),n=y("next");if(n){Gi().isSame(e.add(1,"months"),"month")?(v(t,!1),v(n,!0)):(v(t,!1),v(n,!1))}},onPrevMonthClick:e=>{const t=y("prev"),n=y("next"),r=s-1;if(t){!Gi().subtract(r,"months").isBefore(e,"month")?(v(t,!0),v(n,!1)):(v(t,!1),v(n,!1))}},navPrev:n.createElement(ta,null),navNext:n.createElement(na,null),renderMonthElement:e=>{const t=y("next"),r=e.month.isAfter(Gi(),"month");return t&&r&&v(t,!0),n.createElement(ra,{dateRangePickerProps:e})},isOutsideRange:e=>!qi(e,Gi()),date:p,onFocusChange:e=>{b(e||u.START_DATE)},focusedInput:g,initialDate:i,minDate:Gi().subtract(s-1,"months").subtract(0,"days"),maxDate:Gi().add(0,"months").endOf("month"),initialVisibleMonth:()=>Gi().subtract(1,"month"),onDateChange:e=>{h(e),r(e)},numberOfMonths:1,hideKeyboardShortcutsPanel:!0,weekDayFormat:"dd"}))))},exports.DismissIcon=pa,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:o,clickOutToClose:i=!0,size:a="default",placement:s="right",children:l,...c}=e;return t.createElement(ga,{in:n,placement:s},(e=>t.createElement(fa.Provider,{value:e},t.createElement(ya,{isOpen:!0,onDismiss:i?r:()=>{}},t.createElement(ba,{size:a},!o&&t.createElement(pa,{onClick:r},t.createElement(En,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),l)))))},exports.DrawerBody=ua,exports.DrawerContent=ba,exports.DrawerFooter=ha,exports.DrawerOverlay=ya,exports.Dropdown=e=>{const{items:t,children:r,defaultSelectedItem:o,label:i="",placeholder:a,errorText:s,itemToString:l,itemComponent:c,onChange:d=(e=>e),type:u=pc.BUTTON,filterKey:p,width:h="100%",disabled:f,isErrored:m,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:y,...v}=e;let x;return"object"!=typeof t[0]||l?x=e=>e?l?l(e):"object"!=typeof e?String(e):null:null:console.warn("Your items are objects. So you need to pass a function to translate each object as a string which can be shown as dropdown item labels"),n.createElement("div",null,n.createElement(ys,Object.assign({itemToString:x,selectedItem:o,onChange:d},v),(e=>n.createElement(zc,Object.assign({width:h,isRequired:g},e.getRootProps()),i&&n.createElement("label",Object.assign({},e.getLabelProps()),i),n.createElement(hc.Provider,{value:{downshift:e,items:t,filterKey:p,type:u,name:v.name}},r||n.createElement(n.Fragment,null,pc.BUTTON===u&&n.createElement(gc,{disabled:f,isErrored:m,overrideStyles:b,placeholder:a}),pc.INPUT===u&&n.createElement(Lc,{placeholder:a,isErrored:m}),n.createElement(Ac,{itemComponent:c,isErrored:m,overrideStyles:y})))))),m&&s&&n.createElement(Vc,null,s))},exports.Fade=Li,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Ze,{theme:n},t.createElement(gi,null),r)},exports.Glyph=kn,exports.Icons=En,exports.InlineSvg=wn,exports.Input=Ql,exports.Loader=e=>{const{size:t="medium",invert:r=!1}=e;return n.createElement(uc,{invert:r,size:t})},exports.Menu=$l,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:o="center",align:i="center",size:a="default"})=>n.createElement(Li,{timeout:300,in:t,unmountOnExit:!0},(s=>n.createElement(oa,{className:"modal-overlay",style:s,align:i,position:o,isOpen:!0,onDismiss:r},n.createElement(Yi,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(la,{className:"modal-content",style:t,size:a,"aria-label":"dialog"},e)))))),exports.ModalBody=ca,exports.ModalContent=la,exports.ModalFooter=da,exports.ModalOverlay=oa,exports.MultiSelectDropdown=e=>{const{name:r,label:o,items:i,selectedItem:a,onChange:s,customValues:l=!1,placeholder:c,isErrored:d,errorText:u,itemLabelIdentifier:p,itemValueIdentifier:h,isRequired:f,renderCustomSuggestion:m,maxAllowedLength:g=2147483647,...b}=e,[y,v]=t.useState([]),[x,w]=t.useState(""),[_,k]=t.useState(!1),E=t.useRef(null);t.useEffect((()=>{v([...a])}),[a]);const S=e=>{y.some((t=>t[h]===e[h]))?I(e):_||C(e)},C=e=>{w(""),v([...y,e]),s([...y,e])},I=e=>{const t=y.filter((t=>t[p]!==e[p]));v(t),s(t)},O=e=>m?m(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:o,index:i,highlightedIndex:a,selectedItem:s,itemValueIdentifier:l,itemLabelIdentifier:c})=>{const d=a===i,u=s.some((t=>t[l]&&t[l]===e[l]));return n.createElement(ac,Object.assign({disabled:e.disabled},o,{key:i,isHighlighted:d,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(si.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[l]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[c]?`Enter to ${u?"remove":"add"} '${e[c]}'`:e[c]),u&&!e.customValues&&n.createElement(En,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(ys,Object.assign({selectedItem:a,onChange:e=>{e&&S(e)},itemToString:e=>e?e[h]:"",inputValue:x,onInputValueChange:(e="")=>{l&&e.length>g?k(!0):k(!1),w(e)}},b),(({getInputProps:e,getItemProps:t,getRootProps:a,inputValue:s,selectedItem:u,toggleMenu:m,isOpen:b,highlightedIndex:y})=>n.createElement(sc,Object.assign({required:f},a()),o&&n.createElement("label",{htmlFor:o},o),n.createElement(oc,{isOpen:b,isErrored:d,id:"dropdownField container","data-testid":`formik-multi-select-${o}`,onClick:()=>{b||E&&E.current&&E.current.focus(),m()}},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,o)=>e[r]&&n.createElement(tc,{key:o,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:I,selectedItem:u,itemLabelIdentifier:p}),(({label:e,name:t,searchRef:r,InputProps:o,items:i,placeholder:a,customValues:s})=>0!==i.length||s?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:r,type:"text"},o,{placeholder:a})):null)({name:r,label:o||"",searchRef:E,selectedItem:u,removeSelectedItem:I,items:i,inputValue:s,placeholder:c||"",customValues:l,InputProps:{...e({onKeyDown:e=>{"Backspace"!==e.key||s||I(u[u.length-1]),"Enter"===e.key&&s&&l&&null===y&&S({[p]:s,[h]:s})}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(En,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(Yi,{initialOffset:"-20px",timeout:200,in:b,unmountOnExit:!0},(e=>{const r=((e,t,n,r,o)=>{const i=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==i.length&&o&&""!==e&&i.push({[r]:e,[n]:e,customValues:!0}),i})(s,i,p,h,l);return r&&r.length>0&&n.createElement(ic,{style:e},r.map(((e,n)=>O({lengthError:_,maxAllowedLength:g,item:e,index:n,itemProps:t({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:y===n,highlightedIndex:y,selectedItem:u,itemValueIdentifier:h,itemLabelIdentifier:p}))))}))))),d&&u&&n.createElement(rc,null,u))},exports.Popover=wa,exports.Radio=Fc,exports.Slide=$i,exports.SlideFade=Yi,exports.SvgWrapper=_n,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,hideTableHeaderOnEmpty:f=!0,showFilters:m=!0,showOptions:g=!0,rowMenuOptions:b=(()=>[]),onRowSelect:y,onRowClick:v,emptyComponent:x,loadingComponent:w,onPrevious:_,onFirstClick:k,onLastClick:E,onPageClick:S,onSelectAll:C,onNext:I,onMenuOptionSelect:O,headerComponent:D,initialState:N,state:M,filterComponent:T}=e,[R,A]=n.useState(m),[P,L]=n.useState(null),V=h.useTable({columns:t,data:r,initialState:N},h.useRowSelect,h.useColumnOrder,(e=>{e.visibleColumns.push((e=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>d?n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{C&&C(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t,column:r}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n)}})))}},...e]:[...e]))})),{getTableProps:z,getTableBodyProps:$,headerGroups:Y,rows:F,state:{selectedRowIds:j},prepareRow:H,setColumnOrder:B,getToggleAllRowsSelectedProps:W}=V,U=[];for(let e=0;e<Math.ceil(o/i);e++)U.push(e+1);return h.useMountedLayoutEffect((()=>{N&&N.columnOrder&&B(N.columnOrder)}),[N]),h.useMountedLayoutEffect((()=>{y&&y(j)}),[y,j]),n.createElement(Gc,{className:"fui-table"},u&&n.createElement(qc,{className:"table-actions"},n.createElement("div",{className:"action"},!d&&p&&n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},W()),"Select All")),D||void 0,n.createElement("div",{className:"pagination-actions"},c&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},o>0?`${(a-1)*i+1} - ${(a-1)*i+r.length} of ${o}`:null),n.createElement(ui,{type:"secondary",disabled:!l,onClick:()=>_&&_(a-1)},n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:!s,onClick:()=>I&&I(a+1)},n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),m&&n.createElement(ui,{type:"secondary",className:"filter-toggle",onClick:()=>A(!R)},n.createElement(En,{glyph:R?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(od,{className:"table-content"},n.createElement(Kc,{showFilters:m&&R,className:"table-wrapper"},w?n.createElement(n.Fragment,null,w):n.createElement(n.Fragment,null,f&&0===F.length?n.createElement(n.Fragment,null,x):n.createElement(Zc,Object.assign({},z()),n.createElement(Qc,null,Y.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Xc,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(nd,Object.assign({},t()),r("Header"))})),g&&n.createElement(nd,null))}))),n.createElement(td,Object.assign({},$()),F.length>0?F.map((e=>{H(e);const{getRowProps:t,cells:r}=e;return n.createElement(Xc,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(rd,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&v&&v(e.row,e.column)}}),r("Cell"))})),g&&n.createElement(rd,null,b&&b(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(ad,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>L(e.currentTarget)},n.createElement(En,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(wa,{id:`row-popover-${e.id}`,anchorEl:P,onClose:()=>L(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement($l,{options:b(e.original)||[],onSelect:t=>{O&&O(t.id,e.original),L(null)},closeMenuCallback:()=>L(null)})))))})):n.createElement(n.Fragment,null,x)),n.createElement(ed,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(N&&N.hiddenColumns&&N.hiddenColumns.length||0)+(p?1:0)+(b&&b().length>0?1:0)},n.createElement(Jc,{className:"table-pagination"},Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>k&&k(1)},n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>_&&_(a-1)},n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&n.createElement(n.Fragment,null,n.createElement(ui,{type:"secondary",onClick:()=>S&&S(1)},"1"),a-3!=1&&n.createElement(ui,{type:"secondary",disabled:!0},"...")),U.map((e=>[e-2,e-1,e,e+1,e+2].includes(a)&&n.createElement(ui,{type:"secondary",className:a===e?"active":"",onClick:()=>S&&S(e)},e))),a<Math.ceil(o/i)-2&&n.createElement(n.Fragment,null,a+3!==Math.ceil(o/i)&&n.createElement(ui,{type:"secondary",disabled:!0},"..."),n.createElement(ui,{type:"secondary",onClick:()=>S&&S(Math.ceil(o/i))},Math.ceil(o/i))),n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>I&&I(a+1)},n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>E&&E(Math.ceil(o/i))},n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),m&&R&&T&&n.createElement(id,{className:"table-filters"},T)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(sd,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(ld,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[o]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[o]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[o],key:e[o]},n.createElement("span",{className:"label"}," ",e[i])))))},exports.Tag=tc,exports.TextArea=ec,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:o=!0}=e,i=$d(mi,r);return t.createElement(Ze,{theme:i},o&&t.createElement(gi,null),n)},exports.ToastWrapper=e=>{const[r,o]=t.useState([]),[i,a]=t.useState(0),[l,c]=t.useState(!1),d=e=>{o(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||c(!1)}),[r]),n.createElement(dd.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(hd,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(ud,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=gd,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:o=!0,trigger:i="mouseenter",interactive:a=!0,html:s=null,style:l={},children:c})=>t.createElement(t.Fragment,null,t.createElement(Ul,null),t.createElement(p.Tooltip,{title:n,position:e,theme:r,arrow:o,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:s,interactive:a,style:l,trigger:i,duration:150,delay:100},t.cloneElement(c))),exports.Transition=Ai,exports.UiProvider=({children:e})=>{const[r,o,i]=Ui([]),[a,s]=t.useState(!1),l=e=>{const t=e(i.current);o(t)},c=e=>{const t=e();s(t)},d=t.useMemo((()=>({toasts:r,toastHovering:a,updateToasts:l,updateToastHoverStatus:c})),[r,a]);return n.createElement(bd.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(Cd,null)))},exports.debounce=(e,t)=>{let n=0;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e(...r)),t)}},exports.useConfirmation=(e=!1)=>{const[t,n,r]=Ui(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Ui(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(qe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=yd(),[,o,i]=Ui(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${xd()}`,r=t.delay||Id,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Dd.push(t),((t,n)=>{n<=Nd||(clearTimeout(Od),Nd=n,Od=window.setTimeout((()=>{e((e=>Dd.length<e.length?e:(Dd=[],[]))),clearTimeout(Od)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>o(n,r)}]));const a=(e,t)=>{const n=window.setTimeout((()=>{if(i.current)return a(e,t),clearTimeout(n);o(e,t),clearTimeout(n)}),t)};a(n,r)}]};
+`,Cd=()=>{const e=((e=xd())=>{const n=`ui-${e}`,{isBrowser:r}=vd(),[o,i]=t.useState(r?wd(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||wd(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=yd(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(Ed,{index:t,total:s.length,toast:e,onHover:r,key:`toast-${t}`})))),[s,r]),d=e=>{if(e)return i.current&&clearTimeout(i.current),l((()=>!0)),o(!0);i.current=window.setTimeout((()=>{o(!1),l((()=>!1)),i.current&&clearTimeout(i.current)}),200)};return e&&s&&0!==s.length?a.createPortal(n.createElement(Sd,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},Id=2e3;let Od,Dd=[],Nd=0;var Md=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Td}(e)}(e)};var Td="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Rd(e,t){return!1!==t.clone&&t.isMergeableObject(e)?zd((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Ad(e,t,n){return e.concat(t).map((function(e){return Rd(e,n)}))}function Pd(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ld(e,t){try{return t in e}catch(e){return!1}}function Vd(e,t,n){var r={};return n.isMergeableObject(e)&&Pd(e).forEach((function(t){r[t]=Rd(e[t],n)})),Pd(t).forEach((function(o){(function(e,t){return Ld(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ld(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return zd;var n=t.customMerge(e);return"function"==typeof n?n:zd}(o,n)(e[o],t[o],n):r[o]=Rd(t[o],n))})),r}function zd(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Ad,n.isMergeableObject=n.isMergeableObject||Md,n.cloneUnlessOtherwiseSpecified=Rd;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Vd(e,t,n):Rd(t,n)}zd.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return zd(e,n,t)}),{})};var $d=zd;exports.Alert=Mn,exports.BUTTON_SIZE_VARIANTS=ci,exports.BoxedRadio=Bc,exports.Button=ui,exports.ButtonDropdown=jl,exports.Checkbox=fi,exports.Confirmation=Fi,exports.ConfirmationBody=Bi,exports.ConfirmationContent=ji,exports.ConfirmationFooter=Wi,exports.ConfirmationOverlay=Hi,exports.CssBaseLine=gi,exports.DatePicker=e=>{const{onDateChange:r,onClose:o=(()=>null),initialDate:i,anchorDirection:a="right",minMonths:s=6,minimumNights:l=0,...c}=e,[p,h]=t.useState(i&&Gi(i)),[f,m]=t.useState(!1),[g,b]=t.useState(c.autoFocusEndDate?u.END_DATE:u.START_DATE),y=e=>{const t=document.getElementsByClassName("DayPickerNavigation_button")["prev"===e?0:1];return t?t.childNodes[0]:null},v=(e,t)=>{t?e.classList&&e.classList.add("disable-nav"):e.classList&&e.classList.remove("disable-nav")},{autoFocus:x,autoFocusEndDate:w,..._}=c;return n.createElement(si.Box,{style:{position:"relative",height:"100%"}},n.createElement(Ji,null,n.createElement(d.DayPickerSingleDateController,Object.assign({},_,{daySize:32,minimumNights:l,onNextMonthClick:e=>{const t=y("prev"),n=y("next");if(n){Gi().isSame(e.add(1,"months"),"month")?(v(t,!1),v(n,!0)):(v(t,!1),v(n,!1))}},onPrevMonthClick:e=>{const t=y("prev"),n=y("next"),r=s-1;if(t){!Gi().subtract(r,"months").isBefore(e,"month")?(v(t,!0),v(n,!1)):(v(t,!1),v(n,!1))}},navPrev:n.createElement(ta,null),navNext:n.createElement(na,null),renderMonthElement:e=>{const t=y("next"),r=e.month.isAfter(Gi(),"month");return t&&r&&v(t,!0),n.createElement(ra,{dateRangePickerProps:e})},isOutsideRange:e=>!qi(e,Gi()),date:p,onFocusChange:e=>{b(e||u.START_DATE)},focusedInput:g,initialDate:i,minDate:Gi().subtract(s-1,"months").subtract(0,"days"),maxDate:Gi().add(0,"months").endOf("month"),initialVisibleMonth:()=>Gi().subtract(1,"month"),onDateChange:e=>{h(e),r(e)},numberOfMonths:1,hideKeyboardShortcutsPanel:!0,weekDayFormat:"dd"}))))},exports.DismissIcon=pa,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:o,clickOutToClose:i=!0,size:a="default",placement:s="right",children:l,...c}=e;return t.createElement(ga,{in:n,placement:s},(e=>t.createElement(fa.Provider,{value:e},t.createElement(ya,{isOpen:!0,onDismiss:i?r:()=>{}},t.createElement(ba,{size:a},!o&&t.createElement(pa,{onClick:r},t.createElement(En,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),l)))))},exports.DrawerBody=ua,exports.DrawerContent=ba,exports.DrawerFooter=ha,exports.DrawerOverlay=ya,exports.Dropdown=e=>{const{items:t,children:r,defaultSelectedItem:o,label:i="",placeholder:a,errorText:s,itemToString:l,itemComponent:c,onChange:d=(e=>e),type:u=pc.BUTTON,filterKey:p,width:h="100%",disabled:f,isErrored:m,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:y,...v}=e;let x;return"object"!=typeof t[0]||l?x=e=>e?l?l(e):"object"!=typeof e?String(e):null:null:console.warn("Your items are objects. So you need to pass a function to translate each object as a string which can be shown as dropdown item labels"),n.createElement("div",null,n.createElement(ys,Object.assign({itemToString:x,selectedItem:o,onChange:d},v),(e=>n.createElement(zc,Object.assign({width:h,isRequired:g},e.getRootProps()),i&&n.createElement("label",Object.assign({},e.getLabelProps()),i),n.createElement(hc.Provider,{value:{downshift:e,items:t,filterKey:p,type:u,name:v.name}},r||n.createElement(n.Fragment,null,pc.BUTTON===u&&n.createElement(gc,{disabled:f,isErrored:m,overrideStyles:b,placeholder:a}),pc.INPUT===u&&n.createElement(Lc,{placeholder:a,isErrored:m}),n.createElement(Ac,{itemComponent:c,isErrored:m,overrideStyles:y})))))),m&&s&&n.createElement(Vc,null,s))},exports.Fade=Li,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Ze,{theme:n},t.createElement(gi,null),r)},exports.Glyph=kn,exports.Icons=En,exports.InlineSvg=wn,exports.Input=Ql,exports.Loader=e=>{const{size:t="medium",invert:r=!1}=e;return n.createElement(uc,{invert:r,size:t})},exports.Menu=$l,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:o="center",align:i="center",size:a="default"})=>n.createElement(Li,{timeout:300,in:t,unmountOnExit:!0},(s=>n.createElement(oa,{className:"modal-overlay",style:s,align:i,position:o,isOpen:!0,onDismiss:r},n.createElement(Yi,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(la,{className:"modal-content",style:t,size:a,"aria-label":"dialog"},e)))))),exports.ModalBody=ca,exports.ModalContent=la,exports.ModalFooter=da,exports.ModalOverlay=oa,exports.MultiSelectDropdown=e=>{const{name:r,label:o,items:i,selectedItem:a,onChange:s,customValues:l=!1,placeholder:c,isErrored:d,errorText:u,itemLabelIdentifier:p,itemValueIdentifier:h,isRequired:f,renderCustomSuggestion:m,maxAllowedLength:g=2147483647,...b}=e,[y,v]=t.useState([]),[x,w]=t.useState(""),[_,k]=t.useState(!1),E=t.useRef(null);t.useEffect((()=>{v([...a])}),[a]);const S=e=>{y.some((t=>t[h]===e[h]))?I(e):_||C(e)},C=e=>{w(""),v([...y,e]),s([...y,e])},I=e=>{const t=y.filter((t=>t[p]!==e[p]));v(t),s(t)},O=e=>m?m(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:o,index:i,highlightedIndex:a,selectedItem:s,itemValueIdentifier:l,itemLabelIdentifier:c})=>{const d=a===i,u=s.some((t=>t[l]&&t[l]===e[l]));return n.createElement(ac,Object.assign({disabled:e.disabled},o,{key:i,isHighlighted:d,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(si.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[l]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[c]?`Enter to ${u?"remove":"add"} '${e[c]}'`:e[c]),u&&!e.customValues&&n.createElement(En,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(ys,Object.assign({selectedItem:a,onChange:e=>{e&&S(e)},itemToString:e=>e?e[h]:"",inputValue:x,onInputValueChange:(e="")=>{l&&e.length>g?k(!0):k(!1),w(e)}},b),(({getInputProps:e,getItemProps:t,getRootProps:a,inputValue:s,selectedItem:u,toggleMenu:m,isOpen:b,highlightedIndex:y})=>n.createElement(sc,Object.assign({required:f},a()),o&&n.createElement("label",{htmlFor:o},o),n.createElement(oc,{isOpen:b,isErrored:d,id:"dropdownField container","data-testid":`formik-multi-select-${o}`,onClick:()=>{b||E&&E.current&&E.current.focus(),m()}},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,o)=>e[r]&&n.createElement(tc,{key:o,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:I,selectedItem:u,itemLabelIdentifier:p}),(({label:e,name:t,searchRef:r,InputProps:o,items:i,placeholder:a,customValues:s})=>0!==i.length||s?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:r,type:"text"},o,{placeholder:a})):null)({name:r,label:o||"",searchRef:E,selectedItem:u,removeSelectedItem:I,items:i,inputValue:s,placeholder:c||"",customValues:l,InputProps:{...e({onKeyDown:e=>{"Backspace"!==e.key||s||I(u[u.length-1]),"Enter"===e.key&&s&&l&&null===y&&S({[p]:s,[h]:s})}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(En,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(Yi,{initialOffset:"-20px",timeout:200,in:b,unmountOnExit:!0},(e=>{const r=((e,t,n,r,o)=>{const i=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==i.length&&o&&""!==e&&i.push({[r]:e,[n]:e,customValues:!0}),i})(s,i,p,h,l);return r&&r.length>0&&n.createElement(ic,{style:e},r.map(((e,n)=>O({lengthError:_,maxAllowedLength:g,item:e,index:n,itemProps:t({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:y===n,highlightedIndex:y,selectedItem:u,itemValueIdentifier:h,itemLabelIdentifier:p}))))}))))),d&&u&&n.createElement(rc,null,u))},exports.Popover=wa,exports.Radio=Fc,exports.Slide=$i,exports.SlideFade=Yi,exports.SvgWrapper=_n,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,hideTableHeaderOnEmpty:f=!0,showFilters:m=!0,showOptions:g=!0,rowMenuOptions:b=(()=>[]),onRowSelect:y,onRowClick:v,emptyComponent:x,loadingComponent:w,onPrevious:_,onFirstClick:k,onLastClick:E,onPageClick:S,onSelectAll:C,onNext:I,onMenuOptionSelect:O,headerComponent:D,initialState:N,state:M,filterComponent:T}=e,[R,A]=n.useState(m),[P,L]=n.useState(null),V=h.useTable({columns:t,data:r,initialState:N},h.useRowSelect,h.useColumnOrder,(e=>{e.visibleColumns.push((e=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>d?n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{C&&C(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t,column:r}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n)}})))}},...e]:[...e]))})),{getTableProps:z,getTableBodyProps:$,headerGroups:Y,rows:F,state:{selectedRowIds:j},prepareRow:H,setColumnOrder:B,getToggleAllRowsSelectedProps:W}=V,U=[];for(let e=0;e<Math.ceil(o/i);e++)U.push(e+1);return h.useMountedLayoutEffect((()=>{N&&N.columnOrder&&B(N.columnOrder)}),[N]),h.useMountedLayoutEffect((()=>{y&&y(j)}),[y,j]),n.createElement(Gc,{className:"fui-table"},u&&n.createElement(qc,{className:"table-actions"},n.createElement("div",{className:"action"},!d&&p&&n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},W()),"Select All")),D||void 0,n.createElement("div",{className:"pagination-actions"},c&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},o>0?`${(a-1)*i+1} - ${(a-1)*i+r.length} of ${S?o:"Many"}`:null),n.createElement(ui,{type:"secondary",disabled:!l,onClick:()=>_&&_(a-1)},n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:!s,onClick:()=>I&&I(a+1)},n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),m&&n.createElement(ui,{type:"secondary",className:"filter-toggle",onClick:()=>A(!R)},n.createElement(En,{glyph:R?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(od,{className:"table-content"},n.createElement(Kc,{showFilters:m&&R,className:"table-wrapper"},w?n.createElement(n.Fragment,null,w):n.createElement(n.Fragment,null,f&&0===F.length?n.createElement(n.Fragment,null,x):n.createElement(Zc,Object.assign({},z()),n.createElement(Qc,null,Y.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Xc,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(nd,Object.assign({},t()),r("Header"))})),g&&n.createElement(nd,null))}))),n.createElement(td,Object.assign({},$()),F.length>0?F.map((e=>{H(e);const{getRowProps:t,cells:r}=e;return n.createElement(Xc,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(rd,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&v&&v(e.row,e.column)}}),r("Cell"))})),g&&n.createElement(rd,null,b&&b(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(ad,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>L(e.currentTarget)},n.createElement(En,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(wa,{id:`row-popover-${e.id}`,anchorEl:P,onClose:()=>L(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement($l,{options:b(e.original)||[],onSelect:t=>{O&&O(t.id,e.original),L(null)},closeMenuCallback:()=>L(null)})))))})):n.createElement(n.Fragment,null,x)),c&&n.createElement(ed,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(N&&N.hiddenColumns&&N.hiddenColumns.length||0)+(p?1:0)+(b&&b().length>0?1:0)},n.createElement(Jc,{className:"table-pagination"},Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>k&&k(1)},n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>_&&_(a-1)},n.createElement(En,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&n.createElement(n.Fragment,null,n.createElement(ui,{type:"secondary",onClick:()=>S&&S(1)},"1"),a-3!=1&&n.createElement(ui,{type:"secondary",disabled:!0},"...")),U.map((e=>[e-2,e-1,e,e+1,e+2].includes(a)&&n.createElement(ui,{type:"secondary",className:a===e?"active":"",onClick:()=>S&&S(e)},e))),a<Math.ceil(o/i)-2&&n.createElement(n.Fragment,null,a+3!==Math.ceil(o/i)&&n.createElement(ui,{type:"secondary",disabled:!0},"..."),n.createElement(ui,{type:"secondary",onClick:()=>S&&S(Math.ceil(o/i))},Math.ceil(o/i))),n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>I&&I(a+1)},n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>E&&E(Math.ceil(o/i))},n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(En,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),m&&R&&T&&n.createElement(id,{className:"table-filters"},T)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(sd,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(ld,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[o]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[o]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[o],key:e[o]},n.createElement("span",{className:"label"}," ",e[i])))))},exports.Tag=tc,exports.TextArea=ec,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:o=!0}=e,i=$d(mi,r);return t.createElement(Ze,{theme:i},o&&t.createElement(gi,null),n)},exports.ToastWrapper=e=>{const[r,o]=t.useState([]),[i,a]=t.useState(0),[l,c]=t.useState(!1),d=e=>{o(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||c(!1)}),[r]),n.createElement(dd.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(hd,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(ud,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=gd,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:o=!0,trigger:i="mouseenter",interactive:a=!0,html:s=null,style:l={},children:c})=>t.createElement(t.Fragment,null,t.createElement(Ul,null),t.createElement(p.Tooltip,{title:n,position:e,theme:r,arrow:o,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:s,interactive:a,style:l,trigger:i,duration:150,delay:100},t.cloneElement(c))),exports.Transition=Ai,exports.UiProvider=({children:e})=>{const[r,o,i]=Ui([]),[a,s]=t.useState(!1),l=e=>{const t=e(i.current);o(t)},c=e=>{const t=e();s(t)},d=t.useMemo((()=>({toasts:r,toastHovering:a,updateToasts:l,updateToastHoverStatus:c})),[r,a]);return n.createElement(bd.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(Cd,null)))},exports.debounce=(e,t)=>{let n=0;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e(...r)),t)}},exports.useConfirmation=(e=!1)=>{const[t,n,r]=Ui(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Ui(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(qe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=yd(),[,o,i]=Ui(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${xd()}`,r=t.delay||Id,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Dd.push(t),((t,n)=>{n<=Nd||(clearTimeout(Od),Nd=n,Od=window.setTimeout((()=>{e((e=>Dd.length<e.length?e:(Dd=[],[]))),clearTimeout(Od)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>o(n,r)}]));const a=(e,t)=>{const n=window.setTimeout((()=>{if(i.current)return a(e,t),clearTimeout(n);o(e,t),clearTimeout(n)}),t)};a(n,r)}]};

package/lib/index.esm.js

@@ -1089,7 +1089,7 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
   width: calc(100% + 12px);
   opacity: ${e=>e.disabled?.7:1};
   cursor: ${e=>e.disabled?"not-allowed":"pointer"};
-`;var xd=_t((t=>{const[n,r]=c(t.defaultSelectedValue);return d((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(gd.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(vd,{disabled:t.disabled,className:t.className},t.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});yd.Group=xd;const wd=t=>{const{columns:n=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,hideTableHeaderOnEmpty:h=!0,showFilters:f=!0,showOptions:m=!0,rowMenuOptions:g=(()=>[]),onRowSelect:b,onRowClick:y,emptyComponent:v,loadingComponent:x,onPrevious:w,onFirstClick:_,onLastClick:k,onPageClick:E,onSelectAll:S,onNext:C,onMenuOptionSelect:I,headerComponent:O,initialState:A,state:R,filterComponent:P}=t,[L,z]=e.useState(f),[V,$]=e.useState(null),Y=N({columns:n,data:r,initialState:A},D,M,(t=>{t.visibleColumns.push((t=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:t,toggleAllRowsSelected:n})=>d?e.createElement("div",{className:"table-checkbox"},e.createElement(Ti,Object.assign({id:"selectAll",name:"selectAll"},t(),{onChange:(e,t)=>{S&&S(t),n(t)}}))):e.createElement("div",null),Cell:t=>{const{row:n,column:r}=t;return e.createElement("div",{className:"table-checkbox"},e.createElement(Ti,Object.assign({id:"selectRow",name:"selectRow"},n.getToggleRowSelectedProps(),{onChange:(e,t)=>{n.toggleRowSelected(t)}})))}},...t]:[...t]))})),{getTableProps:j,getTableBodyProps:F,headerGroups:H,rows:B,state:{selectedRowIds:W},prepareRow:U,setColumnOrder:G,getToggleAllRowsSelectedProps:K}=Y,Z=[];for(let e=0;e<Math.ceil(o/i);e++)Z.push(e+1);return T((()=>{A&&A.columnOrder&&G(A.columnOrder)}),[A]),T((()=>{b&&b(W)}),[b,W]),e.createElement(_d,{className:"fui-table"},u&&e.createElement(Ed,{className:"table-actions"},e.createElement("div",{className:"action"},!d&&p&&e.createElement(Ti,Object.assign({id:"selectAll",name:"selectAll"},K()),"Select All")),O||void 0,e.createElement("div",{className:"pagination-actions"},c&&e.createElement(e.Fragment,null,e.createElement("div",{className:"pagination-text"},o>0?`${(a-1)*i+1} - ${(a-1)*i+r.length} of ${o}`:null),e.createElement(Ni,{type:"secondary",disabled:!l,onClick:()=>w&&w(a-1)},e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Ni,{type:"secondary",disabled:!s,onClick:()=>C&&C(a+1)},e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),f&&e.createElement(Ni,{type:"secondary",className:"filter-toggle",onClick:()=>z(!L)},e.createElement(Hn,{glyph:L?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",e.createElement(Ad,{className:"table-content"},e.createElement(kd,{showFilters:f&&L,className:"table-wrapper"},x?e.createElement(e.Fragment,null,x):e.createElement(e.Fragment,null,h&&0===B.length?e.createElement(e.Fragment,null,v):e.createElement(Sd,Object.assign({},j()),e.createElement(Od,null,H.map((t=>{const{getHeaderGroupProps:n,headers:r}=t;return e.createElement(Cd,Object.assign({},n(),{className:"header-row"}),r.map((t=>{const{getHeaderProps:n,render:r}=t;return e.createElement(Md,Object.assign({},n()),r("Header"))})),m&&e.createElement(Md,null))}))),e.createElement(Dd,Object.assign({},F()),B.length>0?B.map((t=>{U(t);const{getRowProps:n,cells:r}=t;return e.createElement(Cd,Object.assign({},n(),{className:t.isSelected?"selected":""}),r.map((t=>{const{getCellProps:n,render:r}=t;return e.createElement(Td,Object.assign({},n(),{onClick:()=>{"selection"!==t.column.id&&y&&y(t.row,t.column)}}),r("Cell"))})),m&&e.createElement(Td,null,g&&g(t.original).length>0&&e.createElement(e.Fragment,null,e.createElement(Pd,{"aria-describedby":`row-popover-${t.id}`,onClick:e=>$(e.currentTarget)},e.createElement(Hn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),e.createElement(Wa,{id:`row-popover-${t.id}`,anchorEl:V,onClose:()=>$(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},e.createElement(cc,{options:g(t.original)||[],onSelect:e=>{I&&I(e.id,t.original),$(null)},closeMenuCallback:()=>$(null)})))))})):e.createElement(e.Fragment,null,v)),e.createElement(Nd,null,e.createElement("tr",null,e.createElement("td",{colSpan:n.length-(A&&A.hiddenColumns&&A.hiddenColumns.length||0)+(p?1:0)+(g&&g().length>0?1:0)},e.createElement(Id,{className:"table-pagination"},Math.ceil(o/i)>10&&e.createElement(Ni,{type:"secondary",disabled:1===a,onClick:()=>_&&_(1)},e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Ni,{type:"secondary",disabled:1===a,onClick:()=>w&&w(a-1)},e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&e.createElement(e.Fragment,null,e.createElement(Ni,{type:"secondary",onClick:()=>E&&E(1)},"1"),a-3!=1&&e.createElement(Ni,{type:"secondary",disabled:!0},"...")),Z.map((t=>[t-2,t-1,t,t+1,t+2].includes(a)&&e.createElement(Ni,{type:"secondary",className:a===t?"active":"",onClick:()=>E&&E(t)},t))),a<Math.ceil(o/i)-2&&e.createElement(e.Fragment,null,a+3!==Math.ceil(o/i)&&e.createElement(Ni,{type:"secondary",disabled:!0},"..."),e.createElement(Ni,{type:"secondary",onClick:()=>E&&E(Math.ceil(o/i))},Math.ceil(o/i))),e.createElement(Ni,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>C&&C(a+1)},e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&e.createElement(Ni,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>k&&k(Math.ceil(o/i))},e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),f&&L&&P&&e.createElement(Rd,{className:"table-filters"},P)))},_d=yt.div`
+`;var xd=_t((t=>{const[n,r]=c(t.defaultSelectedValue);return d((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(gd.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(vd,{disabled:t.disabled,className:t.className},t.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});yd.Group=xd;const wd=t=>{const{columns:n=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,hideTableHeaderOnEmpty:h=!0,showFilters:f=!0,showOptions:m=!0,rowMenuOptions:g=(()=>[]),onRowSelect:b,onRowClick:y,emptyComponent:v,loadingComponent:x,onPrevious:w,onFirstClick:_,onLastClick:k,onPageClick:E,onSelectAll:S,onNext:C,onMenuOptionSelect:I,headerComponent:O,initialState:A,state:R,filterComponent:P}=t,[L,z]=e.useState(f),[V,$]=e.useState(null),Y=N({columns:n,data:r,initialState:A},D,M,(t=>{t.visibleColumns.push((t=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:t,toggleAllRowsSelected:n})=>d?e.createElement("div",{className:"table-checkbox"},e.createElement(Ti,Object.assign({id:"selectAll",name:"selectAll"},t(),{onChange:(e,t)=>{S&&S(t),n(t)}}))):e.createElement("div",null),Cell:t=>{const{row:n,column:r}=t;return e.createElement("div",{className:"table-checkbox"},e.createElement(Ti,Object.assign({id:"selectRow",name:"selectRow"},n.getToggleRowSelectedProps(),{onChange:(e,t)=>{n.toggleRowSelected(t)}})))}},...t]:[...t]))})),{getTableProps:j,getTableBodyProps:F,headerGroups:H,rows:B,state:{selectedRowIds:W},prepareRow:U,setColumnOrder:G,getToggleAllRowsSelectedProps:K}=Y,Z=[];for(let e=0;e<Math.ceil(o/i);e++)Z.push(e+1);return T((()=>{A&&A.columnOrder&&G(A.columnOrder)}),[A]),T((()=>{b&&b(W)}),[b,W]),e.createElement(_d,{className:"fui-table"},u&&e.createElement(Ed,{className:"table-actions"},e.createElement("div",{className:"action"},!d&&p&&e.createElement(Ti,Object.assign({id:"selectAll",name:"selectAll"},K()),"Select All")),O||void 0,e.createElement("div",{className:"pagination-actions"},c&&e.createElement(e.Fragment,null,e.createElement("div",{className:"pagination-text"},o>0?`${(a-1)*i+1} - ${(a-1)*i+r.length} of ${E?o:"Many"}`:null),e.createElement(Ni,{type:"secondary",disabled:!l,onClick:()=>w&&w(a-1)},e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Ni,{type:"secondary",disabled:!s,onClick:()=>C&&C(a+1)},e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),f&&e.createElement(Ni,{type:"secondary",className:"filter-toggle",onClick:()=>z(!L)},e.createElement(Hn,{glyph:L?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",e.createElement(Ad,{className:"table-content"},e.createElement(kd,{showFilters:f&&L,className:"table-wrapper"},x?e.createElement(e.Fragment,null,x):e.createElement(e.Fragment,null,h&&0===B.length?e.createElement(e.Fragment,null,v):e.createElement(Sd,Object.assign({},j()),e.createElement(Od,null,H.map((t=>{const{getHeaderGroupProps:n,headers:r}=t;return e.createElement(Cd,Object.assign({},n(),{className:"header-row"}),r.map((t=>{const{getHeaderProps:n,render:r}=t;return e.createElement(Md,Object.assign({},n()),r("Header"))})),m&&e.createElement(Md,null))}))),e.createElement(Dd,Object.assign({},F()),B.length>0?B.map((t=>{U(t);const{getRowProps:n,cells:r}=t;return e.createElement(Cd,Object.assign({},n(),{className:t.isSelected?"selected":""}),r.map((t=>{const{getCellProps:n,render:r}=t;return e.createElement(Td,Object.assign({},n(),{onClick:()=>{"selection"!==t.column.id&&y&&y(t.row,t.column)}}),r("Cell"))})),m&&e.createElement(Td,null,g&&g(t.original).length>0&&e.createElement(e.Fragment,null,e.createElement(Pd,{"aria-describedby":`row-popover-${t.id}`,onClick:e=>$(e.currentTarget)},e.createElement(Hn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),e.createElement(Wa,{id:`row-popover-${t.id}`,anchorEl:V,onClose:()=>$(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},e.createElement(cc,{options:g(t.original)||[],onSelect:e=>{I&&I(e.id,t.original),$(null)},closeMenuCallback:()=>$(null)})))))})):e.createElement(e.Fragment,null,v)),c&&e.createElement(Nd,null,e.createElement("tr",null,e.createElement("td",{colSpan:n.length-(A&&A.hiddenColumns&&A.hiddenColumns.length||0)+(p?1:0)+(g&&g().length>0?1:0)},e.createElement(Id,{className:"table-pagination"},Math.ceil(o/i)>10&&e.createElement(Ni,{type:"secondary",disabled:1===a,onClick:()=>_&&_(1)},e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Ni,{type:"secondary",disabled:1===a,onClick:()=>w&&w(a-1)},e.createElement(Hn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&e.createElement(e.Fragment,null,e.createElement(Ni,{type:"secondary",onClick:()=>E&&E(1)},"1"),a-3!=1&&e.createElement(Ni,{type:"secondary",disabled:!0},"...")),Z.map((t=>[t-2,t-1,t,t+1,t+2].includes(a)&&e.createElement(Ni,{type:"secondary",className:a===t?"active":"",onClick:()=>E&&E(t)},t))),a<Math.ceil(o/i)-2&&e.createElement(e.Fragment,null,a+3!==Math.ceil(o/i)&&e.createElement(Ni,{type:"secondary",disabled:!0},"..."),e.createElement(Ni,{type:"secondary",onClick:()=>E&&E(Math.ceil(o/i))},Math.ceil(o/i))),e.createElement(Ni,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>C&&C(a+1)},e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&e.createElement(Ni,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>k&&k(Math.ceil(o/i))},e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),e.createElement(Hn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),f&&L&&P&&e.createElement(Rd,{className:"table-filters"},P)))},_d=yt.div`
   flex: 1;
   overflow: auto;
 `,kd=yt.div`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "1.0.156",
+  "version": "1.0.160",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",