UNPKG

react-table-searchable

Version:

React Table that is searchable and sortable

1 lines 8.45 kB
var SearchTable=function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r,u,i,l,f,a,c,s;Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultHeader=t.DefaultRow=t.DefaultCell=t.default=void 0,r=n(5),u=o(r),i=n(2),l=o(i),f=n(4),a=o(f),c=n(3),s=o(c),t.default=u.default,t.DefaultCell=l.default,t.DefaultRow=a.default,t.DefaultHeader=s.default},function(e,t){e.exports=React},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":s(t))&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":s(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var l,f,a,c,s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0}),l=function(){function e(e,t){var n,o;for(n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),f=n(1),a=o(f),c=function(e){function t(){return r(this,t),u(this,Object.getPrototypeOf(t).apply(this,arguments))}return i(t,e),l(t,[{key:"render",value:function(){return a.default.createElement("td",null,this.props.val)}}]),t}(a.default.Component),c.propTypes={val:a.default.PropTypes.any.isRequired},t.default=c},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":s(t))&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":s(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var l,f,a,c,s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0}),l=function(){function e(e,t){var n,o;for(n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),f=n(1),a=o(f),c=function(e){function t(){return r(this,t),u(this,Object.getPrototypeOf(t).apply(this,arguments))}return i(t,e),l(t,[{key:"render",value:function(){return a.default.createElement("th",{onClick:this.props.onClick,className:this.props.active?"active":""},this.props.children)}}]),t}(a.default.Component),c.defaultProps={active:!1,onClick:function(){}},t.default=c},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":s(t))&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":s(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var l,f,a,c,s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0}),l=function(){function e(e,t){var n,o;for(n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),f=n(1),a=o(f),c=function(e){function t(){return r(this,t),u(this,Object.getPrototypeOf(t).apply(this,arguments))}return i(t,e),l(t,[{key:"render",value:function(){return a.default.createElement("tr",null,this.props.children)}}]),t}(a.default.Component),c.propsTypes={children:a.default.PropTypes.node.isRequired},t.default=c},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":m(t))&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":m(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var l,f,a,c,s,p,d,y,b,h,m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0}),l=function(){function e(e,t){var n,o;for(n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),f=n(1),a=o(f),c=n(3),s=o(c),p=n(4),d=o(p),y=n(2),b=o(y),Array.prototype.doReverse=function(e){return 1===e?this.reverse():this},Array.prototype.clone=function(){return this.slice(0)},h=function(e){function t(e){r(this,t);var n=u(this,Object.getPrototypeOf(t).call(this,e));return n.getColumns=function(){var e;e=n.props.data.length>0?Object.keys(n.props.data[0]):[],n.setState({columns:e})},n.sort=function(e){var t=e,o=-1;-1===n.state.sortDir&&n.state.sort===e?o=1:n.state.sort===e&&(t=null,o=0),n.setState({sort:t,sortDir:o})},n.mapHeaderColumns=function(e){return a.default.createElement(n.props.headerCell,{onClick:n.sort.bind(n,e),key:e,active:n.state.sort===e,dir:n.state.sortDir},e)},n.genKey=function(e){return String(n.state.sort)+"-"+String(e)+"-"+String(n.state.sortDir)},n.mapRows=function(e,t){var o,r=[];for(o in e)r.push(a.default.createElement(n.props.cell,{key:o,val:e[o]}));return a.default.createElement(n.props.row,{key:n.genKey(t)},r)},n.doSort=function(e,t){var o,r,u,i,l;if(null===n.state.sort)return 0;if(n.props.sort)return n.props.sort(e,t);for(e=e[n.state.sort],t=t[n.state.sort],o=[],r=[],e.replace(/(\d+)|(\D+)/g,function(e,t,n){o.push([t||1/0,n||""])}),t.replace(/(\d+)|(\D+)/g,function(e,t,n){r.push([t||1/0,n||""])});o.length&&r.length;)if(u=o.shift(),i=r.shift(),l=u[0]-i[0]||u[1].localeCompare(i[1]))return l;return o.length-r.length},n.state={columns:[],sort:null,sortDir:0},n}return i(t,e),l(t,[{key:"componentWillMount",value:function(){this.getColumns()}},{key:"render",value:function(){return console.log(this.state),a.default.createElement("table",null,a.default.createElement("thead",null,a.default.createElement("tr",null,this.state.columns.map(this.mapHeaderColumns))),a.default.createElement("tbody",null,this.props.data.clone().sort(this.doSort).doReverse(this.state.sortDir).map(this.mapRows)))}}]),t}(a.default.Component),h.propTypes={sort:a.default.PropTypes.func},h.defaultProps={headerCell:s.default,cell:b.default,row:d.default},t.default=h}]);