freemium-ui 1.0.175 → 1.0.176

package/lib/index.cjs.js

@@ -1308,4 +1308,4 @@ to {right : 10px}
   .toast-container.hover {
     transform: translate3d(0, -10px, 0);
   }
-`,uu=()=>{const e=((e=iu())=>{const n=`ui-${e}`,{isBrowser:r}=ou(),[o,i]=t.useState(r?au(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||au(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=ru(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(cu,{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(du,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},pu=2e3;let hu,fu=[],mu=0;var gu=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===bu}(e)}(e)};var bu="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function yu(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Eu((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function vu(e,t,n){return e.concat(t).map((function(e){return yu(e,n)}))}function xu(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function wu(e,t){try{return t in e}catch(e){return!1}}function _u(e,t,n){var r={};return n.isMergeableObject(e)&&xu(e).forEach((function(t){r[t]=yu(e[t],n)})),xu(t).forEach((function(o){(function(e,t){return wu(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(wu(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return Eu;var n=t.customMerge(e);return"function"==typeof n?n:Eu}(o,n)(e[o],t[o],n):r[o]=yu(t[o],n))})),r}function Eu(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||vu,n.isMergeableObject=n.isMergeableObject||gu,n.cloneUnlessOtherwiseSpecified=yu;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):_u(e,t,n):yu(t,n)}Eu.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Eu(e,n,t)}),{})};var ku=Eu;exports.Alert=Mn,exports.BUTTON_SIZE_VARIANTS=ci,exports.BoxedRadio=Nd,exports.Button=ui,exports.ButtonDropdown=Fl,exports.Checkbox=fi,exports.Confirmation=Yi,exports.ConfirmationBody=Bi,exports.ConfirmationContent=Fi,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(kn,{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:r,children:o,defaultSelectedItem:i,label:a="",placeholder:s,errorText:l,itemToString:c,itemComponent:d,onChange:u=(e=>e),type:p=qc.BUTTON,filterKey:h,width:f="100%",disabled:m,isErrored:g,isRequired:b,overrideButtonStyles:y,overrideContainerStyles:v,isMenuLoading:x,...w}=e;let _;"object"!=typeof r[0]||c?_=e=>e?c?c(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");const E=t.useRef(null),k=t.useRef(null);return n.createElement("div",null,n.createElement(ys,Object.assign({itemToString:_,selectedItem:i,onChange:u},w),(e=>n.createElement(Ed,Object.assign({width:f,isRequired:b},e.getRootProps()),a&&n.createElement("label",Object.assign({},e.getLabelProps()),a),n.createElement(Zc.Provider,{value:{downshift:e,items:r,filterKey:h,type:p,name:w.name}},o||n.createElement(n.Fragment,null,qc.BUTTON===p&&n.createElement(ed,{disabled:m,ref:E,isErrored:g,overrideStyles:y,placeholder:s}),qc.INPUT===p&&n.createElement(wd,{ref:E,placeholder:s,isErrored:g,disabled:m}),n.createElement(Bc,{targetRef:E,position:Gc,ref:k},n.createElement(n.Fragment,null,n.createElement(yd,{anchorRef:E,popoverRef:k,itemComponent:d,isErrored:g,overrideStyles:v,isMenuLoading:x})))))))),g&&l&&n.createElement(_d,null,l))},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=En,exports.Icons=kn,exports.InlineSvg=wn,exports.Input=Ql,exports.Loader=pc,exports.Menu=zl,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(ji,{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(""),[_,E]=t.useState(!1),k=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(kn,{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?E(!0):E(!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||k&&k.current&&k.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:k,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(kn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(ji,{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=Cd,exports.Slide=zi,exports.SlideFade=ji,exports.SvgWrapper=_n,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,indeterminateCount:s=!1,next:l=!1,previous:c=!1,showTopPagination:d=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:f=!0,showSelections:m=!0,hideTableHeaderOnEmpty:g=!0,showFilters:b=!0,showOptions:y=!0,rowMenuOptions:v=(()=>[]),onRowSelect:x,onRowClick:w,emptyComponent:_,loadingComponent:E,onPrevious:k,onFirstClick:S,onLastClick:C,onPageClick:I,onSelectAll:O,onNext:N,onMenuOptionSelect:D,headerComponent:M,initialState:T={},filterComponent:R}=e,[A,P]=n.useState(b),[L,V]=n.useState(null),{getTableProps:$,getTableBodyProps:z,headerGroups:j,rows:Y,setColumnOrder:F,setHiddenColumns:H,flatRows:B,prepareRow:W,getToggleAllRowsSelectedProps:U}=h.useTable({columns:t,data:r,initialState:T,useControlledState:e=>n.useMemo((()=>({...e,selectedRowIds:T.selectedRowIds||{}})),[T.selectedRowIds,e])},h.useRowSelect,h.useColumnOrder,(e=>{e.visibleColumns.push((e=>m?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>p?n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{if(n){const e={};Y&&Y.length>0&&Y.forEach((t=>{e[t.id]=!0})),x&&x(e,B)}else x&&x({},B);O&&O(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t}=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),x&&x({...T.selectedRowIds,[t.id]:n},B)}})))}},...e]:[...e]))})),G=[];for(let e=0;e<Math.ceil(o/i);e++)G.push(e+1);return h.useMountedLayoutEffect((()=>{T&&T.columnOrder&&F(T.columnOrder)}),[T.columnOrder]),h.useMountedLayoutEffect((()=>{T&&T.hiddenColumns&&H(T.hiddenColumns)}),[T.hiddenColumns]),n.createElement(Td,{className:"fui-table"},f&&n.createElement(Ad,{className:"table-actions"},n.createElement("div",{className:"action"},!p&&m&&n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},U()),"Select All")),M||void 0,n.createElement("div",{className:"pagination-actions"},d&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},E?n.createElement(pc,{size:"small"}):n.createElement(n.Fragment,null,o>0?`${(a-1)*i+1} - ${(a-1)*i+r.length} of ${s?"Many":o}`:null)),n.createElement(ui,{type:"secondary",disabled:!c||Boolean(E),onClick:()=>k&&k(a-1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:!l||Boolean(E),onClick:()=>N&&N(a+1)},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),b&&n.createElement(ui,{type:"secondary",className:"filter-toggle",onClick:()=>P(!A)},n.createElement(kn,{glyph:A?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(Hd,{className:"table-content"},n.createElement(Rd,{showFilters:b&&A,className:"table-wrapper"},E?n.createElement(n.Fragment,null,E):n.createElement(n.Fragment,null,g&&0===Y.length?n.createElement(n.Fragment,null,_):n.createElement(Pd,Object.assign({},$()),n.createElement($d,null,j.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Ld,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(Yd,Object.assign({},t()),r("Header"))})),y&&n.createElement(Yd,null))}))),n.createElement(jd,Object.assign({},z()),Y.length>0?Y.map((e=>{W(e);const{getRowProps:t,cells:r}=e;return n.createElement(Ld,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(Fd,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&w&&w(e.row,e.column)}}),r("Cell"))})),y&&n.createElement(Fd,null,v&&v(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(Wd,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>V(e.currentTarget)},n.createElement(kn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(wa,{id:`row-popover-${e.id}`,anchorEl:L,onClose:()=>V(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(zl,{options:v(e.original)||[],onSelect:t=>{D&&D(t.id,e.original),V(null)},closeMenuCallback:()=>V(null)})))))})):n.createElement(n.Fragment,null,_)),u&&n.createElement(zd,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(T&&T.hiddenColumns&&T.hiddenColumns.length||0)+(m?1:0)+(v&&v().length>0?1:0)},n.createElement(Vd,{className:"table-pagination"},Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>S&&S(1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>k&&k(a-1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&n.createElement(n.Fragment,null,n.createElement(ui,{type:"secondary",onClick:()=>I&&I(1)},"1"),a-3!=1&&n.createElement(ui,{type:"secondary",disabled:!0},"...")),G.map((e=>[e-2,e-1,e,e+1,e+2].includes(a)&&n.createElement(ui,{type:"secondary",className:a===e?"active":"",onClick:()=>I&&I(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:()=>I&&I(Math.ceil(o/i))},Math.ceil(o/i))),n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>N&&N(a+1)},n.createElement(kn,{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:()=>C&&C(Math.ceil(o/i))},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),b&&A&&R&&n.createElement(Bd,{className:"table-filters"},R)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(Ud,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(Gd,{"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=ku(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(qd.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(Jd,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(Zd,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=tu,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(nu.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(uu,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}=ru(),[,o,i]=Ui(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${iu()}`,r=t.delay||pu,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),fu.push(t),((t,n)=>{n<=mu||(clearTimeout(hu),mu=n,hu=window.setTimeout((()=>{e((e=>fu.length<e.length?e:(fu=[],[]))),clearTimeout(hu)}),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)}]};
+`,uu=()=>{const e=((e=iu())=>{const n=`ui-${e}`,{isBrowser:r}=ou(),[o,i]=t.useState(r?au(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||au(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=ru(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(cu,{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(du,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},pu=2e3;let hu,fu=[],mu=0;var gu=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===bu}(e)}(e)};var bu="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function yu(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Eu((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function vu(e,t,n){return e.concat(t).map((function(e){return yu(e,n)}))}function xu(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function wu(e,t){try{return t in e}catch(e){return!1}}function _u(e,t,n){var r={};return n.isMergeableObject(e)&&xu(e).forEach((function(t){r[t]=yu(e[t],n)})),xu(t).forEach((function(o){(function(e,t){return wu(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(wu(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return Eu;var n=t.customMerge(e);return"function"==typeof n?n:Eu}(o,n)(e[o],t[o],n):r[o]=yu(t[o],n))})),r}function Eu(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||vu,n.isMergeableObject=n.isMergeableObject||gu,n.cloneUnlessOtherwiseSpecified=yu;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):_u(e,t,n):yu(t,n)}Eu.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Eu(e,n,t)}),{})};var ku=Eu;exports.Alert=Mn,exports.BUTTON_SIZE_VARIANTS=ci,exports.BoxedRadio=Nd,exports.Button=ui,exports.ButtonDropdown=Fl,exports.Checkbox=fi,exports.Confirmation=Yi,exports.ConfirmationBody=Bi,exports.ConfirmationContent=Fi,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(kn,{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:r,children:o,defaultSelectedItem:i,label:a="",placeholder:s,errorText:l,itemToString:c,itemComponent:d,onChange:u=(e=>e),type:p=qc.BUTTON,filterKey:h,width:f="100%",disabled:m,isErrored:g,isRequired:b,overrideButtonStyles:y,overrideContainerStyles:v,isMenuLoading:x,...w}=e;let _;"object"!=typeof r[0]||c?_=e=>e?c?c(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");const E=t.useRef(null),k=t.useRef(null);return n.createElement("div",null,n.createElement(ys,Object.assign({itemToString:_,selectedItem:i,onChange:u},w),(e=>n.createElement(Ed,Object.assign({width:f,isRequired:b},e.getRootProps()),a&&n.createElement("label",Object.assign({},e.getLabelProps()),a),n.createElement(Zc.Provider,{value:{downshift:e,items:r,filterKey:h,type:p,name:w.name}},o||n.createElement(n.Fragment,null,qc.BUTTON===p&&n.createElement(ed,{disabled:m,ref:E,isErrored:g,overrideStyles:y,placeholder:s}),qc.INPUT===p&&n.createElement(wd,{ref:E,placeholder:s,isErrored:g,disabled:m}),n.createElement(Bc,{targetRef:E,position:Gc,ref:k},n.createElement(n.Fragment,null,n.createElement(yd,{anchorRef:E,popoverRef:k,itemComponent:d,isErrored:g,overrideStyles:v,isMenuLoading:x})))))))),g&&l&&n.createElement(_d,null,l))},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=En,exports.Icons=kn,exports.InlineSvg=wn,exports.Input=Ql,exports.Loader=pc,exports.Menu=zl,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(ji,{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(""),[_,E]=t.useState(!1),k=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(kn,{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?E(!0):E(!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||k&&k.current&&k.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:k,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(kn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(ji,{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=Cd,exports.Slide=zi,exports.SlideFade=ji,exports.SvgWrapper=_n,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,indeterminateCount:s=!1,next:l=!1,previous:c=!1,showTopPagination:d=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:f=!0,showSelections:m=!0,hideTableHeaderOnEmpty:g=!0,showFilters:b=!0,showOptions:y=!0,rowMenuOptions:v=(()=>[]),onRowSelect:x,onRowClick:w,emptyComponent:_,loadingComponent:E,onPrevious:k,onFirstClick:S,onLastClick:C,onPageClick:I,onSelectAll:O,onNext:N,onMenuOptionSelect:D,headerComponent:M,initialState:T={},filterComponent:R}=e,[A,P]=n.useState(b),[L,V]=n.useState(null),{getTableProps:$,getTableBodyProps:z,headerGroups:j,rows:Y,setColumnOrder:F,setHiddenColumns:H,flatRows:B,prepareRow:W,getToggleAllRowsSelectedProps:U}=h.useTable({columns:t,data:r,initialState:T,useControlledState:e=>n.useMemo((()=>({...e,selectedRowIds:T.selectedRowIds||{}})),[T.selectedRowIds,e])},h.useRowSelect,h.useColumnOrder,(e=>{e.visibleColumns.push((e=>m?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>p?n.createElement("div",{className:"table-checkbox"},n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{if(n){const e={};Y&&Y.length>0&&Y.forEach((t=>{e[t.id]=!0})),x&&x(e,B)}else x&&x({},B);O&&O(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t}=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),x&&x({...T.selectedRowIds,[t.id]:n},B)}})))}},...e]:[...e]))})),G=[];for(let e=0;e<Math.ceil(o/i);e++)G.push(e+1);return h.useMountedLayoutEffect((()=>{T&&T.columnOrder&&F(T.columnOrder)}),[T.columnOrder]),h.useMountedLayoutEffect((()=>{T&&T.hiddenColumns&&H(T.hiddenColumns)}),[T.hiddenColumns]),n.createElement(Td,{className:"fui-table"},f&&n.createElement(Ad,{className:"table-actions"},n.createElement("div",{className:"action"},!p&&m&&n.createElement(fi,Object.assign({id:"selectAll",name:"selectAll"},U()),"Select All")),M||void 0,n.createElement("div",{className:"pagination-actions"},d&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},E?n.createElement(pc,{size:"small"}):n.createElement(n.Fragment,null,o>0?`${(a-1)*i+(r.length>0?1:0)} - ${(a-1)*i+r.length} of ${s?""+(r.length>0?"Many":"-"):o}`:null)),n.createElement(ui,{type:"secondary",disabled:!c||Boolean(E),onClick:()=>k&&k(a-1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:!l||Boolean(E),onClick:()=>N&&N(a+1)},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),b&&n.createElement(ui,{type:"secondary",className:"filter-toggle",onClick:()=>P(!A)},n.createElement(kn,{glyph:A?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(Hd,{className:"table-content"},n.createElement(Rd,{showFilters:b&&A,className:"table-wrapper"},E?n.createElement(n.Fragment,null,E):n.createElement(n.Fragment,null,g&&0===Y.length?n.createElement(n.Fragment,null,_):n.createElement(Pd,Object.assign({},$()),n.createElement($d,null,j.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Ld,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(Yd,Object.assign({},t()),r("Header"))})),y&&n.createElement(Yd,null))}))),n.createElement(jd,Object.assign({},z()),Y.length>0?Y.map((e=>{W(e);const{getRowProps:t,cells:r}=e;return n.createElement(Ld,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(Fd,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&w&&w(e.row,e.column)}}),r("Cell"))})),y&&n.createElement(Fd,null,v&&v(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(Wd,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>V(e.currentTarget)},n.createElement(kn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(wa,{id:`row-popover-${e.id}`,anchorEl:L,onClose:()=>V(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(zl,{options:v(e.original)||[],onSelect:t=>{D&&D(t.id,e.original),V(null)},closeMenuCallback:()=>V(null)})))))})):n.createElement(n.Fragment,null,_)),u&&n.createElement(zd,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(T&&T.hiddenColumns&&T.hiddenColumns.length||0)+(m?1:0)+(v&&v().length>0?1:0)},n.createElement(Vd,{className:"table-pagination"},Math.ceil(o/i)>10&&n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>S&&S(1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(ui,{type:"secondary",disabled:1===a,onClick:()=>k&&k(a-1)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&n.createElement(n.Fragment,null,n.createElement(ui,{type:"secondary",onClick:()=>I&&I(1)},"1"),a-3!=1&&n.createElement(ui,{type:"secondary",disabled:!0},"...")),G.map((e=>[e-2,e-1,e,e+1,e+2].includes(a)&&n.createElement(ui,{type:"secondary",className:a===e?"active":"",onClick:()=>I&&I(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:()=>I&&I(Math.ceil(o/i))},Math.ceil(o/i))),n.createElement(ui,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>N&&N(a+1)},n.createElement(kn,{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:()=>C&&C(Math.ceil(o/i))},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),b&&A&&R&&n.createElement(Bd,{className:"table-filters"},R)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(Ud,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(Gd,{"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=ku(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(qd.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(Jd,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(Zd,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=tu,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(nu.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(uu,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}=ru(),[,o,i]=Ui(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${iu()}`,r=t.delay||pu,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),fu.push(t),((t,n)=>{n<=mu||(clearTimeout(hu),mu=n,hu=window.setTimeout((()=>{e((e=>fu.length<e.length?e:(fu=[],[]))),clearTimeout(hu)}),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

@@ -1093,7 +1093,7 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Jn,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 iu=kt((t=>{const[n,r]=c(t.defaultSelectedValue);return d((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(tu.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(ou,{disabled:t.disabled,className:t.className},t.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});ru.Group=iu;const au=t=>{const{columns:n=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,indeterminateCount:s=!1,next:l=!1,previous:c=!1,showTopPagination:d=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:h=!0,showSelections:f=!0,hideTableHeaderOnEmpty:m=!0,showFilters:g=!0,showOptions:b=!0,rowMenuOptions:y=(()=>[]),onRowSelect:v,onRowClick:x,emptyComponent:w,loadingComponent:_,onPrevious:k,onFirstClick:E,onLastClick:S,onPageClick:C,onSelectAll:I,onNext:O,onMenuOptionSelect:N,headerComponent:A,initialState:P={},filterComponent:L}=t,[V,$]=e.useState(g),[z,j]=e.useState(null),{getTableProps:Y,getTableBodyProps:F,headerGroups:H,rows:B,setColumnOrder:W,setHiddenColumns:U,flatRows:G,prepareRow:K,getToggleAllRowsSelectedProps:q}=D({columns:n,data:r,initialState:P,useControlledState:t=>e.useMemo((()=>({...t,selectedRowIds:P.selectedRowIds||{}})),[P.selectedRowIds,t])},M,T,(t=>{t.visibleColumns.push((t=>f?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:t,toggleAllRowsSelected:n})=>p?e.createElement("div",{className:"table-checkbox"},e.createElement(Ri,Object.assign({id:"selectAll",name:"selectAll"},t(),{onChange:(e,t)=>{if(t){const e={};B&&B.length>0&&B.forEach((t=>{e[t.id]=!0})),v&&v(e,G)}else v&&v({},G);I&&I(t),n(t)}}))):e.createElement("div",null),Cell:t=>{const{row:n}=t;return e.createElement("div",{className:"table-checkbox"},e.createElement(Ri,Object.assign({id:"selectRow",name:"selectRow"},n.getToggleRowSelectedProps(),{onChange:(e,t)=>{n.toggleRowSelected(t),v&&v({...P.selectedRowIds,[n.id]:t},G)}})))}},...t]:[...t]))})),Z=[];for(let e=0;e<Math.ceil(o/i);e++)Z.push(e+1);return R((()=>{P&&P.columnOrder&&W(P.columnOrder)}),[P.columnOrder]),R((()=>{P&&P.hiddenColumns&&U(P.hiddenColumns)}),[P.hiddenColumns]),e.createElement(su,{className:"fui-table"},h&&e.createElement(cu,{className:"table-actions"},e.createElement("div",{className:"action"},!p&&f&&e.createElement(Ri,Object.assign({id:"selectAll",name:"selectAll"},q()),"Select All")),A||void 0,e.createElement("div",{className:"pagination-actions"},d&&e.createElement(e.Fragment,null,e.createElement("div",{className:"pagination-text"},_?e.createElement(zc,{size:"small"}):e.createElement(e.Fragment,null,o>0?`${(a-1)*i+1} - ${(a-1)*i+r.length} of ${s?"Many":o}`:null)),e.createElement(Di,{type:"secondary",disabled:!c||Boolean(_),onClick:()=>k&&k(a-1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Di,{type:"secondary",disabled:!l||Boolean(_),onClick:()=>O&&O(a+1)},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),g&&e.createElement(Di,{type:"secondary",className:"filter-toggle",onClick:()=>$(!V)},e.createElement(Bn,{glyph:V?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",e.createElement(yu,{className:"table-content"},e.createElement(lu,{showFilters:g&&V,className:"table-wrapper"},_?e.createElement(e.Fragment,null,_):e.createElement(e.Fragment,null,m&&0===B.length?e.createElement(e.Fragment,null,w):e.createElement(du,Object.assign({},Y()),e.createElement(hu,null,H.map((t=>{const{getHeaderGroupProps:n,headers:r}=t;return e.createElement(uu,Object.assign({},n(),{className:"header-row"}),r.map((t=>{const{getHeaderProps:n,render:r}=t;return e.createElement(gu,Object.assign({},n()),r("Header"))})),b&&e.createElement(gu,null))}))),e.createElement(mu,Object.assign({},F()),B.length>0?B.map((t=>{K(t);const{getRowProps:n,cells:r}=t;return e.createElement(uu,Object.assign({},n(),{className:t.isSelected?"selected":""}),r.map((t=>{const{getCellProps:n,render:r}=t;return e.createElement(bu,Object.assign({},n(),{onClick:()=>{"selection"!==t.column.id&&x&&x(t.row,t.column)}}),r("Cell"))})),b&&e.createElement(bu,null,y&&y(t.original).length>0&&e.createElement(e.Fragment,null,e.createElement(xu,{"aria-describedby":`row-popover-${t.id}`,onClick:e=>j(e.currentTarget)},e.createElement(Bn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),e.createElement(Ua,{id:`row-popover-${t.id}`,anchorEl:z,onClose:()=>j(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},e.createElement(dc,{options:y(t.original)||[],onSelect:e=>{N&&N(e.id,t.original),j(null)},closeMenuCallback:()=>j(null)})))))})):e.createElement(e.Fragment,null,w)),u&&e.createElement(fu,null,e.createElement("tr",null,e.createElement("td",{colSpan:n.length-(P&&P.hiddenColumns&&P.hiddenColumns.length||0)+(f?1:0)+(y&&y().length>0?1:0)},e.createElement(pu,{className:"table-pagination"},Math.ceil(o/i)>10&&e.createElement(Di,{type:"secondary",disabled:1===a,onClick:()=>E&&E(1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Di,{type:"secondary",disabled:1===a,onClick:()=>k&&k(a-1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&e.createElement(e.Fragment,null,e.createElement(Di,{type:"secondary",onClick:()=>C&&C(1)},"1"),a-3!=1&&e.createElement(Di,{type:"secondary",disabled:!0},"...")),Z.map((t=>[t-2,t-1,t,t+1,t+2].includes(a)&&e.createElement(Di,{type:"secondary",className:a===t?"active":"",onClick:()=>C&&C(t)},t))),a<Math.ceil(o/i)-2&&e.createElement(e.Fragment,null,a+3!==Math.ceil(o/i)&&e.createElement(Di,{type:"secondary",disabled:!0},"..."),e.createElement(Di,{type:"secondary",onClick:()=>C&&C(Math.ceil(o/i))},Math.ceil(o/i))),e.createElement(Di,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>O&&O(a+1)},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&e.createElement(Di,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>S&&S(Math.ceil(o/i))},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),g&&V&&L&&e.createElement(vu,{className:"table-filters"},L)))},su=vt.div`
+`;var iu=kt((t=>{const[n,r]=c(t.defaultSelectedValue);return d((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(tu.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(ou,{disabled:t.disabled,className:t.className},t.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});ru.Group=iu;const au=t=>{const{columns:n=[],data:r=[],count:o=0,perPage:i=10,pageNumber:a=1,indeterminateCount:s=!1,next:l=!1,previous:c=!1,showTopPagination:d=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:h=!0,showSelections:f=!0,hideTableHeaderOnEmpty:m=!0,showFilters:g=!0,showOptions:b=!0,rowMenuOptions:y=(()=>[]),onRowSelect:v,onRowClick:x,emptyComponent:w,loadingComponent:_,onPrevious:k,onFirstClick:E,onLastClick:S,onPageClick:C,onSelectAll:I,onNext:O,onMenuOptionSelect:N,headerComponent:A,initialState:P={},filterComponent:L}=t,[V,$]=e.useState(g),[z,j]=e.useState(null),{getTableProps:Y,getTableBodyProps:F,headerGroups:H,rows:B,setColumnOrder:W,setHiddenColumns:U,flatRows:G,prepareRow:K,getToggleAllRowsSelectedProps:q}=D({columns:n,data:r,initialState:P,useControlledState:t=>e.useMemo((()=>({...t,selectedRowIds:P.selectedRowIds||{}})),[P.selectedRowIds,t])},M,T,(t=>{t.visibleColumns.push((t=>f?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:t,toggleAllRowsSelected:n})=>p?e.createElement("div",{className:"table-checkbox"},e.createElement(Ri,Object.assign({id:"selectAll",name:"selectAll"},t(),{onChange:(e,t)=>{if(t){const e={};B&&B.length>0&&B.forEach((t=>{e[t.id]=!0})),v&&v(e,G)}else v&&v({},G);I&&I(t),n(t)}}))):e.createElement("div",null),Cell:t=>{const{row:n}=t;return e.createElement("div",{className:"table-checkbox"},e.createElement(Ri,Object.assign({id:"selectRow",name:"selectRow"},n.getToggleRowSelectedProps(),{onChange:(e,t)=>{n.toggleRowSelected(t),v&&v({...P.selectedRowIds,[n.id]:t},G)}})))}},...t]:[...t]))})),Z=[];for(let e=0;e<Math.ceil(o/i);e++)Z.push(e+1);return R((()=>{P&&P.columnOrder&&W(P.columnOrder)}),[P.columnOrder]),R((()=>{P&&P.hiddenColumns&&U(P.hiddenColumns)}),[P.hiddenColumns]),e.createElement(su,{className:"fui-table"},h&&e.createElement(cu,{className:"table-actions"},e.createElement("div",{className:"action"},!p&&f&&e.createElement(Ri,Object.assign({id:"selectAll",name:"selectAll"},q()),"Select All")),A||void 0,e.createElement("div",{className:"pagination-actions"},d&&e.createElement(e.Fragment,null,e.createElement("div",{className:"pagination-text"},_?e.createElement(zc,{size:"small"}):e.createElement(e.Fragment,null,o>0?`${(a-1)*i+(r.length>0?1:0)} - ${(a-1)*i+r.length} of ${s?""+(r.length>0?"Many":"-"):o}`:null)),e.createElement(Di,{type:"secondary",disabled:!c||Boolean(_),onClick:()=>k&&k(a-1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Di,{type:"secondary",disabled:!l||Boolean(_),onClick:()=>O&&O(a+1)},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),g&&e.createElement(Di,{type:"secondary",className:"filter-toggle",onClick:()=>$(!V)},e.createElement(Bn,{glyph:V?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",e.createElement(yu,{className:"table-content"},e.createElement(lu,{showFilters:g&&V,className:"table-wrapper"},_?e.createElement(e.Fragment,null,_):e.createElement(e.Fragment,null,m&&0===B.length?e.createElement(e.Fragment,null,w):e.createElement(du,Object.assign({},Y()),e.createElement(hu,null,H.map((t=>{const{getHeaderGroupProps:n,headers:r}=t;return e.createElement(uu,Object.assign({},n(),{className:"header-row"}),r.map((t=>{const{getHeaderProps:n,render:r}=t;return e.createElement(gu,Object.assign({},n()),r("Header"))})),b&&e.createElement(gu,null))}))),e.createElement(mu,Object.assign({},F()),B.length>0?B.map((t=>{K(t);const{getRowProps:n,cells:r}=t;return e.createElement(uu,Object.assign({},n(),{className:t.isSelected?"selected":""}),r.map((t=>{const{getCellProps:n,render:r}=t;return e.createElement(bu,Object.assign({},n(),{onClick:()=>{"selection"!==t.column.id&&x&&x(t.row,t.column)}}),r("Cell"))})),b&&e.createElement(bu,null,y&&y(t.original).length>0&&e.createElement(e.Fragment,null,e.createElement(xu,{"aria-describedby":`row-popover-${t.id}`,onClick:e=>j(e.currentTarget)},e.createElement(Bn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),e.createElement(Ua,{id:`row-popover-${t.id}`,anchorEl:z,onClose:()=>j(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},e.createElement(dc,{options:y(t.original)||[],onSelect:e=>{N&&N(e.id,t.original),j(null)},closeMenuCallback:()=>j(null)})))))})):e.createElement(e.Fragment,null,w)),u&&e.createElement(fu,null,e.createElement("tr",null,e.createElement("td",{colSpan:n.length-(P&&P.hiddenColumns&&P.hiddenColumns.length||0)+(f?1:0)+(y&&y().length>0?1:0)},e.createElement(pu,{className:"table-pagination"},Math.ceil(o/i)>10&&e.createElement(Di,{type:"secondary",disabled:1===a,onClick:()=>E&&E(1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Di,{type:"secondary",disabled:1===a,onClick:()=>k&&k(a-1)},e.createElement(Bn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),a>3&&e.createElement(e.Fragment,null,e.createElement(Di,{type:"secondary",onClick:()=>C&&C(1)},"1"),a-3!=1&&e.createElement(Di,{type:"secondary",disabled:!0},"...")),Z.map((t=>[t-2,t-1,t,t+1,t+2].includes(a)&&e.createElement(Di,{type:"secondary",className:a===t?"active":"",onClick:()=>C&&C(t)},t))),a<Math.ceil(o/i)-2&&e.createElement(e.Fragment,null,a+3!==Math.ceil(o/i)&&e.createElement(Di,{type:"secondary",disabled:!0},"..."),e.createElement(Di,{type:"secondary",onClick:()=>C&&C(Math.ceil(o/i))},Math.ceil(o/i))),e.createElement(Di,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>O&&O(a+1)},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(o/i)>10&&e.createElement(Di,{type:"secondary",disabled:a===Math.ceil(o/i),onClick:()=>S&&S(Math.ceil(o/i))},e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),e.createElement(Bn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),g&&V&&L&&e.createElement(vu,{className:"table-filters"},L)))},su=vt.div`
   flex: 1;
   overflow: auto;
 `,lu=vt.div`

package/package.json

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