freemium-ui 1.0.220 → 1.0.221
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.cjs.js
CHANGED
|
@@ -1485,4 +1485,4 @@ to {right : 10px}
|
|
|
1485
1485
|
.toast-container.hover {
|
|
1486
1486
|
transform: translate3d(0, -10px, 0);
|
|
1487
1487
|
}
|
|
1488
|
-
`,Av=()=>{const e=((e=Vv())=>{const n=`ui-${e}`,{isBrowser:r}=Cv(),[a,o]=t.useState(r?kv(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||kv(n);e||document.body.appendChild(t),o(t)}),[]),a})("toast"),[r,a]=t.useState(!1),o=t.useRef(),{toasts:i,updateToastHoverStatus:s}=Hv(),l=t.useMemo((()=>i.map(((e,t)=>n.createElement(Sv,{index:t,total:i.length,toast:e,onHover:r,key:`toast-${t}`})))),[i,r]),h=e=>{if(e)return o.current&&clearTimeout(o.current),s((()=>!0)),a(!0);o.current=window.setTimeout((()=>{a(!1),s((()=>!1)),o.current&&clearTimeout(o.current)}),200)};return e&&i&&0!==i.length?c.createPortal(n.createElement(_v,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1)},l)),e):null},Dv=2e3;let Ov,Iv=[],Nv=0;var Rv=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===Pv}(e)}(e)};var Pv="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Tv(e,t){return!1!==t.clone&&t.isMergeableObject(e)?$v((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Fv(e,t,n){return e.concat(t).map((function(e){return Tv(e,n)}))}function jv(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Bv(e,t){try{return t in e}catch(e){return!1}}function Yv(e,t,n){var r={};return n.isMergeableObject(e)&&jv(e).forEach((function(t){r[t]=Tv(e[t],n)})),jv(t).forEach((function(a){(function(e,t){return Bv(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Bv(e,a)&&n.isMergeableObject(t[a])?r[a]=function(e,t){if(!t.customMerge)return $v;var n=t.customMerge(e);return"function"==typeof n?n:$v}(a,n)(e[a],t[a],n):r[a]=Tv(t[a],n))})),r}function $v(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Fv,n.isMergeableObject=n.isMergeableObject||Rv,n.cloneUnlessOtherwiseSpecified=Tv;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Yv(e,t,n):Tv(t,n)}$v.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return $v(e,n,t)}),{})};var Wv=$v;exports.Alert=Dn,exports.BUTTON_SIZE_VARIANTS=ho,exports.BoxedRadio=Zm,exports.Button=po,exports.ButtonDropdown=Os,exports.Checkbox=fo,exports.Confirmation=Yo,exports.ConfirmationBody=Uo,exports.ConfirmationContent=$o,exports.ConfirmationFooter=Ko,exports.ConfirmationOverlay=Wo,exports.CssBaseLine=bo,exports.DatePicker=e=>{const{placeholder:t,name:r,isRequired:a,label:o,isErrored:c,errorText:i,id:s,monthYearLocation:l="start",disabled:h,displayFormat:u="YYYY-MM-DD",...p}=e;return n.createElement($m,{isErrored:c,id:`date-picker-container-${s||""}`},o&&n.createElement("label",null,o,a&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Ym,Object.assign({canClearSelection:!0,closeOnSelection:!0,disabled:h,fill:!0,highlightCurrentDay:!0,inputProps:{placeholder:t||u,name:r,id:s,disabled:h},dayPickerProps:{},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?xh(e).toDate():new Date,formatDate:e=>e?xh(e).format(u):""},p)),c&&i&&n.createElement("span",{className:"error"},i))},exports.DateTimePicker=e=>{const{placeholder:t,isErrored:r,isRequired:a,errorText:o,name:c,label:i,id:s,disabled:l,displayFormat:h="YYYY-MM-DD hh:mm A",...u}=e;return n.createElement($m,{isErrored:r,id:`datetime-picker-container-${s||""}`},i&&n.createElement("label",null,i,a&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Ym,Object.assign({canClearSelection:!0,closeOnSelection:!0,todayButtonText:"",disabled:l,showActionsBar:!0,highlightCurrentDay:!0,timePrecision:"minute",fill:!0,timePickerProps:{useAmPm:!0},inputProps:{placeholder:t||h,name:c,id:s,disabled:l},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?xh(e).toDate():new Date,formatDate:e=>e?xh(e).format(h):""},u)),r&&o&&n.createElement("span",{className:"error"},o))},exports.DismissIcon=rc,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:a,clickOutToClose:o=!0,size:c="default",placement:i="right",children:s,customClass:l,...h}=e;return t.createElement(ic,{in:n,placement:i},(e=>t.createElement(oc.Provider,{value:e},t.createElement(lc,{customClass:l,isOpen:!0,onDismiss:o?r:()=>{}},t.createElement(sc,{size:c},!a&&t.createElement(rc,{onClick:r},t.createElement(Vn,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),s)))))},exports.DrawerBody=nc,exports.DrawerContent=sc,exports.DrawerFooter=ac,exports.DrawerOverlay=lc,exports.Dropdown=e=>{const{items:r,children:a,defaultSelectedItem:o,label:c="",placeholder:i,errorText:s,itemToString:l,itemComponent:h,onChange:u=(e=>e),type:p=Yl.BUTTON,filterKey:d,width:m="100%",disabled:v,isErrored:f,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:z,isMenuLoading:y,...M}=e;let x;"object"!=typeof r[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");const w=t.useRef(null),H=t.useRef(null);return n.createElement("div",null,n.createElement(hi,Object.assign({itemToString:x,selectedItem:o,onChange:u,stateReducer:(e,t)=>t.type===hi.stateChangeTypes.keyDownEscape?{...e,...t,isOpen:!1,selectedItem:e.selectedItem}:t},M),(e=>n.createElement(gh,Object.assign({width:m,isRequired:g},e.getRootProps()),c&&n.createElement("label",Object.assign({},e.getLabelProps()),c),n.createElement($l.Provider,{value:{downshift:e,items:r,filterKey:d,type:p,name:M.name}},a||n.createElement(n.Fragment,null,Yl.BUTTON===p&&n.createElement(Gl,{disabled:v,ref:w,isErrored:f,overrideStyles:b,placeholder:i}),Yl.INPUT===p&&n.createElement(vh,{ref:w,placeholder:i,isErrored:f,disabled:v}),n.createElement(Hl,{targetRef:w,position:El,ref:H},n.createElement(n.Fragment,null,n.createElement(ph,{anchorRef:w,popoverRef:H,itemComponent:h,isErrored:f,overrideStyles:z,isMenuLoading:y})))))))),f&&s&&n.createElement(fh,null,s))},exports.Fade=Po,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Je,{theme:n},t.createElement(bo,null),r)},exports.Glyph=Cn,exports.Icons=Vn,exports.InlineSvg=wn,exports.Input=Ws,exports.Loader=Il,exports.Menu=_s,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:a="center",align:o="center",size:c="default",customModalContentStyles:i={},customClass:s=""})=>n.createElement(Po,{timeout:300,in:t,unmountOnExit:!0},(l=>n.createElement(qo,{className:"modal-overlay",style:l,align:o,position:a,isOpen:!0,onDismiss:r},n.createElement(Bo,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(Qo,{className:`modal-content ${s}`,style:{...t,...i},size:c,"aria-label":"dialog"},e)))))),exports.ModalBody=ec,exports.ModalContent=Qo,exports.ModalFooter=tc,exports.ModalOverlay=qo,exports.MultiSelectDropdown=e=>{const{name:r,label:a,items:o,isMenuLoading:c,selectedItem:i,onChange:s,disabled:l=!1,customValues:h=!1,placeholder:u,isErrored:p,errorText:d,onCustomValueAdd:m,itemLabelIdentifier:v,itemValueIdentifier:f,isRequired:g,renderCustomSuggestion:b,maxAllowedLength:z=2147483647,...y}=e,[M,x]=t.useState([]),[w,H]=t.useState(""),[C,V]=t.useState(!1),k=t.useRef(null);t.useEffect((()=>{x([...i])}),[i]);const L=e=>{M.some((t=>t[f]===e[f]))?S(e):C||E(e)},E=e=>{H(""),x([...M,e]),s([...M,e])},S=e=>{const t=M.filter((t=>t[v]!==e[v]));x(t),s(t)},_=t.useRef(null),A=t.useRef(null),D=e=>b?b(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:a,index:o,highlightedIndex:c,selectedItem:i,itemValueIdentifier:s,itemLabelIdentifier:l})=>{const h=c===o,u=i.some((t=>t[s]&&t[s]===e[s]));return n.createElement(jl,Object.assign({disabled:e.disabled},a,{key:o,isHighlighted:h,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(so.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[s]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[l]?`Enter to ${u?"remove":"add"} '${e[l]}'`:e[l]),u&&!e.customValues&&n.createElement(Vn,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(hi,Object.assign({selectedItem:i,onChange:e=>{e&&e.customValues&&m?m({[v]:e.label,[f]:e.value}):e&&L&&L(e)},itemToString:e=>e?e[f]:"",inputValue:w,onInputValueChange:(e="")=>{h&&e.length>z?V(!0):V(!1),H(e)}},y),(({getInputProps:t,getItemProps:i,getRootProps:s,inputValue:d,selectedItem:b,toggleMenu:y,isOpen:M,highlightedIndex:x})=>n.createElement(Bl,Object.assign({required:g},s()),a&&n.createElement("label",{htmlFor:a},a),n.createElement(Tl,{isOpen:M&&!l,isErrored:p,id:"dropdownField container","data-testid":`formik-multi-select-${a}`,onClick:()=>{M||k&&k.current&&k.current.focus(),y()},ref:_},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,a)=>e[r]&&n.createElement(Nl,{key:a,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:S,selectedItem:b,itemLabelIdentifier:v}),(({label:e,name:t,isMenuLoading:r,searchRef:a,InputProps:o,items:c,placeholder:i,customValues:s})=>0!==c.length||r||s?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:a,type:"text"},o,{placeholder:i})):null)({name:r,label:a||"",searchRef:k,selectedItem:b,removeSelectedItem:S,disabled:l,items:o,inputValue:d,placeholder:u||"",customValues:h,isMenuLoading:e.isMenuLoading,InputProps:{...t({disabled:l,onKeyDown:e=>{"Backspace"!==e.key||d||S(b[b.length-1]),"Enter"===e.key&&d&&h&&null===x&&(m?m({[v]:d,[f]:d}):L({[v]:d,[f]:d}))}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(Vn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(Hl,{targetRef:_,position:El,ref:A},n.createElement(Bo,{initialOffset:"-20px",timeout:200,in:M,unmountOnExit:!0},(e=>{const t=((e,t,n,r,a)=>{const o=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==o.length&&a&&""!==e&&o.push({[r]:e,[n]:e,customValues:!0}),o})(d,o,v,f,h);return n.createElement(n.Fragment,null,c?n.createElement(Fl,{style:e},n.createElement("div",{className:"loader-wrapper"},n.createElement(Il,null))):t&&t.length>0&&n.createElement(Fl,{style:e},t.map(((e,t)=>D({lengthError:C,maxAllowedLength:z,item:e,index:t,itemProps:i({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:x===t,highlightedIndex:x,selectedItem:b,itemValueIdentifier:f,itemLabelIdentifier:v})))))})))))),p&&d&&n.createElement(Pl,null,d))},exports.Popover=dc,exports.Radio=Km,exports.Slide=jo,exports.SlideFade=Bo,exports.SvgWrapper=Hn,exports.Table=e=>{const{columns:t=[],data:r=[],count:a=0,perPage:o=10,pageNumber:c=1,indeterminateCount:i=!1,next:s=!1,previous:l=!1,showTopPagination:h=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:d=!0,showSelections:m=!0,hideTableHeaderOnEmpty:f=!0,showFilters:g=!0,showOptions:b=!0,rowMenuOptions:z=(()=>[]),cellPropGetter:y,rowPropGetter:M,onRowSelect:x,onRowClick:w,emptyComponent:H,loadingComponent:C,onPrevious:V,onFirstClick:k,onLastClick:L,onPageClick:E,onSelectAll:S,onNext:_,onMenuOptionSelect:A,headerComponent:D,initialState:O={},filterComponent:I}=e,[N,R]=n.useState(g),[P,T]=n.useState(null),{getTableProps:F,getTableBodyProps:j,headerGroups:B,rows:Y,setColumnOrder:$,setHiddenColumns:W,flatRows:U,prepareRow:K,getToggleAllRowsSelectedProps:G}=v.useTable({columns:t,data:r,initialState:O,useControlledState:e=>n.useMemo((()=>({...e,selectedRowIds:O.selectedRowIds||{}})),[O.selectedRowIds,e])},v.useRowSelect,v.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(fo,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,U)}else x&&x({},U);S&&S(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(fo,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n),x&&x({...O.selectedRowIds,[t.id]:n},U)}})))}},...e]:[...e]))})),q=[];for(let e=0;e<Math.ceil(a/o);e++)q.push(e+1);return v.useMountedLayoutEffect((()=>{O&&O.columnOrder&&$(O.columnOrder)}),[O.columnOrder]),v.useMountedLayoutEffect((()=>{O&&O.hiddenColumns&&W(O.hiddenColumns)}),[O.hiddenColumns]),n.createElement(Qm,{className:"fui-table"},d&&n.createElement(tv,{className:"table-actions"},n.createElement("div",{className:"action"},!p&&m&&n.createElement(fo,Object.assign({id:"selectAll",name:"selectAll"},G()),"Select All")),D||void 0,n.createElement("div",{className:"pagination-actions"},h&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},C?n.createElement(Il,{size:"small"}):n.createElement(n.Fragment,null,a>0?`${(c-1)*o+(r.length>0?1:0)} - ${(c-1)*o+r.length} of ${i?""+(r.length>0?"Many":"-"):a}`:null)),n.createElement(po,{type:"secondary",disabled:!l||Boolean(C),onClick:()=>V&&V(c-1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(po,{type:"secondary",disabled:!s||Boolean(C),onClick:()=>_&&_(c+1)},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),g&&n.createElement(po,{type:"secondary",className:"filter-toggle",onClick:()=>R(!N)},n.createElement(Vn,{glyph:N?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(hv,{className:"table-content"},n.createElement(ev,{showFilters:g&&N,className:"table-wrapper"},C?n.createElement(n.Fragment,null,C):n.createElement(n.Fragment,null,f&&0===Y.length?n.createElement(n.Fragment,null,H):n.createElement(nv,Object.assign({},F()),n.createElement(ov,null,B.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(rv,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(sv,Object.assign({},t()),r("Header"))})),b&&n.createElement(sv,null))}))),n.createElement(iv,Object.assign({},j()),Y.length>0?Y.map((e=>{K(e);const{getRowProps:t,cells:r}=e;return n.createElement(rv,Object.assign({},t(M?M(e):{}),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(lv,Object.assign({},t(y?y(e):{}),{onClick:()=>{"selection"!==e.column.id&&w&&w(e.row,e.column)}}),r("Cell"))})),b&&n.createElement(lv,null,z&&z(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(pv,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>T(e.currentTarget)},n.createElement(Vn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(dc,{id:`row-popover-${e.id}`,anchorEl:P,onClose:()=>T(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(_s,{options:z(e.original)||[],onSelect:t=>{A&&A(t.id,e.original),T(null)},closeMenuCallback:()=>T(null)})))))})):n.createElement(n.Fragment,null,H)),u&&n.createElement(cv,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(O&&O.hiddenColumns&&O.hiddenColumns.length||0)+(m?1:0)+(z&&z().length>0?1:0)},n.createElement(av,{className:"table-pagination"},Math.ceil(a/o)>10&&n.createElement(po,{type:"secondary",disabled:1===c,onClick:()=>k&&k(1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(po,{type:"secondary",disabled:1===c,onClick:()=>V&&V(c-1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),c>3&&n.createElement(n.Fragment,null,n.createElement(po,{type:"secondary",onClick:()=>E&&E(1)},"1"),c-3!=1&&n.createElement(po,{type:"secondary",disabled:!0},"...")),q.map((e=>[e-2,e-1,e,e+1,e+2].includes(c)&&n.createElement(po,{type:"secondary",className:c===e?"active":"",onClick:()=>E&&E(e)},e))),c<Math.ceil(a/o)-2&&n.createElement(n.Fragment,null,c+3!==Math.ceil(a/o)&&n.createElement(po,{type:"secondary",disabled:!0},"..."),n.createElement(po,{type:"secondary",onClick:()=>E&&E(Math.ceil(a/o))},Math.ceil(a/o))),n.createElement(po,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>_&&_(c+1)},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(a/o)>10&&n.createElement(po,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>L&&L(Math.ceil(a/o))},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),g&&N&&I&&n.createElement(uv,{className:"table-filters"},I)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:a="id",nameAccessor:o="name",options:c=[],ref:i=null}=e;return n.createElement(dv,{ref:i,role:"tablist"},c.map((e=>!e.hide&&n.createElement(mv,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[a]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[a]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[a],key:e[a]},n.createElement("span",{className:"label"}," ",e[o])))))},exports.Tag=Nl,exports.TextArea=Us,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:a=!0}=e,o=Wv(go,r);return t.createElement(Je,{theme:o},a&&t.createElement(bo,null),n)},exports.TimePicker=e=>{const{placeholder:t,name:r,label:a,id:o,disabled:c,errorText:i,isErrored:s,isRequired:l,...h}=e;return n.createElement($m,{isErrored:s,id:`time-picker-container-${o||""}`},a&&n.createElement("label",null,a,l&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Tm,Object.assign({precision:"minute",useAmPm:!0,disabled:c},h)),s&&i&&n.createElement("span",{className:"error"},i))},exports.ToastWrapper=e=>{const[r,a]=t.useState([]),[o,c]=t.useState(0),[s,l]=t.useState(!1),h=e=>{a(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||l(!1)}),[r]),n.createElement(fv.Provider,{value:{pushToast:e=>{const t={...e,id:o};c(o+1),a([t,...r])},closeToast:h}},e.children,i.createPortal(n.createElement(zv,{length:r.length,isHovering:s,onMouseOver:()=>{l(!0)},onMouseLeave:()=>{l(!1)}},r.map(((e,t)=>n.createElement(gv,{key:e.id,index:t,toast:e,closeToast:h,isHovering:s})))," "),document.body))},exports.Toggle=xv,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:a=!0,trigger:o="mouseenter",interactive:c=!0,html:i=null,style:s={},children:l})=>t.createElement(t.Fragment,null,t.createElement(Ps,null),t.createElement(h.Tooltip,{title:n,position:e,theme:r,arrow:a,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:i,interactive:c,style:s,trigger:o,duration:150,delay:100},t.cloneElement(l))),exports.Transition=No,exports.UiProvider=({children:e})=>{const[r,a,o]=Go([]),[c,i]=t.useState(!1),s=e=>{const t=e(o.current);a(t)},l=e=>{const t=e();i(t)},h=t.useMemo((()=>({toasts:r,toastHovering:c,updateToasts:s,updateToastHoverStatus:l})),[r,c]);return n.createElement(wv.Provider,{value:h},n.createElement(n.Fragment,null,e,n.createElement(Av,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]=Go(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Go(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(Xe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=Hv(),[,a,o]=Go(n);t.useEffect((()=>a(n)),[n]);return[r,t=>{const n=`toast-${Vv()}`,r=t.delay||Dv,a=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Iv.push(t),((t,n)=>{n<=Nv||(clearTimeout(Ov),Nv=n,Ov=window.setTimeout((()=>{e((e=>Iv.length<e.length?e:(Iv=[],[]))),clearTimeout(Ov)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>a(n,r)}]));const c=(e,t)=>{const n=window.setTimeout((()=>{if(o.current)return c(e,t),clearTimeout(n);a(e,t),clearTimeout(n)}),t)};c(n,r)}]};
|
|
1488
|
+
`,Av=()=>{const e=((e=Vv())=>{const n=`ui-${e}`,{isBrowser:r}=Cv(),[a,o]=t.useState(r?kv(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||kv(n);e||document.body.appendChild(t),o(t)}),[]),a})("toast"),[r,a]=t.useState(!1),o=t.useRef(),{toasts:i,updateToastHoverStatus:s}=Hv(),l=t.useMemo((()=>i.map(((e,t)=>n.createElement(Sv,{index:t,total:i.length,toast:e,onHover:r,key:`toast-${t}`})))),[i,r]),h=e=>{if(e)return o.current&&clearTimeout(o.current),s((()=>!0)),a(!0);o.current=window.setTimeout((()=>{a(!1),s((()=>!1)),o.current&&clearTimeout(o.current)}),200)};return e&&i&&0!==i.length?c.createPortal(n.createElement(_v,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1)},l)),e):null},Dv=2e3;let Ov,Iv=[],Nv=0;var Rv=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===Pv}(e)}(e)};var Pv="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Tv(e,t){return!1!==t.clone&&t.isMergeableObject(e)?$v((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Fv(e,t,n){return e.concat(t).map((function(e){return Tv(e,n)}))}function jv(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Bv(e,t){try{return t in e}catch(e){return!1}}function Yv(e,t,n){var r={};return n.isMergeableObject(e)&&jv(e).forEach((function(t){r[t]=Tv(e[t],n)})),jv(t).forEach((function(a){(function(e,t){return Bv(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Bv(e,a)&&n.isMergeableObject(t[a])?r[a]=function(e,t){if(!t.customMerge)return $v;var n=t.customMerge(e);return"function"==typeof n?n:$v}(a,n)(e[a],t[a],n):r[a]=Tv(t[a],n))})),r}function $v(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Fv,n.isMergeableObject=n.isMergeableObject||Rv,n.cloneUnlessOtherwiseSpecified=Tv;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Yv(e,t,n):Tv(t,n)}$v.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return $v(e,n,t)}),{})};var Wv=$v;exports.Alert=Dn,exports.BUTTON_SIZE_VARIANTS=ho,exports.BoxedRadio=Zm,exports.Button=po,exports.ButtonDropdown=Os,exports.Checkbox=fo,exports.Confirmation=Yo,exports.ConfirmationBody=Uo,exports.ConfirmationContent=$o,exports.ConfirmationFooter=Ko,exports.ConfirmationOverlay=Wo,exports.CssBaseLine=bo,exports.DatePicker=e=>{const{placeholder:t,name:r,isRequired:a,label:o,isErrored:c,errorText:i,id:s,monthYearLocation:l="start",disabled:h,displayFormat:u="YYYY-MM-DD",...p}=e;return n.createElement($m,{isErrored:c,id:`date-picker-container-${s||""}`},o&&n.createElement("label",null,o,a&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Ym,Object.assign({canClearSelection:!0,closeOnSelection:!0,disabled:h,fill:!0,highlightCurrentDay:!0,inputProps:{placeholder:t||u,name:r,id:s,disabled:h},dayPickerProps:{},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?xh(e).toDate():new Date,formatDate:e=>e?xh(e).format(u):""},p)),c&&i&&n.createElement("span",{className:"error"},i))},exports.DateTimePicker=e=>{const{placeholder:t,isErrored:r,isRequired:a,errorText:o,name:c,label:i,id:s,disabled:l,displayFormat:h="YYYY-MM-DD hh:mm A",...u}=e;return n.createElement($m,{isErrored:r,id:`datetime-picker-container-${s||""}`},i&&n.createElement("label",null,i,a&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Ym,Object.assign({canClearSelection:!0,closeOnSelection:!0,todayButtonText:"",disabled:l,showActionsBar:!0,highlightCurrentDay:!0,timePrecision:"minute",fill:!0,timePickerProps:{useAmPm:!0},inputProps:{placeholder:t||h,name:c,id:s,disabled:l},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?xh(e).toDate():new Date,formatDate:e=>e?xh(e).format(h):""},u)),r&&o&&n.createElement("span",{className:"error"},o))},exports.DismissIcon=rc,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:a,clickOutToClose:o=!0,size:c="default",placement:i="right",children:s,customClass:l,...h}=e;return t.createElement(ic,{in:n,placement:i},(e=>t.createElement(oc.Provider,{value:e},t.createElement(lc,{customClass:l,isOpen:!0,onDismiss:o?r:()=>{}},t.createElement(sc,{size:c},!a&&t.createElement(rc,{onClick:r},t.createElement(Vn,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),s)))))},exports.DrawerBody=nc,exports.DrawerContent=sc,exports.DrawerFooter=ac,exports.DrawerOverlay=lc,exports.Dropdown=e=>{const{items:r,children:a,defaultSelectedItem:o,label:c="",placeholder:i,errorText:s,itemToString:l,itemComponent:h,onChange:u=(e=>e),type:p=Yl.BUTTON,filterKey:d,width:m="100%",disabled:v,isErrored:f,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:z,isMenuLoading:y,...M}=e;let x;"object"!=typeof r[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");const w=t.useRef(null),H=t.useRef(null);return n.createElement("div",null,n.createElement(hi,Object.assign({itemToString:x,selectedItem:o,onChange:u,stateReducer:(e,t)=>t.type===hi.stateChangeTypes.keyDownEscape?{...e,...t,isOpen:!1,selectedItem:e.selectedItem}:t},M),(e=>n.createElement(gh,Object.assign({width:m,isRequired:g},e.getRootProps()),c&&n.createElement("label",Object.assign({},e.getLabelProps()),c),n.createElement($l.Provider,{value:{downshift:e,items:r,filterKey:d,type:p,name:M.name}},a||n.createElement(n.Fragment,null,Yl.BUTTON===p&&n.createElement(Gl,{disabled:v,ref:w,isErrored:f,overrideStyles:b,placeholder:i}),Yl.INPUT===p&&n.createElement(vh,{ref:w,placeholder:i,isErrored:f,disabled:v}),n.createElement(Hl,{targetRef:w,position:El,ref:H},n.createElement(n.Fragment,null,n.createElement(ph,{anchorRef:w,popoverRef:H,itemComponent:h,isErrored:f,overrideStyles:z,isMenuLoading:y})))))))),f&&s&&n.createElement(fh,null,s))},exports.Fade=Po,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Je,{theme:n},t.createElement(bo,null),r)},exports.Glyph=Cn,exports.Icons=Vn,exports.InlineSvg=wn,exports.Input=Ws,exports.Loader=Il,exports.Menu=_s,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:a="center",align:o="center",size:c="default",customModalContentStyles:i={},customClass:s=""})=>n.createElement(Po,{timeout:300,in:t,unmountOnExit:!0},(l=>n.createElement(qo,{className:"modal-overlay",style:l,align:o,position:a,isOpen:!0,onDismiss:r},n.createElement(Bo,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(Qo,{className:`modal-content ${s}`,style:{...t,...i},size:c,"aria-label":"dialog"},e)))))),exports.ModalBody=ec,exports.ModalContent=Qo,exports.ModalFooter=tc,exports.ModalOverlay=qo,exports.MultiSelectDropdown=e=>{const{name:r,label:a,items:o,isMenuLoading:c,selectedItem:i,onChange:s,disabled:l=!1,customValues:h=!1,placeholder:u,isErrored:p,errorText:d,onCustomValueAdd:m,itemLabelIdentifier:v,itemValueIdentifier:f,isRequired:g,renderCustomSuggestion:b,maxAllowedLength:z=2147483647,...y}=e,[M,x]=t.useState([]),[w,H]=t.useState(""),[C,V]=t.useState(!1),k=t.useRef(null);t.useEffect((()=>{x([...i])}),[i]);const L=e=>{M.some((t=>t[f]===e[f]))?S(e):C||E(e)},E=e=>{H(""),x([...M,e]),s([...M,e])},S=e=>{const t=M.filter((t=>t[v]!==e[v]));x(t),s(t)},_=t.useRef(null),A=t.useRef(null),D=e=>b?b(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:a,index:o,highlightedIndex:c,selectedItem:i,itemValueIdentifier:s,itemLabelIdentifier:l})=>{const h=c===o,u=i.some((t=>t[s]&&t[s]===e[s]));return n.createElement(jl,Object.assign({disabled:e.disabled},a,{key:o,isHighlighted:h,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(so.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[s]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[l]?`Enter to ${u?"remove":"add"} '${e[l]}'`:e[l]),u&&!e.customValues&&n.createElement(Vn,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(hi,Object.assign({selectedItem:i,onChange:e=>{e&&e.customValues&&m?m({[v]:e.label,[f]:e.value}):e&&L&&L(e)},itemToString:e=>e?e[f]:"",inputValue:w,onInputValueChange:(e="")=>{h&&e.length>z?V(!0):V(!1),H(e)}},y),(({getInputProps:t,getItemProps:i,getRootProps:s,inputValue:d,selectedItem:b,toggleMenu:y,isOpen:M,highlightedIndex:x})=>n.createElement(Bl,Object.assign({required:g},s()),a&&n.createElement("label",{htmlFor:a},a),n.createElement(Tl,{isOpen:M&&!l,isErrored:p,id:"dropdownField container","data-testid":`formik-multi-select-${a}`,onClick:()=>{M||k&&k.current&&k.current.focus(),y()},ref:_},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,a)=>e[r]&&n.createElement(Nl,{key:a,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:S,selectedItem:b,itemLabelIdentifier:v}),(({label:e,name:t,isMenuLoading:r,searchRef:a,InputProps:o,items:c,placeholder:i,customValues:s})=>0!==c.length||r||s?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:a,type:"text"},o,{placeholder:i})):null)({name:r,label:a||"",searchRef:k,selectedItem:b,removeSelectedItem:S,disabled:l,items:o,inputValue:d,placeholder:u||"",customValues:h,isMenuLoading:e.isMenuLoading,InputProps:{...t({disabled:l,onKeyDown:e=>{"Backspace"!==e.key||d||S(b[b.length-1]),"Enter"===e.key&&d&&h&&null===x&&(m?m({[v]:d,[f]:d}):L({[v]:d,[f]:d}))}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(Vn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(Hl,{targetRef:_,position:El,ref:A},n.createElement(Bo,{initialOffset:"-20px",timeout:200,in:M,unmountOnExit:!0},(e=>{const t=((e,t,n,r,a)=>{const o=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==o.length&&a&&""!==e&&o.push({[r]:e,[n]:e,customValues:!0}),o})(d,o,v,f,h);return n.createElement(n.Fragment,null,c?n.createElement(Fl,{style:e},n.createElement("div",{className:"loader-wrapper"},n.createElement(Il,null))):t&&t.length>0&&n.createElement(Fl,{style:e},t.map(((e,t)=>D({lengthError:C,maxAllowedLength:z,item:e,index:t,itemProps:i({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:x===t,highlightedIndex:x,selectedItem:b,itemValueIdentifier:f,itemLabelIdentifier:v})))))})))))),p&&d&&n.createElement(Pl,null,d))},exports.Popover=dc,exports.Radio=Km,exports.Slide=jo,exports.SlideFade=Bo,exports.SvgWrapper=Hn,exports.Table=e=>{const{columns:t=[],data:r=[],count:a=0,perPage:o=10,pageNumber:c=1,indeterminateCount:i=!1,next:s=!1,previous:l=!1,showTopPagination:h=!0,showBottomPagination:u=!0,showSelectAllInTable:p=!1,showActions:d=!0,showSelections:m=!0,hideTableHeaderOnEmpty:f=!0,showFilters:g=!0,showOptions:b=!0,rowMenuOptions:z=(()=>[]),cellPropGetter:y,rowPropGetter:M,onRowSelect:x,onRowClick:w,emptyComponent:H,loadingComponent:C,onPrevious:V,onFirstClick:k,onLastClick:L,onPageClick:E,onSelectAll:S,onNext:_,onMenuOptionSelect:A,headerComponent:D,initialState:O,filterComponent:I}=e,[N,R]=n.useState(g),[P,T]=n.useState(null),{getTableProps:F,getTableBodyProps:j,headerGroups:B,rows:Y,setColumnOrder:$,setHiddenColumns:W,flatRows:U,prepareRow:K,getToggleAllRowsSelectedProps:G}=v.useTable({columns:t,data:r,initialState:O,useControlledState:e=>n.useMemo((()=>({...e,selectedRowIds:O?.selectedRowIds||{}})),[O?.selectedRowIds,e])},v.useRowSelect,v.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(fo,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,U)}else x&&x({},U);S&&S(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(fo,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n),x&&x({...O?.selectedRowIds||{},[t.id]:n},U)}})))}},...e]:[...e]))})),q=[];for(let e=0;e<Math.ceil(a/o);e++)q.push(e+1);return v.useMountedLayoutEffect((()=>{O&&O.columnOrder&&$(O.columnOrder)}),[O?.columnOrder]),v.useMountedLayoutEffect((()=>{O&&O.hiddenColumns&&W(O.hiddenColumns)}),[O?.hiddenColumns]),n.createElement(Qm,{className:"fui-table"},d&&n.createElement(tv,{className:"table-actions"},n.createElement("div",{className:"action"},!p&&m&&n.createElement(fo,Object.assign({id:"selectAll",name:"selectAll"},G()),"Select All")),D||void 0,n.createElement("div",{className:"pagination-actions"},h&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},C?n.createElement(Il,{size:"small"}):n.createElement(n.Fragment,null,a>0?`${(c-1)*o+(r.length>0?1:0)} - ${(c-1)*o+r.length} of ${i?""+(r.length>0?"Many":"-"):a}`:null)),n.createElement(po,{type:"secondary",disabled:!l||Boolean(C),onClick:()=>V&&V(c-1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(po,{type:"secondary",disabled:!s||Boolean(C),onClick:()=>_&&_(c+1)},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),g&&n.createElement(po,{type:"secondary",className:"filter-toggle",onClick:()=>R(!N)},n.createElement(Vn,{glyph:N?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(hv,{className:"table-content"},n.createElement(ev,{showFilters:g&&N,className:"table-wrapper"},C?n.createElement(n.Fragment,null,C):n.createElement(n.Fragment,null,f&&0===Y.length?n.createElement(n.Fragment,null,H):n.createElement(nv,Object.assign({},F()),n.createElement(ov,null,B.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(rv,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(sv,Object.assign({},t()),r("Header"))})),b&&n.createElement(sv,null))}))),n.createElement(iv,Object.assign({},j()),Y.length>0?Y.map((e=>{K(e);const{getRowProps:t,cells:r}=e;return n.createElement(rv,Object.assign({},t(M?M(e):{}),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(lv,Object.assign({},t(y?y(e):{}),{onClick:()=>{"selection"!==e.column.id&&w&&w(e.row,e.column)}}),r("Cell"))})),b&&n.createElement(lv,null,z&&z(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(pv,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>T(e.currentTarget)},n.createElement(Vn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(dc,{id:`row-popover-${e.id}`,anchorEl:P,onClose:()=>T(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement(_s,{options:z(e.original)||[],onSelect:t=>{A&&A(t.id,e.original),T(null)},closeMenuCallback:()=>T(null)})))))})):n.createElement(n.Fragment,null,H)),u&&n.createElement(cv,null,n.createElement("tr",null,n.createElement("td",{colSpan:t.length-(O&&O.hiddenColumns&&O.hiddenColumns.length||0)+(m?1:0)+(z&&z().length>0?1:0)},n.createElement(av,{className:"table-pagination"},Math.ceil(a/o)>10&&n.createElement(po,{type:"secondary",disabled:1===c,onClick:()=>k&&k(1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(po,{type:"secondary",disabled:1===c,onClick:()=>V&&V(c-1)},n.createElement(Vn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),c>3&&n.createElement(n.Fragment,null,n.createElement(po,{type:"secondary",onClick:()=>E&&E(1)},"1"),c-3!=1&&n.createElement(po,{type:"secondary",disabled:!0},"...")),q.map((e=>[e-2,e-1,e,e+1,e+2].includes(c)&&n.createElement(po,{type:"secondary",className:c===e?"active":"",onClick:()=>E&&E(e)},e))),c<Math.ceil(a/o)-2&&n.createElement(n.Fragment,null,c+3!==Math.ceil(a/o)&&n.createElement(po,{type:"secondary",disabled:!0},"..."),n.createElement(po,{type:"secondary",onClick:()=>E&&E(Math.ceil(a/o))},Math.ceil(a/o))),n.createElement(po,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>_&&_(c+1)},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(a/o)>10&&n.createElement(po,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>L&&L(Math.ceil(a/o))},n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),n.createElement(Vn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),g&&N&&I&&n.createElement(uv,{className:"table-filters"},I)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:a="id",nameAccessor:o="name",options:c=[],ref:i=null}=e;return n.createElement(dv,{ref:i,role:"tablist"},c.map((e=>!e.hide&&n.createElement(mv,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[a]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[a]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[a],key:e[a]},n.createElement("span",{className:"label"}," ",e[o])))))},exports.Tag=Nl,exports.TextArea=Us,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:a=!0}=e,o=Wv(go,r);return t.createElement(Je,{theme:o},a&&t.createElement(bo,null),n)},exports.TimePicker=e=>{const{placeholder:t,name:r,label:a,id:o,disabled:c,errorText:i,isErrored:s,isRequired:l,...h}=e;return n.createElement($m,{isErrored:s,id:`time-picker-container-${o||""}`},a&&n.createElement("label",null,a,l&&n.createElement("span",{className:"isRequired"},"*")),n.createElement(Tm,Object.assign({precision:"minute",useAmPm:!0,disabled:c},h)),s&&i&&n.createElement("span",{className:"error"},i))},exports.ToastWrapper=e=>{const[r,a]=t.useState([]),[o,c]=t.useState(0),[s,l]=t.useState(!1),h=e=>{a(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||l(!1)}),[r]),n.createElement(fv.Provider,{value:{pushToast:e=>{const t={...e,id:o};c(o+1),a([t,...r])},closeToast:h}},e.children,i.createPortal(n.createElement(zv,{length:r.length,isHovering:s,onMouseOver:()=>{l(!0)},onMouseLeave:()=>{l(!1)}},r.map(((e,t)=>n.createElement(gv,{key:e.id,index:t,toast:e,closeToast:h,isHovering:s})))," "),document.body))},exports.Toggle=xv,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:a=!0,trigger:o="mouseenter",interactive:c=!0,html:i=null,style:s={},children:l})=>t.createElement(t.Fragment,null,t.createElement(Ps,null),t.createElement(h.Tooltip,{title:n,position:e,theme:r,arrow:a,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:i,interactive:c,style:s,trigger:o,duration:150,delay:100},t.cloneElement(l))),exports.Transition=No,exports.UiProvider=({children:e})=>{const[r,a,o]=Go([]),[c,i]=t.useState(!1),s=e=>{const t=e(o.current);a(t)},l=e=>{const t=e();i(t)},h=t.useMemo((()=>({toasts:r,toastHovering:c,updateToasts:s,updateToastHoverStatus:l})),[r,c]);return n.createElement(wv.Provider,{value:h},n.createElement(n.Fragment,null,e,n.createElement(Av,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]=Go(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Go(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(Xe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=Hv(),[,a,o]=Go(n);t.useEffect((()=>a(n)),[n]);return[r,t=>{const n=`toast-${Vv()}`,r=t.delay||Dv,a=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),Iv.push(t),((t,n)=>{n<=Nv||(clearTimeout(Ov),Nv=n,Ov=window.setTimeout((()=>{e((e=>Iv.length<e.length?e:(Iv=[],[]))),clearTimeout(Ov)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>a(n,r)}]));const c=(e,t)=>{const n=window.setTimeout((()=>{if(o.current)return c(e,t),clearTimeout(n);a(e,t),clearTimeout(n)}),t)};c(n,r)}]};
|
package/lib/index.esm.js
CHANGED
|
@@ -1271,7 +1271,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
1271
1271
|
width: calc(100% + 12px);
|
|
1272
1272
|
opacity: ${e=>e.disabled?.7:1};
|
|
1273
1273
|
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
1274
|
-
`;var Nv=Dt((t=>{const[n,r]=l(t.defaultSelectedValue);return h((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(Av.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.readOnly||t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(Iv,{disabled:t.disabled,className:t.className},t.children))}),{readOnly:!1,disabled:!1,defaultSelectedValue:null,onChange:e=>{}});Ov.Group=Nv;const Pv=t=>{const{columns:n=[],data:r=[],count:a=0,perPage:o=10,pageNumber:c=1,indeterminateCount:i=!1,next:s=!1,previous:l=!1,showTopPagination:h=!0,showBottomPagination:d=!0,showSelectAllInTable:p=!1,showActions:u=!0,showSelections:m=!0,hideTableHeaderOnEmpty:v=!0,showFilters:f=!0,showOptions:g=!0,rowMenuOptions:b=(()=>[]),cellPropGetter:z,rowPropGetter:y,onRowSelect:M,onRowClick:x,emptyComponent:w,loadingComponent:H,onPrevious:V,onFirstClick:C,onLastClick:k,onPageClick:L,onSelectAll:E,onNext:S,onMenuOptionSelect:_,headerComponent:A,initialState:D
|
|
1274
|
+
`;var Nv=Dt((t=>{const[n,r]=l(t.defaultSelectedValue);return h((()=>{r(t.defaultSelectedValue)}),[t.defaultSelectedValue]),e.createElement(Av.Provider,{value:{groupValue:n,groupDisabled:t.disabled,updateGroupValue:e=>{t.readOnly||t.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(Iv,{disabled:t.disabled,className:t.className},t.children))}),{readOnly:!1,disabled:!1,defaultSelectedValue:null,onChange:e=>{}});Ov.Group=Nv;const Pv=t=>{const{columns:n=[],data:r=[],count:a=0,perPage:o=10,pageNumber:c=1,indeterminateCount:i=!1,next:s=!1,previous:l=!1,showTopPagination:h=!0,showBottomPagination:d=!0,showSelectAllInTable:p=!1,showActions:u=!0,showSelections:m=!0,hideTableHeaderOnEmpty:v=!0,showFilters:f=!0,showOptions:g=!0,rowMenuOptions:b=(()=>[]),cellPropGetter:z,rowPropGetter:y,onRowSelect:M,onRowClick:x,emptyComponent:w,loadingComponent:H,onPrevious:V,onFirstClick:C,onLastClick:k,onPageClick:L,onSelectAll:E,onNext:S,onMenuOptionSelect:_,headerComponent:A,initialState:D,filterComponent:O}=t,[I,N]=e.useState(f),[P,T]=e.useState(null),{getTableProps:R,getTableBodyProps:$,headerGroups:W,rows:U,setColumnOrder:K,setHiddenColumns:G,flatRows:q,prepareRow:Z,getToggleAllRowsSelectedProps:X}=F({columns:n,data:r,initialState:D,useControlledState:t=>e.useMemo((()=>({...t,selectedRowIds:D?.selectedRowIds||{}})),[D?.selectedRowIds,t])},j,Y,(t=>{t.visibleColumns.push((t=>m?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:t,toggleAllRowsSelected:n})=>p?e.createElement("div",{className:"table-checkbox"},e.createElement(Bo,Object.assign({id:"selectAll",name:"selectAll"},t(),{onChange:(e,t)=>{if(t){const e={};U&&U.length>0&&U.forEach((t=>{e[t.id]=!0})),M&&M(e,q)}else M&&M({},q);E&&E(t),n(t)}}))):e.createElement("div",null),Cell:t=>{const{row:n}=t;return e.createElement("div",{className:"table-checkbox"},e.createElement(Bo,Object.assign({id:"selectRow",name:"selectRow"},n.getToggleRowSelectedProps(),{onChange:(e,t)=>{n.toggleRowSelected(t),M&&M({...D?.selectedRowIds||{},[n.id]:t},q)}})))}},...t]:[...t]))})),J=[];for(let e=0;e<Math.ceil(a/o);e++)J.push(e+1);return B((()=>{D&&D.columnOrder&&K(D.columnOrder)}),[D?.columnOrder]),B((()=>{D&&D.hiddenColumns&&G(D.hiddenColumns)}),[D?.hiddenColumns]),e.createElement(Tv,{className:"fui-table"},u&&e.createElement(Fv,{className:"table-actions"},e.createElement("div",{className:"action"},!p&&m&&e.createElement(Bo,Object.assign({id:"selectAll",name:"selectAll"},X()),"Select All")),A||void 0,e.createElement("div",{className:"pagination-actions"},h&&e.createElement(e.Fragment,null,e.createElement("div",{className:"pagination-text"},H?e.createElement(mh,{size:"small"}):e.createElement(e.Fragment,null,a>0?`${(c-1)*o+(r.length>0?1:0)} - ${(c-1)*o+r.length} of ${i?""+(r.length>0?"Many":"-"):a}`:null)),e.createElement(Fo,{type:"secondary",disabled:!l||Boolean(H),onClick:()=>V&&V(c-1)},e.createElement(er,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Fo,{type:"secondary",disabled:!s||Boolean(H),onClick:()=>S&&S(c+1)},e.createElement(er,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),f&&e.createElement(Fo,{type:"secondary",className:"filter-toggle",onClick:()=>N(!I)},e.createElement(er,{glyph:I?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",e.createElement(qv,{className:"table-content"},e.createElement(Rv,{showFilters:f&&I,className:"table-wrapper"},H?e.createElement(e.Fragment,null,H):e.createElement(e.Fragment,null,v&&0===U.length?e.createElement(e.Fragment,null,w):e.createElement(jv,Object.assign({},R()),e.createElement($v,null,W.map((t=>{const{getHeaderGroupProps:n,headers:r}=t;return e.createElement(Yv,Object.assign({},n(),{className:"header-row"}),r.map((t=>{const{getHeaderProps:n,render:r}=t;return e.createElement(Kv,Object.assign({},n()),r("Header"))})),g&&e.createElement(Kv,null))}))),e.createElement(Uv,Object.assign({},$()),U.length>0?U.map((t=>{Z(t);const{getRowProps:n,cells:r}=t;return e.createElement(Yv,Object.assign({},n(y?y(t):{}),{className:t.isSelected?"selected":""}),r.map((t=>{const{getCellProps:n,render:r}=t;return e.createElement(Gv,Object.assign({},n(z?z(t):{}),{onClick:()=>{"selection"!==t.column.id&&x&&x(t.row,t.column)}}),r("Cell"))})),g&&e.createElement(Gv,null,b&&b(t.original).length>0&&e.createElement(e.Fragment,null,e.createElement(Xv,{"aria-describedby":`row-popover-${t.id}`,onClick:e=>T(e.currentTarget)},e.createElement(er,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),e.createElement(Wc,{id:`row-popover-${t.id}`,anchorEl:P,onClose:()=>T(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},e.createElement(ll,{options:b(t.original)||[],onSelect:e=>{_&&_(e.id,t.original),T(null)},closeMenuCallback:()=>T(null)})))))})):e.createElement(e.Fragment,null,w)),d&&e.createElement(Wv,null,e.createElement("tr",null,e.createElement("td",{colSpan:n.length-(D&&D.hiddenColumns&&D.hiddenColumns.length||0)+(m?1:0)+(b&&b().length>0?1:0)},e.createElement(Bv,{className:"table-pagination"},Math.ceil(a/o)>10&&e.createElement(Fo,{type:"secondary",disabled:1===c,onClick:()=>C&&C(1)},e.createElement(er,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"}),e.createElement(er,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),e.createElement(Fo,{type:"secondary",disabled:1===c,onClick:()=>V&&V(c-1)},e.createElement(er,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),c>3&&e.createElement(e.Fragment,null,e.createElement(Fo,{type:"secondary",onClick:()=>L&&L(1)},"1"),c-3!=1&&e.createElement(Fo,{type:"secondary",disabled:!0},"...")),J.map((t=>[t-2,t-1,t,t+1,t+2].includes(c)&&e.createElement(Fo,{type:"secondary",className:c===t?"active":"",onClick:()=>L&&L(t)},t))),c<Math.ceil(a/o)-2&&e.createElement(e.Fragment,null,c+3!==Math.ceil(a/o)&&e.createElement(Fo,{type:"secondary",disabled:!0},"..."),e.createElement(Fo,{type:"secondary",onClick:()=>L&&L(Math.ceil(a/o))},Math.ceil(a/o))),e.createElement(Fo,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>S&&S(c+1)},e.createElement(er,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"})),Math.ceil(a/o)>10&&e.createElement(Fo,{type:"secondary",disabled:c===Math.ceil(a/o),onClick:()=>k&&k(Math.ceil(a/o))},e.createElement(er,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}),e.createElement(er,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))))))))),f&&I&&O&&e.createElement(Zv,{className:"table-filters"},O)))},Tv=Et.div`
|
|
1275
1275
|
flex: 1;
|
|
1276
1276
|
overflow: auto;
|
|
1277
1277
|
`,Rv=Et.div`
|
|
@@ -39,7 +39,11 @@ declare type TableProps = {
|
|
|
39
39
|
rowMenuOptions?: (rowData?: any) => any[];
|
|
40
40
|
paginationOptions?: Array<number>;
|
|
41
41
|
theme?: FreemiumUIThemes;
|
|
42
|
-
initialState?:
|
|
42
|
+
initialState?: {
|
|
43
|
+
selectedRowIds: Record<string, boolean>;
|
|
44
|
+
hiddenColumns: string[];
|
|
45
|
+
columnOrder: string[];
|
|
46
|
+
};
|
|
43
47
|
state?: Partial<TableState>;
|
|
44
48
|
};
|
|
45
49
|
export declare const Table: (props: TableProps) => JSX.Element;
|