groundfloor-react-ui 1.2.107 → 1.2.108

package/dist/index.es.js

@@ -2509,7 +2509,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",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`
+`,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(a),[g,f]=i(Math.ceil(e/s)),[h,y]=i({from:0,to:0}),x=b()||P,{width:C}=Se();l=C<512?0:C<768?1:l,r((()=>{f(Math.ceil(e/s)),d?(v(d>g?1:d),p(0)):v(1)}),[s]),r((()=>{y({from:1+(m-1)*s,to:m*s>e?e:m*s})}),[m]);const v=t=>{const l=Math.max(0,Math.min(t,g));u(l);o({currentPage:l,totalPages:g,totalRecords:e})},A=e=>t=>{t.preventDefault(),v(e)},w=e=>{e.preventDefault();let t=m-2*(l||1)-1;v(0===t?1:t)},S=e=>{e.preventDefault(),v(m+2*(l||1)+1)};if(!e||0===s)return null;const k=(()=>{const e=2*l+3;if(g>e+3){const t=Math.max(2,m-l),o=Math.min(g-1,m+l);let i=ni(t,o);const r=t>2,a=g-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,g]}return ni(1,g)})();return t.createElement(oi,{theme:x,showRowsPerPage:c},t.createElement(ri,{theme:x},t.createElement(ii,{onClick:1!==m?A(m-1):null,disabled:1===m,theme:x},t.createElement(_,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===m?"not-allowed":"pointer"}}),t.createElement("span",{className:"prev-text"}," PREVIOUS")),k.map(((e,l)=>"LEFT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:w},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:S},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:x.primary["primary-2"],transform:"rotate(-90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:x.primary["primary-2"]})))):t.createElement("li",{key:l,className:"page-item"+(m===e?" active":"")},t.createElement("div",{className:"page-link",onClick:A(e)},e)))),t.createElement(ii,{onClick:m!==g?A(m+1):null,disabled:m===g,theme:x},t.createElement("span",{className:"next-text"}," NEXT"),t.createElement(_,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:m===g?"not-allowed":"pointer"}}))),c&&t.createElement(ai,null,t.createElement("span",{style:{margin:"0 16px",color:x.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:x.variant["neutral-3"],fontSize:"12px"}},h?.from,"-",h?.to," of"," ",t.createElement("span",{style:{color:x.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"]};

package/dist/index.js

@@ -2509,7 +2509,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   display: flex;
   justify-content: center;
   align-items: center;
-`,to=(e,t,l=1)=>{let a=e;const o=[];for(;a<=t;)o.push(a),a+=l;return o},lo=({totalRecords:e,pageNeighbours:a,onPageChanged:o,currentPageNumber:r,propsDropdownSelect:i,showRowsPerPage:n})=>{let c=i?.selectedValue?.value||10;0==c?c=1:c>e&&(c=e);const[d,s]=t.useState(r),[u,p]=t.useState(Math.ceil(e/c)),[f,m]=t.useState({from:1+(d-1)*c,to:d*c>e?e:d*c}),b=l.useTheme()||H,{width:h}=ve();a=h<512?0:h<768?1:a,t.useEffect((()=>{p(Math.ceil(e/c)),y(1)}),[c]),t.useEffect((()=>{m({from:1+(d-1)*c,to:d*c>e?e:d*c})}),[d]);const y=t=>{const l=Math.max(0,Math.min(t,u));s(l);o({currentPage:l,totalPages:u,totalRecords:e})},x=e=>t=>{t.preventDefault(),y(e)},C=e=>{e.preventDefault(),y(d-2*(a||1)-1)},v=e=>{e.preventDefault(),y(d+2*(a||1)+1)};if(!e||1===u||0===c)return null;const A=(()=>{const e=2*a+3;if(u>e+3){const t=Math.max(2,d-a),l=Math.min(u-1,d+a);let o=to(t,l);const r=t>2,i=u-l>1,n=e-(o.length+1);switch(!0){case r&&!i:o=["LEFT",...to(t-n,t-1),...o];break;case!r&&i:{const e=to(l+1,l+n);o=[...o,...e,"RIGHT"];break}default:o=["LEFT",...o,"RIGHT"]}return[1,...o,u]}return to(1,u)})();return g.default.createElement(Ka,{theme:b,showRowsPerPage:n},g.default.createElement(_a,{theme:b},g.default.createElement($a,{onClick:1!==d?x(d-1):null,disabled:1===d,theme:b},g.default.createElement(Q,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===d?"not-allowed":"pointer"}}),g.default.createElement("span",{className:"prev-text"}," PREVIOUS")),A.map(((e,t)=>"LEFT"===e?g.default.createElement("li",{key:t,className:"page-item"},g.default.createElement("div",{className:"page-link",onClick:C},g.default.createElement("span",{className:"text"},g.default.createElement(Q,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),g.default.createElement("span",{className:"icon"},g.default.createElement(Q,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?g.default.createElement("li",{key:t,className:"page-item"},g.default.createElement("div",{className:"page-link",onClick:v},g.default.createElement("span",{className:"text"},g.default.createElement(Q,{icon:"load-more",color:b.primary["primary-2"],transform:"rotate(-90deg)"})),g.default.createElement("span",{className:"icon"},g.default.createElement(Q,{icon:"ellipses-horizontal",color:b.primary["primary-2"]})))):g.default.createElement("li",{key:t,className:"page-item"+(d===e?" active":"")},g.default.createElement("div",{className:"page-link",onClick:x(e)},e)))),g.default.createElement($a,{onClick:d!==u?x(d+1):null,disabled:d===u,theme:b},g.default.createElement("span",{className:"next-text"}," NEXT"),g.default.createElement(Q,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:d===u?"not-allowed":"pointer"}}))),n&&g.default.createElement(eo,null,g.default.createElement("span",{style:{margin:"0 16px",color:b.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),g.default.createElement(Xt,E({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}]},i)),g.default.createElement("span",{style:{color:b.variant["neutral-3"],fontSize:"12px"}},f?.from,"-",f?.to," of"," ",g.default.createElement("span",{style:{color:b.variant["neutral-1"]}},e)," ","Results")))};lo.propTypes={totalRecords:b.default.number.isRequired,pageNeighbours:b.default.number,onPageChanged:b.default.func,showRowsPerPage:b.default.bool,currentPageNumber:b.default.number},lo.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1,currentPageNumber:1};const ao=h.default.div`
+`,to=(e,t,l=1)=>{let a=e;const o=[];for(;a<=t;)o.push(a),a+=l;return o},lo=({totalRecords:e,pageNeighbours:a,onPageChanged:o,currentPageNumber:r,propsDropdownSelect:i,showRowsPerPage:n})=>{let c=i?.selectedValue?.value||10;0==c?c=1:c>e&&(c=e);const[d,s]=t.useState(r),[u,p]=t.useState(r),[f,m]=t.useState(Math.ceil(e/c)),[b,h]=t.useState({from:0,to:0}),y=l.useTheme()||H,{width:x}=ve();a=x<512?0:x<768?1:a,t.useEffect((()=>{m(Math.ceil(e/c)),d?(C(d>f?1:d),s(0)):C(1)}),[c]),t.useEffect((()=>{h({from:1+(u-1)*c,to:u*c>e?e:u*c})}),[u]);const C=t=>{const l=Math.max(0,Math.min(t,f));p(l);o({currentPage:l,totalPages:f,totalRecords:e})},v=e=>t=>{t.preventDefault(),C(e)},A=e=>{e.preventDefault();let t=u-2*(a||1)-1;C(0===t?1:t)},w=e=>{e.preventDefault(),C(u+2*(a||1)+1)};if(!e||0===c)return null;const S=(()=>{const e=2*a+3;if(f>e+3){const t=Math.max(2,u-a),l=Math.min(f-1,u+a);let o=to(t,l);const r=t>2,i=f-l>1,n=e-(o.length+1);switch(!0){case r&&!i:o=["LEFT",...to(t-n,t-1),...o];break;case!r&&i:{const e=to(l+1,l+n);o=[...o,...e,"RIGHT"];break}default:o=["LEFT",...o,"RIGHT"]}return[1,...o,f]}return to(1,f)})();return g.default.createElement(Ka,{theme:y,showRowsPerPage:n},g.default.createElement(_a,{theme:y},g.default.createElement($a,{onClick:1!==u?v(u-1):null,disabled:1===u,theme:y},g.default.createElement(Q,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===u?"not-allowed":"pointer"}}),g.default.createElement("span",{className:"prev-text"}," PREVIOUS")),S.map(((e,t)=>"LEFT"===e?g.default.createElement("li",{key:t,className:"page-item"},g.default.createElement("div",{className:"page-link",onClick:A},g.default.createElement("span",{className:"text"},g.default.createElement(Q,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),g.default.createElement("span",{className:"icon"},g.default.createElement(Q,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?g.default.createElement("li",{key:t,className:"page-item"},g.default.createElement("div",{className:"page-link",onClick:w},g.default.createElement("span",{className:"text"},g.default.createElement(Q,{icon:"load-more",color:y.primary["primary-2"],transform:"rotate(-90deg)"})),g.default.createElement("span",{className:"icon"},g.default.createElement(Q,{icon:"ellipses-horizontal",color:y.primary["primary-2"]})))):g.default.createElement("li",{key:t,className:"page-item"+(u===e?" active":"")},g.default.createElement("div",{className:"page-link",onClick:v(e)},e)))),g.default.createElement($a,{onClick:u!==f?v(u+1):null,disabled:u===f,theme:y},g.default.createElement("span",{className:"next-text"}," NEXT"),g.default.createElement(Q,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:u===f?"not-allowed":"pointer"}}))),n&&g.default.createElement(eo,null,g.default.createElement("span",{style:{margin:"0 16px",color:y.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),g.default.createElement(Xt,E({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}]},i)),g.default.createElement("span",{style:{color:y.variant["neutral-3"],fontSize:"12px"}},b?.from,"-",b?.to," of"," ",g.default.createElement("span",{style:{color:y.variant["neutral-1"]}},e)," ","Results")))};lo.propTypes={totalRecords:b.default.number.isRequired,pageNeighbours:b.default.number,onPageChanged:b.default.func,showRowsPerPage:b.default.bool,currentPageNumber:b.default.number},lo.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1,currentPageNumber:1};const ao=h.default.div`
   display: flex;
   align-items: center;
   color: ${({theme:e})=>e.variant["neutral-2"]};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "groundfloor-react-ui",
   "description": "Official component library for Ground Floor",
-  "version": "1.2.107",
+  "version": "1.2.108",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,