@amblines/react-table-filter/lib/bundle.js

> Module creates Excel like Column Filters for Table. The filter list contains all the unique items present in every column. See image below for example.

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.tableFilter=t(require("react")):e.tableFilter=t(e.React)}(window,(function(e){return function(e){var t={};function i(s){if(t[s])return t[s].exports;var r=t[s]={i:s,l:!1,exports:{}};return e[s].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(s,r,function(t){return e[t]}.bind(null,r));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=6)}([function(t,i){t.exports=e},function(e,t,i){e.exports=i(10)()},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.without=t.uniq=t.getValForKey=t.isTypeString=t.isTypeArray=t.isUndefined=void 0;const s=(e,t)=>null==e||"undefined"===e||"null"===e||!(!t||"string"!=typeof e||0!==e.toString().trim().length);t.isUndefined=s;const r=e=>"[object Array]"===Object.prototype.toString.call(e);t.isTypeArray=r;const l=e=>"[object String]"===Object.prototype.toString.call(e);t.isTypeString=l;const n=(e,t)=>{if(!s(t)){if(l(t)){const i=t.split(".");if(1===i.length)return e[t];{let t,r,l=e;for(t=0,r=i.length;t<r;t+=1){const e=l[i[t]];if(s(e)){l=void 0;break}l=e}return l}}return e[t]}};t.getValForKey=n;const a=e=>{if(null!=e&&e.length){return[...new Set(e)]}return[]};t.uniq=a;const o=(e,t=[])=>{const i=[];return e.length?(e.forEach(e=>{t.indexOf(e)<0&&i.push(e)}),i):i};t.without=o;var d={isUndefined:s,isTypeArray:r,isTypeString:l,getValForKey:n,uniq:a,without:o};t.default=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.DSC_VALUE=t.ASC_VALUE=t.BLANK_LABEL=void 0;t.BLANK_LABEL="";t.ASC_VALUE="asc";t.DSC_VALUE="dsc";var s={BLANK_LABEL:"",ASC_VALUE:"asc",DSC_VALUE:"dsc"};t.default=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.calculateFilterProps=t.createFiltersFromItems=t.filtersReset=t.filterAction=t.filterActions=void 0;var s=i(2),r=i(5),l=i(3);function n(){return(n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e}).apply(this,arguments)}t.filterActions=(e=[],t=[],i=!0,r)=>{const l=[],a=e.map(e=>{const a=n({},e);let o,d;for((0,s.isUndefined)(a.appliedFilters)&&(a.appliedFilters={}),o=0,d=t.length;o<d;o+=1){const l=t[o],n=l.key;let d=l.value;(0,s.isUndefined)(d)&&(d="");let u=(0,s.getValForKey)(e,n);(0,s.isUndefined)(r)||(u=r(u)),(0,s.isUndefined)(u)&&(u=""),(0,s.isTypeString)(u)&&(u=u.trim()),i?u===d&&(a.appliedFilters[n]||(a.appliedFilters[n]=0),a.appliedFilters[n]+=1):u===d&&(a.appliedFilters[n]-=1,0===a.appliedFilters[n]&&delete a.appliedFilters[n])}return 0===Object.keys(a.appliedFilters).length&&(delete a.appliedFilters,l.push(n({},a))),a});return{filteredArray:l,dataWithFilter:a}};t.filterAction=(e=[],t={},i=!0,r)=>{const l=t.key;let a=t.value;if((0,s.isUndefined)(a)&&(a=""),!(0,s.isUndefined)(l)){const t=[],o=e.map(e=>{const o=n({},e);let d=(0,s.getValForKey)(e,l);return(0,s.isUndefined)(r)||(d=r(d)),(0,s.isUndefined)(d)&&(d=""),(0,s.isUndefined)(o.appliedFilters)&&(o.appliedFilters={}),(0,s.isTypeString)(d)&&(d=d.trim()),i?d===a&&(o.appliedFilters[l]||(o.appliedFilters[l]=0),o.appliedFilters[l]+=1):d===a&&(o.appliedFilters[l]-=1,0===o.appliedFilters[l]&&delete o.appliedFilters[l]),0===Object.keys(o.appliedFilters).length&&(delete o.appliedFilters,t.push(n({},o))),o});return{filteredArray:t,dataWithFilter:o}}};t.filtersReset=(e=[],t=[],i,r=!0,l)=>{const a=[],o=e.map(e=>{const o=n({},e);(0,s.isUndefined)(o.appliedFilters)&&(o.appliedFilters={});let d=(0,s.getValForKey)(o,i);return(0,s.isUndefined)(l)||(d=l(d)),(0,s.isUndefined)(d)&&(d=""),(0,s.isTypeString)(d)&&(d=d.trim()),t.indexOf(d)>=0&&(r?delete o.appliedFilters[i]:(o.appliedFilters[i]||(o.appliedFilters[i]=0),o.appliedFilters[i]++)),0===Object.keys(o.appliedFilters).length&&(delete o.appliedFilters,a.push(n({},o))),o});return{filteredArray:a,dataWithFilter:o}};const a=(e,t,i,a)=>{const o=e?[...e]:[],d=[];let u=[],c=!0;return o.map(e=>{let r=(0,s.getValForKey)(e,t),a=r;(0,s.isUndefined)(i)||(r=i(r));const o=e.appliedFilters||{};let p=r;if((0,s.isUndefined)(r)?(p=l.BLANK_LABEL,r="",a=p):(0,s.isTypeString)(r)&&(r=r.trim(),0===r.length&&(p=l.BLANK_LABEL,a=p)),-1===d.indexOf(r))!(0,s.isUndefined)(o)&&Object.keys(o).length>0?1===Object.keys(o).length&&Object.keys(o)[0]===t?(c=!1,u.push({key:r,display:p,selected:!1,visible:!0,orinigalValue:a})):u.push({key:r,display:p,selected:!0,visible:!1,orinigalValue:a}):u.push({key:r,display:p,selected:!0,visible:!0,orinigalValue:a}),d.push(r);else{const e=d.indexOf(r);let i=u[e];0===Object.keys(o).length&&(i.selected&&i.visible||(i=n({},i,{selected:!0,visible:!0}),u[e]=i)),1===Object.keys(o).length&&Object.keys(o)[0]===t&&(c=!1,i=n({},i,{selected:!1,visible:!0}),u[e]=i)}}),u=(0,r.sortAction)(u,l.ASC_VALUE,{valueFunc:a,key:"orinigalValue"}),{filterList:u,selectState:c}};t.createFiltersFromItems=a;t.calculateFilterProps=({filteredData:e,filterkey:t,itemDisplayValueFunc:i,itemSortValueFunc:r,sortKey:l,sortType:n})=>{const{filterList:o,selectState:d}=a(e,t,i,r);return{filterList:o,selectAllFilters:d,sortType:(0,s.isUndefined)(l)||l!==t?void 0:n}}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.sortAction=void 0;var s=i(2);const r=(e=[],t,{valueFunc:i,caseSensitive:r=!1,key:l}={})=>{if(!(0,s.isUndefined)(t)){const n=(e,n)=>{let a,o;(0,s.isUndefined)(l)?(a=e,o=n):(a=(0,s.getValForKey)(e,l),o=(0,s.getValForKey)(n,l)),(0,s.isUndefined)(i)?(isNaN(Number(a))||isNaN(Number(o))||(a=Number(a),o=Number(o)),(0,s.isTypeString)(a)&&(a=a.trim(),r||(a=a.toUpperCase())),(0,s.isTypeString)(o)&&(o=o.trim(),r||(o=o.toUpperCase()))):(a=i(a),o=i(o)),(0,s.isUndefined)(a)&&(a=""),(0,s.isUndefined)(o)&&(o="");let d=0;return d=a<o?-1:1,"asc"===t?d:-d};return[...e].sort(n)}return e};t.sortAction=r;var l=r;t.default=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=i(0),r=d(i(7)),l=i(2),n=i(4),a=i(5),o=d(i(1));function d(e){return e&&e.__esModule?e:{default:e}}function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e}).apply(this,arguments)}function c(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class p extends s.Component{constructor(e){super(e),c(this,"_applyInitialFilters",(e=[])=>{const t=this.currentFilters;if(!(0,l.isUndefined)(t)&&Object.keys(t).length>0){let i;Object.keys(t).map(s=>{const r=t[s].map(e=>({key:s,value:e})),l=(0,n.filterActions)(e,r,!0,this._getValueFunctionForKey(s));i=l.filteredArray,e=l.dataWithFilter}),this.props.onFilterUpdate&&this.props.onFilterUpdate(i,t)}return e}),c(this,"_getValueFunctionForKey",e=>{let t;return this.props.children.map((i,s)=>{(0,l.isUndefined)(i)||(0,l.isUndefined)(i.props.filterkey,!0)||i.props.filterkey!==e||(t=i.props.itemDisplayValueFunc)}),t}),c(this,"_createData",(e=[])=>{const t=[],i=[];return e.map(e=>{t.push(u({},e)),i.push(u({},e))}),{initialData:t,filteredData:i}}),c(this,"_filterMulipleRows",(e=[],t=[],i)=>{const s=this.state.filteredData;if(!(0,l.isUndefined)(e)){t.map(e=>{this._updateCurrentFilter(e.value,!1,e.key)}),e.map(e=>{this._updateCurrentFilter(e.value,!0,e.key)});let r=(0,n.filterActions)(s,t,!1,i);if(r=(0,n.filterActions)(r.dataWithFilter,e,!0,i),!(0,l.isUndefined)(r)){const e=r.filteredArray,t=r.dataWithFilter;this.setState({filteredData:t}),this.props.onFilterUpdate&&this.props.onFilterUpdate(e,this._getCurrentFilters())}}}),c(this,"_filterRows",(e,t,i=!0,s)=>{const r=this.state.filteredData;if(!(0,l.isUndefined)(e)&&!(0,l.isUndefined)(t)){this._updateCurrentFilters([e],i,t);const a=(0,n.filterAction)(r,{key:t,value:e},i,s);if(!(0,l.isUndefined)(a)){const e=a.filteredArray,t=a.dataWithFilter;this.setState({filteredData:t}),this.props.onFilterUpdate&&this.props.onFilterUpdate(e,this._getCurrentFilters())}}}),c(this,"_updateCurrentFilter",(e,t=!0,i)=>{if(!(0,l.isUndefined)(i,!0)&&!(0,l.isUndefined)(e,!1))if((0,l.isUndefined)(this.currentFilters[i])&&(this.currentFilters[i]=[]),t)this.currentFilters[i].indexOf(e)<0&&this.currentFilters[i].push(e);else if(this.currentFilters[i].indexOf(e)>=0){const t=this.currentFilters[i].indexOf(e);this.currentFilters[i]=[...this.currentFilters[i].slice(0,t),...this.currentFilters[i].slice(t+1)]}}),c(this,"_updateCurrentFilters",(e=[],t=!0,i)=>{(0,l.isUndefined)(e)||(0,l.isUndefined)(i)||e.map(e=>{this._updateCurrentFilter(e,t,i)})}),c(this,"_getCurrentFilters",()=>this.currentFilters),c(this,"_resetRows",(e=[],t,i=!0,s)=>{if(!(0,l.isUndefined)(t)){const r=this.state.filteredData;this._updateCurrentFilters(e,!i,t);const a=(0,n.filtersReset)(r,e,t,i,s);if(!(0,l.isUndefined)(a)){const e=a.filteredArray,t=a.dataWithFilter;this.setState({filteredData:t}),this.props.onFilterUpdate&&this.props.onFilterUpdate(e,this._getCurrentFilters())}}}),c(this,"_sortRows",(e,{valueFunc:t,caseSensitive:i=!1,key:s}={})=>{if(!(0,l.isUndefined)(e)){const r=this.state.filteredData,n=(0,a.sortAction)(r,e,{valueFunc:t,caseSensitive:i,key:s}),o=[];this.setState({filteredData:n,sortKey:s,sortType:e}),n.map(e=>{if((0,l.isUndefined)(e.appliedFilters)||0===Object.keys(e.appliedFilters).length){const t=u({},e);delete t.appliedFilters,o.push(t)}}),this.props.onFilterUpdate&&this.props.onFilterUpdate(o,this._getCurrentFilters())}}),c(this,"reset",(e,t=!0)=>{t?this.currentFilters={}:e=this._applyInitialFilters(e);const i=this._createData(e);this.setState({initialData:i.initialData,filteredData:i.filteredData})}),this.currentFilters=this.props.initialFilters||{};const t=this._applyInitialFilters(this.props.rows),i=this._createData(t);this.state={initialData:i.initialData,filteredData:i.filteredData,sortKey:void 0}}render(){return r.default.call(this)}}p.propTypes={rows:o.default.array.isRequired,onFilterUpdate:o.default.func.isRequired,rowClass:o.default.string,initialFilters:o.default.array,rowComponent:o.default.func,children:o.default.any};var f=p;t.default=f},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=a(i(0)),r=a(i(8)),l=i(2),n=(a(i(20)),i(4));function a(e){return e&&e.__esModule?e:{default:e}}function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e}).apply(this,arguments)}var d=function(){const e=this.props.children,t=[],{filteredData:i,sortType:a,sortKey:d}=this.state;let u;if(!(0,l.isUndefined)(e)&&e.length>0?s.default.Children.map(this.props.children,(e,u)=>{if((0,l.isUndefined)(e)||(0,l.isUndefined)(e.props.filterkey,!0)){if(!(0,l.isUndefined)(e)){const i=s.default.cloneElement(e);t.push(i)}}else{let c=e.props.className,p=e.props.children||[];const{filterkey:f,itemDisplayValueFunc:h,itemSortValueFunc:y}=e.props;(0,l.isTypeArray)(p)||(p=[p]),c=(0,l.isUndefined)(c,!0)?"apply-filter":[c," ","apply-filter"].join("");const _=(0,n.calculateFilterProps)({filteredData:i,filterkey:f,itemDisplayValueFunc:h,itemSortValueFunc:y,sortKey:d,sortType:a});"true"!=e.props.filterAdded?p.push(s.default.createElement(r.default,o({},e.props,_,{key:"list_"+u,filterRows:this._filterRows,filterMultipleRows:this._filterMulipleRows,resetRows:this._resetRows,sortRows:this._sortRows}))):p[p.length-1]=s.default.createElement(r.default,o({},e.props,_,{key:"list_"+u,filterRows:this._filterRows,filterMultipleRows:this._filterMulipleRows,resetRows:this._resetRows,sortRows:this._sortRows}));const m={className:c,filteradded:"true"},v=s.default.cloneElement(e,m,[...p]);t.push(v)}}):console.error("TableFilter Error: Should contain one or more children"),(0,l.isUndefined)(this.props.rowComponent))u=s.default.createElement("tr",{className:[this.props.rowClass?this.props.rowClass+" ":"","table-filter-row"].join("")},t);else{const e=this.props.rowComponent,i={className:[this.props.rowClass?this.props.rowClass+" ":"","table-filter-row"].join("")};u=s.default.cloneElement(e,i,[...t])}return u};t.default=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=f(i(0)),r=f(i(9)),l=f(i(12)),n=f(i(13)),a=f(i(14)),o=f(i(18)),d=f(i(19)),u=f(i(1)),c=i(3),p=i(2);function f(e){return e&&e.__esModule?e:{default:e}}function h(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class y extends s.default.Component{constructor(e){super(e),h(this,"_handleOutsideClick",e=>{this.filterIconNode.contains(e.target)||this._hideFilter()}),h(this,"_filterIconClicked",e=>{!this.state.showFilter?this._displayFilter():this._hideFilter()}),h(this,"_displayFilter",()=>{a.default.sub("click",this._handleOutsideClick),this.setState({showFilter:!0})}),h(this,"_hideFilter",()=>{a.default.unsub("click",this._handleOutsideClick),this.setState({showFilter:!1,searchEnabled:!1})}),h(this,"_filterUpdated",e=>{const t=this.props.filterList;if(!(0,p.isUndefined)(t[e])){const i=!t[e].selected;this._filterData(t[e].key,!i)}}),h(this,"_selectAllClicked",()=>{const e=!this.props.selectAllFilters;if(this.state.searchEnabled)return;const t=this.props.filterList.filter(t=>e?t.visible&&!t.selected:t.visible&&t.selected).map(e=>e.key);this._resetData(t,e)}),h(this,"_filterData",(e,t=!0)=>{this.props.filterRows(e,this.props.filterkey,t,this.props.itemDisplayValueFunc)}),h(this,"_resetData",(e=[],t=!0)=>{this.props.resetRows(e,this.props.filterkey,t,this.props.itemDisplayValueFunc)}),h(this,"_sortClicked",()=>{const e=this.props.sortType;let t;t=(0,p.isUndefined)(e)||e===c.DSC_VALUE?c.ASC_VALUE:c.DSC_VALUE,this.props.sortRows(t,{itemSortValueFunc:this.props.itemSortValueFunc,caseSensitive:"true"===this.props.casesensitive,key:this.props.filterkey})}),h(this,"_searchChanged",e=>{const t=this.props.filterkey;this.searchValue=e;const i=this.appliedSearchFilters;if((0,p.isUndefined)(e,!0))this.setState({searchEnabled:!1}),this.appliedSearchFilters=[],this.props.filterMultipleRows([],i,this.props.itemDisplayValueFunc);else{this.setState({searchEnabled:!0}),e=e.toLowerCase();const s=this.props.filterList.filter(t=>!!(t.key.toString().toLowerCase().indexOf(e)<0&&t.visible)).map(e=>({key:t,value:e.key}));this.appliedSearchFilters=s,this.props.filterMultipleRows(s,i,this.props.itemDisplayValueFunc)}}),this.appliedSearchFilters=void 0,this.searchValue=void 0,this.state={showFilter:!1,searchEnabled:!1}}componentWillUnmount(){a.default.unsub("click",this._handleOutsideClick)}render(){const e=this.state.showFilter,t="false"!==this.props.showsearch,i=[];let a;if(this.props.filterList.length>1){if(e){const e=t?s.default.createElement(n.default,{searchChanged:this._searchChanged}):null;this.props.filterList.map((e,t)=>{if(e.visible){if(this.state.searchEnabled){return e.key.toString().toLowerCase().indexOf(this.searchValue.toLowerCase())>=0?i.push(s.default.createElement(r.default,{key:"item_"+t,filterClicked:this._filterUpdated,index:t,label:e.display,selected:e.selected})):null}i.push(s.default.createElement(r.default,{key:"item_"+t,filterClicked:this._filterUpdated,index:t,label:e.display,selected:e.selected}))}});const o=["true"===this.props.alignleft?"align-left ":"","filter-list"].join("");a=s.default.createElement("div",{className:o},e,s.default.createElement(d.default,{sort:this._sortClicked,sortType:this.props.sortType}),s.default.createElement(l.default,{filterClicked:this._selectAllClicked,selected:this.props.selectAllFilters}),i)}const u=!this.props.selectAllFilters||e;return s.default.createElement("div",{className:"table-filter-parent",ref:e=>{this.filterIconNode=e}},s.default.createElement(o.default,{iconClicked:this._filterIconClicked,selected:u}),a)}return s.default.createElement("div",{style:{display:"none"}})}}y.propTypes={filterRows:u.default.func.isRequired,resetRows:u.default.func.isRequired,sortRows:u.default.func.isRequired,sortType:u.default.string,filterkey:u.default.string.isRequired,itemDisplayValueFunc:u.default.func,itemSortValueFunc:u.default.func,casesensitive:u.default.string,filterMultipleRows:u.default.func.isRequired,showsearch:u.default.string,alignleft:u.default.string,filterList:u.default.array,selectAllFilters:u.default.bool};var _=y;t.default=_},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=l(i(0)),r=l(i(1));function l(e){return e&&e.__esModule?e:{default:e}}class n extends s.default.Component{constructor(e){var t,i,s;super(e),s=()=>{this.props.filterClicked(this.props.index)},(i="_checkBoxClicked")in(t=this)?Object.defineProperty(t,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[i]=s}render(){const e=[this.props.selected?"selected ":"","filter-check-box"].join("");return s.default.createElement("div",{className:"filter-list-item ripple",onClick:this._checkBoxClicked},s.default.createElement("div",{className:e}),s.default.createElement("div",{className:"filter-label"},this.props.label))}}n.propTypes={filterClicked:r.default.func.isRequired,index:r.default.number.isRequired,label:r.default.any.isRequired,selected:r.default.bool.isRequired};var a=n;t.default=a},function(e,t,i){"use strict";var s=i(11);function r(){}function l(){}l.resetWarningCache=r,e.exports=function(){function e(e,t,i,r,l,n){if(n!==s){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var i={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:l,resetWarningCache:r};return i.PropTypes=i,i}},function(e,t,i){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=l(i(0)),r=l(i(1));function l(e){return e&&e.__esModule?e:{default:e}}class n extends s.default.Component{constructor(e){var t,i,s;super(e),s=()=>{this.props.filterClicked()},(i="_selectAllClicked")in(t=this)?Object.defineProperty(t,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[i]=s}render(){const e=[this.props.selected?"selected ":"","filter-check-box"].join("");return s.default.createElement("div",{className:"filter-list-item",onClick:this._selectAllClicked},s.default.createElement("div",{className:e}),s.default.createElement("div",{className:"filter-label select-all-label"},"Select All"))}}n.propTypes={filterClicked:r.default.func.isRequired,selected:r.default.bool.isRequired};var a=n;t.default=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=l(i(0)),r=l(i(1));function l(e){return e&&e.__esModule?e:{default:e}}function n(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class a extends s.default.Component{constructor(e){super(e),n(this,"_searchInputChanged",e=>{const t=e.target.value;this._callSearchChanged(t)}),n(this,"_callSearchChanged",e=>{this.props.searchChanged&&this.props.searchChanged(e)})}render(){return s.default.createElement("div",{className:"search-parent filter-list-item"},s.default.createElement("input",{className:"search-input",type:"text",placeholder:"search",onChange:this._searchInputChanged}))}}a.propTypes={searchChanged:r.default.func.isRequired};var o=a;t.default=o},function(e,t,i){"use strict";var s;Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=((s=i(15))&&s.__esModule?s:{default:s}).default;t.default=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=l(i(16)),r=l(i(17));function l(e){return e&&e.__esModule?e:{default:e}}var n=new class{constructor(){this._targets=new Map}_find(e,t=!0){const i=(0,r.default)(e);if(this._targets.has(i))return this._targets.get(i);if(!t)return;const l=new s.default(i);return this._targets.set(i,l),l}_remove(e){const t=(0,r.default)(e);this._targets.delete(t)}sub(e,t,i={}){const{target:s=document,pool:r="default"}=i;this._find(s).sub(e,t,r)}unsub(e,t,i={}){const{target:s=document,pool:r="default"}=i,l=this._find(s,!1);l&&(l.unsub(e,t,r),l.empty()&&this._remove(s))}};t.default=n},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=i(2);t.default=class{constructor(e){this.target=e,this._handlers={},this._pools={}}_emit(e){return e=>{Object.keys(this._pools).forEach(t=>{const i=this._pools[t];i&&i.forEach(t=>t(e))})}}_normalize(e){return(0,s.isTypeArray)(e)?e:[e]}_listen(e){if(this._handlers.hasOwnProperty(e))return;const t=this._emit(e);this.target.addEventListener(e,t),this._handlers[e]=t}_unlisten(e){if(this._pools[e])return;const t=this._handlers[e];this.target.removeEventListener(e,t),delete this._handlers[e]}empty(){return!(this._handlers&&Object.keys(this._handlers).length>0)}sub(e,t){const i=this._normalize(t),r=this._pools[""+e]||[],l=(0,s.uniq)([...r,...i]);this._listen(e),this._pools[""+e]=l}unsub(e,t){const i=this._normalize(t),r=this._pools[""+e]||[],l=(0,s.without)(r,i);l.length>0?this._pools[""+e]=l:(this._pools[""+e]=void 0,this._unlisten(e))}}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=e=>"document"===e?document:"window"===e?window:e||document;t.default=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=l(i(0)),r=l(i(1));function l(e){return e&&e.__esModule?e:{default:e}}class n extends s.default.Component{constructor(e){var t,i,s;super(e),s=()=>{this.props.iconClicked&&this.props.iconClicked()},(i="_iconClicked")in(t=this)?Object.defineProperty(t,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[i]=s}render(){const e=[this.props.selected?"selected ":"","table-filter-icon"].join("");return s.default.createElement("div",{onClick:this._iconClicked,className:e})}}n.propTypes={iconClicked:r.default.func.isRequired,selected:r.default.bool};var a=n;t.default=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=n(i(0)),r=i(2),l=n(i(1));function n(e){return e&&e.__esModule?e:{default:e}}class a extends s.default.Component{constructor(e){var t,i,s;super(e),s=()=>{this.props.sort()},(i="_sortClicked")in(t=this)?Object.defineProperty(t,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[i]=s}render(){const e=(0,r.isUndefined)(this.props.sortType)?"":" "+this.props.sortType;return s.default.createElement("div",{className:["sort-parent clear-fix",e].join(""),onClick:this._sortClicked},s.default.createElement("div",{className:"dsc table-filter-arrow"}),s.default.createElement("div",{className:"asc table-filter-arrow"}))}}a.propTypes={sort:l.default.func.isRequired,sortType:l.default.string};var o=a;t.default=o},function(e,t){}])}));