freemium-ui 1.0.209 → 1.0.212
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
|
@@ -1035,8 +1035,8 @@ object-assign
|
|
|
1035
1035
|
border-radius: ${({showBorder:e})=>e?"unset":"4px"};
|
|
1036
1036
|
padding: 8px;
|
|
1037
1037
|
cursor: pointer;
|
|
1038
|
-
`,ph=Wl((({items:e,downshift:{isOpen:t,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:u,filterKey:p,isMenuLoading:d,anchorRef:m,popoverRef:v})=>{let f=e;if(u===Yl.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[p]&&o[p]!==c)&&("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]&&(f=""!==c&&c?e.filter((e=>e&&e.ignoreFilter||p&&e&&e[p]&&c&&e[p].toLowerCase().includes(c.toLowerCase()))):e),"string"==typeof e[0]&&(f=ch(e,c))),0===f.length&&!d)return null;v.current&&m.current&&Sl(m.current.getBoundingClientRect(),v.current.getBoundingClientRect());return n.createElement(n.Fragment,null,n.createElement(Bo,{initialOffset:"-20px",timeout:200,in:t,unmountOnExit:!0},(e=>n.createElement("div",{style:{width:"100%",zIndex:1e3},id:"heloo"},n.createElement(hh,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:l}),d?n.createElement("div",{className:"loader-wrapper"},n.createElement(Il,null)):n.createElement(n.Fragment,null,f.map(((e,t)=>{const r=f.indexOf(o)===t;return n.createElement(uh,Object.assign({},a({item:e,key:t,disabled:e.disabled}),{key:t,isSelectedIndex:r,canHighlight:i===t,disabled:e.disabled,showBorder:e.showBorder}),n.createElement(so.Flex,{justifyContent:"space-between",alignItems:"center"},n.createElement(so.Box,{width:"90%",style:{wordBreak:"break-word"}},h?h(e):s(e)),r?n.createElement(Vn,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))))})),dh=tt.div`
|
|
1039
|
-
${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:a}})=>`\n position: relative;\n width: 100%;\n box-sizing: border-box;\n border-radius: 5px;\n border: 1px solid ${t?a.border.error:a.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:
|
|
1038
|
+
`,ph=Wl((({items:e,downshift:{isOpen:t,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:u,filterKey:p,isMenuLoading:d,anchorRef:m,popoverRef:v})=>{let f=e;if(u===Yl.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[p]&&o[p]!==c)&&("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]&&(f=""!==c&&c?e.filter((e=>e&&e.ignoreFilter||p&&e&&e[p]&&c&&(e[p].toLowerCase().includes(c.toLowerCase())||s&&c.toLowerCase().includes(e[p].toLowerCase())))):e),"string"==typeof e[0]&&(f=ch(e,c))),0===f.length&&!d)return null;v.current&&m.current&&Sl(m.current.getBoundingClientRect(),v.current.getBoundingClientRect());return n.createElement(n.Fragment,null,n.createElement(Bo,{initialOffset:"-20px",timeout:200,in:t,unmountOnExit:!0},(e=>n.createElement("div",{style:{width:"100%",zIndex:1e3},id:"heloo"},n.createElement(hh,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:l}),d?n.createElement("div",{className:"loader-wrapper"},n.createElement(Il,null)):n.createElement(n.Fragment,null,f.map(((e,t)=>{const r=f.indexOf(o)===t;return n.createElement(uh,Object.assign({},a({item:e,key:t,disabled:e.disabled}),{key:t,isSelectedIndex:r,canHighlight:i===t,disabled:e.disabled,showBorder:e.showBorder}),n.createElement(so.Flex,{justifyContent:"space-between",alignItems:"center"},n.createElement(so.Box,{width:"90%",style:{wordBreak:"break-word"}},h?h(e):s(e)),r?n.createElement(Vn,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))))})),dh=tt.div`
|
|
1039
|
+
${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:a}})=>`\n position: relative;\n width: 100%;\n box-sizing: border-box;\n border-radius: 5px;\n border: 1px solid ${t?a.border.error:a.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: 1px solid transparent;\n box-shadow: 0 0 0 2px ${a.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 `}
|
|
1040
1040
|
`,mh=n.forwardRef(((e,t)=>{const{downshift:{getInputProps:r,toggleMenu:a,isOpen:o},name:c,isErrored:i,disabled:s,placeholder:l="Enter input to get suggestions"}=e;return n.createElement(dh,{isErrored:i,isOpen:o,ref:t,disabled:s},n.createElement("input",Object.assign({},r({"data-testid":c}),{disabled:s,placeholder:l,onClick:a})),n.createElement("div",{className:"dropdown-status",onClick:s?()=>{}:a},n.createElement(Vn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"})))})),vh=Wl(mh),fh=tt.div`
|
|
1041
1041
|
display: block;
|
|
1042
1042
|
padding-left: 2px;
|
|
@@ -1054,7 +1054,6 @@ object-assign
|
|
|
1054
1054
|
display: inline-block;
|
|
1055
1055
|
padding-bottom: 8px;
|
|
1056
1056
|
padding-left: 2px;
|
|
1057
|
-
text-transform: capitalize;
|
|
1058
1057
|
font-size: 12px;
|
|
1059
1058
|
font-weight: 500;
|
|
1060
1059
|
}
|
|
@@ -1244,11 +1243,11 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
1244
1243
|
font-size: 12px;
|
|
1245
1244
|
}
|
|
1246
1245
|
}
|
|
1247
|
-
`,Wm=t.forwardRef(((e,t)=>n.createElement(Um,{checked:e.checked},n.createElement("label",null,n.createElement("input",{ref:t,type:"radio",name:e.name,value:e.value,checked:e.checked,onClick:e.onChange}),n.createElement("div",{className:"radio"}),n.createElement("div",null,e.children))))),Um=tt.div`
|
|
1246
|
+
`,Wm=t.forwardRef(((e,t)=>n.createElement(Um,{checked:e.checked},n.createElement("label",null,n.createElement("input",{ref:t,type:"radio",name:e.name,value:e.value,readOnly:e.readOnly,checked:e.checked,onClick:e.onChange}),n.createElement("div",{className:"radio"}),n.createElement("div",null,e.children))))),Um=tt.div`
|
|
1248
1247
|
${({theme:{colors:{components:{radio:e},pseudo:t},typography:{body:n}},checked:r})=>`\n input {\n clip: rect(0,0,0,0);\n position : absolute;\n &:focus {\n & ~ .radio {\n box-shadow: ${t.focus} 0px 0px 0px 3px;\n border-color : transparent;\n }\n }\n }\n label {\n display: flex;\n align-items: center;\n user-select: none;\n }\n .radio {\n background-color: $fff;\n border: 1px solid;\n border-color: ${r?e.backgroundColor:e.borderColor};\n transition: background-color ease-in 0.2s;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px; \n &:before { \n left: 2px;\n top: 2px;\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n transition : all ease-in 0.2s;\n background-color: ${r?e.backgroundColor:"#fff"};\n }\n }\n font-size : ${n.label.fontSize};\n font-weight : ${n.label.fontWeight};\n &:hover {\n .radio {\n border-color : ${r?e.backgroundColor:e.hoverBorderColor}!important;\n \n box-shadow: ${t.hover} 0px 0px 0px 5px!important;\n }\n }\n`}
|
|
1249
1248
|
`,Km=ot(Wm,{checked:!1}),Gm=t.createContext({groupValue:null,groupDisabled:!1,updateGroupValue:null}),qm=tt.div`
|
|
1250
1249
|
${({theme:{colors:{components:{checkbox:e,input:t},pseudo:n}},disabled:r,checked:a})=>`\n flex-grow : 1;\n flex-basis : 0;\n margin-right : 12px;\n margin-top: 12px;\n label.boxed-label {\n cursor : ${r?"disabled":"pointer"};\n opacity : ${r?.6:1};\n white-space:nowrap;\n padding : 8px;\n padding-left : 16px;\n font-size : 14px;\n border : 1px solid red;\n border-radius : 4px;\n display:flex;\n align-items:center;\n justify-content : left;\n user-select:none;\n border: 1px solid;\n border-color: ${a?e.backgroundColor:t.primary.borderColor};\n text-shadow: ${a?"0 0 0 #000, 0 0 .45px #000":"none"};\n .hollow {\n background-color: ${a?e.backgroundColor:"#fff"};\n border: ${a?"none":"1px solid"};\n border-color: ${a?e.backgroundColor:e.borderColor};\n min-width: 16px;\n min-height: 16px;\n max-width: 16px;\n max-height: 16px;\n border-radius: 50%;\n margin-right : 8px;\n display : flex;\n align-items : center;\n justify-content : center;\n }\n &:focus-within {\n box-shadow: ${n.focus} 0px 0px 0px 2px;\n border-color : transparent;\n }\n input {\n position : absolute;\n clip : rect(0px 0px 0px 0px);\n }\n &:hover {\n ${r?"":`border-color : ${a?e.backgroundColor:t.primary.hoverBorderColor}!important`};\n box-shadow: ${r?"unset":`${n.hover} 0px 0px 0px 5px!important`}; \n }\n}\n`}
|
|
1251
|
-
`;var Zm=ot((e=>{const{groupValue:r,groupDisabled:a,updateGroupValue:o}=t.useContext(Gm),c=r===e.value;if(null===o)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return n.createElement(qm,{disabled:e.disabled||a,checked:c,className:e.className},n.createElement("label",{className:"boxed-label"},n.createElement("input",{type:"radio",checked:c,value:e.value,onChange:t=>{t.target.checked&&o(e.value)}}),n.createElement("div",{className:"hollow"},c&&n.createElement(Vn,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),n.createElement("div",null,e.children)))}),{disabled:!1});const Xm=tt.div`
|
|
1250
|
+
`;var Zm=ot((e=>{const{groupValue:r,groupDisabled:a,updateGroupValue:o}=t.useContext(Gm),c=r===e.value;if(null===o)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return n.createElement(qm,{disabled:e.disabled||a,checked:c,className:e.className},n.createElement("label",{className:"boxed-label"},n.createElement("input",{type:"radio",checked:c,readOnly:e.readOnly,value:e.value,onChange:t=>{e.readOnly||t.target.checked&&o(e.value)}}),n.createElement("div",{className:"hollow"},c&&n.createElement(Vn,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),n.createElement("div",null,e.children)))}),{readOnly:!1,disabled:!1});const Xm=tt.div`
|
|
1252
1251
|
display: inline-flex;
|
|
1253
1252
|
align-items: center;
|
|
1254
1253
|
flex-wrap: wrap;
|
|
@@ -1257,7 +1256,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
1257
1256
|
width: calc(100% + 12px);
|
|
1258
1257
|
opacity: ${e=>e.disabled?.7:1};
|
|
1259
1258
|
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
1260
|
-
`;var Jm=ot((e=>{const[r,a]=t.useState(e.defaultSelectedValue);return t.useEffect((()=>{a(e.defaultSelectedValue)}),[e.defaultSelectedValue]),n.createElement(Gm.Provider,{value:{groupValue:r,groupDisabled:e.disabled,updateGroupValue:t=>{e.disabled||(a(t),e.onChange&&e.onChange(t))}}},n.createElement(Xm,{disabled:e.disabled,className:e.className},e.children))}),{disabled:!1,defaultSelectedValue:null,onChange:e=>{}});Zm.Group=Jm;const Qm=tt.div`
|
|
1259
|
+
`;var Jm=ot((e=>{const[r,a]=t.useState(e.defaultSelectedValue);return t.useEffect((()=>{a(e.defaultSelectedValue)}),[e.defaultSelectedValue]),n.createElement(Gm.Provider,{value:{groupValue:r,groupDisabled:e.disabled,updateGroupValue:t=>{e.readOnly||e.disabled||(a(t),e.onChange&&e.onChange(t))}}},n.createElement(Xm,{disabled:e.disabled,className:e.className},e.children))}),{readOnly:!1,disabled:!1,defaultSelectedValue:null,onChange:e=>{}});Zm.Group=Jm;const Qm=tt.div`
|
|
1261
1260
|
flex: 1;
|
|
1262
1261
|
overflow: auto;
|
|
1263
1262
|
`,ev=tt.div`
|
package/lib/index.esm.js
CHANGED
|
@@ -1035,8 +1035,8 @@ object-assign
|
|
|
1035
1035
|
border-radius: ${({showBorder:e})=>e?"unset":"4px"};
|
|
1036
1036
|
padding: 8px;
|
|
1037
1037
|
cursor: pointer;
|
|
1038
|
-
`,Uh=Vh((({items:t,downshift:{isOpen:n,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:p,filterKey:d,isMenuLoading:u,anchorRef:m,popoverRef:v})=>{let f=t;if(p===wh.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[d]&&o[d]!==c)&&("development"!==process.env.NODE_ENV||"string"==typeof t[0]||d||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."),d&&"object"==typeof t[0]&&(f=""!==c&&c?t.filter((e=>e&&e.ignoreFilter||d&&e&&e[d]&&c&&e[d].toLowerCase().includes(c.toLowerCase()))):t),"string"==typeof t[0]&&(f=Fh(t,c))),0===f.length&&!u)return null;v.current&&m.current&&lh(m.current.getBoundingClientRect(),v.current.getBoundingClientRect());return e.createElement(e.Fragment,null,e.createElement(vc,{initialOffset:"-20px",timeout:200,in:n,unmountOnExit:!0},(t=>e.createElement("div",{style:{width:"100%",zIndex:1e3},id:"heloo"},e.createElement($h,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:l}),u?e.createElement("div",{className:"loader-wrapper"},e.createElement(mh,null)):e.createElement(e.Fragment,null,f.map(((t,n)=>{const r=f.indexOf(o)===n;return e.createElement(Wh,Object.assign({},a({item:t,key:n,disabled:t.disabled}),{key:n,isSelectedIndex:r,canHighlight:i===n,disabled:t.disabled,showBorder:t.showBorder}),e.createElement(No.Flex,{justifyContent:"space-between",alignItems:"center"},e.createElement(No.Box,{width:"90%",style:{wordBreak:"break-word"}},h?h(t):s(t)),r?e.createElement(er,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))))})),Kh=Et.div`
|
|
1039
|
-
${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:a}})=>`\n position: relative;\n width: 100%;\n box-sizing: border-box;\n border-radius: 5px;\n border: 1px solid ${t?a.border.error:a.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:
|
|
1038
|
+
`,Uh=Vh((({items:t,downshift:{isOpen:n,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:p,filterKey:d,isMenuLoading:u,anchorRef:m,popoverRef:v})=>{let f=t;if(p===wh.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[d]&&o[d]!==c)&&("development"!==process.env.NODE_ENV||"string"==typeof t[0]||d||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."),d&&"object"==typeof t[0]&&(f=""!==c&&c?t.filter((e=>e&&e.ignoreFilter||d&&e&&e[d]&&c&&(e[d].toLowerCase().includes(c.toLowerCase())||s&&c.toLowerCase().includes(e[d].toLowerCase())))):t),"string"==typeof t[0]&&(f=Fh(t,c))),0===f.length&&!u)return null;v.current&&m.current&&lh(m.current.getBoundingClientRect(),v.current.getBoundingClientRect());return e.createElement(e.Fragment,null,e.createElement(vc,{initialOffset:"-20px",timeout:200,in:n,unmountOnExit:!0},(t=>e.createElement("div",{style:{width:"100%",zIndex:1e3},id:"heloo"},e.createElement($h,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:l}),u?e.createElement("div",{className:"loader-wrapper"},e.createElement(mh,null)):e.createElement(e.Fragment,null,f.map(((t,n)=>{const r=f.indexOf(o)===n;return e.createElement(Wh,Object.assign({},a({item:t,key:n,disabled:t.disabled}),{key:n,isSelectedIndex:r,canHighlight:i===n,disabled:t.disabled,showBorder:t.showBorder}),e.createElement(No.Flex,{justifyContent:"space-between",alignItems:"center"},e.createElement(No.Box,{width:"90%",style:{wordBreak:"break-word"}},h?h(t):s(t)),r?e.createElement(er,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))))})),Kh=Et.div`
|
|
1039
|
+
${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:a}})=>`\n position: relative;\n width: 100%;\n box-sizing: border-box;\n border-radius: 5px;\n border: 1px solid ${t?a.border.error:a.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: 1px solid transparent;\n box-shadow: 0 0 0 2px ${a.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 `}
|
|
1040
1040
|
`,Gh=e.forwardRef(((t,n)=>{const{downshift:{getInputProps:r,toggleMenu:a,isOpen:o},name:c,isErrored:i,disabled:s,placeholder:l="Enter input to get suggestions"}=t;return e.createElement(Kh,{isErrored:i,isOpen:o,ref:n,disabled:s},e.createElement("input",Object.assign({},r({"data-testid":c}),{disabled:s,placeholder:l,onClick:a})),e.createElement("div",{className:"dropdown-status",onClick:s?()=>{}:a},e.createElement(er,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"})))})),qh=Vh(Gh),Zh=Et.div`
|
|
1041
1041
|
display: block;
|
|
1042
1042
|
padding-left: 2px;
|
|
@@ -1054,7 +1054,6 @@ object-assign
|
|
|
1054
1054
|
display: inline-block;
|
|
1055
1055
|
padding-bottom: 8px;
|
|
1056
1056
|
padding-left: 2px;
|
|
1057
|
-
text-transform: capitalize;
|
|
1058
1057
|
font-size: 12px;
|
|
1059
1058
|
font-weight: 500;
|
|
1060
1059
|
}
|
|
@@ -1244,11 +1243,11 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
1244
1243
|
font-size: 12px;
|
|
1245
1244
|
}
|
|
1246
1245
|
}
|
|
1247
|
-
`,Cv=t=>{const{placeholder:n,isErrored:r,isRequired:a,errorText:o,name:c,label:i,id:s,disabled:l,displayFormat:h="YYYY-MM-DD hh:mm A",...p}=t;return e.createElement(Vv,{isErrored:r,id:`datetime-picker-container-${s||""}`},i&&e.createElement("label",null,i,a&&e.createElement("span",{className:"isRequired"},"*")),e.createElement(Hv,Object.assign({canClearSelection:!0,closeOnSelection:!0,todayButtonText:"",disabled:l,showActionsBar:!0,highlightCurrentDay:!0,timePrecision:"minute",fill:!0,timePickerProps:{useAmPm:!0},inputProps:{placeholder:n||h,name:c,id:s,disabled:l},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?rp(e).toDate():new Date,formatDate:e=>e?rp(e).format(h):""},p)),r&&o&&e.createElement("span",{className:"error"},o))},kv=t=>{const{placeholder:n,name:r,isRequired:a,label:o,isErrored:c,errorText:i,id:s,monthYearLocation:l="start",disabled:h,displayFormat:p="YYYY-MM-DD",...d}=t;return e.createElement(Vv,{isErrored:c,id:`date-picker-container-${s||""}`},o&&e.createElement("label",null,o,a&&e.createElement("span",{className:"isRequired"},"*")),e.createElement(Hv,Object.assign({canClearSelection:!0,closeOnSelection:!0,disabled:h,fill:!0,highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:s,disabled:h},dayPickerProps:{},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?rp(e).toDate():new Date,formatDate:e=>e?rp(e).format(p):""},d)),c&&i&&e.createElement("span",{className:"error"},i))},Lv=t=>{const{placeholder:n,name:r,label:a,id:o,disabled:c,errorText:i,isErrored:s,isRequired:l,...h}=t;return e.createElement(Vv,{isErrored:s,id:`time-picker-container-${o||""}`},a&&e.createElement("label",null,a,l&&e.createElement("span",{className:"isRequired"},"*")),e.createElement(yv,Object.assign({precision:"minute",useAmPm:!0,disabled:c},h)),s&&i&&e.createElement("span",{className:"error"},i))},Ev=s(((t,n)=>e.createElement(Sv,{checked:t.checked},e.createElement("label",null,e.createElement("input",{ref:n,type:"radio",name:t.name,value:t.value,checked:t.checked,onClick:t.onChange}),e.createElement("div",{className:"radio"}),e.createElement("div",null,t.children))))),Sv=Et.div`
|
|
1246
|
+
`,Cv=t=>{const{placeholder:n,isErrored:r,isRequired:a,errorText:o,name:c,label:i,id:s,disabled:l,displayFormat:h="YYYY-MM-DD hh:mm A",...p}=t;return e.createElement(Vv,{isErrored:r,id:`datetime-picker-container-${s||""}`},i&&e.createElement("label",null,i,a&&e.createElement("span",{className:"isRequired"},"*")),e.createElement(Hv,Object.assign({canClearSelection:!0,closeOnSelection:!0,todayButtonText:"",disabled:l,showActionsBar:!0,highlightCurrentDay:!0,timePrecision:"minute",fill:!0,timePickerProps:{useAmPm:!0},inputProps:{placeholder:n||h,name:c,id:s,disabled:l},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?rp(e).toDate():new Date,formatDate:e=>e?rp(e).format(h):""},p)),r&&o&&e.createElement("span",{className:"error"},o))},kv=t=>{const{placeholder:n,name:r,isRequired:a,label:o,isErrored:c,errorText:i,id:s,monthYearLocation:l="start",disabled:h,displayFormat:p="YYYY-MM-DD",...d}=t;return e.createElement(Vv,{isErrored:c,id:`date-picker-container-${s||""}`},o&&e.createElement("label",null,o,a&&e.createElement("span",{className:"isRequired"},"*")),e.createElement(Hv,Object.assign({canClearSelection:!0,closeOnSelection:!0,disabled:h,fill:!0,highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:s,disabled:h},dayPickerProps:{},popoverProps:{minimal:!0,placement:"bottom-start",usePortal:!1},parseDate:e=>e?rp(e).toDate():new Date,formatDate:e=>e?rp(e).format(p):""},d)),c&&i&&e.createElement("span",{className:"error"},i))},Lv=t=>{const{placeholder:n,name:r,label:a,id:o,disabled:c,errorText:i,isErrored:s,isRequired:l,...h}=t;return e.createElement(Vv,{isErrored:s,id:`time-picker-container-${o||""}`},a&&e.createElement("label",null,a,l&&e.createElement("span",{className:"isRequired"},"*")),e.createElement(yv,Object.assign({precision:"minute",useAmPm:!0,disabled:c},h)),s&&i&&e.createElement("span",{className:"error"},i))},Ev=s(((t,n)=>e.createElement(Sv,{checked:t.checked},e.createElement("label",null,e.createElement("input",{ref:n,type:"radio",name:t.name,value:t.value,readOnly:t.readOnly,checked:t.checked,onClick:t.onChange}),e.createElement("div",{className:"radio"}),e.createElement("div",null,t.children))))),Sv=Et.div`
|
|
1248
1247
|
${({theme:{colors:{components:{radio:e},pseudo:t},typography:{body:n}},checked:r})=>`\n input {\n clip: rect(0,0,0,0);\n position : absolute;\n &:focus {\n & ~ .radio {\n box-shadow: ${t.focus} 0px 0px 0px 3px;\n border-color : transparent;\n }\n }\n }\n label {\n display: flex;\n align-items: center;\n user-select: none;\n }\n .radio {\n background-color: $fff;\n border: 1px solid;\n border-color: ${r?e.backgroundColor:e.borderColor};\n transition: background-color ease-in 0.2s;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px; \n &:before { \n left: 2px;\n top: 2px;\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n transition : all ease-in 0.2s;\n background-color: ${r?e.backgroundColor:"#fff"};\n }\n }\n font-size : ${n.label.fontSize};\n font-weight : ${n.label.fontWeight};\n &:hover {\n .radio {\n border-color : ${r?e.backgroundColor:e.hoverBorderColor}!important;\n \n box-shadow: ${t.hover} 0px 0px 0px 5px!important;\n }\n }\n`}
|
|
1249
1248
|
`,_v=Dt(Ev,{checked:!1}),Av=d({groupValue:null,groupDisabled:!1,updateGroupValue:null}),Dv=Et.div`
|
|
1250
1249
|
${({theme:{colors:{components:{checkbox:e,input:t},pseudo:n}},disabled:r,checked:a})=>`\n flex-grow : 1;\n flex-basis : 0;\n margin-right : 12px;\n margin-top: 12px;\n label.boxed-label {\n cursor : ${r?"disabled":"pointer"};\n opacity : ${r?.6:1};\n white-space:nowrap;\n padding : 8px;\n padding-left : 16px;\n font-size : 14px;\n border : 1px solid red;\n border-radius : 4px;\n display:flex;\n align-items:center;\n justify-content : left;\n user-select:none;\n border: 1px solid;\n border-color: ${a?e.backgroundColor:t.primary.borderColor};\n text-shadow: ${a?"0 0 0 #000, 0 0 .45px #000":"none"};\n .hollow {\n background-color: ${a?e.backgroundColor:"#fff"};\n border: ${a?"none":"1px solid"};\n border-color: ${a?e.backgroundColor:e.borderColor};\n min-width: 16px;\n min-height: 16px;\n max-width: 16px;\n max-height: 16px;\n border-radius: 50%;\n margin-right : 8px;\n display : flex;\n align-items : center;\n justify-content : center;\n }\n &:focus-within {\n box-shadow: ${n.focus} 0px 0px 0px 2px;\n border-color : transparent;\n }\n input {\n position : absolute;\n clip : rect(0px 0px 0px 0px);\n }\n &:hover {\n ${r?"":`border-color : ${a?e.backgroundColor:t.primary.hoverBorderColor}!important`};\n box-shadow: ${r?"unset":`${n.hover} 0px 0px 0px 5px!important`}; \n }\n}\n`}
|
|
1251
|
-
`;var Ov=Dt((n=>{const{groupValue:r,groupDisabled:a,updateGroupValue:o}=t(Av),c=r===n.value;if(null===o)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return e.createElement(Dv,{disabled:n.disabled||a,checked:c,className:n.className},e.createElement("label",{className:"boxed-label"},e.createElement("input",{type:"radio",checked:c,value:n.value,onChange:e=>{e.target.checked&&o(n.value)}}),e.createElement("div",{className:"hollow"},c&&e.createElement(er,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),e.createElement("div",null,n.children)))}),{disabled:!1});const Iv=Et.div`
|
|
1250
|
+
`;var Ov=Dt((n=>{const{groupValue:r,groupDisabled:a,updateGroupValue:o}=t(Av),c=r===n.value;if(null===o)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return e.createElement(Dv,{disabled:n.disabled||a,checked:c,className:n.className},e.createElement("label",{className:"boxed-label"},e.createElement("input",{type:"radio",checked:c,readOnly:n.readOnly,value:n.value,onChange:e=>{n.readOnly||e.target.checked&&o(n.value)}}),e.createElement("div",{className:"hollow"},c&&e.createElement(er,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),e.createElement("div",null,n.children)))}),{readOnly:!1,disabled:!1});const Iv=Et.div`
|
|
1252
1251
|
display: inline-flex;
|
|
1253
1252
|
align-items: center;
|
|
1254
1253
|
flex-wrap: wrap;
|
|
@@ -1257,7 +1256,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
1257
1256
|
width: calc(100% + 12px);
|
|
1258
1257
|
opacity: ${e=>e.disabled?.7:1};
|
|
1259
1258
|
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
1260
|
-
`;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.disabled||(r(e),t.onChange&&t.onChange(e))}}},e.createElement(Iv,{disabled:t.disabled,className:t.className},t.children))}),{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:p=!0,showSelectAllInTable:d=!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})=>d?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"},!d&&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)),p&&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`
|
|
1259
|
+
`;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:p=!0,showSelectAllInTable:d=!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})=>d?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"},!d&&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)),p&&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`
|
|
1261
1260
|
flex: 1;
|
|
1262
1261
|
overflow: auto;
|
|
1263
1262
|
`,Rv=Et.div`
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface RadioButtonProps {
|
|
3
3
|
checked: boolean;
|
|
4
|
+
readOnly?: boolean;
|
|
4
5
|
children: string;
|
|
5
6
|
name: string;
|
|
6
7
|
value: string | number;
|
|
@@ -9,5 +10,5 @@ interface RadioButtonProps {
|
|
|
9
10
|
}
|
|
10
11
|
export declare const Radio: React.ComponentType<Partial<{
|
|
11
12
|
checked: boolean;
|
|
12
|
-
}> & Pick<RadioButtonProps & React.RefAttributes<HTMLInputElement>, "ref" | "children" | "name" | "value" | "onChange" | "id" | "key">>;
|
|
13
|
+
}> & Pick<RadioButtonProps & React.RefAttributes<HTMLInputElement>, "ref" | "readOnly" | "children" | "name" | "value" | "onChange" | "id" | "key">>;
|
|
13
14
|
export {};
|