ds-react-table
Advanced tools
+1
-1
@@ -1,1 +0,1 @@ | ||
| import e from"prop-types";import t,{useState as a,useEffect as r}from"react";!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('table,td,th{border:1px solid #000;border-collapse:collapse}table.table-module_table-sortable__A7Tb3 th.table-module_currently-sorted__zBhao[data-sort-dir=asc]:after{content:"\\25b2";font-size:12px}table{margin-bottom:10px}table.table-module_table-sortable__A7Tb3 th.table-module_currently-sorted__zBhao[data-sort-dir=desc]:after{content:"\\25bc";font-size:12px}.table-module_ds-pagination__18Y7Z{display:inline-block;background-color:#fff;border:1px solid #d8cdc9;margin-top:10px}.table-module_ds-pagination__18Y7Z a{color:#000;float:left;padding:8px 16px;text-decoration:none}.table-module_ds-pagination__18Y7Z a:not(:nth-child(2)){background-color:#d8cdc9;color:#fff}.table-module_ds-pagination__18Y7Z a:nth-child(2){display:inline-block;width:100px;text-align:center}.table-module_ds-pagination__18Y7Z a:nth-child(n+3):nth-last-child(n+2){cursor:default}');const o=(e,t="_")=>{if(!e||"string"!=typeof e)return;const a=new RegExp(t,"g");return((e,t=!1)=>e&&(t?e.toLowerCase():e).replace(/(?:^|\s|["'([{])+\S/g,(e=>e.toUpperCase())))(e.replace(a," "))};function n(){let e,t,a;for(e="",a=0;a<32;a++)8!=a&&12!=a&&16!=a&&20!=a||(e+="-"),t=Math.floor(16*Math.random()).toString(16).toUpperCase(),e+=t;return e}function l(e){return e.map((e=>({...e,key:n()})))}const c=(e,t,a,r="asc")=>e[a]<t[a]?"asc"===r?-1:1:e[a]>t[a]?"asc"===r?1:-1:0;function s({data:e,sort:n,dataLimit:s,showPagination:i}){const[d,p]=a([]),[m,u]=a([]),[f,h]=a(""),[b,_]=a(""),[y,g]=a(1),[E,k]=a(1),[x,C]=a(0),[v,T]=a(s),[N,A]=a("NEXT"),w=t=>{if(t.preventDefault(),E===y)return;const a=E<y?E+1:E,r=x+s,o=a*s,n=e.slice(r,o);f&&n.sort(((e,t)=>c(e,t,f,b))),A(a===y?"PREV":"NEXT"),u(l(n)),k(a),C(r),T(o)},P=t=>{if(t.preventDefault(),E<=1)return;const a=E-1,r=x-s,o=a*s,n=e.slice(r,o);f&&n.sort(((e,t)=>c(e,t,f,b))),A(1===a?"NEXT":"PREV"),u(l(n)),k(a),C(r),T(o)};return r((()=>{var t;u(l(e.slice(x,v))),p((t=e,!Array.isArray(t)||Array.isArray(t)&&t.length<=0?[]:Object.keys(t[0]).map((e=>({Header:o(e),accessor:e}))))),g(Math.ceil(e.length/s))}),[e]),t.createElement("div",null,t.createElement("table",{className:"table-sortable"},t.createElement("thead",null,t.createElement("tr",null,d.map(((e,a)=>t.createElement("th",{"data-sort-dir":`${e.accessor===f?b:""}`,className:""+(e.accessor===f?"currently-sorted":""),onClick:()=>(e=>{if(!n)return;const t=e!==f?"asc":"asc"===b?"desc":"asc",a=[...m];a.sort(((a,r)=>c(a,r,e,t))),_(t),h(e),u(l(a))})(e.accessor),key:a},e.Header))))),t.createElement("tbody",null,m.map(((e,a)=>t.createElement("tr",{key:e.key},d.map(((r,o)=>t.createElement("td",{key:e.key+o},m[a][r.accessor])))))))),i&&1!==y&&t.createElement("div",{className:"ds-pagination pagination"},t.createElement("a",{onClick:P,href:"#"},"«"),t.createElement("a",{onClick:e=>{"NEXT"===N?w(e):P(e)},href:"#"},N),t.createElement("a",{onClick:e=>e.preventDefault(),href:""},E),t.createElement("a",{onClick:e=>e.preventDefault(),href:""},"/"),t.createElement("a",{onClick:e=>e.preventDefault(),href:""},y),t.createElement("a",{onClick:w,href:"#"},"»")))}s.propTypes={data:e.array.isRequired,sort:e.bool,dataLimit:e.number,showPagination:e.bool},s.defaultProps={data:[],sort:!1,dataLimit:10,showPagination:!1};export{s as Table}; | ||
| import e from"prop-types";import t,{useState as a,useEffect as r}from"react";!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('table,td,th{border:1px solid #000;border-collapse:collapse}table.table-module_table-sortable__LgFi9 th.table-module_currently-sorted__7z3-w[data-sort-dir=asc]:after{content:"\\25b2";font-size:12px}table{margin-bottom:10px}table.table-module_table-sortable__LgFi9 th.table-module_currently-sorted__7z3-w[data-sort-dir=desc]:after{content:"\\25bc";font-size:12px}.table-module_ds-pagination__6kbCL{background-color:#fff;border:1px solid #d8cdc9;display:inline-block;margin-top:10px}.table-module_ds-pagination__6kbCL a{color:#000;float:left;padding:8px 16px;text-decoration:none}.table-module_ds-pagination__6kbCL a:not(:nth-child(2)){background-color:#d8cdc9;color:#fff}.table-module_ds-pagination__6kbCL a:nth-child(2){display:inline-block;text-align:center;width:100px}.table-module_ds-pagination__6kbCL a:nth-child(n+3):nth-last-child(n+2){cursor:default}');const o=(e,t="_")=>{if(!e||"string"!=typeof e)return;const a=new RegExp(t,"g");return((e,t=!1)=>e&&(t?e.toLowerCase():e).replace(/(?:^|\s|["'([{])+\S/g,(e=>e.toUpperCase())))(e.replace(a," "))},n=e=>!Array.isArray(e)||Array.isArray(e)&&e.length<=0?[]:Object.keys(e[0]).map((e=>({Header:o(e),accessor:e})));function l(){let e,t,a;for(e="",a=0;a<32;a++)8!=a&&12!=a&&16!=a&&20!=a||(e+="-"),t=Math.floor(16*Math.random()).toString(16).toUpperCase(),e+=t;return e}function c(e){return e.map((e=>({...e,key:l()})))}const s=(e,t,a,r="asc")=>e[a]<t[a]?"asc"===r?-1:1:e[a]>t[a]?"asc"===r?1:-1:0;function i({data:e,sort:o,dataLimit:l,showPagination:i}){const[d,p]=a([]),[m,u]=a([]),[f,b]=a(""),[h,_]=a(""),[g,y]=a(1),[E,k]=a(1),[C,x]=a(0),[L,v]=a(l),[N,w]=a("NEXT"),T=t=>{if(t.preventDefault(),E===g)return;const a=E<g?E+1:E,r=C+l,o=a*l,n=e.slice(r,o);f&&n.sort(((e,t)=>s(e,t,f,h))),w(a===g?"PREV":"NEXT"),u(c(n)),k(a),x(r),v(o)},P=t=>{if(t.preventDefault(),E<=1)return;const a=E-1,r=C-l,o=a*l,n=e.slice(r,o);f&&n.sort(((e,t)=>s(e,t,f,h))),w(1===a?"NEXT":"PREV"),u(c(n)),k(a),x(r),v(o)};return r((()=>{u(c(e.slice(C,L))),p(n(e)),y(Math.ceil(e.length/l))}),[e]),t.createElement("div",null,t.createElement("table",{className:"table-sortable"},t.createElement("thead",null,t.createElement("tr",null,d.map(((e,a)=>t.createElement("th",{"data-sort-dir":`${e.accessor===f?h:""}`,className:""+(e.accessor===f?"currently-sorted":""),onClick:()=>(e=>{if(!o)return;const t=e!==f?"asc":"asc"===h?"desc":"asc",a=[...m];a.sort(((a,r)=>s(a,r,e,t))),_(t),b(e),u(c(a))})(e.accessor),key:a},e.Header))))),t.createElement("tbody",null,m.map(((e,a)=>t.createElement("tr",{key:e.key},d.map(((r,o)=>t.createElement("td",{key:e.key+o},m[a][r.accessor])))))))),i&&1!==g&&t.createElement("div",{className:"ds-pagination pagination"},t.createElement("a",{onClick:P,href:"#"},"«"),t.createElement("a",{onClick:e=>{"NEXT"===N?T(e):P(e)},href:"#"},N),t.createElement("a",{onClick:e=>e.preventDefault(),href:""},E),t.createElement("a",{onClick:e=>e.preventDefault(),href:""},"/"),t.createElement("a",{onClick:e=>e.preventDefault(),href:""},g),t.createElement("a",{onClick:T,href:"#"},"»")))}i.propTypes={data:e.array.isRequired,sort:e.bool,dataLimit:e.number,showPagination:e.bool},i.defaultProps={data:[],sort:!1,dataLimit:10,showPagination:!1};export{i as Table}; |
+1
-1
@@ -1,1 +0,1 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),l=a(t);!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}('table,td,th{border:1px solid #000;border-collapse:collapse}table.table-module_table-sortable__A7Tb3 th.table-module_currently-sorted__zBhao[data-sort-dir=asc]:after{content:"\\25b2";font-size:12px}table{margin-bottom:10px}table.table-module_table-sortable__A7Tb3 th.table-module_currently-sorted__zBhao[data-sort-dir=desc]:after{content:"\\25bc";font-size:12px}.table-module_ds-pagination__18Y7Z{display:inline-block;background-color:#fff;border:1px solid #d8cdc9;margin-top:10px}.table-module_ds-pagination__18Y7Z a{color:#000;float:left;padding:8px 16px;text-decoration:none}.table-module_ds-pagination__18Y7Z a:not(:nth-child(2)){background-color:#d8cdc9;color:#fff}.table-module_ds-pagination__18Y7Z a:nth-child(2){display:inline-block;width:100px;text-align:center}.table-module_ds-pagination__18Y7Z a:nth-child(n+3):nth-last-child(n+2){cursor:default}');const n=(e,t="_")=>{if(!e||"string"!=typeof e)return;const a=new RegExp(t,"g");return((e,t=!1)=>e&&(t?e.toLowerCase():e).replace(/(?:^|\s|["'([{])+\S/g,(e=>e.toUpperCase())))(e.replace(a," "))};function o(){let e,t,a;for(e="",a=0;a<32;a++)8!=a&&12!=a&&16!=a&&20!=a||(e+="-"),t=Math.floor(16*Math.random()).toString(16).toUpperCase(),e+=t;return e}function s(e){return e.map((e=>({...e,key:o()})))}const d=(e,t,a,r="asc")=>e[a]<t[a]?"asc"===r?-1:1:e[a]>t[a]?"asc"===r?1:-1:0;function c({data:e,sort:a,dataLimit:r,showPagination:o}){const[c,i]=t.useState([]),[u,f]=t.useState([]),[p,m]=t.useState(""),[b,h]=t.useState(""),[_,y]=t.useState(1),[g,E]=t.useState(1),[k,x]=t.useState(0),[v,C]=t.useState(r),[S,T]=t.useState("NEXT"),N=t=>{if(t.preventDefault(),g===_)return;const a=g<_?g+1:g,l=k+r,n=a*r,o=e.slice(l,n);p&&o.sort(((e,t)=>d(e,t,p,b))),T(a===_?"PREV":"NEXT"),f(s(o)),E(a),x(l),C(n)},A=t=>{if(t.preventDefault(),g<=1)return;const a=g-1,l=k-r,n=a*r,o=e.slice(l,n);p&&o.sort(((e,t)=>d(e,t,p,b))),T(1===a?"NEXT":"PREV"),f(s(o)),E(a),x(l),C(n)};return t.useEffect((()=>{var t;f(s(e.slice(k,v))),i((t=e,!Array.isArray(t)||Array.isArray(t)&&t.length<=0?[]:Object.keys(t[0]).map((e=>({Header:n(e),accessor:e}))))),y(Math.ceil(e.length/r))}),[e]),l.default.createElement("div",null,l.default.createElement("table",{className:"table-sortable"},l.default.createElement("thead",null,l.default.createElement("tr",null,c.map(((e,t)=>l.default.createElement("th",{"data-sort-dir":`${e.accessor===p?b:""}`,className:""+(e.accessor===p?"currently-sorted":""),onClick:()=>(e=>{if(!a)return;const t=e!==p?"asc":"asc"===b?"desc":"asc",r=[...u];r.sort(((a,r)=>d(a,r,e,t))),h(t),m(e),f(s(r))})(e.accessor),key:t},e.Header))))),l.default.createElement("tbody",null,u.map(((e,t)=>l.default.createElement("tr",{key:e.key},c.map(((a,r)=>l.default.createElement("td",{key:e.key+r},u[t][a.accessor])))))))),o&&1!==_&&l.default.createElement("div",{className:"ds-pagination pagination"},l.default.createElement("a",{onClick:A,href:"#"},"«"),l.default.createElement("a",{onClick:e=>{"NEXT"===S?N(e):A(e)},href:"#"},S),l.default.createElement("a",{onClick:e=>e.preventDefault(),href:""},g),l.default.createElement("a",{onClick:e=>e.preventDefault(),href:""},"/"),l.default.createElement("a",{onClick:e=>e.preventDefault(),href:""},_),l.default.createElement("a",{onClick:N,href:"#"},"»")))}c.propTypes={data:r.default.array.isRequired,sort:r.default.bool,dataLimit:r.default.number,showPagination:r.default.bool},c.defaultProps={data:[],sort:!1,dataLimit:10,showPagination:!1},exports.Table=c; | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),l=a(t);!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}('table,td,th{border:1px solid #000;border-collapse:collapse}table.table-module_table-sortable__LgFi9 th.table-module_currently-sorted__7z3-w[data-sort-dir=asc]:after{content:"\\25b2";font-size:12px}table{margin-bottom:10px}table.table-module_table-sortable__LgFi9 th.table-module_currently-sorted__7z3-w[data-sort-dir=desc]:after{content:"\\25bc";font-size:12px}.table-module_ds-pagination__6kbCL{background-color:#fff;border:1px solid #d8cdc9;display:inline-block;margin-top:10px}.table-module_ds-pagination__6kbCL a{color:#000;float:left;padding:8px 16px;text-decoration:none}.table-module_ds-pagination__6kbCL a:not(:nth-child(2)){background-color:#d8cdc9;color:#fff}.table-module_ds-pagination__6kbCL a:nth-child(2){display:inline-block;text-align:center;width:100px}.table-module_ds-pagination__6kbCL a:nth-child(n+3):nth-last-child(n+2){cursor:default}');const n=(e,t="_")=>{if(!e||"string"!=typeof e)return;const a=new RegExp(t,"g");return((e,t=!1)=>e&&(t?e.toLowerCase():e).replace(/(?:^|\s|["'([{])+\S/g,(e=>e.toUpperCase())))(e.replace(a," "))},o=e=>!Array.isArray(e)||Array.isArray(e)&&e.length<=0?[]:Object.keys(e[0]).map((e=>({Header:n(e),accessor:e})));function s(){let e,t,a;for(e="",a=0;a<32;a++)8!=a&&12!=a&&16!=a&&20!=a||(e+="-"),t=Math.floor(16*Math.random()).toString(16).toUpperCase(),e+=t;return e}function d(e){return e.map((e=>({...e,key:s()})))}const c=(e,t,a,r="asc")=>e[a]<t[a]?"asc"===r?-1:1:e[a]>t[a]?"asc"===r?1:-1:0;function i({data:e,sort:a,dataLimit:r,showPagination:n}){const[s,i]=t.useState([]),[u,f]=t.useState([]),[p,m]=t.useState(""),[b,h]=t.useState(""),[_,y]=t.useState(1),[g,E]=t.useState(1),[k,C]=t.useState(0),[x,v]=t.useState(r),[S,L]=t.useState("NEXT"),N=t=>{if(t.preventDefault(),g===_)return;const a=g<_?g+1:g,l=k+r,n=a*r,o=e.slice(l,n);p&&o.sort(((e,t)=>c(e,t,p,b))),L(a===_?"PREV":"NEXT"),f(d(o)),E(a),C(l),v(n)},T=t=>{if(t.preventDefault(),g<=1)return;const a=g-1,l=k-r,n=a*r,o=e.slice(l,n);p&&o.sort(((e,t)=>c(e,t,p,b))),L(1===a?"NEXT":"PREV"),f(d(o)),E(a),C(l),v(n)};return t.useEffect((()=>{f(d(e.slice(k,x))),i(o(e)),y(Math.ceil(e.length/r))}),[e]),l.default.createElement("div",null,l.default.createElement("table",{className:"table-sortable"},l.default.createElement("thead",null,l.default.createElement("tr",null,s.map(((e,t)=>l.default.createElement("th",{"data-sort-dir":`${e.accessor===p?b:""}`,className:""+(e.accessor===p?"currently-sorted":""),onClick:()=>(e=>{if(!a)return;const t=e!==p?"asc":"asc"===b?"desc":"asc",r=[...u];r.sort(((a,r)=>c(a,r,e,t))),h(t),m(e),f(d(r))})(e.accessor),key:t},e.Header))))),l.default.createElement("tbody",null,u.map(((e,t)=>l.default.createElement("tr",{key:e.key},s.map(((a,r)=>l.default.createElement("td",{key:e.key+r},u[t][a.accessor])))))))),n&&1!==_&&l.default.createElement("div",{className:"ds-pagination pagination"},l.default.createElement("a",{onClick:T,href:"#"},"«"),l.default.createElement("a",{onClick:e=>{"NEXT"===S?N(e):T(e)},href:"#"},S),l.default.createElement("a",{onClick:e=>e.preventDefault(),href:""},g),l.default.createElement("a",{onClick:e=>e.preventDefault(),href:""},"/"),l.default.createElement("a",{onClick:e=>e.preventDefault(),href:""},_),l.default.createElement("a",{onClick:N,href:"#"},"»")))}i.propTypes={data:r.default.array.isRequired,sort:r.default.bool,dataLimit:r.default.number,showPagination:r.default.bool},i.defaultProps={data:[],sort:!1,dataLimit:10,showPagination:!1},exports.Table=i; |
+4
-4
| { | ||
| "name": "ds-react-table", | ||
| "version": "1.0.3", | ||
| "version": "1.0.4", | ||
| "description": "Dead simple react table", | ||
@@ -63,5 +63,5 @@ "main": "dist/index.js", | ||
| "peerDependencies": { | ||
| "react": "^17.0.2", | ||
| "react-dom": "^17.0.2", | ||
| "prop-types": "15.7.2" | ||
| "react": "*", | ||
| "react-dom": "*", | ||
| "prop-types": "*" | ||
| }, | ||
@@ -68,0 +68,0 @@ "husky": { |
14113
-0.15%