groundfloor-react-ui 1.2.101 → 1.2.102

package/dist/index.es.js

@@ -1409,7 +1409,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   margin-top: -15.5px;
   cursor: pointer;
   line-height: normal !important;
-`,Yt=({getValue:e,children:l,...o})=>{const i=e().length;return t.createElement(w.ValueContainer,z({"data-accordion":"contentClickFalse"},o),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,i>1&&t.createElement("span",{className:"text-more-alt"},"& ",i-1," more"))},Nt=({label:e,labelStyle:l,optionArr:o,selectedValue:i,setSelectedValue:r,placeHolder:a,isClearable:n,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:u,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:C,id:v,iconName:A,iconStyles:S,iconColor:k,iconSize:E,showIndicator:V,leftIcon:M,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:H,indicatorBackgroundColor:W,inputColor:R,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=b()||P,O=e=>{const l={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},o=t.createElement("div",{style:{...l,backgroundColor:e?.data?.color??D.primary["primary-1"]}},t.createElement(_,{icon:"check-icon",color:"white"})),i=t.createElement("div",{style:{...l,backgroundColor:"#e0e7ff"}});return t.createElement(w.Option,e,t.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?o:i,t.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},X={control:(e,t)=>({...e,border:c?I&&c?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:H||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:W||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:d+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:d+"px",width:"100%",minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:d+"px",color:R||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.additional.white,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...j},J={DropdownIndicator:e=>{const l=t.createElement(w.DropdownIndicator,e,t.createElement(Ut,{"data-accordion":"contentClickFalse"},t.createElement(_,{icon:A,color:k,size:E,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===V?l:null},ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(w.ClearIndicator,e,n?t.createElement(Ut,{onClick:()=>{u(),e.clearValue()},"data-accordion":"contentClickFalse"},t.createElement(_,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:o=null}=e.selectProps.components;return t.createElement(w.MenuList,z({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&l,e.children,e.children.length&&o)},MenuListFooter:F};let U=null;switch(y){case"multiSelect":U=t.createElement(Qt,z({type:"multiSelect",MultiValue:G,Option:O,value:i,CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z));break;case"asyncSingleSelect":U=t.createElement(Kt,z({CommonRenderedComponent:J,loadOptions:p,onInputChange:m,styles:X,placeholder:a,onChange:r,isLoading:C,isDisabled:x,id:v,value:i,isClearable:n},Z));break;case"asyncMultiSelect":U=t.createElement(Kt,z({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:a,styles:X,isDisabled:x,isLoading:C,loadOptions:p,onInputChange:m,id:v,isClearable:n},Z));break;default:U=t.createElement(Qt,z({type:"singleSelect",value:{value:i?i.value:"",label:i?i.label:""},CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z))}return t.createElement(Xt,{style:g,backgroundColor:I,isValid:c,fontSize:d,theme:D,isDisabled:x},e&&t.createElement(Jt,{inBuiltCss:T,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(it,{customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!c&&q)},Qt=({type:e,Option:l,value:o,CommonRenderedComponent:i,MultiValue:r,optionArr:a,placeHolder:n,isDisabled:c,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:b,...u})=>{let g={...i};return"multiSelect"===e&&(g.MultiValue=r,g.Option=l),t.createElement(A,z({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:g,options:a,placeholder:n,isDisabled:c,value:o,styles:s,onChange:d,isLoading:p,id:m,isClearable:b,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},u))},Kt=({CommonRenderedComponent:e,MultiValue:l,Option:o,type:i,id:r,styles:a,...n})=>{let c={...e};return"asyncMultiSelect"===i&&(c.MultiValue=l,c.Option=o),t.createElement(S,z({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:c,isMulti:"asyncMultiSelect"===i,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==i,isSearchable:!0,styles:a,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:r},n))};Nt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool,backgroundColor:e.string,placeHolderColor:e.string,inputColor:e.string,menuListFooter:e.any,customSelectStyles:e.object},Nt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:{},customLabelStyles:{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0,customSelectStyles:{}};const $t=m.div`
+`,Yt=({getValue:e,children:l,...o})=>{const i=e().length;return t.createElement(w.ValueContainer,z({"data-accordion":"contentClickFalse"},o),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,i>1&&t.createElement("span",{className:"text-more-alt"},"& ",i-1," more"))},Nt=({label:e,labelStyle:l,optionArr:o,selectedValue:i,setSelectedValue:r,placeHolder:a,isClearable:n,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:u,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:C,id:v,iconName:A,iconStyles:S,iconColor:k,iconSize:E,showIndicator:V,leftIcon:M,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:H,indicatorBackgroundColor:W,inputColor:R,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=b()||P,O=e=>{const l={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},o=t.createElement("div",{style:{...l,backgroundColor:e?.data?.color??D.primary["primary-1"]}},t.createElement(_,{icon:"check-icon",color:"white"})),i=t.createElement("div",{style:{...l,backgroundColor:"#e0e7ff"}});return t.createElement(w.Option,e,t.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?o:i,t.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},X={control:(e,t)=>({...e,border:c?I&&c?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:H||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:W||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:d+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:d+"px",width:"100%",minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:d+"px",color:R||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.additional.white,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...j},J={DropdownIndicator:e=>{const l=t.createElement(w.DropdownIndicator,e,t.createElement(Ut,{"data-accordion":"contentClickFalse"},t.createElement(_,{icon:A,color:k,size:E,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===V?l:null},ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(w.ClearIndicator,e,n?t.createElement(Ut,{onClick:()=>{u(),e.clearValue()},"data-accordion":"contentClickFalse"},t.createElement(_,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:o=null}=e.selectProps.components;return t.createElement(w.MenuList,z({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&l,e.children,e.children.length&&o)},MenuListFooter:F};let U=null;switch(y){case"multiSelect":U=t.createElement(Qt,z({type:"multiSelect",MultiValue:G,Option:O,value:i,CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z));break;case"asyncSingleSelect":U=t.createElement(Kt,z({CommonRenderedComponent:J,loadOptions:p,onInputChange:m,styles:X,placeholder:a,onChange:r,isLoading:C,isDisabled:x,id:v,value:i,isClearable:n},Z));break;case"asyncMultiSelect":U=t.createElement(Kt,z({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:a,styles:X,isDisabled:x,isLoading:C,loadOptions:p,onInputChange:m,id:v,isClearable:n,value:i},Z));break;default:U=t.createElement(Qt,z({type:"singleSelect",value:{value:i?i.value:"",label:i?i.label:""},CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z))}return t.createElement(Xt,{style:g,backgroundColor:I,isValid:c,fontSize:d,theme:D,isDisabled:x},e&&t.createElement(Jt,{inBuiltCss:T,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(it,{customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!c&&q)},Qt=({type:e,Option:l,value:o,CommonRenderedComponent:i,MultiValue:r,optionArr:a,placeHolder:n,isDisabled:c,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:b,...u})=>{let g={...i};return"multiSelect"===e&&(g.MultiValue=r,g.Option=l),t.createElement(A,z({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:g,options:a,placeholder:n,isDisabled:c,value:o,styles:s,onChange:d,isLoading:p,id:m,isClearable:b,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},u))},Kt=({CommonRenderedComponent:e,MultiValue:l,Option:o,type:i,id:r,styles:a,...n})=>{let c={...e};return"asyncMultiSelect"===i&&(c.MultiValue=l,c.Option=o),t.createElement(S,z({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:c,isMulti:"asyncMultiSelect"===i,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==i,isSearchable:!0,styles:a,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:r},n))};Nt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool,backgroundColor:e.string,placeHolderColor:e.string,inputColor:e.string,menuListFooter:e.any,customSelectStyles:e.object},Nt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:{},customLabelStyles:{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0,customSelectStyles:{}};const $t=m.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>F(e,t)}
 
@@ -2507,7 +2507,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   display: flex;
   justify-content: center;
   align-items: center;
-`,ni=(e,t,l=1)=>{let o=e;const i=[];for(;o<=t;)i.push(o),o+=l;return i},ci=({totalRecords:e,pageNeighbours:l,onPageChanged:o,currentPageNumber:a,propsDropdownSelect:n,showRowsPerPage:c})=>{let s=n?.selectedValue?.value||10;0==s?s=1:s>e&&(s=e);const[d,p]=i(a),[m,u]=i(Math.ceil(e/s)),[g,f]=i({from:1+(d-1)*s,to:d*s>e?e:d*s}),h=b()||P,{width:y}=Se();l=y<512?0:y<768?1:l,r((()=>{u(Math.ceil(e/s)),x(1)}),[s]),r((()=>{f({from:1+(d-1)*s,to:d*s>e?e:d*s})}),[d]);const x=t=>{const l=Math.max(0,Math.min(t,m));p(l);o({currentPage:l,totalPages:m,totalRecords:e})},C=e=>t=>{t.preventDefault(),x(e)},v=e=>{e.preventDefault(),x(d-2*(l||1)-1)},A=e=>{e.preventDefault(),x(d+2*(l||1)+1)};if(!e||1===m||0===s)return null;const w=(()=>{const e=2*l+3;if(m>e+3){const t=Math.max(2,d-l),o=Math.min(m-1,d+l);let i=ni(t,o);const r=t>2,a=m-o>1,n=e-(i.length+1);switch(!0){case r&&!a:i=["LEFT",...ni(t-n,t-1),...i];break;case!r&&a:{const e=ni(o+1,o+n);i=[...i,...e,"RIGHT"];break}default:i=["LEFT",...i,"RIGHT"]}return[1,...i,m]}return ni(1,m)})();return t.createElement(oi,{theme:h,showRowsPerPage:c},t.createElement(ri,{theme:h},t.createElement(ii,{onClick:1!==d?C(d-1):null,disabled:1===d,theme:h},t.createElement(_,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF"}),t.createElement("span",{className:"prev-text"}," PREVIOUS")),w.map(((e,l)=>"LEFT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:v},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:A},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:h.primary["primary-2"],transform:"rotate(-90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:h.primary["primary-2"]})))):t.createElement("li",{key:l,className:"page-item"+(d===e?" active":"")},t.createElement("div",{className:"page-link",onClick:C(e)},e)))),t.createElement(ii,{onClick:d!==m?C(d+1):null,disabled:d===m,theme:h},t.createElement("span",{className:"next-text"}," NEXT"),t.createElement(_,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF"}))),c&&t.createElement(ai,null,t.createElement("span",{style:{margin:"0 16px",color:h.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),t.createElement(Nt,z({customSelectStyles:{menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:"14px",width:"100%",maxWidth:"100px"}),control:(e,t)=>({...e,border:"1px solid  transparent",borderRadius:"6.25391px",height:"31px",minHeight:"31px",boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:"#F2F4FE",maxWidth:"100px",minWidth:"50px"}),singleValue:e=>({...e,fontSize:"12px",marginLeft:"0px",width:"100",marginRight:0})},customWrapperStyles:{marginRight:"16px"},isSearchable:!1,optionArr:[{value:10,label:10},{value:20,label:20},{value:30,label:30}]},n)),t.createElement("span",{style:{color:h.variant["neutral-3"],fontSize:"12px"}},g?.from,"-",g?.to," of"," ",t.createElement("span",{style:{color:h.variant["neutral-1"]}},e)," ","Results")))};ci.propTypes={totalRecords:e.number.isRequired,pageNeighbours:e.number,onPageChanged:e.func,showRowsPerPage:e.bool,currentPageNumber:e.number},ci.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1,currentPageNumber:1};const si=m.div`
+`,ni=(e,t,l=1)=>{let o=e;const i=[];for(;o<=t;)i.push(o),o+=l;return i},ci=({totalRecords:e,pageNeighbours:l,onPageChanged:o,currentPageNumber:a,propsDropdownSelect:n,showRowsPerPage:c})=>{let s=n?.selectedValue?.value||10;0==s?s=1:s>e&&(s=e);const[d,p]=i(a),[m,u]=i(Math.ceil(e/s)),[g,f]=i({from:1+(d-1)*s,to:d*s>e?e:d*s}),h=b()||P,{width:y}=Se();l=y<512?0:y<768?1:l,r((()=>{u(Math.ceil(e/s)),x(1)}),[s]),r((()=>{f({from:1+(d-1)*s,to:d*s>e?e:d*s})}),[d]);const x=t=>{const l=Math.max(0,Math.min(t,m));p(l);o({currentPage:l,totalPages:m,totalRecords:e})},C=e=>t=>{t.preventDefault(),x(e)},v=e=>{e.preventDefault(),x(d-2*(l||1)-1)},A=e=>{e.preventDefault(),x(d+2*(l||1)+1)};if(!e||1===m||0===s)return null;const w=(()=>{const e=2*l+3;if(m>e+3){const t=Math.max(2,d-l),o=Math.min(m-1,d+l);let i=ni(t,o);const r=t>2,a=m-o>1,n=e-(i.length+1);switch(!0){case r&&!a:i=["LEFT",...ni(t-n,t-1),...i];break;case!r&&a:{const e=ni(o+1,o+n);i=[...i,...e,"RIGHT"];break}default:i=["LEFT",...i,"RIGHT"]}return[1,...i,m]}return ni(1,m)})();return t.createElement(oi,{theme:h,showRowsPerPage:c},t.createElement(ri,{theme:h},t.createElement(ii,{onClick:1!==d?C(d-1):null,disabled:1===d,theme:h},t.createElement(_,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===d?"not-allowed":"pointer"}}),t.createElement("span",{className:"prev-text"}," PREVIOUS")),w.map(((e,l)=>"LEFT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:v},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:A},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:h.primary["primary-2"],transform:"rotate(-90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:h.primary["primary-2"]})))):t.createElement("li",{key:l,className:"page-item"+(d===e?" active":"")},t.createElement("div",{className:"page-link",onClick:C(e)},e)))),t.createElement(ii,{onClick:d!==m?C(d+1):null,disabled:d===m,theme:h},t.createElement("span",{className:"next-text"}," NEXT"),t.createElement(_,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:d===m?"not-allowed":"pointer"}}))),c&&t.createElement(ai,null,t.createElement("span",{style:{margin:"0 16px",color:h.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),t.createElement(Nt,z({customSelectStyles:{menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:"14px",width:"100%",maxWidth:"100px"}),control:(e,t)=>({...e,border:"1px solid  transparent",borderRadius:"6.25391px",height:"31px",minHeight:"31px",boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:"#F2F4FE",maxWidth:"100px",minWidth:"50px"}),singleValue:e=>({...e,fontSize:"12px",marginLeft:"0px",width:"100",marginRight:0})},customWrapperStyles:{marginRight:"16px"},isSearchable:!1,optionArr:[{value:10,label:10},{value:20,label:20},{value:30,label:30}]},n)),t.createElement("span",{style:{color:h.variant["neutral-3"],fontSize:"12px"}},g?.from,"-",g?.to," of"," ",t.createElement("span",{style:{color:h.variant["neutral-1"]}},e)," ","Results")))};ci.propTypes={totalRecords:e.number.isRequired,pageNeighbours:e.number,onPageChanged:e.func,showRowsPerPage:e.bool,currentPageNumber:e.number},ci.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1,currentPageNumber:1};const si=m.div`
   display: flex;
   align-items: center;
   color: ${({theme:e})=>e.variant["neutral-2"]};