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